@ctlyst.id/internal-ui 4.1.16 → 4.2.0

package/dist/index.mjs

@@ -1085,7 +1085,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, () => ({
@@ -1271,10 +1280,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: flexRender(cell.column.columnDef.cell, cell.getContext())
                           }
                         )