npm - @ctlyst.id/internal-ui - Versions diffs - 5.6.7 → 5.6.8 - Mend

@ctlyst.id/internal-ui 5.6.7 → 5.6.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -686,6 +686,7 @@ type SubMenuItem = {
     navHost: string;
     title: string;
     id: number;
+    itemProps?: NavItemProps;
 };
 type MenuItem = {
     id: number;
@@ -694,6 +695,7 @@ type MenuItem = {
     navHost?: string;
     title: string;
     type: string;
+    itemProps?: NavItemProps;
     children: SubMenuItem[];
 };

package/dist/index.d.ts CHANGED Viewed

@@ -686,6 +686,7 @@ type SubMenuItem = {
     navHost: string;
     title: string;
     id: number;
+    itemProps?: NavItemProps;
 };
 type MenuItem = {
     id: number;
@@ -694,6 +695,7 @@ type MenuItem = {
     navHost?: string;
     title: string;
     type: string;
+    itemProps?: NavItemProps;
     children: SubMenuItem[];
 };

package/dist/index.js CHANGED Viewed

@@ -5459,6 +5459,7 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
           const offsetStyle = isCollapse ? noChild ? [-5, 16] : [-1, 16] : [-1, 8];
           return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react85.Popover, { trigger: "hover", placement: "right-start", offset: offsetStyle, children: ({ isOpen, onClose }) => {
+              var _a, _b;
               const activeOption = isOpen ? "primary.50" : "white";
               const backgroundColor = isOpen && !isActive ? "primary.50" : "primary.100";
               const activeParent = isActive ? backgroundColor : activeOption;
@@ -5480,6 +5481,7 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                         "data-test-id": `CTA_nav-item-${item.title}`,
                         onClick: () => setActive(item.children.length > 0 ? item.children[0].navLink : item.navLink, true),
                         position: "relative",
+                        ...(_a = item.itemProps) != null ? _a : {},
                         ...itemStyles,
                         children: [
                           mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react85.Box, { display: "flex", boxSize: "3", transition: "50ms linear", children: mappingIcon2.get(item.icon || "") }),
@@ -5525,22 +5527,26 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                     mappingIcon2.get(item.icon || ""),
                     /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react85.Box, { as: "span", ml: "2", children: item.title })
                   ] }) }),
-                  !!item.children.length && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react85.PopoverBody, { pb: "1", px: "0", pt: "0", children: item.children.map((submenu) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-                    NavItem,
-                    {
-                      "data-test-id": `CTA_Sidebar-popover-item-${submenu.id}`,
-                      isChild: true,
-                      isActive: active === submenu.navLink,
-                      onClick: () => {
-                        setActive(submenu.navLink);
-                        onClose();
+                  !!item.children.length && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react85.PopoverBody, { pb: "1", px: "0", pt: "0", children: item.children.map((submenu) => {
+                    var _a2;
+                    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                      NavItem,
+                      {
+                        "data-test-id": `CTA_Sidebar-popover-item-${submenu.id}`,
+                        isChild: true,
+                        isActive: active === submenu.navLink,
+                        onClick: () => {
+                          setActive(submenu.navLink);
+                          onClose();
+                        },
+                        rounded: "none",
+                        ...(_a2 = submenu.itemProps) != null ? _a2 : {},
+                        ...itemStyles,
+                        children: submenu.title
                       },
-                      rounded: "none",
-                      ...itemStyles,
-                      children: submenu.title
-                    },
-                    submenu.id
-                  )) })
+                      submenu.id
+                    );
+                  }) })
                 ] }) : isCollapse && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react85.PopoverContent, { w: "174px", borderColor: "neutral.200", bg: "white", rounded: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react85.PopoverBody, { py: "1", px: "0", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
                   NavItem,
                   {
@@ -5552,6 +5558,7 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                       onClose();
                     },
                     rounded: "none",
+                    ...(_b = item.itemProps) != null ? _b : {},
                     ...itemStyles,
                     children: [
                       mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react85.Box, { display: "flex", boxSize: "3", transition: "50ms linear", children: mappingIcon2.get(item.icon || "") }),
@@ -5569,19 +5576,23 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                 transition: {
                   enter: { duration: 0.5 }
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react85.AccordionPanel, { mt: "1", p: "0", children: item.children.map((submenu) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-                  NavItem,
-                  {
-                    mt: "1",
-                    "data-test-id": `CTA_Sidebar-accordion-item-${submenu.id}`,
-                    isActive: active === submenu.navLink,
-                    isChild: true,
-                    ...itemStyles,
-                    onClick: () => setActive(submenu.navLink),
-                    children: submenu.title
-                  },
-                  submenu.id
-                )) })
+                children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react85.AccordionPanel, { mt: "1", p: "0", children: item.children.map((submenu) => {
+                  var _a;
+                  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                    NavItem,
+                    {
+                      mt: "1",
+                      "data-test-id": `CTA_Sidebar-accordion-item-${submenu.id}`,
+                      isActive: active === submenu.navLink,
+                      isChild: true,
+                      ...(_a = submenu.itemProps) != null ? _a : {},
+                      ...itemStyles,
+                      onClick: () => setActive(submenu.navLink),
+                      children: submenu.title
+                    },
+                    submenu.id
+                  );
+                }) })
               }
             )
           ] });