@itwin/itwinui-react 2.0.0-dev.2 → 2.0.0-dev.3

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

@@ -1,25 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -32,24 +10,24 @@ import { IconButton } from '../../Buttons';
 /**
  * Handles showing filter icon and opening filter component.
  */
-export var FilterToggle = function (props) {
-    var column = props.column, className = props.className, rest = __rest(props, ["column", "className"]);
+export const FilterToggle = (props) => {
+    const { column, className, ...rest } = props;
     useTheme();
-    var _a = React.useState(false), isVisible = _a[0], setIsVisible = _a[1];
-    var close = React.useCallback(function () { return setIsVisible(false); }, []);
-    var setFilter = React.useCallback(function (filterValue) {
+    const [isVisible, setIsVisible] = React.useState(false);
+    const close = React.useCallback(() => setIsVisible(false), []);
+    const setFilter = React.useCallback((filterValue) => {
         column.setFilter(filterValue);
         close();
     }, [close, column]);
-    var clearFilter = React.useCallback(function () {
+    const clearFilter = React.useCallback(() => {
         column.setFilter(undefined);
         close();
     }, [close, column]);
-    var isColumnFiltered = column.filterValue != null && column.filterValue !== '';
-    return (React.createElement(React.Fragment, null, column.canFilter && column.Filter && (React.createElement(Popover, { content: column.render('Filter', { close: close, setFilter: setFilter, clearFilter: clearFilter }), placement: 'bottom-start', visible: isVisible, onClickOutside: close },
-        React.createElement(IconButton, __assign({ styleType: 'borderless', isActive: isVisible || isColumnFiltered, className: cx('iui-table-filter-button', className), onClick: function (e) {
-                setIsVisible(function (v) { return !v; });
+    const isColumnFiltered = column.filterValue != null && column.filterValue !== '';
+    return (React.createElement(React.Fragment, null, column.canFilter && column.Filter && (React.createElement(Popover, { content: column.render('Filter', { close, setFilter, clearFilter }), placement: 'bottom-start', visible: isVisible, onClickOutside: close },
+        React.createElement(IconButton, { styleType: 'borderless', isActive: isVisible || isColumnFiltered, className: cx('iui-table-filter-button', className), onClick: (e) => {
+                setIsVisible((v) => !v);
                 // Prevents from triggering sort
                 e.stopPropagation();
-            } }, rest), isColumnFiltered ? React.createElement(SvgFilter, null) : React.createElement(SvgFilterHollow, null))))));
+            }, ...rest }, isColumnFiltered ? React.createElement(SvgFilter, null) : React.createElement(SvgFilterHollow, null))))));
 };

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

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -19,29 +8,27 @@ import { FilterButtonBar, } from '../FilterButtonBar';
 import { BaseFilter } from '../BaseFilter';
 import '@itwin/itwinui-css/css/table.css';
 import { LabeledInput } from '../../../LabeledInput';
-var defaultStrings = {
+const defaultStrings = {
     from: 'From',
     to: 'To',
 };
-export var NumberRangeFilter = function (props) {
+export const NumberRangeFilter = (props) => {
     var _a, _b, _c, _d;
-    var column = props.column, translatedLabels = props.translatedLabels, setFilter = props.setFilter, clearFilter = props.clearFilter;
+    const { column, translatedLabels, setFilter, clearFilter } = props;
     useTheme();
-    var translatedStrings = __assign(__assign({}, defaultStrings), translatedLabels);
-    var _e = React.useState((_b = (_a = column.filterValue) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : ''), from = _e[0], setFrom = _e[1];
-    var _f = React.useState((_d = (_c = column.filterValue) === null || _c === void 0 ? void 0 : _c[1]) !== null && _d !== void 0 ? _d : ''), to = _f[0], setTo = _f[1];
-    var parseInputValue = function (value) {
+    const translatedStrings = { ...defaultStrings, ...translatedLabels };
+    const [from, setFrom] = React.useState((_b = (_a = column.filterValue) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '');
+    const [to, setTo] = React.useState((_d = (_c = column.filterValue) === null || _c === void 0 ? void 0 : _c[1]) !== null && _d !== void 0 ? _d : '');
+    const parseInputValue = (value) => {
         return !value || isNaN(Number(value)) ? undefined : Number(value);
     };
-    var onKeyDown = function (event) {
+    const onKeyDown = (event) => {
         if (event.key === 'Enter') {
             setFilter([parseInputValue(from), parseInputValue(to)]);
         }
     };
     return (React.createElement(BaseFilter, null,
-        React.createElement(LabeledInput, { label: translatedStrings.from, value: from, onChange: function (e) { return setFrom(e.target.value); }, onKeyDown: onKeyDown, type: 'number', displayStyle: 'inline', setFocus: true }),
-        React.createElement(LabeledInput, { label: translatedStrings.to, value: to, onChange: function (e) { return setTo(e.target.value); }, type: 'number', displayStyle: 'inline', onKeyDown: onKeyDown }),
-        React.createElement(FilterButtonBar, { setFilter: function () {
-                return setFilter([parseInputValue(from), parseInputValue(to)]);
-            }, clearFilter: clearFilter, translatedLabels: translatedLabels })));
+        React.createElement(LabeledInput, { label: translatedStrings.from, value: from, onChange: (e) => setFrom(e.target.value), onKeyDown: onKeyDown, type: 'number', displayStyle: 'inline', setFocus: true }),
+        React.createElement(LabeledInput, { label: translatedStrings.to, value: to, onChange: (e) => setTo(e.target.value), type: 'number', displayStyle: 'inline', onKeyDown: onKeyDown }),
+        React.createElement(FilterButtonBar, { setFilter: () => setFilter([parseInputValue(from), parseInputValue(to)]), clearFilter: clearFilter, translatedLabels: translatedLabels })));
 };

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

@@ -8,17 +8,17 @@ import { useTheme } from '../../../utils';
 import { Input } from '../../../Input';
 import { FilterButtonBar, } from '../FilterButtonBar';
 import { BaseFilter } from '../BaseFilter';
-export var TextFilter = function (props) {
+export const TextFilter = (props) => {
     var _a;
-    var column = props.column, translatedLabels = props.translatedLabels, setFilter = props.setFilter, clearFilter = props.clearFilter;
+    const { column, translatedLabels, setFilter, clearFilter } = props;
     useTheme();
-    var _b = React.useState((_a = column.filterValue) !== null && _a !== void 0 ? _a : ''), text = _b[0], setText = _b[1];
-    var onKeyDown = function (event) {
+    const [text, setText] = React.useState((_a = column.filterValue) !== null && _a !== void 0 ? _a : '');
+    const onKeyDown = (event) => {
         if (event.key === 'Enter') {
             setFilter(text);
         }
     };
     return (React.createElement(BaseFilter, null,
-        React.createElement(Input, { value: text, onChange: function (e) { return setText(e.target.value); }, onKeyDown: onKeyDown, setFocus: true }),
-        React.createElement(FilterButtonBar, { setFilter: function () { return setFilter(text); }, clearFilter: clearFilter, translatedLabels: translatedLabels })));
+        React.createElement(Input, { value: text, onChange: (e) => setText(e.target.value), onKeyDown: onKeyDown, setFocus: true }),
+        React.createElement(FilterButtonBar, { setFilter: () => setFilter(text), clearFilter: clearFilter, translatedLabels: translatedLabels })));
 };

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

@@ -1,6 +1,4 @@
-var isValidDate = function (date) {
-    return !!date && !isNaN(date.valueOf());
-};
+const isValidDate = (date) => !!date && !isNaN(date.valueOf());
 /**
  * Filters dates.
  * @param rows Table rows
@@ -8,14 +6,14 @@ var isValidDate = function (date) {
  * @param filterValue Filter value
  * @returns Filtered rows
  */
-var betweenDate = function (rows, ids, filterValue) {
-    var _a = filterValue || [], min = _a[0], max = _a[1];
-    var MAX_DATE_VALUE = 8640000000000000;
-    var minValue = (isValidDate(min) ? min : new Date(-MAX_DATE_VALUE));
-    var maxValue = (isValidDate(max) ? max : new Date(MAX_DATE_VALUE));
-    return rows.filter(function (row) {
-        return ids.some(function (id) {
-            var rowValue = row.values[id];
+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];
             return (rowValue.valueOf() >= minValue.valueOf() &&
                 rowValue.valueOf() <= maxValue.valueOf());
         });
@@ -24,9 +22,9 @@ var betweenDate = function (rows, ids, filterValue) {
 /**
  * Filter is not being set if filter value is invalid.
  */
-betweenDate.autoRemove = function (val) {
+betweenDate.autoRemove = (val) => {
     return !val || (!isValidDate(val[0]) && !isValidDate(val[1]));
 };
-export var customFilterFunctions = {
-    betweenDate: betweenDate,
+export const customFilterFunctions = {
+    betweenDate,
 };

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

@@ -1,7 +1,7 @@
-var text = function (rows, ids, filterValue) {
-    rows = rows.filter(function (row) {
-        return ids.some(function (id) {
-            var rowValue = row.values[id];
+const text = (rows, ids, filterValue) => {
+    rows = rows.filter((row) => {
+        return ids.some((id) => {
+            const rowValue = row.values[id];
             return String(rowValue)
                 .toLowerCase()
                 .includes(String(filterValue).toLowerCase());
@@ -9,114 +9,112 @@ var text = function (rows, ids, filterValue) {
     });
     return rows;
 };
-text.autoRemove = function (val) { return !val; };
-var exactText = function (rows, ids, filterValue) {
-    return rows.filter(function (row) {
-        return ids.some(function (id) {
-            var rowValue = row.values[id];
+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;
         });
     });
 };
-exactText.autoRemove = function (val) { return !val; };
-var exactTextCase = function (rows, ids, filterValue) {
-    return rows.filter(function (row) {
-        return ids.some(function (id) {
-            var rowValue = row.values[id];
+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;
         });
     });
 };
-exactTextCase.autoRemove = function (val) { return !val; };
-var includes = function (rows, ids, filterValue) {
-    return rows.filter(function (row) {
-        return ids.some(function (id) {
-            var rowValue = row.values[id];
+exactTextCase.autoRemove = (val) => !val;
+const includes = (rows, ids, filterValue) => {
+    return rows.filter((row) => {
+        return ids.some((id) => {
+            const rowValue = row.values[id];
             return rowValue.includes(filterValue);
         });
     });
 };
-includes.autoRemove = function (val) { return !val || !val.length; };
-var includesAll = function (rows, ids, filterValue) {
-    return rows.filter(function (row) {
-        return ids.some(function (id) {
-            var rowValue = row.values[id];
+includes.autoRemove = (val) => !val || !val.length;
+const includesAll = (rows, ids, filterValue) => {
+    return rows.filter((row) => {
+        return ids.some((id) => {
+            const rowValue = row.values[id];
             return (rowValue &&
                 rowValue.length &&
-                filterValue.every(function (val) { return rowValue.includes(val); }));
+                filterValue.every((val) => rowValue.includes(val)));
         });
     });
 };
-includesAll.autoRemove = function (val) { return !val || !val.length; };
-var includesSome = function (rows, ids, filterValue) {
-    return rows.filter(function (row) {
-        return ids.some(function (id) {
-            var rowValue = row.values[id];
+includesAll.autoRemove = (val) => !val || !val.length;
+const includesSome = (rows, ids, filterValue) => {
+    return rows.filter((row) => {
+        return ids.some((id) => {
+            const rowValue = row.values[id];
             return (rowValue &&
                 rowValue.length &&
-                filterValue.some(function (val) { return rowValue.includes(val); }));
+                filterValue.some((val) => rowValue.includes(val)));
         });
     });
 };
-includesSome.autoRemove = function (val) { return !val || !val.length; };
-var includesValue = function (rows, ids, filterValue) {
-    return rows.filter(function (row) {
-        return ids.some(function (id) {
-            var rowValue = row.values[id];
+includesSome.autoRemove = (val) => !val || !val.length;
+const includesValue = (rows, ids, filterValue) => {
+    return rows.filter((row) => {
+        return ids.some((id) => {
+            const rowValue = row.values[id];
             return filterValue.includes(rowValue);
         });
     });
 };
-includesValue.autoRemove = function (val) { return !val || !val.length; };
-var exact = function (rows, ids, filterValue) {
-    return rows.filter(function (row) {
-        return ids.some(function (id) {
-            var rowValue = row.values[id];
+includesValue.autoRemove = (val) => !val || !val.length;
+const exact = (rows, ids, filterValue) => {
+    return rows.filter((row) => {
+        return ids.some((id) => {
+            const rowValue = row.values[id];
             return rowValue === filterValue;
         });
     });
 };
-exact.autoRemove = function (val) { return typeof val === 'undefined'; };
-var equals = function (rows, ids, filterValue) {
-    return rows.filter(function (row) {
-        return ids.some(function (id) {
-            var rowValue = row.values[id];
+exact.autoRemove = (val) => typeof val === 'undefined';
+const equals = (rows, ids, filterValue) => {
+    return rows.filter((row) => {
+        return ids.some((id) => {
+            const rowValue = row.values[id];
             // eslint-disable-next-line eqeqeq
             return rowValue == filterValue;
         });
     });
 };
-equals.autoRemove = function (val) { return val == null; };
-var between = function (rows, ids, filterValue) {
-    var _a = filterValue || [], min = _a[0], max = _a[1];
+equals.autoRemove = (val) => val == null;
+const between = (rows, ids, filterValue) => {
+    let [min, max] = filterValue || [];
     min = typeof min === 'number' ? min : -Infinity;
     max = typeof max === 'number' ? max : Infinity;
     if (min > max) {
-        var temp = min;
+        const temp = min;
         min = max;
         max = temp;
     }
-    return rows.filter(function (row) {
-        return ids.some(function (id) {
-            var rowValue = row.values[id];
+    return rows.filter((row) => {
+        return ids.some((id) => {
+            const rowValue = row.values[id];
             return rowValue >= min && rowValue <= max;
         });
     });
 };
-between.autoRemove = function (val) {
-    return !val || (typeof val[0] !== 'number' && typeof val[1] !== 'number');
-};
-export var defaultFilterFunctions = {
-    text: text,
-    exactText: exactText,
-    exactTextCase: exactTextCase,
-    includes: includes,
-    includesAll: includesAll,
-    includesSome: includesSome,
-    includesValue: includesValue,
-    between: between,
+between.autoRemove = (val) => !val || (typeof val[0] !== 'number' && typeof val[1] !== 'number');
+export const defaultFilterFunctions = {
+    text,
+    exactText,
+    exactTextCase,
+    includes,
+    includesAll,
+    includesSome,
+    includesValue,
+    between,
 };

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

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -17,12 +6,12 @@ import React from 'react';
 import { DateRangeFilter, } from './DateRangeFilter/DateRangeFilter';
 import { NumberRangeFilter, } from './NumberRangeFilter/NumberRangeFilter';
 import { TextFilter } from './TextFilter/TextFilter';
-export var tableFilters = {
+export const tableFilters = {
     /**
      * Basic filter with a single input field.
      * @param translatedLabels Translated filter labels.
      */
-    TextFilter: function (translatedLabels) { return function (props) { return React.createElement(TextFilter, __assign({}, props, { translatedLabels: translatedLabels })); }; },
+    TextFilter: (translatedLabels) => (props) => React.createElement(TextFilter, { ...props, translatedLabels: translatedLabels }),
     /**
      * Date range filter.
      *
@@ -33,7 +22,7 @@ export var tableFilters = {
      * If your data is different type e.g. `string`, you can use `accessor` property in column description:
      * `accessor: (rowData) => new Date(rowData.date)`.
      */
-    DateRangeFilter: function (options) { return function (props) { return React.createElement(DateRangeFilter, __assign({}, props, options)); }; },
+    DateRangeFilter: (options) => (props) => React.createElement(DateRangeFilter, { ...props, ...options }),
     /**
      * Number range filter.
      *
@@ -42,5 +31,5 @@ export var tableFilters = {
      * `accessor: (rowData) => Number(rowData.numberProp)`.
      * @param translatedLabels Translated filter labels.
      */
-    NumberRangeFilter: function (translatedLabels) { return function (props) { return React.createElement(NumberRangeFilter, __assign({}, props, { translatedLabels: translatedLabels })); }; },
+    NumberRangeFilter: (translatedLabels) => (props) => React.createElement(NumberRangeFilter, { ...props, translatedLabels: translatedLabels }),
 };

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

@@ -1,46 +1,25 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { actions, makePropGetter, useGetLatest, } from 'react-table';
-var REORDER_ACTIONS = {
+const REORDER_ACTIONS = {
     columnDragStart: 'columnDragStart',
     columnDragEnd: 'columnDragEnd',
 };
-export var useColumnDragAndDrop = function (isEnabled) { return function (hooks) {
+export const useColumnDragAndDrop = (isEnabled) => (hooks) => {
     hooks.getDragAndDropProps = [defaultGetDragAndDropProps(isEnabled)];
     hooks.stateReducers.push(reducer);
     hooks.useInstance.push(useInstance);
-}; };
-var defaultGetDragAndDropProps = function (isEnabled) { return function (props, _a) {
-    var instance = _a.instance, header = _a.header;
+};
+const defaultGetDragAndDropProps = (isEnabled) => (props, { instance, header, }) => {
     if (!isEnabled || header.disableReordering) {
         return props;
     }
-    var onDragStart = function () {
+    const onDragStart = () => {
         instance.dispatch({
             type: REORDER_ACTIONS.columnDragStart,
             columnIndex: instance.flatHeaders.indexOf(header),
         });
     };
-    var setOnDragColumnStyle = function (event, position) {
-        var columnElement = event.currentTarget;
+    const setOnDragColumnStyle = (event, position) => {
+        const columnElement = event.currentTarget;
         columnElement.classList.remove('iui-table-reorder-column-right');
         columnElement.classList.remove('iui-table-reorder-column-left');
         if (position === 'left') {
@@ -50,28 +29,28 @@ var defaultGetDragAndDropProps = function (isEnabled) { return function (props,
             columnElement.classList.add('iui-table-reorder-column-right');
         }
     };
-    var reorderColumns = function (tableColumns, srcIndex, dstIndex) {
-        var newTableColumns = __spreadArray([], tableColumns, true);
-        var removed = newTableColumns.splice(srcIndex, 1)[0];
+    const reorderColumns = (tableColumns, srcIndex, dstIndex) => {
+        const newTableColumns = [...tableColumns];
+        const [removed] = newTableColumns.splice(srcIndex, 1);
         newTableColumns.splice(dstIndex, 0, removed);
         return newTableColumns;
     };
-    var onDragOver = function (event) {
+    const onDragOver = (event) => {
         event.preventDefault();
-        var headerIndex = instance.flatHeaders.indexOf(header);
+        const headerIndex = instance.flatHeaders.indexOf(header);
         if (instance.state.columnReorderStartIndex !== headerIndex) {
             setOnDragColumnStyle(event, instance.state.columnReorderStartIndex > headerIndex ? 'left' : 'right');
         }
     };
-    var onDragLeave = function (event) {
+    const onDragLeave = (event) => {
         setOnDragColumnStyle(event);
     };
-    var onDrop = function (event) {
+    const onDrop = (event) => {
         event.preventDefault();
         setOnDragColumnStyle(event);
-        var columnIds = instance.flatHeaders.map(function (x) { return x.id; });
-        var srcIndex = instance.state.columnReorderStartIndex;
-        var dstIndex = columnIds.findIndex(function (x) { return x === header.id; });
+        const columnIds = instance.flatHeaders.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;
         }
@@ -85,32 +64,41 @@ var defaultGetDragAndDropProps = function (isEnabled) { return function (props,
         props,
         {
             draggable: true,
-            onDragStart: onDragStart,
-            onDragOver: onDragOver,
-            onDragLeave: onDragLeave,
-            onDrop: onDrop,
+            onDragStart,
+            onDragOver,
+            onDragLeave,
+            onDrop,
         },
     ];
-}; };
-var reducer = function (newState, action) {
+};
+const reducer = (newState, action) => {
     switch (action.type) {
         case actions.init:
-            return __assign(__assign({}, newState), { columnReorderStartIndex: -1 });
+            return {
+                ...newState,
+                columnReorderStartIndex: -1,
+            };
         case REORDER_ACTIONS.columnDragStart:
-            return __assign(__assign({}, newState), { columnReorderStartIndex: action.columnIndex });
+            return {
+                ...newState,
+                columnReorderStartIndex: action.columnIndex,
+            };
         case REORDER_ACTIONS.columnDragEnd:
-            return __assign(__assign({}, newState), { columnReorderStartIndex: -1 });
+            return {
+                ...newState,
+                columnReorderStartIndex: -1,
+            };
         default:
             return newState;
     }
 };
-var useInstance = function (instance) {
-    var flatHeaders = instance.flatHeaders, getHooks = instance.getHooks;
-    var getInstance = useGetLatest(instance);
-    flatHeaders.forEach(function (header) {
+const useInstance = (instance) => {
+    const { flatHeaders, getHooks } = instance;
+    const getInstance = useGetLatest(instance);
+    flatHeaders.forEach((header) => {
         header.getDragAndDropProps = makePropGetter(getHooks().getDragAndDropProps, {
             instance: getInstance(),
-            header: header,
+            header,
         });
     });
 };

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

@@ -1,46 +1,30 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import React from 'react';
 import { ExpanderColumn, EXPANDER_CELL_ID } from '../columns';
-export var useExpanderCell = function (subComponent, expanderCell, isRowDisabled) { return function (hooks) {
+export const useExpanderCell = (subComponent, expanderCell, isRowDisabled) => (hooks) => {
     if (!subComponent) {
         return;
     }
-    hooks.allColumns.push(function (columns) {
-        var hasExpanderColumn = columns.find(function (c) { return c.id === EXPANDER_CELL_ID; });
+    hooks.allColumns.push((columns) => {
+        const hasExpanderColumn = columns.find((c) => c.id === EXPANDER_CELL_ID);
         if (hasExpanderColumn) {
             return columns;
         }
-        var expanderColumn = ExpanderColumn({
-            subComponent: subComponent,
+        const expanderColumn = ExpanderColumn({
+            subComponent,
             isDisabled: isRowDisabled,
         });
-        return __spreadArray([
-            __assign(__assign({}, expanderColumn), { Cell: expanderCell
-                    ? function (cellProps) { return React.createElement(React.Fragment, null, expanderCell(cellProps)); }
-                    : expanderColumn.Cell })
-        ], columns, true);
+        return [
+            {
+                ...expanderColumn,
+                Cell: expanderCell
+                    ? (cellProps) => React.createElement(React.Fragment, null, expanderCell(cellProps))
+                    : expanderColumn.Cell,
+            },
+            ...columns,
+        ];
     });
-}; };
+};