@ctlyst.id/internal-ui 5.6.7 → 5.6.8

package/dist/index.mjs

@@ -5258,6 +5258,7 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
           const offsetStyle = isCollapse ? noChild ? [-5, 16] : [-1, 16] : [-1, 8];
           return /* @__PURE__ */ jsxs26(Fragment9, { children: [
             /* @__PURE__ */ jsx62(Popover6, { 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;
@@ -5279,6 +5280,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__ */ jsx62(Box28, { display: "flex", boxSize: "3", transition: "50ms linear", children: mappingIcon2.get(item.icon || "") }),
@@ -5324,22 +5326,26 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                     mappingIcon2.get(item.icon || ""),
                     /* @__PURE__ */ jsx62(Box28, { as: "span", ml: "2", children: item.title })
                   ] }) }),
-                  !!item.children.length && /* @__PURE__ */ jsx62(PopoverBody4, { pb: "1", px: "0", pt: "0", children: item.children.map((submenu) => /* @__PURE__ */ jsx62(
-                    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__ */ jsx62(PopoverBody4, { pb: "1", px: "0", pt: "0", children: item.children.map((submenu) => {
+                    var _a2;
+                    return /* @__PURE__ */ jsx62(
+                      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__ */ jsx62(PopoverContent6, { w: "174px", borderColor: "neutral.200", bg: "white", rounded: "sm", children: /* @__PURE__ */ jsx62(PopoverBody4, { py: "1", px: "0", children: /* @__PURE__ */ jsxs26(
                   NavItem,
                   {
@@ -5351,6 +5357,7 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                       onClose();
                     },
                     rounded: "none",
+                    ...(_b = item.itemProps) != null ? _b : {},
                     ...itemStyles,
                     children: [
                       mappingIcon2 && /* @__PURE__ */ jsx62(Box28, { display: "flex", boxSize: "3", transition: "50ms linear", children: mappingIcon2.get(item.icon || "") }),
@@ -5368,19 +5375,23 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                 transition: {
                   enter: { duration: 0.5 }
                 },
-                children: /* @__PURE__ */ jsx62(AccordionPanel2, { mt: "1", p: "0", children: item.children.map((submenu) => /* @__PURE__ */ jsx62(
-                  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__ */ jsx62(AccordionPanel2, { mt: "1", p: "0", children: item.children.map((submenu) => {
+                  var _a;
+                  return /* @__PURE__ */ jsx62(
+                    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
+                  );
+                }) })
               }
             )
           ] });