@itwin/itwinui-react 3.12.2 → 3.13.0

package/esm/core/Table/filters/customFilterFunctions.js

@@ -1,22 +1,21 @@
-const isValidDate = (date) => !!date && !isNaN(date.valueOf());
-const betweenDate = (rows, ids, filterValue) => {
-  const [min, max] = filterValue || [];
-  const MAX_DATE_VALUE = 8640000000000000;
-  const minValue = isValidDate(min) ? min : new Date(-MAX_DATE_VALUE);
-  const maxValue = isValidDate(max) ? max : new Date(MAX_DATE_VALUE);
-  return rows.filter((row) => {
-    return ids.some((id) => {
-      const rowValue = row.values[id];
+let isValidDate = (date) => !!date && !isNaN(date.valueOf());
+let betweenDate = (rows, ids, filterValue) => {
+  let [min, max] = filterValue || [];
+  let MAX_DATE_VALUE = 8640000000000000;
+  let minValue = isValidDate(min) ? min : new Date(-MAX_DATE_VALUE);
+  let maxValue = isValidDate(max) ? max : new Date(MAX_DATE_VALUE);
+  return rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
       return (
         rowValue.valueOf() >= minValue.valueOf() &&
         rowValue.valueOf() <= maxValue.valueOf()
       );
-    });
-  });
-};
-betweenDate.autoRemove = (val) => {
-  return !val || (!isValidDate(val[0]) && !isValidDate(val[1]));
+    }),
+  );
 };
+betweenDate.autoRemove = (val) =>
+  !val || (!isValidDate(val[0]) && !isValidDate(val[1]));
 export const customFilterFunctions = {
   betweenDate,
 };

package/esm/core/Table/filters/defaultFilterFunctions.js

@@ -1,117 +1,108 @@
-const text = (rows, ids, filterValue) => {
-  rows = rows.filter((row) => {
-    return ids.some((id) => {
-      const rowValue = row.values[id];
+let text = (rows, ids, filterValue) => {
+  rows = rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
       return String(rowValue)
         .toLowerCase()
         .includes(String(filterValue).toLowerCase());
-    });
-  });
+    }),
+  );
   return rows;
 };
 text.autoRemove = (val) => !val;
-const exactText = (rows, ids, filterValue) => {
-  return rows.filter((row) => {
-    return ids.some((id) => {
-      const rowValue = row.values[id];
-      return rowValue !== undefined
-        ? String(rowValue).toLowerCase() === String(filterValue).toLowerCase()
-        : true;
-    });
-  });
-};
+let exactText = (rows, ids, filterValue) =>
+  rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
+      return (
+        void 0 === rowValue ||
+        String(rowValue).toLowerCase() === String(filterValue).toLowerCase()
+      );
+    }),
+  );
 exactText.autoRemove = (val) => !val;
-const exactTextCase = (rows, ids, filterValue) => {
-  return rows.filter((row) => {
-    return ids.some((id) => {
-      const rowValue = row.values[id];
-      return rowValue !== undefined
-        ? String(rowValue) === String(filterValue)
-        : true;
-    });
-  });
-};
+let exactTextCase = (rows, ids, filterValue) =>
+  rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
+      return void 0 === rowValue || String(rowValue) === String(filterValue);
+    }),
+  );
 exactTextCase.autoRemove = (val) => !val;
-const includes = (rows, ids, filterValue) => {
-  return rows.filter((row) => {
-    return ids.some((id) => {
-      const rowValue = row.values[id];
+let includes = (rows, ids, filterValue) =>
+  rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
       return rowValue.includes(filterValue);
-    });
-  });
-};
+    }),
+  );
 includes.autoRemove = (val) => !val || !val.length;
-const includesAll = (rows, ids, filterValue) => {
-  return rows.filter((row) => {
-    return ids.some((id) => {
-      const rowValue = row.values[id];
+let includesAll = (rows, ids, filterValue) =>
+  rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
       return (
         rowValue &&
         rowValue.length &&
         filterValue.every((val) => rowValue.includes(val))
       );
-    });
-  });
-};
+    }),
+  );
 includesAll.autoRemove = (val) => !val || !val.length;
