@carbon/ibm-products 2.80.0 → 2.81.0-rc.0

package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js

@@ -1,281 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useEffect, useState, isValidElement } from 'react';
-import cx from 'classnames';
-import { TableRow, TableHeader } from '@carbon/react';
-import { px } from '@carbon/layout';
-import { selectionColumnId } from '../common-column-ids.js';
-import { pkg } from '../../../settings.js';
-import { handleColumnResizeEndEvent, handleColumnResizingEvent } from './addons/stateReducer.js';
-import { getNodeTextContent } from '../../../global/js/utils/getNodeTextContent.js';
-import { DatagridAILabel } from './addons/AiLabel/DatagridAiLabel.js';
-import { useInitialColumnSort } from '../useInitialColumnSort.js';
-
-var _th;
-const blockClass = `${pkg.prefix}--datagrid`;
-const getAccessibilityProps = header => {
-  const props = {};
-  const content = getNodeTextContent(header.Header);
-  if (!content) {
-    props['aria-hidden'] = true;
-  }
-  return props;
-};
-const ResizeHeader = _ref => {
-  let {
-    resizerProps,
-    header,
-    handleOnMouseDownResize,
-    originalCol,
-    columnWidths,
-    datagridState,
-    incrementAmount,
-    minWidth,
-    dispatch,
-    onColResizeEnd,
-    resizerAriaLabel,
-    isFetching
-  } = _ref;
-  const {
-    ...headerProps
-  } = resizerProps;
-  const mouseDownHandler = evt => {
-    handleOnMouseDownResize?.(evt, resizerProps);
-  };
-  const mouseUpHandler = () => {
-    handleColumnResizeEndEvent(dispatch, onColResizeEnd, header?.id, true);
-  };
-  const keyDownHandler = evt => {
-    const {
-      key
-    } = evt;
-    if (key === 'ArrowLeft' || key === 'ArrowRight') {
-      const originalColMinWidth = originalCol?.minWidth || 90;
-      const currentColumnWidth = header?.id && columnWidths?.[header?.id] || (datagridState?.isTableSortable && Number(originalCol?.width) < originalColMinWidth ? originalColMinWidth : originalCol?.width);
-      if (key === 'ArrowLeft') {
-        if (currentColumnWidth - incrementAmount > Math.max(Number(minWidth), 50)) {
-          const newWidth = currentColumnWidth - incrementAmount;
-          handleColumnResizingEvent(dispatch, header, newWidth);
-        }
-      }
-      if (key === 'ArrowRight') {
-        const newWidth = currentColumnWidth + incrementAmount;
-        handleColumnResizingEvent(dispatch, header, newWidth);
-      }
-    }
-  };
-  const keyUpHandler = () => {
-    handleColumnResizeEndEvent(dispatch, onColResizeEnd, header?.id, true);
-  };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("input", _extends({}, headerProps, {
-    onMouseDown: mouseDownHandler,
-    onMouseUp: mouseUpHandler,
-    onKeyDown: keyDownHandler,
-    onKeyUp: keyUpHandler,
-    className: `${blockClass}__col-resizer-range`,
-    type: "range",
-    defaultValue: originalCol?.width,
-    "aria-label": resizerAriaLabel || 'Resize column',
-    disabled: isFetching
-  })), /*#__PURE__*/React__default.createElement("span", {
-    role: "separator",
-    className: `${blockClass}__col-resize-indicator`
-  }));
-};
-const getAriaSortValue = (col, datagridState) => {
-  const {
-    ascendingSortableLabelText,
-    descendingSortableLabelText,
-    defaultSortableLabelText
-  } = datagridState;
-  if (!col) {
-    return;
-  }
-  const {
-    isSorted,
-    isSortedDesc
-  } = col;
-  if (!isSorted) {
-    return defaultSortableLabelText;
-  }
-  if (isSorted && !isSortedDesc) {
-    return ascendingSortableLabelText;
-  }
-  if (isSorted && isSortedDesc) {
-    return descendingSortableLabelText;
-  }
-};
-const HeaderRow = (datagridState, headRef, headerGroup) => {
-  const {
-    resizerAriaLabel,
-    isTableSortable,
-    rows,
-    isFetching,
-    headers
-  } = datagridState;
-  useInitialColumnSort(datagridState);
-  // Used to measure the height of the table and uses that value
-  // to display a vertical line to indicate the column you are resizing
-  useEffect(() => {
-    const {
-      tableId
-    } = datagridState;
-    const gridElement = document.querySelector(`#${tableId}`);
-    const tableElement = gridElement?.querySelector('table');
-    const headerRowElement = document.querySelector(`#${tableId} .${blockClass}__head`);
-    let scrollBuffer = 2;
-    if (tableElement) {
-      const hasHorizontalScrollbar = tableElement?.scrollWidth > tableElement?.clientWidth;
-      if (hasHorizontalScrollbar) {
-        scrollBuffer = 18;
-      }
-    }
-    const tableToolbar = gridElement?.querySelector(`.${blockClass}__table-toolbar`) || null;
-    const tableToolbarHeight = tableToolbar?.offsetHeight || 0;
-    const setCustomValues = _ref2 => {
-      let {
-        rowHeight,
-        gridHeight
-      } = _ref2;
-      headerRowElement?.style.setProperty(`--${blockClass}--row-height`, px(rowHeight));
-      headerRowElement?.style.setProperty(`--${blockClass}--grid-height`, px(gridHeight - scrollBuffer - tableToolbarHeight));
-      headerRowElement?.style.setProperty(`--${blockClass}--header-height`, px(headerRowElement.offsetHeight));
-    };
-    setCustomValues({
-      gridHeight: gridElement?.offsetHeight,
-      rowHeight: headerRowElement?.clientHeight
-    });
-  }, [datagridState.rowSize, datagridState.tableId, datagridState]);
-  const [incrementAmount] = useState(2);
-  const handleOnMouseDownResize = (event, resizeProps) => {
-    const {
-      onMouseDown = () => {}
-    } = {
-      ...resizeProps
-    };
-    // When event.button is 2, that is a right click
-    // and we do not want to resize
-    if (event.button === 2 || event.ctrlKey) {
-      event.target.blur();
-      return;
-    }
-    onMouseDown?.(event);
-  };
-  const {
-    className: headerGroupClassName,
-    ...headerGroupProps
-  } = headerGroup.getHeaderGroupProps({
-    role: undefined
-  });
-  const renderAILabel = aiLabel => {
-    if (isTableSortable) {
-      return;
-    }
-    return /*#__PURE__*/React__default.createElement(DatagridAILabel, {
-      aiLabel: aiLabel
-    });
-  };
-  const foundAIRow = rows.some(r => /*#__PURE__*/isValidElement(r?.original?.aiLabel) || /*#__PURE__*/isValidElement(r?.original?.slug));
-  const {
-    key,
-    ...rowProps
-  } = headerGroupProps;
-  const withActionsColumn = headers ? !!headers.filter(header => header.isAction).length : false;
-  return /*#__PURE__*/React__default.createElement(TableRow, _extends({
-    key: key
-  }, rowProps, {
-    className: cx(`${blockClass}__head`, headerGroupClassName),
-    ref: headRef
-  }), foundAIRow ? _th || (_th = /*#__PURE__*/React__default.createElement("th", {
-    scope: "col",
-    "aria-hidden": "false"
-  })) : null, datagridState?.headers?.filter(_ref3 => {
-    let {
-      isVisible
-    } = _ref3;
-    return isVisible;
-  })?.map((header, index) => {
-    if (header.id === selectionColumnId) {
-      // render directly without the wrapper TableHeader
-      return header.render('Header', {
-        key: header.id
-      });
-    }
-    const {
-      minWidth
-    } = header || 50;
-    const {
-      visibleColumns,
-      state,
-      dispatch,
-      onColResizeEnd
-    } = datagridState;
-    const {
-      columnResizing
-    } = state;
-    const {
-      columnWidths
-    } = columnResizing || {};
-    const originalCol = visibleColumns[index];
-    const {
-      ...headerProps
-    } = header.getHeaderProps({
-      role: undefined
-    });
-    const resizerProps = header?.getResizerProps?.({
-      role: undefined
-    });
-    const headerStyle = headerProps?.style;
-    const lastVisibleIndex = withActionsColumn ? 2 : 1;
-    const isLastVisibleColumn = index === visibleColumns.length - lastVisibleIndex;
-    if (headerStyle) {
-      Object.assign(headerStyle, {
-        flex: isLastVisibleColumn ? '1 1 0' : '0 0 auto',
-        overflow: isLastVisibleColumn ? 'hidden' : headerStyle.overflow
-      });
-    }
-    return /*#__PURE__*/React__default.createElement(TableHeader, _extends({}, headerProps, {
-      className: cx(header?.className, {
-        [`${blockClass}__resizableColumn`]: resizerProps,
-        [`${blockClass}__isResizing`]: header?.isResizing,
-        [`${blockClass}__sortableColumn`]: datagridState.isTableSortable && header.id !== 'spacer',
-        [`${blockClass}__isSorted`]: header?.isSorted,
-        [`${blockClass}__header-actions-column`]: header?.isAction,
-        [`${blockClass}__with-slug`]: header.slug && /*#__PURE__*/React__default.isValidElement(header?.slug),
-        [`${blockClass}__with-ai-label`]: header.aiLabel && /*#__PURE__*/React__default.isValidElement(header?.aiLabel)
-      }, headerProps.className),
-      key: header.id,
-      "aria-hidden": header.id === 'spacer' && 'true',
-      "aria-sort": header.canSort ? getAriaSortValue(header, datagridState) : ''
-    }, getAccessibilityProps(header)), header.render('Header'), renderAILabel(header.aiLabel || header.slug), resizerProps && !header.isAction && /*#__PURE__*/React__default.createElement(ResizeHeader, {
-      resizerProps,
-      header,
-      handleOnMouseDownResize,
-      originalCol,
-      columnWidths,
-      datagridState,
-      incrementAmount,
-      minWidth,
-      dispatch,
-      onColResizeEnd,
-      resizerAriaLabel,
-      isFetching
-    }));
-  }));
-};
-const useHeaderRow = hooks => {
-  const useInstance = instance => {
-    Object.assign(instance, {
-      HeaderRow
-    });
-  };
-  hooks.useInstance.push(useInstance);
-};
-
-export { useHeaderRow as default };

