@itwin/itwinui-react 3.0.4 → 3.0.6

package/cjs/core/Table/utils.js

@@ -1,52 +1,50 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStickyStyle = exports.getCellStyle = void 0;
 const getCellStyle = (column, isTableResizing) => {
-  const style = {};
-  style.flex = `1 1 145px`;
-  if (column.width) {
-    const width =
-      typeof column.width === 'string' ? column.width : `${column.width}px`;
-    style.width = width;
-    // This allows flexbox to handle the width of the column on table resize
-    if (isTableResizing && column.canResize) {
-      style.flex = `${Number(column.width)} ${Number(column.width)} ${width}`;
-    } else {
-      style.flex = `0 0 ${width}`;
+    const style = {};
+    style.flex = `1 1 145px`;
+    if (column.width) {
+        const width = typeof column.width === 'string' ? column.width : `${column.width}px`;
+        style.width = width;
+        // This allows flexbox to handle the width of the column on table resize
+        if (isTableResizing && column.canResize) {
+            style.flex = `${Number(column.width)} ${Number(column.width)} ${width}`;
+        }
+        else {
+            style.flex = `0 0 ${width}`;
+        }
     }
-  }
-  if (column.maxWidth) {
-    style.maxWidth = `${column.maxWidth}px`;
-  }
-  if (column.minWidth) {
-    style.minWidth = `${column.minWidth}px`;
-  }
-  return style;
+    if (column.maxWidth) {
+        style.maxWidth = `${column.maxWidth}px`;
+    }
+    if (column.minWidth) {
+        style.minWidth = `${column.minWidth}px`;
+    }
+    return style;
 };
 exports.getCellStyle = getCellStyle;
 const getStickyStyle = (column, columnList) => {
-  if (!column.sticky) {
-    return {};
-  }
-  let left = 0;
-  for (const col of columnList) {
-    if (col.id === column.id) {
-      break;
+    if (!column.sticky) {
+        return {};
+    }
+    let left = 0;
+    for (const col of columnList) {
+        if (col.id === column.id) {
+            break;
+        }
+        left += Number(col.width || col.resizeWidth || 0);
     }
-    left += Number(col.width || col.resizeWidth || 0);
-  }
-  let right = 0;
-  for (const col of [...columnList].reverse()) {
-    if (col.id === column.id) {
-      break;
+    let right = 0;
+    for (const col of [...columnList].reverse()) {
+        if (col.id === column.id) {
+            break;
+        }
+        right += Number(col.width || col.resizeWidth || 0);
     }
-    right += Number(col.width || col.resizeWidth || 0);
-  }
-  return {
-    '--iui-table-sticky-left':
-      column.sticky === 'left' ? `${left}px` : undefined,
-    '--iui-table-sticky-right':
-      column.sticky === 'right' ? `${right}px` : undefined,
-  };
+    return {
+        '--iui-table-sticky-left': column.sticky === 'left' ? `${left}px` : undefined,
+        '--iui-table-sticky-right': column.sticky === 'right' ? `${right}px` : undefined,
+    };
 };
 exports.getStickyStyle = getStickyStyle;