-const includesSome = (rows, ids, filterValue) => {
-  return rows.filter((row) => {
-    return ids.some((id) => {
-      const rowValue = row.values[id];
+let includesSome = (rows, ids, filterValue) =>
+  rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
       return (
         rowValue &&
         rowValue.length &&
         filterValue.some((val) => rowValue.includes(val))
       );
-    });
-  });
-};
+    }),
+  );
 includesSome.autoRemove = (val) => !val || !val.length;
-const includesValue = (rows, ids, filterValue) => {
-  return rows.filter((row) => {
-    return ids.some((id) => {
-      const rowValue = row.values[id];
+let includesValue = (rows, ids, filterValue) =>
+  rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
       return filterValue.includes(rowValue);
-    });
-  });
-};
+    }),
+  );
 includesValue.autoRemove = (val) => !val || !val.length;
-const exact = (rows, ids, filterValue) => {
-  return rows.filter((row) => {
-    return ids.some((id) => {
-      const rowValue = row.values[id];
+let exact = (rows, ids, filterValue) =>
+  rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
       return rowValue === filterValue;
-    });
-  });
-};
-exact.autoRemove = (val) => typeof val === 'undefined';
-const equals = (rows, ids, filterValue) => {
-  return rows.filter((row) => {
-    return ids.some((id) => {
-      const rowValue = row.values[id];
+    }),
+  );
+exact.autoRemove = (val) => void 0 === val;
+let equals = (rows, ids, filterValue) =>
+  rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
       return rowValue == filterValue;
-    });
-  });
-};
-equals.autoRemove = (val) => val == null;
-const between = (rows, ids, filterValue) => {
+    }),
+  );
+equals.autoRemove = (val) => null == val;
+let between = (rows, ids, filterValue) => {
   let [min, max] = filterValue || [];
-  min = typeof min === 'number' ? min : -Infinity;
-  max = typeof max === 'number' ? max : Infinity;
+  min = 'number' == typeof min ? min : -1 / 0;
+  max = 'number' == typeof max ? max : 1 / 0;
   if (min > max) {
-    const temp = min;
+    let temp = min;
     min = max;
     max = temp;
   }
-  return rows.filter((row) => {
-    return ids.some((id) => {
-      const rowValue = row.values[id];
+  return rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
       return rowValue >= min && rowValue <= max;
-    });
-  });
+    }),
+  );
 };
 between.autoRemove = (val) =>