package/es/components/Datagrid/Datagrid/DatagridRefBody.d.ts

@@ -1,10 +0,0 @@
-/**
- * Copyright IBM Corp. 2024
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import React from 'react';
-import { DataGridState } from '../types';
-declare const DatagridRefBody: (datagridState: DataGridState) => React.JSX.Element;
-export default DatagridRefBody;

package/es/components/Datagrid/Datagrid/DatagridRefBody.js

@@ -1,42 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
-import cx from 'classnames';
-import { pkg } from '../../../settings.js';
-
-const blockClass = `${pkg.prefix}--datagrid`;
-
-// TableBody from carbon is a functional component
-// hence no way to pass the ref to html element without changes in carbon side
-// define html directly here.
-// ref should be passed in thru getTableBodyProps
-const DatagridRefBody = datagridState => {
-  const {
-    getTableBodyProps,
-    rows,
-    prepareRow
-  } = datagridState;
-  return /*#__PURE__*/React__default.createElement("tbody", _extends({}, getTableBodyProps({
-    role: undefined
-  }), {
-    className: cx(`${blockClass}__simple-body`, getTableBodyProps().className)
-  }), rows?.map(row => {
-    prepareRow(row);
-    const {
-      key
-    } = row.getRowProps();
-    return row?.RowRenderer?.({
-      ...datagridState,
-      row,
-      key
-    });
-  }));
-};
-
-export { DatagridRefBody as default };

