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

package/cjs/core/Table/actionHandlers/selectHandler.js

@@ -1,33 +1,22 @@
 "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);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.onShiftSelectHandler = exports.onSingleSelectHandler = exports.onSelectHandler = void 0;
 /**
  * Handles selection when clicked on a checkbox.
  */
-var onSelectHandler = function (newState, instance, onSelect, isRowDisabled) {
+const onSelectHandler = (newState, instance, onSelect, isRowDisabled) => {
     if (!(instance === null || instance === void 0 ? void 0 : instance.rows.length)) {
         onSelect === null || onSelect === void 0 ? void 0 : onSelect([], newState);
         return;
     }
-    var newSelectedRowIds = {};
-    var handleRow = function (row) {
+    const newSelectedRowIds = {};
+    const handleRow = (row) => {
         if (isRowDisabled === null || isRowDisabled === void 0 ? void 0 : isRowDisabled(row.original)) {
             return false;
         }
-        var isAllSubSelected = true;
-        row.initialSubRows.forEach(function (subRow) {
-            var result = handleRow(subRow);
+        let isAllSubSelected = true;
+        row.initialSubRows.forEach((subRow) => {
+            const result = handleRow(subRow);
             if (!result) {
                 isAllSubSelected = false;
             }
@@ -42,8 +31,8 @@ var onSelectHandler = function (newState, instance, onSelect, isRowDisabled) {
         }
         return !!newSelectedRowIds[row.id];
     };
-    instance.initialRows.forEach(function (row) { return handleRow(row); });
-    var selectedData = getSelectedData(newSelectedRowIds, instance);
+    instance.initialRows.forEach((row) => handleRow(row));
+    const selectedData = getSelectedData(newSelectedRowIds, instance);
     newState.selectedRowIds = newSelectedRowIds;
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedData, newState);
 };
@@ -51,17 +40,20 @@ exports.onSelectHandler = onSelectHandler;
 /**
  * Handles selection when clicked on a row.
  */
-var onSingleSelectHandler = function (state, action, instance, onSelect, isRowDisabled) {
-    var _a;
-    var selectedRowIds = (_a = {}, _a[action.id] = true, _a);
+const onSingleSelectHandler = (state, action, instance, onSelect, isRowDisabled) => {
+    const selectedRowIds = { [action.id]: true };
     if (instance === null || instance === void 0 ? void 0 : instance.selectSubRows) {
-        var handleRow_1 = function (row) {
+        const handleRow = (row) => {
             selectedRowIds[row.id] = true;
-            row.subRows.forEach(function (r) { return handleRow_1(r); });
+            row.subRows.forEach((r) => handleRow(r));
         };
-        handleRow_1(instance.rowsById[action.id]);
+        handleRow(instance.rowsById[action.id]);
     }
-    var newState = __assign(__assign({}, state), { lastSelectedRowId: action.id, selectedRowIds: selectedRowIds });
+    const newState = {
+        ...state,
+        lastSelectedRowId: action.id,
+        selectedRowIds,
+    };
     // Passing to `onSelectHandler` to handle filtered sub-rows
     (0, exports.onSelectHandler)(newState, instance, onSelect, isRowDisabled);
     return newState;
@@ -70,44 +62,47 @@ exports.onSingleSelectHandler = onSingleSelectHandler;
 /**
  * Handles selection when clicked on a row while shift key is pressed.
  */
-var onShiftSelectHandler = function (state, action, instance, onSelect, isRowDisabled) {
+const onShiftSelectHandler = (state, action, instance, onSelect, isRowDisabled) => {
     if (instance == null) {
         return state;
     }
-    var startIndex = Math.max(0, instance.flatRows.findIndex(function (row) { return row.id === state.lastSelectedRowId; }));
-    var endIndex = Math.max(0, instance.flatRows.findIndex(function (row) { return row.id === action.id; }));
+    let startIndex = Math.max(0, instance.flatRows.findIndex((row) => row.id === state.lastSelectedRowId));
+    let endIndex = Math.max(0, instance.flatRows.findIndex((row) => row.id === action.id));
     if (startIndex > endIndex) {
-        var temp = startIndex;
+        const temp = startIndex;
         startIndex = endIndex;
         endIndex = temp;
     }
-    var selectedRowIds = {};
+    const selectedRowIds = {};
     // 1. Select all rows between start and end
     instance.flatRows
         .slice(startIndex, endIndex + 1)
-        .forEach(function (r) { return (selectedRowIds[r.id] = true); });
+        .forEach((r) => (selectedRowIds[r.id] = true));
     // 2. Select all children of the last row (endIndex)
     // Since lastRow's children come after endIndex + 1 (not selected in step 1)
-    var handleRow = function (row) {
+    const handleRow = (row) => {
         selectedRowIds[row.id] = true;
-        row.subRows.forEach(function (r) { return handleRow(r); });
+        row.subRows.forEach((r) => handleRow(r));
     };
     handleRow(instance.flatRows[endIndex]);
-    var newState = __assign(__assign({}, state), { selectedRowIds: selectedRowIds });
+    const newState = {
+        ...state,
+        selectedRowIds,
+    };
     // 3.1 Deselect all selected disabled rows and their children
     // 3.2 Convert all partially selected rows marked with tick mark to horizontal line
     (0, exports.onSelectHandler)(newState, instance, onSelect, isRowDisabled);
     return newState;
 };
 exports.onShiftSelectHandler = onShiftSelectHandler;
-var getSelectedData = function (selectedRowIds, instance) {
-    var selectedData = [];
-    var setSelectedData = function (row) {
+const getSelectedData = (selectedRowIds, instance) => {
+    const selectedData = [];
+    const setSelectedData = (row) => {
         if (selectedRowIds[row.id]) {
             selectedData.push(row.original);
         }
-        row.initialSubRows.forEach(function (subRow) { return setSelectedData(subRow); });
+        row.initialSubRows.forEach((subRow) => setSelectedData(subRow));
     };
-    instance === null || instance === void 0 ? void 0 : instance.initialRows.forEach(function (row) { return setSelectedData(row); });
+    instance === null || instance === void 0 ? void 0 : instance.initialRows.forEach((row) => setSelectedData(row));
     return selectedData;
 };

package/cjs/core/Table/cells/DefaultCell.js

@@ -1,26 +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 __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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,8 +8,8 @@ exports.DefaultCell = 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 classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
 /**
  * Default cell.
  * It should be passed to `cellRenderer`.
@@ -43,11 +21,11 @@ var classnames_1 = __importDefault(require("classnames"));
  *   cellRenderer: (props) => <DefaultCell {...props} />,
  * }
  */
-var DefaultCell = function (props) {
+const DefaultCell = (props) => {
     // Omitting `cellProps`
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var _a = props.cellElementProps, cellElementClassName = _a.className, cellElementStyle = _a.style, cellElementProps = __rest(_a, ["className", "style"]), children = props.children, startIcon = props.startIcon, endIcon = props.endIcon, cellProps = props.cellProps, isDisabled = props.isDisabled, className = props.className, style = props.style, status = props.status, rest = __rest(props, ["cellElementProps", "children", "startIcon", "endIcon", "cellProps", "isDisabled", "className", "style", "status"]);
-    return (react_1.default.createElement("div", __assign({}, cellElementProps, rest, { className: (0, classnames_1.default)(cellElementClassName, className), "aria-disabled": (isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled(cellProps.row.original)) || undefined, "data-iui-status": status, style: __assign(__assign({}, cellElementStyle), style) }),
+    const { cellElementProps: { className: cellElementClassName, style: cellElementStyle, ...cellElementProps }, children, startIcon, endIcon, cellProps, isDisabled, className, style, status, ...rest } = props;
+    return (react_1.default.createElement("div", { ...cellElementProps, ...rest, className: (0, classnames_1.default)(cellElementClassName, className), "aria-disabled": (isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled(cellProps.row.original)) || undefined, "data-iui-status": status, style: { ...cellElementStyle, ...style } },
         startIcon && (react_1.default.createElement("div", { className: 'iui-table-cell-start-icon' }, startIcon)),
         children,
         endIcon && react_1.default.createElement("div", { className: 'iui-table-cell-end-icon' }, endIcon)));

package/cjs/core/Table/cells/EditableCell.js

@@ -1,26 +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 __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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,8 +8,8 @@ exports.EditableCell = 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 utils_1 = require("../../utils");
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../../utils");
 /**
  * Editable cell.
  * It should be passed to `cellRenderer`.
@@ -42,26 +20,24 @@ var utils_1 = require("../../utils");
  *   cellRenderer: (props) => <EditableCell {...props} onCellEdit={onCellEditHandler} />,
  * }
  */
-var EditableCell = function (props) {
-    var cellElementProps = props.cellElementProps, cellProps = props.cellProps, onCellEdit = props.onCellEdit, children = props.children, isDisabled = props.isDisabled, rest = __rest(props, ["cellElementProps", "cellProps", "onCellEdit", "children", "isDisabled"]);
+const EditableCell = (props) => {
+    const { cellElementProps, cellProps, onCellEdit, children, isDisabled, ...rest } = props;
     isDisabled; // To omit and prevent eslint error.
-    var sanitizeString = function (text) {
+    const sanitizeString = (text) => {
         return text.replace(/(\r\n|\n|\r)+/gm, ' ');
     };
-    var _a = react_1.default.useState(function () {
-        return sanitizeString(cellProps.value);
-    }), value = _a[0], setValue = _a[1];
-    react_1.default.useEffect(function () {
+    const [value, setValue] = react_1.default.useState(() => sanitizeString(cellProps.value));
+    react_1.default.useEffect(() => {
         setValue(sanitizeString(cellProps.value));
     }, [cellProps.value]);
-    var _b = react_1.default.useState((0, utils_1.getRandomValue)(10)), key = _b[0], setKey = _b[1];
-    var _c = react_1.default.useState(false), isDirty = _c[0], setIsDirty = _c[1];
-    return (react_1.default.createElement("div", __assign({}, cellElementProps, { contentEditable: true, suppressContentEditableWarning: true, key: key }, rest, { onInput: function (e) {
+    const [key, setKey] = react_1.default.useState((0, utils_1.getRandomValue)(10));
+    const [isDirty, setIsDirty] = react_1.default.useState(false);
+    return (react_1.default.createElement("div", { ...cellElementProps, contentEditable: true, suppressContentEditableWarning: true, key: key, ...rest, onInput: (e) => {
             var _a;
             setValue(sanitizeString(e.target.innerText));
             setIsDirty(true);
             (_a = props.onInput) === null || _a === void 0 ? void 0 : _a.call(props, e);
-        }, onBlur: function (e) {
+        }, onBlur: (e) => {
             var _a;
             if (isDirty) {
                 onCellEdit(cellProps.column.id, value, cellProps.row.original);
@@ -70,28 +46,28 @@ var EditableCell = function (props) {
             // Prevents error when text is cleared.
             // New key makes React to reattach with the DOM so it won't complain about deleted text node.
             setKey((0, utils_1.getRandomValue)(10));
-        }, onKeyDown: function (e) {
+        }, onKeyDown: (e) => {
             var _a;
             // Prevents from adding HTML elements (div, br) inside a cell on Enter press
             if (e.key === 'Enter') {
                 e.preventDefault();
             }
             (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
-        }, onPaste: function (e) {
+        }, onPaste: (e) => {
             var _a;
             e.preventDefault();
             document.execCommand('inserttext', false, sanitizeString(e.clipboardData.getData('text/plain')));
             (_a = props.onPaste) === null || _a === void 0 ? void 0 : _a.call(props, e);
-        }, onDrop: function (e) {
+        }, onDrop: (e) => {
             var _a;
             // Prevents from drag'n'dropping into a cell because it will add unwanted HTML elements
             e.preventDefault();
             (_a = props.onDrop) === null || _a === void 0 ? void 0 : _a.call(props, e);
-        }, onClick: function (e) {
+        }, onClick: (e) => {
             var _a;
             e.stopPropagation();
             (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
-        } }), children));
+        } }, children));
 };
 exports.EditableCell = EditableCell;
 exports.default = exports.EditableCell;

package/cjs/core/Table/columns/actionColumn.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,17 +8,17 @@ exports.ActionColumn = 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 Checkbox_1 = require("../../Checkbox");
-var utils_1 = require("../../utils");
-var DropdownMenu_1 = require("../../DropdownMenu");
-var IconButton_1 = require("../../Buttons/IconButton");
-var Menu_1 = require("../../Menu");
-var Table_1 = require("../Table");
-var selectionColumn_1 = require("./selectionColumn");
-var expanderColumn_1 = require("./expanderColumn");
-var classnames_1 = __importDefault(require("classnames"));
-var ACTION_CELL_ID = 'iui-table-action';
+const react_1 = __importDefault(require("react"));
+const Checkbox_1 = require("../../Checkbox");
+const utils_1 = require("../../utils");
+const DropdownMenu_1 = require("../../DropdownMenu");
+const IconButton_1 = require("../../Buttons/IconButton");
+const Menu_1 = require("../../Menu");
+const Table_1 = require("../Table");
+const selectionColumn_1 = require("./selectionColumn");
+const expanderColumn_1 = require("./expanderColumn");
+const classnames_1 = __importDefault(require("classnames"));
+const ACTION_CELL_ID = 'iui-table-action';
 /**
  * Action column that adds column manager to the Table header.
  * It is recommended to add this column to the end of the Table
@@ -49,8 +38,7 @@ var ACTION_CELL_ID = 'iui-table-action';
  *   ),
  * },
  */
-var ActionColumn = function (_a) {
-    var _b = _a === void 0 ? {} : _a, _c = _b.columnManager, columnManager = _c === void 0 ? false : _c;
+const ActionColumn = ({ columnManager = false, } = {}) => {
     return {
         id: ACTION_CELL_ID,
         disableResizing: true,
@@ -61,59 +49,53 @@ var ActionColumn = function (_a) {
         columnClassName: 'iui-slot',
         cellClassName: 'iui-slot',
         disableReordering: true,
-        Header: function (_a) {
-            var allColumns = _a.allColumns, dispatch = _a.dispatch, state = _a.state;
-            var _b = react_1.default.useState(false), isOpen = _b[0], setIsOpen = _b[1];
-            var buttonRef = react_1.default.useRef(null);
+        Header: ({ allColumns, dispatch, state }) => {
+            const [isOpen, setIsOpen] = react_1.default.useState(false);
+            const buttonRef = react_1.default.useRef(null);
             if (!columnManager) {
                 return null;
             }
-            var defaultColumnIds = [
+            const defaultColumnIds = [
                 selectionColumn_1.SELECTION_CELL_ID,
                 expanderColumn_1.EXPANDER_CELL_ID,
                 ACTION_CELL_ID,
             ];
-            var headerCheckBoxes = function () {
-                return allColumns
-                    //Filters out any default columns made such as selection and expansion
-                    .filter(function (_a) {
-                    var id = _a.id;
-                    return !defaultColumnIds.includes(id);
-                })
-                    .map(function (column) {
-                    var checked = column.getToggleHiddenProps().checked;
-                    var onClick = function () {
-                        column.toggleHidden(checked);
-                        // If no column was resized then leave table resize handling to the flexbox
-                        if (Object.keys(state.columnResizing.columnWidths).length === 0) {
-                            return;
-                        }
-                        // Triggers an update to resize the widths of all visible columns
-                        dispatch({ type: Table_1.tableResizeStartAction });
-                        // If some columns were resized and some columns visibility was enabled, then horizontal scrollbar appears
-                        // and table is scrolled to the very left which means our visibility dropdown menu is not visible.
-                        // So for better UX we need to scroll to that dropdown menu.
-                        queueMicrotask(function () {
-                            var _a;
-                            (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
-                        });
-                    };
-                    return (react_1.default.createElement(Menu_1.MenuItem, { key: column.id, icon: react_1.default.createElement(Checkbox_1.Checkbox, { checked: checked, disabled: column.disableToggleVisibility, onClick: function (e) { return e.stopPropagation(); }, onChange: onClick, "aria-labelledby": "iui-column-".concat(column.id) }), onClick: onClick, disabled: column.disableToggleVisibility },
-                        react_1.default.createElement("div", { id: "iui-column-".concat(column.id) }, column.render('Header'))));
-                });
-            };
-            var dropdownMenuProps = typeof columnManager !== 'boolean'
+            const headerCheckBoxes = () => allColumns
+                //Filters out any default columns made such as selection and expansion
+                .filter(({ id }) => !defaultColumnIds.includes(id))
+                .map((column) => {
+                const { checked } = column.getToggleHiddenProps();
+                const onClick = () => {
+                    column.toggleHidden(checked);
+                    // If no column was resized then leave table resize handling to the flexbox
+                    if (Object.keys(state.columnResizing.columnWidths).length === 0) {
+                        return;
+                    }
+                    // Triggers an update to resize the widths of all visible columns
+                    dispatch({ type: Table_1.tableResizeStartAction });
+                    // If some columns were resized and some columns visibility was enabled, then horizontal scrollbar appears
+                    // and table is scrolled to the very left which means our visibility dropdown menu is not visible.
+                    // So for better UX we need to scroll to that dropdown menu.
+                    queueMicrotask(() => {
+                        var _a;
+                        (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+                    });
+                };
+                return (react_1.default.createElement(Menu_1.MenuItem, { key: column.id, icon: react_1.default.createElement(Checkbox_1.Checkbox, { checked: checked, disabled: column.disableToggleVisibility, onClick: (e) => e.stopPropagation(), onChange: onClick, "aria-labelledby": `iui-column-${column.id}` }), onClick: onClick, disabled: column.disableToggleVisibility },
+                    react_1.default.createElement("div", { id: `iui-column-${column.id}` }, column.render('Header'))));
+            });
+            const dropdownMenuProps = typeof columnManager !== 'boolean'
                 ? columnManager.dropdownMenuProps
                 : {};
-            return (react_1.default.createElement(DropdownMenu_1.DropdownMenu, __assign({}, dropdownMenuProps, { menuItems: headerCheckBoxes, onHide: function (i) {
+            return (react_1.default.createElement(DropdownMenu_1.DropdownMenu, { ...dropdownMenuProps, menuItems: headerCheckBoxes, onHide: (i) => {
                     var _a;
                     setIsOpen(false);
                     (_a = dropdownMenuProps.onHide) === null || _a === void 0 ? void 0 : _a.call(dropdownMenuProps, i);
-                }, onShow: function (i) {
+                }, onShow: (i) => {
                     var _a;
                     setIsOpen(true);
                     (_a = dropdownMenuProps.onShow) === null || _a === void 0 ? void 0 : _a.call(dropdownMenuProps, i);
-                }, className: (0, classnames_1.default)('iui-scroll', dropdownMenuProps.className) }),
+                }, className: (0, classnames_1.default)('iui-scroll', dropdownMenuProps.className) },
                 react_1.default.createElement(IconButton_1.IconButton, { styleType: 'borderless', isActive: isOpen, ref: buttonRef },
                     react_1.default.createElement(utils_1.SvgColumnManager, null))));
         },

package/cjs/core/Table/columns/expanderColumn.d.ts

@@ -20,11 +20,8 @@ export declare const EXPANDER_CELL_ID = "iui-table-expander";
  *   return rowData.name === 'Name2';
  * }, []);
  * const columns = useMemo(() => [
- *   Header: 'Table',
- *   columns: [
- *     ExpanderColumn({ subComponent, isDisabled: isExpanderDisabled }),
- *     // Rest of your columns
- *   ],
+ *   ExpanderColumn({ subComponent, isDisabled: isExpanderDisabled }),
+ *   // Rest of your columns
  * ], [isExpanderDisabled, subComponent]);
  */
 export declare const ExpanderColumn: <T extends Record<string, unknown>>(props?: {

package/cjs/core/Table/columns/expanderColumn.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,10 +8,10 @@ exports.ExpanderColumn = exports.EXPANDER_CELL_ID = 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 utils_1 = require("../../utils");
-var Buttons_1 = require("../../Buttons");
-var cells_1 = require("../cells");
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../../utils");
+const Buttons_1 = require("../../Buttons");
+const cells_1 = require("../cells");
 exports.EXPANDER_CELL_ID = 'iui-table-expander';
 /**
  * Expander column that adds sub-content expander column to the Table.
@@ -43,16 +32,12 @@ exports.EXPANDER_CELL_ID = 'iui-table-expander';
  *   return rowData.name === 'Name2';
  * }, []);
  * const columns = useMemo(() => [
- *   Header: 'Table',
- *   columns: [
- *     ExpanderColumn({ subComponent, isDisabled: isExpanderDisabled }),
- *     // Rest of your columns
- *   ],
+ *   ExpanderColumn({ subComponent, isDisabled: isExpanderDisabled }),
+ *   // Rest of your columns
  * ], [isExpanderDisabled, subComponent]);
  */
-var ExpanderColumn = function (props) {
-    if (props === void 0) { props = {}; }
-    var subComponent = props.subComponent, isDisabled = props.isDisabled;
+const ExpanderColumn = (props = {}) => {
+    const { subComponent, isDisabled } = props;
     return {
         id: exports.EXPANDER_CELL_ID,
         disableResizing: true,
@@ -63,19 +48,19 @@ var ExpanderColumn = function (props) {
         maxWidth: 48,
         columnClassName: 'iui-slot',
         cellClassName: 'iui-slot',
-        Cell: function (props) {
-            var row = props.row;
+        Cell: (props) => {
+            const { row } = props;
             if (!(subComponent === null || subComponent === void 0 ? void 0 : subComponent(row))) {
                 return null;
             }
             else {
-                return (react_1.default.createElement(Buttons_1.IconButton, { className: 'iui-table-row-expander', styleType: 'borderless', size: 'small', onClick: function (e) {
+                return (react_1.default.createElement(Buttons_1.IconButton, { className: 'iui-table-row-expander', styleType: 'borderless', size: 'small', onClick: (e) => {
                         e.stopPropagation();
                         row.toggleRowExpanded();
                     }, disabled: isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled(props.row.original) }, react_1.default.createElement(utils_1.SvgChevronRight, null)));
             }
         },
-        cellRenderer: function (props) { return (react_1.default.createElement(cells_1.DefaultCell, __assign({}, props, { isDisabled: function (rowData) { return !!(isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled(rowData)); } }))); },
+        cellRenderer: (props) => (react_1.default.createElement(cells_1.DefaultCell, { ...props, isDisabled: (rowData) => !!(isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled(rowData)) })),
     };
 };
 exports.ExpanderColumn = ExpanderColumn;

package/cjs/core/Table/columns/selectionColumn.d.ts

@@ -9,11 +9,8 @@ export declare const SELECTION_CELL_ID = "iui-table-checkbox-selector";
  *   return rowData.name === 'Name1';
  * }, []);
  * const columns = useMemo(() => [
- *   Header: 'Table',
- *   columns: [
- *     SelectionColumn({ isDisabled: isCheckboxDisabled }),
- *     // Rest of your columns
- *    ],
+ *   SelectionColumn({ isDisabled: isCheckboxDisabled }),
+ *   // Rest of your columns
  * ], [isCheckboxDisabled]);
  */
 export declare const SelectionColumn: <T extends Record<string, unknown>>(props?: {