@itwin/itwinui-react 3.13.3 → 3.14.0

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

@@ -1,73 +1,115 @@
-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;
+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;
-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;
-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;
-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;
-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;
-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;
-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;
-let exact = (rows, ids, filterValue)=>rows.filter((row)=>ids.some((id)=>{
-            let rowValue = row.values[id];
-            return rowValue === filterValue;
-        }));
-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)=>null == val;
-let between = (rows, ids, filterValue)=>{
-    let [min, max] = filterValue || [];
-    min = 'number' == typeof min ? min : -1 / 0;
-    max = 'number' == typeof max ? max : 1 / 0;
-    if (min > max) {
-        let temp = min;
-        min = max;
-        max = temp;
-    }
-    return rows.filter((row)=>ids.some((id)=>{
-            let rowValue = row.values[id];
-            return rowValue >= min && rowValue <= max;
-        }));
+text.autoRemove = (val) => !val;
+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;
+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;
+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;
+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;
+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;
+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;
+let exact = (rows, ids, filterValue) =>
+  rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
+      return rowValue === filterValue;
+    }),
+  );
+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) => null == val;
+let between = (rows, ids, filterValue) => {
+  let [min, max] = filterValue || [];
+  min = 'number' == typeof min ? min : -1 / 0;
+  max = 'number' == typeof max ? max : 1 / 0;
+  if (min > max) {
+    let temp = min;
+    min = max;
+    max = temp;
+  }
+  return rows.filter((row) =>
+    ids.some((id) => {
+      let rowValue = row.values[id];
+      return rowValue >= min && rowValue <= max;
+    }),
+  );
 };
-between.autoRemove = (val)=>!val || 'number' != typeof val[0] && 'number' != typeof val[1];
+between.autoRemove = (val) =>
+  !val || ('number' != typeof val[0] && 'number' != typeof val[1]);
 export const defaultFilterFunctions = {
-    text,
-    exactText,
-    exactTextCase,
-    includes,
-    includesAll,
-    includesSome,
-    includesValue,
-    between
+  text,
+  exactText,
+  exactTextCase,
+  includes,
+  includesAll,
+  includesSome,
+  includesValue,
+  between,
 };

package/DEV-esm/core/Table/filters/tableFilters.js

@@ -3,16 +3,19 @@ import { DateRangeFilter } from './DateRangeFilter/DateRangeFilter.js';
 import { NumberRangeFilter } from './NumberRangeFilter/NumberRangeFilter.js';
 import { TextFilter } from './TextFilter/TextFilter.js';
 export const tableFilters = {
-    TextFilter: (translatedLabels)=>(props)=>React.createElement(TextFilter, {
-                ...props,
-                translatedLabels: translatedLabels
-            }),
-    DateRangeFilter: (options)=>(props)=>React.createElement(DateRangeFilter, {
-                ...props,
-                ...options
-            }),
-    NumberRangeFilter: (translatedLabels)=>(props)=>React.createElement(NumberRangeFilter, {
-                ...props,
-                translatedLabels: translatedLabels
-            })
+  TextFilter: (translatedLabels) => (props) =>
+    React.createElement(TextFilter, {
+      ...props,
+      translatedLabels: translatedLabels,
+    }),
+  DateRangeFilter: (options) => (props) =>
+    React.createElement(DateRangeFilter, {
+      ...props,
+      ...options,
+    }),
+  NumberRangeFilter: (translatedLabels) => (props) =>
+    React.createElement(NumberRangeFilter, {
+      ...props,
+      translatedLabels: translatedLabels,
+    }),
 };

package/DEV-esm/core/Table/filters/types.js

@@ -1 +1 @@
-export { };
+export {};

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

@@ -1,99 +1,108 @@
 import { actions, makePropGetter, useGetLatest } from 'react-table';
 import { styles } from '../../../styles.js';
 let REORDER_ACTIONS = {
-    columnDragStart: 'columnDragStart',
-    columnDragEnd: 'columnDragEnd'
+  columnDragStart: 'columnDragStart',
+  columnDragEnd: 'columnDragEnd',
 };