package/es/components/Datagrid/Datagrid/DatagridRow.d.ts

@@ -1,10 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import React from 'react';
-import { DataGridState } from '../types';
-declare const DatagridRow: (datagridState: DataGridState) => React.JSX.Element;
-export default DatagridRow;

package/es/components/Datagrid/Datagrid/DatagridRow.js

@@ -1,190 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { isValidElement } from 'react';
-import { usePrefix, TableRow, SkeletonText, TableCell } from '@carbon/react';
-import { px } from '@carbon/layout';
-import { selectionColumnId } from '../common-column-ids.js';
-import cx from 'classnames';
-import { pkg } from '../../../settings.js';
-import { DatagridAILabel } from './addons/AiLabel/DatagridAiLabel.js';
-
-var _SkeletonText;
-const blockClass = `${pkg.prefix}--datagrid`;
-const rowHeights = {
-  xs: 24,
-  sm: 32,
-  md: 40,
-  lg: 48,
-  xl: 64
-};
-const DatagridRow = datagridState => {
-  const {
-    row,
-    rows,
-    rowSize,
-    withNestedRows,
-    prepareRow,
-    key,
-    tableId,
-    withExpandedRows,
-    withMouseHover,
-    setMouseOverRowIndex,
-    headers,
-    visibleColumns,
-    getAsyncSubRows
-  } = datagridState;
-  const carbonPrefix = usePrefix();
-  const getVisibleNestedRowCount = _ref => {
-    let {
-      isExpanded,
-      subRows
-    } = _ref;
-    let size = 0;
-    if (isExpanded && subRows) {
-      size += subRows.length;
-      subRows.forEach(child => {
-        size += getVisibleNestedRowCount(child);
-      });
-    }
-    return size;
-  };
-  const hoverHandler = event => {
-    if (!withNestedRows) {
-      return;
-    }
-    const subRowCount = getVisibleNestedRowCount(row);
-    const totalNestedRowIndicatorHeight = px(subRowCount * rowHeights[Number(rowSize)]);
-    const hoverRow = event.target.closest(`.${blockClass}__carbon-row-expanded`);
-    hoverRow?.classList.add(`${blockClass}__carbon-row-expanded-hover-active`);
-    const rowExpanderButton = hoverRow?.querySelector(`.${blockClass}__row-expander`);
-    const rowSizeValue = rowSize || 'lg';
-    hoverRow?.style?.setProperty(`--${blockClass}--indicator-height`, totalNestedRowIndicatorHeight);
-    hoverRow?.style?.setProperty(`--${blockClass}--row-height`, px(rowHeights[rowSizeValue]));
-    hoverRow?.style?.setProperty(`--${blockClass}--indicator-offset-amount`, px(rowExpanderButton?.offsetLeft || 0));
-  };
-  const focusRemover = () => {
-    const elements = document.querySelectorAll(`#${tableId} .${blockClass}__carbon-row-expanded`);
-    elements.forEach(el => {
-      el.classList.remove(`${blockClass}__carbon-row-expanded-hover-active`);
-    });
-  };
-  const renderExpandedRow = () => {
-    if (row.isExpanded) {
-      prepareRow(row);
-      return row?.RowExpansionRenderer?.({
-        ...datagridState,
-        row
-      });
-    }
-    return null;
-  };
-  const handleMouseLeave = event => {
-    if (withMouseHover) {
-      setMouseOverRowIndex?.(null);
-    }
-    const hoverRow = event.target.closest(`.${blockClass}__carbon-row-expanded`);
-    hoverRow?.classList.remove(`${blockClass}__carbon-row-expanded-hover-active`);
-  };
-  const handleOnKeyUp = event => {
-    if (!withNestedRows) {
-      return;
-    }
-    if (event.key === 'Enter' || event.key === 'Space') {
-      focusRemover();
-      hoverHandler(event);
-    }
-  };
-  const setAdditionalRowProps = () => {
-    if (withNestedRows || withExpandedRows) {
-      return {
-        'data-nested-row-id': row.id
-      };
-    }
-    return {};
-  };
-  const {
-    className,
-    ...rowProps
-  } = row.getRowProps({
-    role: undefined
-  });
-  const foundAIRow = rows.some(r => /*#__PURE__*/isValidElement(r?.original?.aiLabel) || /*#__PURE__*/isValidElement(r?.original?.slug));
-  const rowClassNames = cx(`${blockClass}__carbon-row`, {
-    [`${blockClass}__carbon-row-expanded`]: row.isExpanded,
-    [`${blockClass}__carbon-row-expandable`]: row.canExpand,
-    [`${blockClass}__carbon-row-expandable--async`]: getAsyncSubRows && row.depth > 0,
-    [`${carbonPrefix}--data-table--selected`]: row.isSelected,
-    [`${blockClass}__slug--row`]: /*#__PURE__*/isValidElement(row?.original?.slug),
-    [`${blockClass}__ai-label--row`]: /*#__PURE__*/isValidElement(row?.original?.aiLabel)
-  });
-  const withActionsColumn = headers ? !!headers.filter(header => header.isAction).length : false;
-  const rowKey = !row.isSkeleton ? key : row.skeletonKey;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
-    key: `${rowKey}__${key}__row--fragment`
-  }, /*#__PURE__*/React__default.createElement(TableRow, _extends({}, rowProps, {
-    className: cx(rowClassNames, className),
-    key: rowKey,
-    onMouseEnter: hoverHandler,
-    onMouseLeave: handleMouseLeave,
-    onFocus: hoverHandler,
-    onBlur: focusRemover,
-    onKeyUp: handleOnKeyUp
-  }, setAdditionalRowProps()), foundAIRow ? row?.original?.aiLabel ? /*#__PURE__*/React__default.createElement("td", {
-    className: cx(`${blockClass}__table-row-ai-enabled`, {
-      [`${blockClass}__ai-label--expanded`]: row.isExpanded
-    })
-  }, /*#__PURE__*/React__default.createElement(DatagridAILabel, {
-    aiLabel: row?.original?.aiLabel
-  })) : row?.original?.slug ? /*#__PURE__*/React__default.createElement("td", {
-    className: cx(`${blockClass}__table-row-ai-enabled`, {
-      [`${blockClass}__slug--expanded`]: row.isExpanded
-    })
-  }, /*#__PURE__*/React__default.createElement(DatagridAILabel, {
-    aiLabel: row?.original?.slug
-  })) : /*#__PURE__*/React__default.createElement("td", {
-    className: `${blockClass}__table-row-ai-spacer`
-  }) : null, row.cells.map((cell, index) => {
-    const cellProps = cell.getCellProps({
-      role: undefined
-    });
-    const {
-      style,
-      children,
-      ...restProps
-    } = cellProps;
-    const columnClassname = cell?.column?.className;
-    const content = children || /*#__PURE__*/React__default.createElement(React__default.Fragment, null, !row.isSkeleton && cell.render('Cell'), row.isSkeleton && (_SkeletonText || (_SkeletonText = /*#__PURE__*/React__default.createElement(SkeletonText, null))));
-    if (cell?.column?.id === selectionColumnId) {
-      // directly render component without the wrapping TableCell
-      return cell.render('Cell', {
-        key: cell.column.id
-      });
-    }
-    const associatedHeader = headers?.filter(h => h.id === cell.column.id);
-    const lastVisibleIndex = withActionsColumn ? 2 : 1;
-    const lastVisibleFlexStyle = index === visibleColumns.length - lastVisibleIndex ? '1 0 auto' : '0 0 auto';
-    if (style) {
-      style.flex = lastVisibleFlexStyle;
-    }
-    return /*#__PURE__*/React__default.createElement(TableCell, _extends({
-      className: cx(`${blockClass}__cell`, {
-        [`${blockClass}__expandable-row-cell`]: (row.canExpand || getAsyncSubRows) && index === 0,
-        [`${blockClass}__expandable-row-cell--is-expanded`]: row.isExpanded && index === 0,
-        [`${blockClass}__slug--cell`]: associatedHeader && associatedHeader.length && /*#__PURE__*/isValidElement(associatedHeader[0]?.slug),
-        [`${blockClass}__ai-label--cell`]: associatedHeader && associatedHeader.length && /*#__PURE__*/isValidElement(associatedHeader[0]?.aiLabel)
-      }, columnClassname)
-    }, restProps, {
-      // eslint-disable-next-line react/forbid-component-props
-      style: style,
-      key: cell.column.id
-    }), content);
-  })), renderExpandedRow?.() || undefined);
-};
-
-export { DatagridRow as default };

