@itwin/itwinui-react 3.13.3 → 3.14.0

package/DEV-cjs/core/Table/TableRowMemoized.js

@@ -1,101 +1,194 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
 function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
     });
 }
 _export(exports, {
-    TableRow: function() {
-        return TableRow;
-    },
-    TableRowMemoized: function() {
-        return TableRowMemoized;
-    }
+  TableRow: function () {
+    return TableRow;
+  },
+  TableRowMemoized: function () {
+    return TableRowMemoized;
+  },
 });
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _classnames = _interop_require_default._(require("classnames"));
-const _index = require("../../utils/index.js");
-const _TableCell = require("./TableCell.js");
-const TableRow = (props)=>{
-    let { row, rowProps, isLast, onRowInViewport, onBottomReached, intersectionMargin, onClick, subComponent, isDisabled, tableHasSubRows, tableInstance, expanderCell, scrollContainerRef, tableRowRef, density, virtualItem, virtualizer } = props;
-    let onIntersect = _react.useCallback(()=>{
-        onRowInViewport.current?.(row.original);
-        isLast && onBottomReached.current?.();
-    }, [
-        isLast,
-        onBottomReached,
-        onRowInViewport,
-        row.original
-    ]);
-    let intersectionRoot = _react.useMemo(()=>{
-        let isTableScrollable = (scrollContainerRef?.scrollHeight ?? 0) > (scrollContainerRef?.offsetHeight ?? 0);
-        if (isTableScrollable) return scrollContainerRef;
-    }, [
-        scrollContainerRef
-    ]);
-    let intersectionRef = (0, _index.useIntersection)(onIntersect, {
-        rootMargin: `${intersectionMargin}px`,
-        root: intersectionRoot
-    });
-    let userRowProps = rowProps?.(row) ?? {};
-    let { status, isLoading, ...restUserRowProps } = userRowProps;
-    let mergedProps = {
-        ...row.getRowProps({
-            style: {
-                flex: "0 0 auto",
-                minWidth: '100%',
-                ...null != virtualItem ? {
-                    transform: `translateY(${virtualItem.start}px)`
-                } : {}
-            }
-        }),
-        ...restUserRowProps,
-        ...{
-            className: (0, _classnames.default)('iui-table-row', {
-                'iui-table-row-expanded': row.isExpanded && subComponent,
-                'iui-loading': isLoading
-            }, userRowProps?.className),
-            'aria-selected': row.isSelected || void 0,
-            'aria-disabled': isDisabled || void 0,
-            'data-iui-status': status,
-            'data-iui-index': virtualItem?.index,
-            ...null != virtualItem && {
-                'data-iui-virtualizer': 'item'
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _classnames = _interop_require_default._(require('classnames'));
+const _index = require('../../utils/index.js');
+const _TableCell = require('./TableCell.js');
+const TableRow = (props) => {
+  let {
+    row,
+    rowProps,
+    isLast,
+    onRowInViewport,
+    onBottomReached,
+    intersectionMargin,
+    onClick,
+    subComponent,
+    isDisabled,
+    tableHasSubRows,
+    tableInstance,
+    expanderCell,
+    scrollContainerRef,
+    tableRowRef,
+    density,
+    virtualItem,
+    virtualizer,
+  } = props;
+  let onIntersect = _react.useCallback(() => {
+    onRowInViewport.current?.(row.original);
+    isLast && onBottomReached.current?.();
+  }, [isLast, onBottomReached, onRowInViewport, row.original]);
+  let intersectionRoot = _react.useMemo(() => {
+    let isTableScrollable =
+      (scrollContainerRef?.scrollHeight ?? 0) >
+      (scrollContainerRef?.offsetHeight ?? 0);
+    if (isTableScrollable) return scrollContainerRef;
+  }, [scrollContainerRef]);
+  let intersectionRef = (0, _index.useIntersection)(onIntersect, {
+    rootMargin: `${intersectionMargin}px`,
+    root: intersectionRoot,
+  });
+  let userRowProps = rowProps?.(row) ?? {};
+  let { status, isLoading, ...restUserRowProps } = userRowProps;
+  let mergedProps = {
+    ...row.getRowProps({
+      style: {
+        flex: '0 0 auto',
+        minWidth: '100%',
+        ...(null != virtualItem
+          ? {
+              transform: `translateY(${virtualItem.start}px)`,
             }
-        }
-    };
-    let refs = (0, _index.useMergedRefs)(intersectionRef, mergedProps.ref, tableRowRef, virtualizer?.measureElement);
-    return _react.createElement(_react.Fragment, null, _react.createElement(_index.Box, {
+          : {}),
+      },
+    }),
+    ...restUserRowProps,
+    ...{
+      className: (0, _classnames.default)(
+        'iui-table-row',
+        {
+          'iui-table-row-expanded': row.isExpanded && subComponent,
+          'iui-loading': isLoading,
+        },
+        userRowProps?.className,
+      ),
+      'aria-selected': row.isSelected || void 0,
+      'aria-disabled': isDisabled || void 0,
+      'data-iui-status': status,
+      'data-iui-index': virtualItem?.index,
+      ...(null != virtualItem && {
+        'data-iui-virtualizer': 'item',
+      }),
+    },
+  };
+  let refs = (0, _index.useMergedRefs)(
+    intersectionRef,
+    mergedProps.ref,
+    tableRowRef,
+    virtualizer?.measureElement,
+  );
+  return _react.createElement(
+    _react.Fragment,
+    null,
+    _react.createElement(
+      _index.Box,
+      {
         ...mergedProps,
         ref: refs,
-        onClick: (event)=>{
-            mergedProps?.onClick?.(event);
-            onClick?.(event, row);
-        }
-    }, row.cells.map((cell, index)=>_react.createElement(_TableCell.TableCell, {
-            key: cell.getCellProps().key,
-            cell: cell,
-            cellIndex: index,
-            isDisabled: isDisabled,
-            tableHasSubRows: tableHasSubRows,
-            tableInstance: tableInstance,
-            expanderCell: expanderCell,
-            density: density
-        }))), subComponent && _react.createElement(_index.WithCSSTransition, {
-        in: row.isExpanded
-    }, _react.createElement(_index.Box, {
-        className: (0, _classnames.default)('iui-table-row', 'iui-table-expanded-content'),
-        "aria-disabled": isDisabled
-    }, subComponent(row))));
+        onClick: (event) => {
+          mergedProps?.onClick?.(event);
+          onClick?.(event, row);
+        },
+      },
+      row.cells.map((cell, index) =>
+        _react.createElement(_TableCell.TableCell, {
+          key: cell.getCellProps().key,
+          cell: cell,
+          cellIndex: index,
+          isDisabled: isDisabled,
+          tableHasSubRows: tableHasSubRows,
+          tableInstance: tableInstance,
+          expanderCell: expanderCell,
+          density: density,
+        }),
+      ),
+    ),
+    subComponent &&
+      _react.createElement(
+        _index.WithCSSTransition,
+        {
+          in: row.isExpanded,
+        },
+        _react.createElement(
+          _index.Box,
+          {
+            className: (0, _classnames.default)(
+              'iui-table-row',
+              'iui-table-expanded-content',
+            ),
+            'aria-disabled': isDisabled,
+          },
+          subComponent(row),
+        ),
+      ),
+  );
 };
-const hasAnySelectedSubRow = (row, selectedRowIds)=>{
-    if (selectedRowIds?.[row.id]) return true;
-    return row.subRows.some((subRow)=>hasAnySelectedSubRow(subRow, selectedRowIds));
+const hasAnySelectedSubRow = (row, selectedRowIds) => {
+  if (selectedRowIds?.[row.id]) return true;
+  return row.subRows.some((subRow) =>
+    hasAnySelectedSubRow(subRow, selectedRowIds),
+  );
 };
-const TableRowMemoized = _react.memo(TableRow, (prevProp, nextProp)=>prevProp.isLast === nextProp.isLast && prevProp.state.hiddenColumns?.length === nextProp.state.hiddenColumns?.length && !!prevProp.state.hiddenColumns?.every((column, index)=>nextProp.state.hiddenColumns?.[index] === column) && prevProp.onRowInViewport === nextProp.onRowInViewport && prevProp.onBottomReached === nextProp.onBottomReached && prevProp.onClick === nextProp.onClick && prevProp.row.original === nextProp.row.original && prevProp.state.selectedRowIds?.[prevProp.row.id] === nextProp.state.selectedRowIds?.[nextProp.row.id] && prevProp.row.subRows.some((subRow)=>hasAnySelectedSubRow(subRow, prevProp.state.selectedRowIds)) === nextProp.row.subRows.some((subRow)=>hasAnySelectedSubRow(subRow, nextProp.state.selectedRowIds)) && prevProp.state.expanded?.[prevProp.row.id] === nextProp.state.expanded?.[nextProp.row.id] && prevProp.subComponent === nextProp.subComponent && prevProp.row.cells.every((cell, index)=>nextProp.row.cells[index].column === cell.column) && prevProp.isDisabled === nextProp.isDisabled && prevProp.rowProps === nextProp.rowProps && prevProp.expanderCell === nextProp.expanderCell && prevProp.tableHasSubRows === nextProp.tableHasSubRows && prevProp.scrollContainerRef === nextProp.scrollContainerRef && prevProp.state.columnOrder === nextProp.state.columnOrder && !nextProp.state.columnResizing.isResizingColumn && prevProp.state.isTableResizing === nextProp.state.isTableResizing && prevProp.state.sticky.isScrolledToLeft === nextProp.state.sticky.isScrolledToLeft && prevProp.state.sticky.isScrolledToRight === nextProp.state.sticky.isScrolledToRight && prevProp.density === nextProp.density && prevProp.virtualizer === nextProp.virtualizer && prevProp.virtualItem?.index === nextProp.virtualItem?.index && prevProp.virtualItem?.start === nextProp.virtualItem?.start);
+const TableRowMemoized = _react.memo(
+  TableRow,
+  (prevProp, nextProp) =>
+    prevProp.isLast === nextProp.isLast &&
+    prevProp.state.hiddenColumns?.length ===
+      nextProp.state.hiddenColumns?.length &&
+    !!prevProp.state.hiddenColumns?.every(
+      (column, index) => nextProp.state.hiddenColumns?.[index] === column,
+    ) &&
+    prevProp.onRowInViewport === nextProp.onRowInViewport &&
+    prevProp.onBottomReached === nextProp.onBottomReached &&
+    prevProp.onClick === nextProp.onClick &&
+    prevProp.row.original === nextProp.row.original &&
+    prevProp.state.selectedRowIds?.[prevProp.row.id] ===
+      nextProp.state.selectedRowIds?.[nextProp.row.id] &&
+    prevProp.row.subRows.some((subRow) =>
+      hasAnySelectedSubRow(subRow, prevProp.state.selectedRowIds),
+    ) ===
+      nextProp.row.subRows.some((subRow) =>
+        hasAnySelectedSubRow(subRow, nextProp.state.selectedRowIds),
+      ) &&
+    prevProp.state.expanded?.[prevProp.row.id] ===
+      nextProp.state.expanded?.[nextProp.row.id] &&
+    prevProp.subComponent === nextProp.subComponent &&
+    prevProp.row.cells.every(
+      (cell, index) => nextProp.row.cells[index].column === cell.column,
+    ) &&
+    prevProp.isDisabled === nextProp.isDisabled &&
+    prevProp.rowProps === nextProp.rowProps &&
+    prevProp.expanderCell === nextProp.expanderCell &&
+    prevProp.tableHasSubRows === nextProp.tableHasSubRows &&
+    prevProp.scrollContainerRef === nextProp.scrollContainerRef &&
+    prevProp.state.columnOrder === nextProp.state.columnOrder &&
+    !nextProp.state.columnResizing.isResizingColumn &&
+    prevProp.state.isTableResizing === nextProp.state.isTableResizing &&
+    prevProp.state.sticky.isScrolledToLeft ===
+      nextProp.state.sticky.isScrolledToLeft &&
+    prevProp.state.sticky.isScrolledToRight ===
+      nextProp.state.sticky.isScrolledToRight &&
+    prevProp.density === nextProp.density &&
+    prevProp.virtualizer === nextProp.virtualizer &&
+    prevProp.virtualItem?.index === nextProp.virtualItem?.index &&
+    prevProp.virtualItem?.start === nextProp.virtualItem?.start,
+);

package/DEV-cjs/core/Table/actionHandlers/expandHandler.js

@@ -1,21 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "onExpandHandler", {
-    enumerable: true,
-    get: function() {
-        return onExpandHandler;
-    }
+Object.defineProperty(exports, 'onExpandHandler', {
+  enumerable: true,
+  get: function () {
+    return onExpandHandler;
+  },
 });
-const onExpandHandler = (newState, instance, onExpand)=>{
-    if (!instance?.preFilteredFlatRows.length) {
-        onExpand?.([], newState);
-        return;
-    }
-    let expandedData = [];
-    instance.preFilteredFlatRows.forEach((row)=>{
-        if (newState.expanded[row.id]) expandedData.push(row.original);
-    });
-    onExpand?.(expandedData, newState);
+const onExpandHandler = (newState, instance, onExpand) => {
+  if (!instance?.preFilteredFlatRows.length) {
+    onExpand?.([], newState);
+    return;
+  }
+  let expandedData = [];
+  instance.preFilteredFlatRows.forEach((row) => {
+    if (newState.expanded[row.id]) expandedData.push(row.original);
+  });
+  onExpand?.(expandedData, newState);
 };

package/DEV-cjs/core/Table/actionHandlers/filterHandler.js

@@ -1,26 +1,34 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "onFilterHandler", {
-    enumerable: true,
-    get: function() {
-        return onFilterHandler;
-    }
+Object.defineProperty(exports, 'onFilterHandler', {
+  enumerable: true,
+  get: function () {
+    return onFilterHandler;
+  },
 });
-const onFilterHandler = (newState, action, previousState, currentFilter, instance)=>{
-    let previousFilter = previousState.filters.find((f)=>f.id === action.columnId);
-    if (previousFilter?.value != action.filterValue) {
-        let filters = newState.filters.map((f)=>{
-            let column = instance?.allColumns.find((c)=>c.id === f.id);
-            return {
-                id: f.id,
-                value: f.value,
-                fieldType: column?.fieldType ?? 'text',
-                filterType: column?.filter ?? 'text'
-            };
-        });
-        return filters;
-    }
-    return currentFilter;
+const onFilterHandler = (
+  newState,
+  action,
+  previousState,
+  currentFilter,
+  instance,
+) => {
+  let previousFilter = previousState.filters.find(
+    (f) => f.id === action.columnId,
+  );
+  if (previousFilter?.value != action.filterValue) {
+    let filters = newState.filters.map((f) => {
+      let column = instance?.allColumns.find((c) => c.id === f.id);
+      return {
+        id: f.id,
+        value: f.value,
+        fieldType: column?.fieldType ?? 'text',
+        filterType: column?.filter ?? 'text',
+      };
+    });
+    return filters;
+  }
+  return currentFilter;
 };

package/DEV-cjs/core/Table/actionHandlers/index.js

@@ -1,37 +1,38 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
 function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
     });
 }
 _export(exports, {
-    onExpandHandler: function() {
-        return _expandHandler.onExpandHandler;
-    },
-    onFilterHandler: function() {
-        return _filterHandler.onFilterHandler;
-    },
-    onShiftSelectHandler: function() {
-        return _selectHandler.onShiftSelectHandler;
-    },
-    onSingleSelectHandler: function() {
-        return _selectHandler.onSingleSelectHandler;
-    },
-    onTableResizeEnd: function() {
-        return _resizeHandler.onTableResizeEnd;
-    },
-    onTableResizeStart: function() {
-        return _resizeHandler.onTableResizeStart;
-    },
-    onToggleHandler: function() {
-        return _selectHandler.onToggleHandler;
-    }
+  onExpandHandler: function () {
+    return _expandHandler.onExpandHandler;
+  },
+  onFilterHandler: function () {
+    return _filterHandler.onFilterHandler;
+  },
+  onShiftSelectHandler: function () {
+    return _selectHandler.onShiftSelectHandler;
+  },
+  onSingleSelectHandler: function () {
+    return _selectHandler.onSingleSelectHandler;
+  },
+  onTableResizeEnd: function () {
+    return _resizeHandler.onTableResizeEnd;
+  },
+  onTableResizeStart: function () {
+    return _resizeHandler.onTableResizeStart;
+  },
+  onToggleHandler: function () {
+    return _selectHandler.onToggleHandler;
+  },
 });
-const _expandHandler = require("./expandHandler.js");
-const _filterHandler = require("./filterHandler.js");
-const _selectHandler = require("./selectHandler.js");
-const _resizeHandler = require("./resizeHandler.js");
+const _expandHandler = require('./expandHandler.js');
+const _filterHandler = require('./filterHandler.js');
+const _selectHandler = require('./selectHandler.js');
+const _resizeHandler = require('./resizeHandler.js');

package/DEV-cjs/core/Table/actionHandlers/resizeHandler.js

@@ -1,32 +1,33 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
 function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
     });
 }
 _export(exports, {
-    onTableResizeEnd: function() {
-        return onTableResizeEnd;
+  onTableResizeEnd: function () {
+    return onTableResizeEnd;
+  },
+  onTableResizeStart: function () {
+    return onTableResizeStart;
+  },
+});
+const onTableResizeStart = (state) => ({
+  ...state,
+  isTableResizing: true,
+});
+const onTableResizeEnd = (state, action) => ({
+  ...state,
+  isTableResizing: false,
+  columnResizing: {
+    ...state.columnResizing,
+    columnWidths: {
+      ...action.columnWidths,
     },
-    onTableResizeStart: function() {
-        return onTableResizeStart;
-    }
+  },
 });
-const onTableResizeStart = (state)=>({
-        ...state,
-        isTableResizing: true
-    });
-const onTableResizeEnd = (state, action)=>({
-        ...state,
-        isTableResizing: false,
-        columnResizing: {
-            ...state.columnResizing,
-            columnWidths: {
-                ...action.columnWidths
-            }
-        }
-    });