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

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultFilterFunctions = void 0;
-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());
@@ -12,114 +12,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');
-};
+between.autoRemove = (val) => !val || (typeof val[0] !== 'number' && typeof val[1] !== 'number');
 exports.defaultFilterFunctions = {
-    text: text,
-    exactText: exactText,
-    exactTextCase: exactTextCase,
-    includes: includes,
-    includesAll: includesAll,
-    includesSome: includesSome,
-    includesValue: includesValue,
-    between: between,
+    text,
+    exactText,
+    exactTextCase,
+    includes,
+    includesAll,
+    includesSome,
+    includesValue,
+    between,
 };

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

@@ -1,15 +1,4 @@
 "use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -19,16 +8,16 @@ exports.tableFilters = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var react_1 = __importDefault(require("react"));
-var DateRangeFilter_1 = require("./DateRangeFilter/DateRangeFilter");
-var NumberRangeFilter_1 = require("./NumberRangeFilter/NumberRangeFilter");
-var TextFilter_1 = require("./TextFilter/TextFilter");
+const react_1 = __importDefault(require("react"));
+const DateRangeFilter_1 = require("./DateRangeFilter/DateRangeFilter");
+const NumberRangeFilter_1 = require("./NumberRangeFilter/NumberRangeFilter");
+const TextFilter_1 = require("./TextFilter/TextFilter");
 exports.tableFilters = {
     /**
      * Basic filter with a single input field.
      * @param translatedLabels Translated filter labels.
      */
-    TextFilter: function (translatedLabels) { return function (props) { return react_1.default.createElement(TextFilter_1.TextFilter, __assign({}, props, { translatedLabels: translatedLabels })); }; },
+    TextFilter: (translatedLabels) => (props) => react_1.default.createElement(TextFilter_1.TextFilter, { ...props, translatedLabels: translatedLabels }),
     /**
      * Date range filter.
      *
@@ -39,7 +28,7 @@ exports.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_1.default.createElement(DateRangeFilter_1.DateRangeFilter, __assign({}, props, options)); }; },
+    DateRangeFilter: (options) => (props) => react_1.default.createElement(DateRangeFilter_1.DateRangeFilter, { ...props, ...options }),
     /**
      * Number range filter.
      *
@@ -48,5 +37,5 @@ exports.tableFilters = {
      * `accessor: (rowData) => Number(rowData.numberProp)`.
      * @param translatedLabels Translated filter labels.
      */
-    NumberRangeFilter: function (translatedLabels) { return function (props) { return react_1.default.createElement(NumberRangeFilter_1.NumberRangeFilter, __assign({}, props, { translatedLabels: translatedLabels })); }; },
+    NumberRangeFilter: (translatedLabels) => (props) => react_1.default.createElement(NumberRangeFilter_1.NumberRangeFilter, { ...props, translatedLabels: translatedLabels }),
 };

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

@@ -1,50 +1,29 @@
 "use strict";
-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));
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useColumnDragAndDrop = void 0;
-var react_table_1 = require("react-table");
-var REORDER_ACTIONS = {
+const react_table_1 = require("react-table");
+const REORDER_ACTIONS = {
     columnDragStart: 'columnDragStart',
     columnDragEnd: 'columnDragEnd',
 };
-var useColumnDragAndDrop = function (isEnabled) { return function (hooks) {
+const useColumnDragAndDrop = (isEnabled) => (hooks) => {
     hooks.getDragAndDropProps = [defaultGetDragAndDropProps(isEnabled)];
     hooks.stateReducers.push(reducer);
     hooks.useInstance.push(useInstance);
-}; };
+};
 exports.useColumnDragAndDrop = useColumnDragAndDrop;
-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') {
@@ -54,28 +33,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;
         }
@@ -89,32 +68,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 react_table_1.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 = (0, react_table_1.useGetLatest)(instance);
-    flatHeaders.forEach(function (header) {
+const useInstance = (instance) => {
+    const { flatHeaders, getHooks } = instance;
+    const getInstance = (0, react_table_1.useGetLatest)(instance);
+    flatHeaders.forEach((header) => {
         header.getDragAndDropProps = (0, react_table_1.makePropGetter)(getHooks().getDragAndDropProps, {
             instance: getInstance(),
-            header: header,
+            header,
         });
     });
 };

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

@@ -1,24 +1,4 @@
 "use strict";
-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));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -28,26 +8,30 @@ exports.useExpanderCell = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var react_1 = __importDefault(require("react"));
-var columns_1 = require("../columns");
-var useExpanderCell = function (subComponent, expanderCell, isRowDisabled) { return function (hooks) {
+const react_1 = __importDefault(require("react"));
+const columns_1 = require("../columns");
+const useExpanderCell = (subComponent, expanderCell, isRowDisabled) => (hooks) => {
     if (!subComponent) {
         return;
     }
-    hooks.allColumns.push(function (columns) {
-        var hasExpanderColumn = columns.find(function (c) { return c.id === columns_1.EXPANDER_CELL_ID; });
+    hooks.allColumns.push((columns) => {
+        const hasExpanderColumn = columns.find((c) => c.id === columns_1.EXPANDER_CELL_ID);
         if (hasExpanderColumn) {
             return columns;
         }
-        var expanderColumn = (0, columns_1.ExpanderColumn)({
-            subComponent: subComponent,
+        const expanderColumn = (0, columns_1.ExpanderColumn)({
+            subComponent,
             isDisabled: isRowDisabled,
         });
-        return __spreadArray([
-            __assign(__assign({}, expanderColumn), { Cell: expanderCell
-                    ? function (cellProps) { return react_1.default.createElement(react_1.default.Fragment, null, expanderCell(cellProps)); }
-                    : expanderColumn.Cell })
-        ], columns, true);
+        return [
+            {
+                ...expanderColumn,
+                Cell: expanderCell
+                    ? (cellProps) => react_1.default.createElement(react_1.default.Fragment, null, expanderCell(cellProps))
+                    : expanderColumn.Cell,
+            },
+            ...columns,
+        ];
     });
-}; };
+};
 exports.useExpanderCell = useExpanderCell;