@ctlyst.id/internal-ui 4.1.15 → 4.2.0

package/dist/index.d.mts

@@ -252,6 +252,7 @@ interface DataTableProps<T> {
     sortDescFirst?: boolean;
     headerSticky?: boolean;
     columnPinning?: ColumnPinningState;
+    cellLineClamp?: number;
     onRowClick?: (data: T) => void;
     isRowDisabled?: (row: T) => boolean;
 }
@@ -675,7 +676,7 @@ interface SidebarMenuProps {
     menu: MenuItem[];
     isCollapse: boolean;
     active: string | undefined;
-    setActive: (active: string) => void;
+    setActive: (active: string, fromParent?: boolean) => void;
     itemStyles?: NavItemProps;
     mappingIcon?: Map<string, JSX.Element>;
 }

package/dist/index.d.ts

@@ -252,6 +252,7 @@ interface DataTableProps<T> {
     sortDescFirst?: boolean;
     headerSticky?: boolean;
     columnPinning?: ColumnPinningState;
+    cellLineClamp?: number;
     onRowClick?: (data: T) => void;
     isRowDisabled?: (row: T) => boolean;
 }
@@ -675,7 +676,7 @@ interface SidebarMenuProps {
     menu: MenuItem[];
     isCollapse: boolean;
     active: string | undefined;
-    setActive: (active: string) => void;
+    setActive: (active: string, fromParent?: boolean) => void;
     itemStyles?: NavItemProps;
     mappingIcon?: Map<string, JSX.Element>;
 }

package/dist/index.js

@@ -1432,7 +1432,16 @@ var useDataTable = ({
 };
 var DataTable = React5.forwardRef((props, ref) => {
   var _a, _b, _c, _d, _e, _f, _g;
-  const { isLoading, styles, headerSticky, onRowClick, container, columnPinning, isRowDisabled } = props;
+  const {
+    isLoading,
+    styles,
+    headerSticky,
+    onRowClick,
+    container,
+    columnPinning,
+    isRowDisabled,
+    cellLineClamp = 2
+  } = props;
   const { table, toggleAllRowsSelected, generateColumn } = useDataTable(props);
   const refTable = React5.useRef(null);
   React5.useImperativeHandle(ref, () => ({
@@ -1618,10 +1627,12 @@ var DataTable = React5.forwardRef((props, ref) => {
                             onClick: (e) => {
                               e.stopPropagation();
                             },
-                            noOfLines: 2,
-                            sx: {
-                              display: "-webkit-inline-box"
-                            },
+                            ...cellLineClamp > 0 ? {
+                              noOfLines: cellLineClamp,
+                              sx: {
+                                display: "-webkit-inline-box"
+                              }
+                            } : {},
                             children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext())
                           }
                         )
@@ -5159,7 +5170,7 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                         isActive,
                         bg: activeParent,
                         "data-test-id": `CTA_nav-item-${item.title}`,
-                        onClick: () => setActive(item.children.length > 0 ? item.children[0].navLink : item.navLink),
+                        onClick: () => setActive(item.children.length > 0 ? item.children[0].navLink : item.navLink, true),
                         position: "relative",
                         ...itemStyles,
                         children: [