package/es/components/Datagrid/Datagrid/DatagridSelectAll.d.ts

@@ -1,10 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import React from 'react';
-import { DataGridState } from '../types';
-declare const SelectAll: (datagridState: DataGridState) => React.JSX.Element;
-export { SelectAll };

package/es/components/Datagrid/Datagrid/DatagridSelectAll.js

@@ -1,115 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useState, useCallback } from 'react';
-import { TableSelectAll } from '@carbon/react';
-import cx from 'classnames';
-import { pkg } from '../../../settings.js';
-import { handleOnPageSelectAllRowData, handleSelectAllRowData } from './addons/stateReducer.js';
-import { useIsomorphicEffect } from '../../../global/js/hooks/useIsomorphicEffect.js';
-
-const blockClass = `${pkg.prefix}--datagrid`;
-const SelectAll = datagridState => {
-  const [windowSize, setWindowSize] = useState();
-  useIsomorphicEffect(() => {
-    setWindowSize(window.innerWidth);
-    /* istanbul ignore next */
-    function updateSize() {
-      setWindowSize(window.innerWidth);
-    }
-    if (typeof window !== 'undefined') {
-      window.addEventListener('resize', updateSize);
-    }
-    return () => window.removeEventListener('resize', updateSize);
-  }, []);
-  const {
-    isFetching,
-    getToggleAllRowsSelectedProps,
-    getToggleAllPageRowsSelectedProps,
-    tableId,
-    hideSelectAll,
-    DatagridPagination,
-    radio,
-    columns,
-    withStickyColumn,
-    dispatch,
-    rows,
-    getRowId,
-    toggleAllRowsSelected,
-    withVirtualScroll,
-    onAllRowSelect
-  } = datagridState;
-  const isFirstColumnStickyLeft = columns[0]?.sticky === 'left' && withStickyColumn;
-  const getProps = DatagridPagination ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;
-  const {
-    onChange,
-    ...selectProps
-  } = getProps();
-  const {
-    indeterminate
-  } = selectProps;
-  const handleOnPageSelectAllChange = useCallback(event => {
-    handleOnPageSelectAllRowData({
-      dispatch,
-      rows,
-      getRowId,
-      isChecked: event.target.checked,
-      indeterminate
-    });
-    onAllRowSelect?.(rows, event);
-    return onChange?.(event);
-  }, [dispatch, getRowId, indeterminate, onAllRowSelect, onChange, rows]);
-  const handleSelectAllChange = useCallback(event => {
-    if (indeterminate) {
-      handleSelectAllRowData({
-        dispatch,
-        rows,
-        getRowId,
-        indeterminate: true,
-        isChecked: undefined
-      });
-      toggleAllRowsSelected(false);
-      onAllRowSelect?.(rows, event);
-      return onChange?.({
-        target: {
-          checked: false
-        }
-      });
-    }
-    handleSelectAllRowData({
-      dispatch,
-      rows,
-      getRowId,
-      isChecked: event.target.checked,
-      indeterminate
-    });
-    onAllRowSelect?.(rows, event);
-    return onChange?.(event);
-  }, [dispatch, getRowId, indeterminate, onAllRowSelect, onChange, rows, toggleAllRowsSelected]);
-  if (hideSelectAll || radio) {
-    return /*#__PURE__*/React__default.createElement("th", {
-      className: cx(`${blockClass}__head-hidden-select-all`, {
-        [`${blockClass}__select-all-sticky-left`]: /* istanbul ignore next */
-        isFirstColumnStickyLeft && Number(windowSize) > 671
-      })
-    });
-  }
-  return /*#__PURE__*/React__default.createElement(TableSelectAll, _extends({}, selectProps, {
-    checked: selectProps?.checked || false,
-    className: cx(`${blockClass}__head-select-all`, `${blockClass}__checkbox-cell`, {
-      [`${blockClass}__checkbox-cell-sticky-left`]: /* istanbul ignore next */
-      isFirstColumnStickyLeft && Number(windowSize) > 671
-    }),
-    name: `${tableId}-select-all-checkbox-name`,
-    onSelect: withVirtualScroll ? handleSelectAllChange : handleOnPageSelectAllChange,
-    disabled: isFetching || selectProps?.disabled,
-    id: `${tableId}-select-all-checkbox-id`
-  }));
-};
-
-export { SelectAll };

package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.d.ts

@@ -1,24 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import React from 'react';
-import { DataGridState } from '../types';
-declare const SelectAllWithToggle: {
-    ({ tableId, isFetching, isAllRowsSelected, selectAllToggle, getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, allPageRowsLabel, allRowsLabel, columns, withStickyColumn, }: DataGridState): React.JSX.Element;
-    propTypes: {
-        allPageRowsLabel: any;
-        allRowsLabel: any;
-        columns: any;
-        getToggleAllPageRowsSelectedProps: any;
-        getToggleAllRowsSelectedProps: any;
-        isAllRowsSelected: any;
-        isFetching: any;
-        selectAllToggle: any;
-        tableId: any;
-        withStickyColumn: any;
-    };
-};
-export default SelectAllWithToggle;