@ctlyst.id/internal-ui 4.1.8 → 4.1.10

package/dist/index.d.mts

@@ -253,6 +253,7 @@ interface DataTableProps<T> {
     headerSticky?: boolean;
     columnPinning?: ColumnPinningState;
     onRowClick?: (data: T) => void;
+    isRowDisabled?: (row: T) => boolean;
 }
 declare const isCellDisabled: (row: DisabledRowData, cellId: string) => boolean;
 type DataTableRefs<T> = Pick<RowSelectionInstance<T>, 'toggleAllRowsSelected'>;

package/dist/index.d.ts

@@ -253,6 +253,7 @@ interface DataTableProps<T> {
     headerSticky?: boolean;
     columnPinning?: ColumnPinningState;
     onRowClick?: (data: T) => void;
+    isRowDisabled?: (row: T) => boolean;
 }
 declare const isCellDisabled: (row: DisabledRowData, cellId: string) => boolean;
 type DataTableRefs<T> = Pick<RowSelectionInstance<T>, 'toggleAllRowsSelected'>;

package/dist/index.js

@@ -1432,7 +1432,7 @@ var useDataTable = ({
 };
 var DataTable = React5.forwardRef((props, ref) => {
   var _a, _b, _c, _d, _e, _f, _g;
-  const { isLoading, styles, headerSticky, onRowClick, container, columnPinning } = props;
+  const { isLoading, styles, headerSticky, onRowClick, container, columnPinning, isRowDisabled } = props;
   const { table, toggleAllRowsSelected, generateColumn } = useDataTable(props);
   const refTable = React5.useRef(null);
   React5.useImperativeHandle(ref, () => ({
@@ -1570,6 +1570,8 @@ var DataTable = React5.forwardRef((props, ref) => {
                       }
                     }
                   `,
+              pointerEvents: isRowDisabled && isRowDisabled(row.original) ? "none" : "auto",
+              cursor: isRowDisabled && isRowDisabled(row.original) ? "default" : "pointer",
               onMouseDown: (e) => {
                 var _a2;
                 (_a2 = e.currentTarget) == null ? void 0 : _a2.setAttribute("data-active", "true");
@@ -5236,19 +5238,28 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                 ) }) }) })
               ] });
             } }, item.id),
-            !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react77.AccordionPanel, { mt: "1", p: "0", children: item.children.map((submenu) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-              NavItem,
+            !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+              import_react77.Fade,
               {
-                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
-            )) })
+                in: true,
+                transition: {
+                  enter: { duration: 0.5 }
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react77.AccordionPanel, { mt: "1", p: "0", children: item.children.map((submenu) => /* @__PURE__ */ (0, import_jsx_runtime60.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
+                )) })
+              }
+            )
           ] });
         } }, item.id);
       }) })