-export const useColumnDragAndDrop = (isEnabled)=>(hooks)=>{
-        hooks.getDragAndDropProps = [
-            defaultGetDragAndDropProps(isEnabled)
-        ];
-        hooks.stateReducers.push(reducer);
-        hooks.useInstance.push(useInstance);
+export const useColumnDragAndDrop = (isEnabled) => (hooks) => {
+  hooks.getDragAndDropProps = [defaultGetDragAndDropProps(isEnabled)];
+  hooks.stateReducers.push(reducer);
+  hooks.useInstance.push(useInstance);
+};
+let defaultGetDragAndDropProps =
+  (isEnabled) =>
+  (props, { instance, header }) => {
+    if (!isEnabled || header.disableReordering) return props;
+    let onDragStart = () => {
+      instance.dispatch({
+        type: REORDER_ACTIONS.columnDragStart,
+        columnIndex: instance.flatHeaders.indexOf(header),
+      });
+    };
+    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 ('left' === position)
+        columnElement.classList.add(styles['iui-table-reorder-column-left']);
+      else if ('right' === position)
+        columnElement.classList.add(styles['iui-table-reorder-column-right']);
+    };
+    let reorderColumns = (tableColumns, srcIndex, dstIndex) => {
+      let newTableColumns = [...tableColumns];
+      let [removed] = newTableColumns.splice(srcIndex, 1);
+      newTableColumns.splice(dstIndex, 0, removed);
+      return newTableColumns;
+    };
+    let onDragOver = (event) => {
+      event.preventDefault();
+      let headerIndex = instance.flatHeaders.indexOf(header);
+      if (instance.state.columnReorderStartIndex !== headerIndex)
+        setOnDragColumnStyle(
+          event,
+          instance.state.columnReorderStartIndex > headerIndex
+            ? 'left'
+            : 'right',
+        );
+    };
+    let onDragLeave = (event) => {
+      setOnDragColumnStyle(event);
     };
-let defaultGetDragAndDropProps = (isEnabled)=>(props, { instance, header })=>{
-        if (!isEnabled || header.disableReordering) return props;
-        let onDragStart = ()=>{
-            instance.dispatch({
-                type: REORDER_ACTIONS.columnDragStart,
-                columnIndex: instance.flatHeaders.indexOf(header)
-            });
-        };
-        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 ('left' === position) columnElement.classList.add(styles['iui-table-reorder-column-left']);
-            else if ('right' === position) columnElement.classList.add(styles['iui-table-reorder-column-right']);
-        };
-        let reorderColumns = (tableColumns, srcIndex, dstIndex)=>{
-            let newTableColumns = [
-                ...tableColumns
-            ];
-            let [removed] = newTableColumns.splice(srcIndex, 1);
-            newTableColumns.splice(dstIndex, 0, removed);
-            return newTableColumns;
-        };
-        let onDragOver = (event)=>{
-            event.preventDefault();
-            let headerIndex = instance.flatHeaders.indexOf(header);
-            if (instance.state.columnReorderStartIndex !== headerIndex) setOnDragColumnStyle(event, instance.state.columnReorderStartIndex > headerIndex ? 'left' : 'right');
-        };
-        let onDragLeave = (event)=>{
-            setOnDragColumnStyle(event);
-        };
-        let onDrop = (event)=>{
-            event.preventDefault();
-            setOnDragColumnStyle(event);
-            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,
-                columnIndex: -1
-            });
-        };
-        return [
-            props,
-            {
-                draggable: true,
-                onDragStart,
-                onDragOver,
-                onDragLeave,
-                onDrop
-            }
-        ];
+    let onDrop = (event) => {
+      event.preventDefault();
+      setOnDragColumnStyle(event);
+      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,
+        columnIndex: -1,
+      });
     };
-let reducer = (newState, action)=>{
-    switch(action.type){
-        case actions.init:
-            return {
-                ...newState,
-                columnReorderStartIndex: -1
-            };
-        case REORDER_ACTIONS.columnDragStart:
-            return {
-                ...newState,
-                columnReorderStartIndex: action.columnIndex
-            };
-        case REORDER_ACTIONS.columnDragEnd:
-            return {
-                ...newState,
-                columnReorderStartIndex: -1
-            };
-        default:
-            return newState;
-    }
+    return [
+      props,
+      {
+        draggable: true,
+        onDragStart,
+        onDragOver,
+        onDragLeave,
+        onDrop,
+      },
+    ];
+  };
+let reducer = (newState, action) => {
+  switch (action.type) {
+    case actions.init:
+      return {
+        ...newState,
+        columnReorderStartIndex: -1,
+      };
+    case REORDER_ACTIONS.columnDragStart:
+      return {
+        ...newState,
+        columnReorderStartIndex: action.columnIndex,
+      };
+    case REORDER_ACTIONS.columnDragEnd:
+      return {
+        ...newState,
+        columnReorderStartIndex: -1,
+      };
+    default:
+      return newState;
+  }
 };
-let useInstance = (instance)=>{
-    let { flatHeaders, getHooks } = instance;
-    let getInstance = useGetLatest(instance);
-    flatHeaders.forEach((header)=>{
-        header.getDragAndDropProps = makePropGetter(getHooks().getDragAndDropProps, {
-            instance: getInstance(),
-            header
-        });
-    });
+let useInstance = (instance) => {
+  let { flatHeaders, getHooks } = instance;
+  let getInstance = useGetLatest(instance);
+  flatHeaders.forEach((header) => {
+    header.getDragAndDropProps = makePropGetter(
+      getHooks().getDragAndDropProps,
+      {
+        instance: getInstance(),
+        header,
+      },
+    );
+  });
 };

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

@@ -1,20 +1,28 @@
 import * as React from 'react';
 import { ExpanderColumn, EXPANDER_CELL_ID } from '../columns/index.js';
-export const useExpanderCell = (subComponent, expanderCell, isRowDisabled)=>(hooks)=>{
-        if (!subComponent) return;
-        hooks.allColumns.push((columns)=>{
-            let hasExpanderColumn = columns.find((c)=>c.id === EXPANDER_CELL_ID);
-            if (hasExpanderColumn) return columns;
-            let expanderColumn = ExpanderColumn({
-                subComponent,
-                isDisabled: isRowDisabled
-            });
-            return [
-                {
-                    ...expanderColumn,
-                    Cell: expanderCell ? (cellProps)=>React.createElement(React.Fragment, null, expanderCell(cellProps)) : expanderColumn.Cell
-                },
-                ...columns
-            ];
-        });
-    };
+export const useExpanderCell =
+  (subComponent, expanderCell, isRowDisabled) => (hooks) => {
+    if (!subComponent) return;
+    hooks.allColumns.push((columns) => {
+      let hasExpanderColumn = columns.find((c) => c.id === EXPANDER_CELL_ID);
+      if (hasExpanderColumn) return columns;
+      let expanderColumn = ExpanderColumn({
+        subComponent,
+        isDisabled: isRowDisabled,
+      });
+      return [
+        {
+          ...expanderColumn,
+          Cell: expanderCell
+            ? (cellProps) =>
+                React.createElement(
+                  React.Fragment,
+                  null,
+                  expanderCell(cellProps),
+                )
+            : expanderColumn.Cell,
+        },
+        ...columns,
+      ];
+    });
+  };