-  !val || (typeof val[0] !== 'number' && typeof val[1] !== 'number');
+  !val || ('number' != typeof val[0] && 'number' != typeof val[1]);
 export const defaultFilterFunctions = {
   text,
   exactText,

package/esm/core/Table/hooks/useColumnDragAndDrop.js

@@ -1,6 +1,6 @@
 import { actions, makePropGetter, useGetLatest } from 'react-table';
 import { styles } from '../../../styles.js';
-const REORDER_ACTIONS = {
+let REORDER_ACTIONS = {
   columnDragStart: 'columnDragStart',
   columnDragEnd: 'columnDragEnd',
 };
@@ -9,58 +9,52 @@ export const useColumnDragAndDrop = (isEnabled) => (hooks) => {
   hooks.stateReducers.push(reducer);
   hooks.useInstance.push(useInstance);
 };
-const defaultGetDragAndDropProps =
+let defaultGetDragAndDropProps =
   (isEnabled) =>
   (props, { instance, header }) => {
-    if (!isEnabled || header.disableReordering) {
-      return props;
-    }
-    const onDragStart = () => {
+    if (!isEnabled || header.disableReordering) return props;
+    let onDragStart = () => {
       instance.dispatch({
         type: REORDER_ACTIONS.columnDragStart,
         columnIndex: instance.flatHeaders.indexOf(header),
       });
     };
-    const setOnDragColumnStyle = (event, position) => {
-      const columnElement = event.currentTarget;
+    let setOnDragColumnStyle = (event, position) => {
+      let columnElement = event.currentTarget;
       columnElement.classList.remove(styles['iui-table-reorder-column-right']);
       columnElement.classList.remove(styles['iui-table-reorder-column-left']);
-      if (position === 'left') {
+      if ('left' === position)
         columnElement.classList.add(styles['iui-table-reorder-column-left']);
-      } else if (position === 'right') {
+      else if ('right' === position)
         columnElement.classList.add(styles['iui-table-reorder-column-right']);
-      }
     };
-    const reorderColumns = (tableColumns, srcIndex, dstIndex) => {
-      const newTableColumns = [...tableColumns];
-      const [removed] = newTableColumns.splice(srcIndex, 1);
+    let reorderColumns = (tableColumns, srcIndex, dstIndex) => {
+      let newTableColumns = [...tableColumns];
+      let [removed] = newTableColumns.splice(srcIndex, 1);
       newTableColumns.splice(dstIndex, 0, removed);
       return newTableColumns;
     };
-    const onDragOver = (event) => {
+    let onDragOver = (event) => {
       event.preventDefault();
-      const headerIndex = instance.flatHeaders.indexOf(header);
-      if (instance.state.columnReorderStartIndex !== headerIndex) {
+      let headerIndex = instance.flatHeaders.indexOf(header);
+      if (instance.state.columnReorderStartIndex !== headerIndex)
         setOnDragColumnStyle(
           event,
           instance.state.columnReorderStartIndex > headerIndex
             ? 'left'
             : 'right',
         );
-      }
     };
-    const onDragLeave = (event) => {
+    let onDragLeave = (event) => {
       setOnDragColumnStyle(event);
     };
-    const onDrop = (event) => {
+    let onDrop = (event) => {
       event.preventDefault();
       setOnDragColumnStyle(event);
-      const columnIds = instance.allColumns.map((x) => x.id);
-      const srcIndex = instance.state.columnReorderStartIndex;
-      const dstIndex = columnIds.findIndex((x) => x === header.id);
-      if (srcIndex === dstIndex || srcIndex === -1 || dstIndex === -1) {
-        return;
-      }
+      let columnIds = instance.allColumns.map((x) => x.id);
+      let srcIndex = instance.state.columnReorderStartIndex;
+      let dstIndex = columnIds.findIndex((x) => x === header.id);
+      if (srcIndex === dstIndex || -1 === srcIndex || -1 === dstIndex) return;
       instance.setColumnOrder(reorderColumns(columnIds, srcIndex, dstIndex));
       instance.dispatch({
         type: REORDER_ACTIONS.columnDragEnd,
@@ -78,7 +72,7 @@ const defaultGetDragAndDropProps =
       },
     ];
   };
-const reducer = (newState, action) => {
+let reducer = (newState, action) => {
   switch (action.type) {
     case actions.init:
       return {
@@ -99,9 +93,9 @@ const reducer = (newState, action) => {
       return newState;
   }
 };
-const useInstance = (instance) => {
-  const { flatHeaders, getHooks } = instance;
-  const getInstance = useGetLatest(instance);
+let useInstance = (instance) => {
+  let { flatHeaders, getHooks } = instance;
+  let getInstance = useGetLatest(instance);
   flatHeaders.forEach((header) => {
     header.getDragAndDropProps = makePropGetter(
       getHooks().getDragAndDropProps,

package/esm/core/Table/hooks/useExpanderCell.js

@@ -2,15 +2,11 @@ import * as React from 'react';
 import { ExpanderColumn, EXPANDER_CELL_ID } from '../columns/index.js';
 export const useExpanderCell =
   (subComponent, expanderCell, isRowDisabled) => (hooks) => {
-    if (!subComponent) {
-      return;
-    }
+    if (!subComponent) return;
     hooks.allColumns.push((columns) => {
-      const hasExpanderColumn = columns.find((c) => c.id === EXPANDER_CELL_ID);
-      if (hasExpanderColumn) {
-        return columns;
-      }
-      const expanderColumn = ExpanderColumn({
+      let hasExpanderColumn = columns.find((c) => c.id === EXPANDER_CELL_ID);
+      if (hasExpanderColumn) return columns;
+      let expanderColumn = ExpanderColumn({
         subComponent,
         isDisabled: isRowDisabled,
       });