@itwin/itwinui-react 3.0.4 → 3.0.5

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

@@ -1,9 +1,6 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-exports.onShiftSelectHandler =
-  exports.onSingleSelectHandler =
-  exports.onToggleHandler =
-    void 0;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.onShiftSelectHandler = exports.onSingleSelectHandler = exports.onToggleHandler = void 0;
 /**
  * Handles subrow selection and validation.
  * - Calls onSelect() with selected data
@@ -11,145 +8,118 @@ exports.onShiftSelectHandler =
  * - Validation: Ensures that any disabled/unselectable row/subrow is not selected
  */
 const onSelectHandler = (newState, instance, onSelect, isRowDisabled) => {
-  if (!instance?.rows.length) {
-    onSelect?.([], newState);
-    return;
-  }
-  const newSelectedRowIds = {};
-  const handleRow = (row) => {
-    if (isRowDisabled?.(row.original)) {
-      return false;
+    if (!instance?.rows.length) {
+        onSelect?.([], newState);
+        return;
     }
-    let isAllSubSelected = true;
-    row.initialSubRows.forEach((subRow) => {
-      const result = handleRow(subRow);
-      if (!result) {
-        isAllSubSelected = false;
-      }
-    });
-    // If `selectSubRows` is false, then no need to select sub-rows and just check current selection state.
-    // If a row doesn't have sub-rows then check its selection state.
-    // If it has sub-rows then check whether all of them are selected.
-    if (
-      (!instance.selectSubRows && newState.selectedRowIds[row.id]) ||
-      (!row.initialSubRows.length && newState.selectedRowIds[row.id]) ||
-      (row.initialSubRows.length && isAllSubSelected)
-    ) {
-      newSelectedRowIds[row.id] = true;
-    }
-    return !!newSelectedRowIds[row.id];
-  };
-  instance.initialRows.forEach((row) => handleRow(row));
-  const selectedData = getSelectedData(newSelectedRowIds, instance);
-  newState.selectedRowIds = newSelectedRowIds;
-  onSelect?.(selectedData, newState);
+    const newSelectedRowIds = {};
+    const handleRow = (row) => {
+        if (isRowDisabled?.(row.original)) {
+            return false;
+        }
+        let isAllSubSelected = true;
+        row.initialSubRows.forEach((subRow) => {
+            const result = handleRow(subRow);
+            if (!result) {
+                isAllSubSelected = false;
+            }
+        });
+        // If `selectSubRows` is false, then no need to select sub-rows and just check current selection state.
+        // If a row doesn't have sub-rows then check its selection state.
+        // If it has sub-rows then check whether all of them are selected.
+        if ((!instance.selectSubRows && newState.selectedRowIds[row.id]) ||
+            (!row.initialSubRows.length && newState.selectedRowIds[row.id]) ||
+            (row.initialSubRows.length && isAllSubSelected)) {
+            newSelectedRowIds[row.id] = true;
+        }
+        return !!newSelectedRowIds[row.id];
+    };
+    instance.initialRows.forEach((row) => handleRow(row));
+    const selectedData = getSelectedData(newSelectedRowIds, instance);
+    newState.selectedRowIds = newSelectedRowIds;
+    onSelect?.(selectedData, newState);
 };
 /**
  * Handles selection when toggling a row (Ctrl click or checkbox click)
  */
-const onToggleHandler = (
-  newState,
-  action,
-  instance,
-  onSelect,
-  isRowDisabled,
-) => {
-  onSelectHandler(newState, instance, onSelect, isRowDisabled);
-  // Toggling a row (ctrl click or checkbox click) updates the lastSelectedRowId
-  newState.lastSelectedRowId = action.id;
+const onToggleHandler = (newState, action, instance, onSelect, isRowDisabled) => {
+    onSelectHandler(newState, instance, onSelect, isRowDisabled);
+    // Toggling a row (ctrl click or checkbox click) updates the lastSelectedRowId
+    newState.lastSelectedRowId = action.id;
 };
 exports.onToggleHandler = onToggleHandler;
 /**
  * Handles selection when clicked on a row.
  */
-const onSingleSelectHandler = (
-  state,
-  action,
-  instance,
-  onSelect,
-  isRowDisabled,
-) => {
-  const selectedRowIds = { [action.id]: true };
-  if (instance?.selectSubRows) {
-    const handleRow = (row) => {
-      selectedRowIds[row.id] = true;
-      row.subRows.forEach((r) => handleRow(r));
+const onSingleSelectHandler = (state, action, instance, onSelect, isRowDisabled) => {
+    const selectedRowIds = { [action.id]: true };
+    if (instance?.selectSubRows) {
+        const handleRow = (row) => {
+            selectedRowIds[row.id] = true;
+            row.subRows.forEach((r) => handleRow(r));
+        };
+        handleRow(instance.rowsById[action.id]);
+    }
+    const newState = {
+        ...state,
+        lastSelectedRowId: action.id,
+        selectedRowIds,
     };
-    handleRow(instance.rowsById[action.id]);
-  }
-  const newState = {
-    ...state,
-    lastSelectedRowId: action.id,
-    selectedRowIds,
-  };
-  // Passing to `onSelectHandler` to handle filtered sub-rows
-  onSelectHandler(newState, instance, onSelect, isRowDisabled);
-  return newState;
+    // Passing to `onSelectHandler` to handle filtered sub-rows
+    onSelectHandler(newState, instance, onSelect, isRowDisabled);
+    return newState;
 };
 exports.onSingleSelectHandler = onSingleSelectHandler;
 /**
  * Handles selection when clicked on a row while shift key is pressed.
  */
-const onShiftSelectHandler = (
-  state,
-  action,
-  instance,
-  onSelect,
-  isRowDisabled,
-) => {
-  if (instance == null) {
-    return state;
-  }
-  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) {
-    const temp = startIndex;
-    startIndex = endIndex;
-    endIndex = temp;
-  }
-  const isLastSelectedRowIdSelected =
-    state.lastSelectedRowId == null || // When no row is selected before shift click, start selecting from first row to clicked row
-    !!state.selectedRowIds[state.lastSelectedRowId];
-  // If ctrl + shift click, do not lose previous selection
-  // If shift click, start new selection
-  const selectedRowIds = !!action.ctrlPressed
-    ? { ...state.selectedRowIds }
-    : {};
-  // 1. All rows between start and end are assigned the state of the last selected row
-  instance.flatRows
-    .slice(startIndex, endIndex + 1)
-    .forEach((r) => (selectedRowIds[r.id] = isLastSelectedRowIdSelected));
-  // 2. All children of the last row (endIndex) also are assigned the state of the last selected row
-  // Since lastRow's children come after endIndex + 1 (not selected in step 1)
-  const handleRow = (row) => {
-    selectedRowIds[row.id] = isLastSelectedRowIdSelected;
-    row.subRows.forEach((r) => handleRow(r));
-  };
-  handleRow(instance.flatRows[endIndex]);
-  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
-  onSelectHandler(newState, instance, onSelect, isRowDisabled);
-  return newState;
+const onShiftSelectHandler = (state, action, instance, onSelect, isRowDisabled) => {
+    if (instance == null) {
+        return state;
+    }
+    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) {
+        const temp = startIndex;
+        startIndex = endIndex;
+        endIndex = temp;
+    }
+    const isLastSelectedRowIdSelected = state.lastSelectedRowId == null || // When no row is selected before shift click, start selecting from first row to clicked row
+        !!state.selectedRowIds[state.lastSelectedRowId];
+    // If ctrl + shift click, do not lose previous selection
+    // If shift click, start new selection
+    const selectedRowIds = !!action.ctrlPressed
+        ? { ...state.selectedRowIds }
+        : {};
+    // 1. All rows between start and end are assigned the state of the last selected row
+    instance.flatRows
+        .slice(startIndex, endIndex + 1)
+        .forEach((r) => (selectedRowIds[r.id] = isLastSelectedRowIdSelected));
+    // 2. All children of the last row (endIndex) also are assigned the state of the last selected row
+    // Since lastRow's children come after endIndex + 1 (not selected in step 1)
+    const handleRow = (row) => {
+        selectedRowIds[row.id] = isLastSelectedRowIdSelected;
+        row.subRows.forEach((r) => handleRow(r));
+    };
+    handleRow(instance.flatRows[endIndex]);
+    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
+    onSelectHandler(newState, instance, onSelect, isRowDisabled);
+    return newState;
 };
 exports.onShiftSelectHandler = onShiftSelectHandler;
 const getSelectedData = (selectedRowIds, instance) => {
-  const selectedData = [];
-  const setSelectedData = (row) => {
-    if (selectedRowIds[row.id]) {
-      selectedData.push(row.original);
-    }
-    row.initialSubRows.forEach((subRow) => setSelectedData(subRow));
-  };
-  instance?.initialRows.forEach((row) => setSelectedData(row));
-  return selectedData;
+    const selectedData = [];
+    const setSelectedData = (row) => {
+        if (selectedRowIds[row.id]) {
+            selectedData.push(row.original);
+        }
+        row.initialSubRows.forEach((subRow) => setSelectedData(subRow));
+    };
+    instance?.initialRows.forEach((row) => setSelectedData(row));
+    return selectedData;
 };

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

@@ -1,14 +1,14 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DefaultCell = void 0;
-const tslib_1 = require('tslib');
+const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require('react'));
-const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const index_js_1 = require('../../utils/index.js');
+const React = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const index_js_1 = require("../../utils/index.js");
 /**
  * Default cell.
  * It should be passed to `cellRenderer`.
@@ -21,48 +21,13 @@ const index_js_1 = require('../../utils/index.js');
  * }
  */
 const DefaultCell = (props) => {
-  // Omitting `cellProps`
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const {
-    cellElementProps: {
-      className: cellElementClassName,
-      style: cellElementStyle,
-      ...cellElementProps
-    },
-    children,
-    startIcon,
-    endIcon,
-    cellProps,
-    isDisabled,
-    className,
-    style,
-    status,
-    ...rest
-  } = props;
-  return React.createElement(
-    index_js_1.Box,
-    {
-      ...cellElementProps,
-      ...rest,
-      className: (0, classnames_1.default)(cellElementClassName, className),
-      'aria-disabled': isDisabled?.(cellProps.row.original) || undefined,
-      'data-iui-status': status,
-      style: { ...cellElementStyle, ...style },
-    },
-    startIcon &&
-      React.createElement(
-        index_js_1.Box,
-        { className: 'iui-table-cell-start-icon' },
-        startIcon,
-      ),
-    children,
-    endIcon &&
-      React.createElement(
-        index_js_1.Box,
-        { className: 'iui-table-cell-end-icon' },
-        endIcon,
-      ),
-  );
+    // Omitting `cellProps`
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { cellElementProps: { className: cellElementClassName, style: cellElementStyle, ...cellElementProps }, children, startIcon, endIcon, cellProps, isDisabled, className, style, status, ...rest } = props;
+    return (React.createElement(index_js_1.Box, { ...cellElementProps, ...rest, className: (0, classnames_1.default)(cellElementClassName, className), "aria-disabled": isDisabled?.(cellProps.row.original) || undefined, "data-iui-status": status, style: { ...cellElementStyle, ...style } },
+        startIcon && (React.createElement(index_js_1.Box, { className: 'iui-table-cell-start-icon' }, startIcon)),
+        children,
+        endIcon && React.createElement(index_js_1.Box, { className: 'iui-table-cell-end-icon' }, endIcon)));
 };
 exports.DefaultCell = DefaultCell;
 exports.default = exports.DefaultCell;

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

@@ -1,13 +1,13 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditableCell = void 0;
-const tslib_1 = require('tslib');
+const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require('react'));
-const index_js_1 = require('../../utils/index.js');
+const React = tslib_1.__importStar(require("react"));
+const index_js_1 = require("../../utils/index.js");
 /**
  * Editable cell.
  * It should be passed to `cellRenderer`.
@@ -19,76 +19,47 @@ const index_js_1 = require('../../utils/index.js');
  * }
  */
 const EditableCell = (props) => {
-  const {
-    cellElementProps,
-    cellProps,
-    onCellEdit,
-    children,
-    isDisabled,
-    ...rest
-  } = props;
-  isDisabled; // To omit and prevent eslint error.
-  const sanitizeString = (text) => {
-    return text.replace(/(\r\n|\n|\r)+/gm, ' ');
-  };
-  const [value, setValue] = React.useState(() =>
-    sanitizeString(cellProps.value),
-  );
-  React.useEffect(() => {
-    setValue(sanitizeString(cellProps.value));
-  }, [cellProps.value]);
-  const [key, setKey] = React.useState((0, index_js_1.getRandomValue)(10));
-  const [isDirty, setIsDirty] = React.useState(false);
-  return React.createElement(
-    index_js_1.Box,
-    {
-      ...cellElementProps,
-      contentEditable: true,
-      suppressContentEditableWarning: true,
-      key: key,
-      ...rest,
-      onInput: (e) => {
-        setValue(sanitizeString(e.target.innerText));
-        setIsDirty(true);
-        props.onInput?.(e);
-      },
-      onBlur: (e) => {
-        if (isDirty) {
-          onCellEdit(cellProps.column.id, value, cellProps.row.original);
-        }
-        props.onBlur?.(e);
-        // 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, index_js_1.getRandomValue)(10));
-      },
-      onKeyDown: (e) => {
-        // Prevents from adding HTML elements (div, br) inside a cell on Enter press
-        if (e.key === 'Enter') {
-          e.preventDefault();
-        }
-        props.onKeyDown?.(e);
-      },
-      onPaste: (e) => {
-        e.preventDefault();
-        document.execCommand(
-          'inserttext',
-          false,
-          sanitizeString(e.clipboardData.getData('text/plain')),
-        );
-        props.onPaste?.(e);
-      },
-      onDrop: (e) => {
-        // Prevents from drag'n'dropping into a cell because it will add unwanted HTML elements
-        e.preventDefault();
-        props.onDrop?.(e);
-      },
-      onClick: (e) => {
-        e.stopPropagation();
-        props.onClick?.(e);
-      },
-    },
-    children,
-  );
+    const { cellElementProps, cellProps, onCellEdit, children, isDisabled, ...rest } = props;
+    isDisabled; // To omit and prevent eslint error.
+    const sanitizeString = (text) => {
+        return text.replace(/(\r\n|\n|\r)+/gm, ' ');
+    };
+    const [value, setValue] = React.useState(() => sanitizeString(cellProps.value));
+    React.useEffect(() => {
+        setValue(sanitizeString(cellProps.value));
+    }, [cellProps.value]);
+    const [key, setKey] = React.useState((0, index_js_1.getRandomValue)(10));
+    const [isDirty, setIsDirty] = React.useState(false);
+    return (React.createElement(index_js_1.Box, { ...cellElementProps, contentEditable: true, suppressContentEditableWarning: true, key: key, ...rest, onInput: (e) => {
+            setValue(sanitizeString(e.target.innerText));
+            setIsDirty(true);
+            props.onInput?.(e);
+        }, onBlur: (e) => {
+            if (isDirty) {
+                onCellEdit(cellProps.column.id, value, cellProps.row.original);
+            }
+            props.onBlur?.(e);
+            // 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, index_js_1.getRandomValue)(10));
+        }, onKeyDown: (e) => {
+            // Prevents from adding HTML elements (div, br) inside a cell on Enter press
+            if (e.key === 'Enter') {
+                e.preventDefault();
+            }
+            props.onKeyDown?.(e);
+        }, onPaste: (e) => {
+            e.preventDefault();
+            document.execCommand('inserttext', false, sanitizeString(e.clipboardData.getData('text/plain')));
+            props.onPaste?.(e);
+        }, onDrop: (e) => {
+            // Prevents from drag'n'dropping into a cell because it will add unwanted HTML elements
+            e.preventDefault();
+            props.onDrop?.(e);
+        }, onClick: (e) => {
+            e.stopPropagation();
+            props.onClick?.(e);
+        } }, children));
 };
 exports.EditableCell = EditableCell;
 exports.default = exports.EditableCell;

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

@@ -1,21 +1,11 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditableCell = 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 DefaultCell_js_1 = require('./DefaultCell.js');
-Object.defineProperty(exports, 'DefaultCell', {
-  enumerable: true,
-  get: function () {
-    return DefaultCell_js_1.DefaultCell;
-  },
-});
-var EditableCell_js_1 = require('./EditableCell.js');
-Object.defineProperty(exports, 'EditableCell', {
-  enumerable: true,
-  get: function () {
-    return EditableCell_js_1.EditableCell;
-  },
-});
+var DefaultCell_js_1 = require("./DefaultCell.js");
+Object.defineProperty(exports, "DefaultCell", { enumerable: true, get: function () { return DefaultCell_js_1.DefaultCell; } });
+var EditableCell_js_1 = require("./EditableCell.js");
+Object.defineProperty(exports, "EditableCell", { enumerable: true, get: function () { return EditableCell_js_1.EditableCell; } });