@ctlyst.id/internal-ui 5.6.7 → 5.7.0

package/dist/index.d.mts

@@ -261,7 +261,7 @@ interface DataTableProps<T> {
     onRowClick?: (data: T) => void;
     disabledRow?: (row: T) => boolean;
     highlightedRow?: (row: T) => boolean;
-    highlightRowColor?: BackgroundProps['bg'];
+    highlightRowColor?: BackgroundProps['bg'] | ((row: T) => BackgroundProps['bg']);
     /** paddingRowX in px */
     paddingRowX?: number;
 }
@@ -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

@@ -261,7 +261,7 @@ interface DataTableProps<T> {
     onRowClick?: (data: T) => void;
     disabledRow?: (row: T) => boolean;
     highlightedRow?: (row: T) => boolean;
-    highlightRowColor?: BackgroundProps['bg'];
+    highlightRowColor?: BackgroundProps['bg'] | ((row: T) => BackgroundProps['bg']);
     /** paddingRowX in px */
     paddingRowX?: number;
 }
@@ -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

@@ -1767,12 +1767,13 @@ var DataTable = React6.forwardRef((props, ref) => {
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react31.Tbody, { ...styles == null ? void 0 : styles.tableBody, animation: `${fadeIn} 0.15s ease-out`, children: table.getRowModel().rows.map((row, index) => {
           const isDisabledRow = disabledRow && disabledRow(row.original);
           const isHighlightedRow = Object.keys(selectedRow != null ? selectedRow : {}).filter((key) => selectedRow == null ? void 0 : selectedRow[key]).includes(row.id) || highlightedRow && highlightedRow(row.original);
+          const hgColor = typeof highlightRowColor === "function" ? highlightRowColor(row.original) : highlightRowColor;
           return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             import_react31.Tr,
             {
               "data-test-id": "-RU0hNYGRzeVM3HQ4cXHl",
               ...styles == null ? void 0 : styles.tableRow,
-              sx: { ...isHighlightedRow && getTableHighlightStyle(highlightRowColor) },
+              sx: { ...isHighlightedRow && getTableHighlightStyle(hgColor) },
               "aria-disabled": isDisabledRow,
               "data-highlight": isHighlightedRow ? "true" : "false",
               css: import_react32.css`
@@ -5459,6 +5460,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 +5482,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 +5528,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 +5559,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 +5577,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
+                  );
+                }) })
               }
             )
           ] });