@carbon/ibm-products 2.41.1-canary.13 → 2.41.1-canary.17

package/lib/components/Datagrid/Datagrid/DatagridToolbar.js

@@ -57,13 +57,14 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
   // the ButtonMenu
   React.useEffect(function () {
     if (totalSelected === 1 && !receivedInitialWidth) {
-      var batchActionListWidth = ref.current.querySelector(".".concat(settings.carbon.prefix, "--action-list")).offsetWidth;
+      var _ref$current;
+      var batchActionListWidth = ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector(".".concat(settings.carbon.prefix, "--action-list")).offsetWidth;
       setInitialListWidth(batchActionListWidth);
       setReceivedInitialWidth(true);
     }
   }, [totalSelected, receivedInitialWidth, ref]);
   React.useEffect(function () {
-    var summaryWidth = ref.current.querySelector(".".concat(settings.carbon.prefix, "--batch-summary")).offsetWidth;
+    var summaryWidth = ref === null || ref === void 0 ? void 0 : ref.current.querySelector(".".concat(settings.carbon.prefix, "--batch-summary")).offsetWidth;
     if (width < summaryWidth + initialListWidth + 32) {
       setDisplayAllInMenu(true);
     } else {
@@ -88,7 +89,7 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     var minWidthBeforeOverflowIcon = 380;
     // Do not render ButtonMenu when there are 3 or less items
     // and if there is enough available space to render all the items
-    if ((toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.length) <= 3 && !displayAllInMenu) {
+    if (toolbarBatchActions && (toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.length) <= 3 && !displayAllInMenu) {
       return;
     }
     var renderItem = function renderItem(batchAction, index) {
@@ -103,7 +104,8 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     return /*#__PURE__*/React__default["default"].createElement(react.MenuButton, {
       label: batchActionMenuButtonLabelText,
       className: cx__default["default"]([menuClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(menuClass, "-icon-only"), width <= minWidthBeforeOverflowIcon)]),
-      tabIndex: totalSelected > 0 ? 0 : -1
+      tabIndex: totalSelected > 0 ? 0 : -1,
+      menuAlignment: "bottom"
     }, toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.map(function (batchAction, index) {
       var hidden = index < 2 && !displayAllInMenu;
       if (!hidden) {
@@ -122,10 +124,11 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
       dispatch: dispatch,
       rows: [],
       getRowId: getRowId,
-      isChecked: false
+      isChecked: false,
+      indeterminate: undefined
     });
     toggleAllRowsSelected(false);
-    setGlobalFilter(null);
+    setGlobalFilter === null || setGlobalFilter === void 0 || setGlobalFilter(null);
   };
   var onSelectAllHandler = function onSelectAllHandler() {
     toggleAllRowsSelected(true);
@@ -133,7 +136,9 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     stateReducer.handleSelectAllRowData({
       dispatch: dispatch,
       rows: rows,
-      getRowId: getRowId
+      getRowId: getRowId,
+      indeterminate: undefined,
+      isChecked: undefined
     });
   };
 
@@ -177,15 +182,14 @@ var DatagridToolbar = function DatagridToolbar(_ref2) {
     className: cx__default["default"]([blockClass, "".concat(blockClass, "--").concat(getRowHeight)])
   }, /*#__PURE__*/React__default["default"].createElement(react.TableToolbar, {
     "aria-label": ariaToolbarLabel
-  }, DatagridActions && /*#__PURE__*/React__default["default"].createElement(DatagridActions, datagridState), DatagridBatchActionsToolbar && DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, DatagridActions && /*#__PURE__*/React__default["default"].createElement(DatagridActions, datagridState), DatagridBatchActionsToolbar === null || DatagridBatchActionsToolbar === void 0 ? void 0 : DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: blockClass
   }, /*#__PURE__*/React__default["default"].createElement(react.TableToolbar, {
     "aria-label": ariaToolbarLabel
-  }, DatagridActions && /*#__PURE__*/React__default["default"].createElement(DatagridActions, datagridState), DatagridBatchActions && DatagridBatchActions(datagridState))) : null;
+  }, DatagridActions && /*#__PURE__*/React__default["default"].createElement(DatagridActions, datagridState), DatagridBatchActions === null || DatagridBatchActions === void 0 ? void 0 : DatagridBatchActions(datagridState))) : null;
 };
 DatagridToolbar.propTypes = {
   ariaToolbarLabel: index["default"].string
 };
-var DatagridToolbar$1 = DatagridToolbar;
 
-exports["default"] = DatagridToolbar$1;
+exports["default"] = DatagridToolbar;

package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.d.ts

@@ -1,2 +1,9 @@
+/**
+ * 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 { DataGridState } from '../types';
+declare const DatagridVirtualBody: (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
 export default DatagridVirtualBody;
-declare function DatagridVirtualBody(datagridState: any): import("react/jsx-runtime").JSX.Element;

package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js

@@ -53,37 +53,48 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
   /* istanbul ignore next */
   var handleVirtualGridResize = function handleVirtualGridResize() {
     var gridRefElement = gridRef === null || gridRef === void 0 ? void 0 : gridRef.current;
-    gridRefElement.style.width = gridRefElement === null || gridRefElement === void 0 ? void 0 : gridRefElement.clientWidth;
+    if (gridRefElement) {
+      var _gridRefElement$clien;
+      gridRefElement.style.width = gridRefElement === null || gridRefElement === void 0 || (_gridRefElement$clien = gridRefElement.clientWidth) === null || _gridRefElement$clien === void 0 ? void 0 : _gridRefElement$clien.toString();
+    }
   };
   useResizeObserver.useResizeObserver(gridRef, handleVirtualGridResize);
   React.useEffect(function () {
-    handleResize();
+    handleResize === null || handleResize === void 0 || handleResize();
   }, [handleResize]);
   var rowHeight = rowSize && rowSizeMap[rowSize] || defaultRowHeight;
-  if (listRef && listRef.current) {
-    listRef.current.resetAfterIndex(0);
-  }
+  React.useEffect(function () {
+    if (listRef && listRef.current) {
+      listRef.current.resetAfterIndex(0);
+    }
+  }, [listRef]);
   var visibleRows = DatagridPagination && page || rows;
-  var testRef = React.useRef();
+  var testRef = React.useRef(null);
 
   // Sync the scrollLeft position of the virtual body to the table header
   React.useEffect(function () {
     function handleScroll(event) {
+      var _document;
       var virtualBody = event.target;
-      document.querySelector("#".concat(tableId, " .").concat(blockClass, "__head-wrap")).scrollLeft = virtualBody.scrollLeft;
+      var headWrapEl = (_document = document) === null || _document === void 0 ? void 0 : _document.querySelector("#".concat(tableId, " .").concat(blockClass, "__head-wrap"));
+      if (headWrapEl) {
+        headWrapEl.scrollLeft = virtualBody === null || virtualBody === void 0 ? void 0 : virtualBody.scrollLeft;
+      }
       var spacerColumn = document.querySelector("#".concat(tableId, " .").concat(blockClass, "__head-wrap thead th:last-child"));
-      spacerColumn.style.width = layout.px(32 + (virtualBody.offsetWidth - virtualBody.clientWidth)); // scrollbar width to header column to fix header alignment
+      if (spacerColumn) {
+        spacerColumn.style.width = layout.px(32 + (virtualBody.offsetWidth - virtualBody.clientWidth)); // scrollbar width to header column to fix header alignment
+      }
     }
-    var testRefValue = testRef.current;
-    testRefValue.addEventListener('scroll', handleScroll);
+    var testRefValue = testRef === null || testRef === void 0 ? void 0 : testRef.current;
+    testRefValue === null || testRefValue === void 0 || testRefValue.addEventListener('scroll', handleScroll);
     return function () {
-      testRefValue.removeEventListener('scroll', handleScroll);
+      testRefValue === null || testRefValue === void 0 || testRefValue.removeEventListener('scroll', handleScroll);
     };
   });
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__head-wrap"),
     style: {
-      width: (_gridRef$current = gridRef.current) === null || _gridRef$current === void 0 ? void 0 : _gridRef$current.clientWidth,
+      width: gridRef === null || gridRef === void 0 || (_gridRef$current = gridRef.current) === null || _gridRef$current === void 0 ? void 0 : _gridRef$current.clientWidth,
       overflow: 'hidden'
     }
   }, /*#__PURE__*/React__default["default"].createElement(DatagridHead["default"], datagridState)), /*#__PURE__*/React__default["default"].createElement(react.TableBody, _rollupPluginBabelHelpers["extends"]({}, getTableBodyProps({
@@ -94,7 +105,8 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     height: virtualHeight || tableHeight,
     itemCount: visibleRows.length,
     itemSize: function itemSize(index) {
-      return visibleRows[index].isExpanded ? (visibleRows[index].expandedContentHeight || 0) + rowHeight : rowHeight;
+      var _visibleRows$index;
+      return (_visibleRows$index = visibleRows[index]) !== null && _visibleRows$index !== void 0 && _visibleRows$index.isExpanded ? (visibleRows[index].expandedContentHeight || 0) + rowHeight : rowHeight;
     },
     estimatedItemSize: rowHeight,
     onScroll: onScroll,
@@ -106,9 +118,10 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     ref: listRef,
     className: "".concat(blockClass, "__virtual-scrollbar"),
     style: {
-      width: (_gridRef$current2 = gridRef.current) === null || _gridRef$current2 === void 0 ? void 0 : _gridRef$current2.clientWidth
+      width: gridRef === null || gridRef === void 0 || (_gridRef$current2 = gridRef.current) === null || _gridRef$current2 === void 0 ? void 0 : _gridRef$current2.clientWidth
     }
   }, function (_ref) {
+    var _row$RowRenderer;
     var index = _ref.index,
       style = _ref.style;
     var row = visibleRows[index];
@@ -117,12 +130,11 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
       key = _row$getRowProps.key;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       style: _rollupPluginBabelHelpers.objectSpread2({}, style)
-    }, row.RowRenderer(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, datagridState), {}, {
+    }, row === null || row === void 0 || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === void 0 ? void 0 : _row$RowRenderer.call(row, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, datagridState), {}, {
       row: row,
       key: key
     })));
   })));
 };
-var DatagridVirtualBody$1 = DatagridVirtualBody;
 
-exports["default"] = DatagridVirtualBody$1;
+exports["default"] = DatagridVirtualBody;

package/lib/components/Datagrid/Datagrid/DraggableElement.d.ts

@@ -1,22 +1,24 @@
-export default DraggableElement;
-declare function DraggableElement({ id, children, classList, disabled, ariaLabel, isSticky, selected, }: {
-    id: any;
-    children: any;
-    classList: any;
-    disabled: any;
-    ariaLabel: any;
-    isSticky: any;
-    selected: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace DraggableElement {
-    namespace propTypes {
-        let ariaLabel: PropTypes.Validator<string>;
-        let children: PropTypes.Validator<PropTypes.ReactElementLike>;
-        let classList: PropTypes.Requireable<string>;
-        let disabled: PropTypes.Requireable<boolean>;
-        let id: PropTypes.Validator<string>;
-        let isSticky: PropTypes.Requireable<boolean>;
-        let selected: PropTypes.Requireable<boolean>;
-    }
-}
+import { PropsWithChildren, ReactNode } from 'react';
 import PropTypes from 'prop-types';
+interface DraggableElementProps extends PropsWithChildren {
+    ariaLabel: string;
+    children: ReactNode;
+    classList?: string;
+    disabled?: boolean;
+    id: string;
+    isSticky?: boolean;
+    selected?: boolean;
+}
+declare const DraggableElement: {
+    ({ id, children, classList, disabled, ariaLabel, isSticky, selected, }: DraggableElementProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        ariaLabel: PropTypes.Validator<string>;
+        children: PropTypes.Validator<PropTypes.ReactElementLike>;
+        classList: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        id: PropTypes.Validator<string>;
+        isSticky: PropTypes.Requireable<boolean>;
+        selected: PropTypes.Requireable<boolean>;
+    };
+};
+export default DraggableElement;

package/lib/components/Datagrid/Datagrid/DraggableElement.js

@@ -53,7 +53,7 @@ var DraggableElement = function DraggableElement(_ref) {
     size: 16
   }))), children);
   var style = {
-    transform: !disabled ? utilities.CSS.Transform.toString(transform) : {},
+    transform: !disabled ? utilities.CSS.Transform.toString(transform) : undefined,
     transition: transition
   };
   return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
@@ -62,7 +62,6 @@ var DraggableElement = function DraggableElement(_ref) {
     ref: setNodeRef,
     style: style
   }, attributes, listeners, {
-    disabled: disabled,
     "aria-selected": selected,
     role: "option"
   }), /*#__PURE__*/React__default["default"].createElement("span", {
@@ -80,6 +79,5 @@ DraggableElement.propTypes = {
   isSticky: index["default"].bool,
   selected: index["default"].bool
 };
-var DraggableElement$1 = DraggableElement;
 
-exports["default"] = DraggableElement$1;
+exports["default"] = DraggableElement;

package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.d.ts

@@ -41,7 +41,7 @@ declare namespace FilterPanel {
         let searchLabelText: PropTypes.Requireable<string>;
         let searchPlaceholder: PropTypes.Requireable<string>;
         let secondaryActionLabel: PropTypes.Requireable<string>;
-        let setAllFilters: PropTypes.Validator<(...args: any[]) => any>;
+        let setAllFilters: PropTypes.Requireable<(...args: any[]) => any>;
         let showFilterSearch: PropTypes.Requireable<boolean>;
         let title: PropTypes.Requireable<string>;
         let updateMethod: PropTypes.Requireable<string>;

package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js

@@ -292,7 +292,7 @@ FilterPanel.propTypes = {
   searchLabelText: index["default"].string,
   searchPlaceholder: index["default"].string,
   secondaryActionLabel: index["default"].string,
-  setAllFilters: index["default"].func.isRequired,
+  setAllFilters: index["default"].func,
   showFilterSearch: index["default"].bool,
   title: index["default"].string,
   updateMethod: index["default"].oneOf([constants.BATCH, constants.INSTANT])

package/lib/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.d.ts

@@ -1,2 +1,12 @@
-export const DatagridSlug: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+/**
+ * Copyright IBM Corp. 2024, 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, { ReactNode } from 'react';
+interface DatagridSlugProps {
+    slug?: ReactNode;
+}
+export declare const DatagridSlug: React.ForwardRefExoticComponent<DatagridSlugProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/Datagrid/Datagrid/index.d.ts

@@ -1 +1,7 @@
-export { Datagrid } from "./Datagrid";
+/**
+ * Copyright IBM Corp. 2020, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { Datagrid } from './Datagrid';

package/lib/components/Datagrid/types/index.d.ts

@@ -0,0 +1,208 @@
+/// <reference path="../../../../src/custom-typings/index.d.ts" />
+import { MultiSelectProps } from '@carbon/react/lib/components/MultiSelect/MultiSelect';
+import { FormGroupProps } from '@carbon/react/lib/components/FormGroup/FormGroup';
+import { RadioButtonProps } from '@carbon/react/lib/components/RadioButton/RadioButton';
+import { RadioButtonGroupProps } from '@carbon/react/lib/components/RadioButtonGroup/RadioButtonGroup';
+import { CheckboxProps } from '@carbon/react/lib/components/Checkbox';
+import { NumberInputProps } from '@carbon/react/lib/components/NumberInput/NumberInput';
+import { CSSProperties, JSXElementConstructor, MutableRefObject, ReactNode, TouchEventHandler } from 'react';
+import { Cell, ColumnInstance, FilterValue, Filters, HeaderGroup, Row, TableCommonProps, TableDispatch, TableInstance, TableToggleAllRowsSelectedProps, UseExpandedRowProps, UseFiltersInstanceProps, UsePaginationInstanceProps, UseResizeColumnsColumnProps, UseResizeColumnsState, UseRowSelectInstanceProps, UseRowSelectRowProps, UseRowSelectState, UseSortByColumnProps, UseTableHooks } from 'react-table';
+import { CarbonIconType } from '@carbon/react/icons';
+import { type ButtonProps } from '@carbon/react';
+import { TableBatchActionsProps } from '@carbon/react/lib/components/DataTable/TableBatchActions';
+export type Size = 'xs' | 'sm' | 'md' | 'lg';
+export interface ResizerProps {
+    draggable?: boolean;
+    onMouseDown?: (evt: any) => void;
+    onTouchStart?: TouchEventHandler<HTMLElement>;
+    role?: string;
+    style?: CSSProperties;
+}
+export type DataGridFilter = ({
+    column?: string;
+} & {
+    type: 'date';
+    props: {
+        DatePicker?: any;
+        DatePickerInput?: any;
+    };
+}) | {
+    type: 'number';
+    props: {
+        NumberInput?: NumberInputProps;
+    };
+} | {
+    type: 'checkbox';
+    props: {
+        FormGroup?: FormGroupProps;
+        Checkbox?: CheckboxProps[];
+    };
+} | {
+    type: 'radio';
+    props: {
+        FormGroup?: FormGroupProps;
+        RadioButton?: RadioButtonProps[];
+        RadioButtonGroup?: RadioButtonGroupProps;
+    };
+} | {
+    type: 'multiSelect';
+    props: {
+        MultiSelect?: MultiSelectProps<any>;
+    };
+};
+export interface ReactTableFiltersState {
+    id: string;
+    type: string;
+    value: string;
+}
+interface Labels {
+    allPageRows?: object;
+    allRows?: object;
+}
+interface Section {
+    categoryTitle?: string;
+    filters?: DataGridFilter[];
+}
+export interface FilterFlyoutProps {
+    data?: any;
+    filters?: DataGridFilter[];
+    flyoutIconDescription?: string;
+    onFlyoutClose?: () => void;
+    onFlyoutOpen?: () => void;
+    panelIconDescription?: string;
+    primaryActionLabel?: string;
+    reactTableFiltersState?: ReactTableFiltersState[];
+    renderLabel?: () => void;
+    secondaryActionLabel?: string;
+    updateMethod?: string;
+    variation?: string;
+    panelTitle?: string;
+    sections?: Section[];
+    autoHideFilters: boolean;
+}
+export interface DataGridToggleAllRowsProps extends TableToggleAllRowsSelectedProps {
+    disabled?: boolean;
+}
+export interface DatagridTableHooks<T extends object = any> extends UseTableHooks<T> {
+}
+export interface DatagridColumn<T extends object = any> extends ColumnInstance<T> {
+    sticky?: 'left' | 'right';
+    className?: string;
+}
+export interface DataGridCell<T extends object = any> extends Omit<Cell<T>, 'column'> {
+    column: DatagridColumn<any>;
+}
+export interface DatagridRow<T extends object = any> extends Omit<Row<T>, 'cells'>, UseExpandedRowProps<T>, UseRowSelectRowProps<T> {
+    expandedContentHeight?: number;
+    RowRenderer?: (state?: DataGridState) => ReactNode;
+    RowExpansionRenderer?: (state?: DataGridState) => void;
+    cells: Array<DataGridCell>;
+    isSkeleton?: boolean;
+}
+export interface DataGridHeader<T extends object = any> extends ColumnInstance, UseResizeColumnsColumnProps<T>, UseSortByColumnProps<T> {
+    className(className: any, arg1: {
+        [x: string]: any;
+    }): unknown;
+    isAction?: boolean;
+    slug?: any;
+}
+export interface DataGridHeaderGroup<T extends object = any> extends HeaderGroup<T>, UseResizeColumnsColumnProps<T> {
+}
+export interface TableProps {
+    className?: string;
+    role?: string;
+    style?: CSSStyleDeclaration;
+}
+interface DataGridTableState extends UseResizeColumnsState<any>, UseRowSelectState<any> {
+    filters: Filters<DataGridFilter>;
+}
+export interface DataGridTableInstance<T extends object = any> extends TableInstance<T> {
+}
+export interface DataGridState<T extends object = any> extends TableCommonProps, UsePaginationInstanceProps<T>, Omit<TableInstance<T>, 'state' | 'headers' | 'rows' | 'columns'>, Omit<UseFiltersInstanceProps<T>, 'rows'>, UseRowSelectInstanceProps<T>, Pick<UseRowSelectInstanceProps<T>, 'toggleAllRowsSelected'> {
+    withVirtualScroll?: boolean;
+    DatagridPagination?: JSXElementConstructor<any>;
+    isFetching?: boolean;
+    tableId?: string;
+    filterProps?: FilterFlyoutProps;
+    state: DataGridTableState;
+    getFilterFlyoutProps?: () => FilterFlyoutProps;
+    DatagridActions?: JSXElementConstructor<any>;
+    CustomizeColumnsTearsheet?: JSXElementConstructor<any>;
+    fullHeightDatagrid?: boolean;
+    variableRowHeight?: boolean;
+    useDenseHeader?: boolean;
+    withInlineEdit?: boolean;
+    verticalAlign?: string;
+    gridTitle?: ReactNode;
+    gridDescription?: ReactNode;
+    gridRef?: MutableRefObject<HTMLDivElement>;
+    DatagridBatchActions?: (args: any) => ReactNode;
+    batchActions?: boolean;
+    row: DatagridRow;
+    rows: Array<DatagridRow<any>>;
+    columns: Array<DatagridColumn>;
+    key?: any;
+    rowSize?: Size;
+    headers?: Array<DataGridHeader<T>>;
+    headRef?: MutableRefObject<HTMLDivElement>;
+    HeaderRow?: (state?: object, ref?: MutableRefObject<HTMLDivElement>, group?: HeaderGroup<any>) => ReactNode;
+    withStickyColumn?: boolean;
+    emptyStateTitle?: string | ReactNode;
+    emptyStateDescription?: string;
+    emptyStateSize?: 'lg' | 'sm';
+    emptyStateType?: string;
+    illustrationTheme?: 'light' | 'dark';
+    emptyStateAction: {
+        kind?: 'primary' | 'secondary' | 'tertiary';
+        renderIcon?: CarbonIconType;
+        onClick?: ButtonProps<any>['onClick'];
+        text?: string;
+    };
+    emptyStateLink?: {
+        text?: string | ReactNode;
+        href?: string;
+    };
+    isTableSortable?: boolean;
+    resizerAriaLabel?: string;
+    onColResizeEnd?: () => void;
+    withNestedRows?: boolean;
+    withExpandedRows?: boolean;
+    withMouseHover?: boolean;
+    setMouseOverRowIndex?: (arg: any) => void;
+    hideSelectAll?: boolean;
+    radio?: boolean;
+    onAllRowSelect: (rows: DatagridRow[], evt: any) => void;
+    selectAllToggle?: {
+        onSelectAllRows?: (args: any) => void;
+        labels?: Labels;
+    };
+    allPageRowsLabel?: string | object;
+    allRowsLabel: string | object;
+    onSelectAllRows?: (val?: boolean) => void;
+    toolbarBatchActions?: ButtonProps<any>[];
+    setGlobalFilter?: (filterValue: FilterValue) => void;
+    batchActionMenuButtonLabel?: string;
+    translateWithIdBatchActions?: TableBatchActionsProps['translateWithId'];
+    onScroll?: (evt?: any) => void;
+    innerListRef?: MutableRefObject<HTMLDivElement>;
+    tableHeight?: number;
+    virtualHeight?: number;
+    listRef?: MutableRefObject<any>;
+    handleResize?: () => void;
+    onVirtualScroll?: (evt?: boolean) => void;
+}
+export interface ResizeHeaderProps {
+    resizerProps?: ResizerProps;
+    header: DataGridHeader;
+    originalCol?: DatagridColumn;
+    handleOnMouseDownResize?: (evt?: any, props?: ResizerProps) => void;
+    columnWidths?: any[];
+    datagridState: DataGridState;
+    incrementAmount: number;
+    minWidth?: number;
+    dispatch?: TableDispatch<any>;
+    onColResizeEnd?: () => void;
+    resizerAriaLabel?: string;
+    isFetching?: boolean;
+}
+export {};

package/lib/components/Datagrid/useColumnOrder.d.ts

@@ -1 +1,2 @@
 export default useColumnOrder;
+import { useColumnOrder } from 'react-table';

package/lib/components/Datagrid/useDatagrid.d.ts

@@ -1,2 +1,2 @@
 export default useDatagrid;
-declare function useDatagrid(params: any, ...plugins: any[]): any;
+declare function useDatagrid(params: any, ...plugins: any[]): import("react-table").TableInstance<any>;

package/lib/components/Datagrid/useSelectRows.js

@@ -128,7 +128,11 @@ var SelectRow = function SelectRow(datagridState) {
   var cellProps = cell.getCellProps();
   var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
   var rowId = "".concat(tableId, "-").concat(row.id, "-").concat(row.index);
-  return /*#__PURE__*/React__default["default"].createElement(react.TableSelectRow, _rollupPluginBabelHelpers["extends"]({}, cellProps, selectProps, {
+  var key = cellProps.key,
+    _cellProps = cellProps._cellProps;
+  return /*#__PURE__*/React__default["default"].createElement(react.TableSelectRow, _rollupPluginBabelHelpers["extends"]({
+    key: key
+  }, _cellProps, selectProps, {
     radio: radio,
     onSelect: onSelectHandler,
     id: rowId,

package/lib/components/FilterSummary/FilterSummary.d.ts

@@ -1,3 +1,22 @@
-export default FilterSummary;
-declare let FilterSummary: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+/**
+ * Copyright IBM Corp. 2022, 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';
+export interface Filter {
+    key: string;
+    value: string;
+}
+interface FilterSummaryProps {
+    className?: string;
+    clearButtonInline?: boolean;
+    clearFilters: () => void;
+    clearFiltersText?: string;
+    filters: Filter[];
+    overflowType?: 'default' | 'tag';
+    renderLabel?: (key: any, value: any) => void;
+}
+declare const FilterSummary: React.ForwardRefExoticComponent<FilterSummaryProps & React.RefAttributes<HTMLDivElement>>;
+export default FilterSummary;

package/lib/components/FilterSummary/FilterSummary.js

@@ -42,8 +42,7 @@ var FilterSummary = /*#__PURE__*/React__default["default"].forwardRef(function (
     clearFiltersText = _ref$clearFiltersText === void 0 ? 'Clear filters' : _ref$clearFiltersText,
     clearFilters = _ref.clearFilters,
     filters = _ref.filters,
-    _ref$renderLabel = _ref.renderLabel,
-    renderLabel = _ref$renderLabel === void 0 ? null : _ref$renderLabel,
+    renderLabel = _ref.renderLabel,
     _ref$overflowType = _ref.overflowType,
     overflowType = _ref$overflowType === void 0 ? 'default' : _ref$overflowType,
     _ref$clearButtonInlin = _ref.clearButtonInline,
@@ -60,9 +59,9 @@ var FilterSummary = /*#__PURE__*/React__default["default"].forwardRef(function (
       label: (_renderLabel = renderLabel === null || renderLabel === void 0 ? void 0 : renderLabel(key, value)) !== null && _renderLabel !== void 0 ? _renderLabel : "".concat(key, ": ").concat(value)
     });
   });
-  var filterSummaryClearButton = React.useRef();
-  var viewAllButtonRef = React.useRef();
-  var filterSummaryRef = React.useRef();
+  var filterSummaryClearButton = React.useRef(null);
+  var viewAllButtonRef = React.useRef(null);
+  var filterSummaryRef = React.useRef(null);
   var localRef = filterSummaryRef || ref;
   var _useState = React.useState(0),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -74,7 +73,7 @@ var FilterSummary = /*#__PURE__*/React__default["default"].forwardRef(function (
     setMultiline = _useState4[1];
   var previousState = usePreviousValue.usePreviousValue({
     multiline: multiline
-  });
+  }) || {};
   var handleViewAll = function handleViewAll() {
     if (overflowCount === 0) {
       setMultiline(false);
@@ -85,7 +84,7 @@ var FilterSummary = /*#__PURE__*/React__default["default"].forwardRef(function (
     });
   };
   var viewAllWidth = typeof (viewAllButtonRef === null || viewAllButtonRef === void 0 || (_viewAllButtonRef$cur = viewAllButtonRef.current) === null || _viewAllButtonRef$cur === void 0 ? void 0 : _viewAllButtonRef$cur.offsetWidth) === 'undefined' ? 0 : overflowCount > 0 ? 48 : 0;
-  var measurementOffset = (filterSummaryClearButton === null || filterSummaryClearButton === void 0 || (_filterSummaryClearBu = filterSummaryClearButton.current) === null || _filterSummaryClearBu === void 0 ? void 0 : _filterSummaryClearBu.offsetWidth) + viewAllWidth;
+  var measurementOffset = ((filterSummaryClearButton === null || filterSummaryClearButton === void 0 || (_filterSummaryClearBu = filterSummaryClearButton.current) === null || _filterSummaryClearBu === void 0 ? void 0 : _filterSummaryClearBu.offsetWidth) || 0) + viewAllWidth;
   var renderTagSet = function renderTagSet(type) {
     return /*#__PURE__*/React__default["default"].createElement(framerMotion.motion.div, {
       key: type,
@@ -116,15 +115,15 @@ var FilterSummary = /*#__PURE__*/React__default["default"].forwardRef(function (
       containingElementRef: localRef,
       measurementOffset: measurementOffset,
       onOverflowTagChange: function onOverflowTagChange(overflowTags) {
-        return setOverflowCount(overflowTags.length);
+        return setOverflowCount(overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length);
       },
       multiline: multiline
     }));
   };
   useWindowResize.useWindowResize(function () {
     var handleFilterSummaryResize = function handleFilterSummaryResize() {
-      var _localRef$current;
-      if (multiline && (localRef === null || localRef === void 0 || (_localRef$current = localRef.current) === null || _localRef$current === void 0 ? void 0 : _localRef$current.offsetHeight) <= 50) {
+      var _localRef$current, _localRef$current2;
+      if (multiline && localRef !== null && localRef !== void 0 && (_localRef$current = localRef.current) !== null && _localRef$current !== void 0 && _localRef$current.offsetHeight && (localRef === null || localRef === void 0 || (_localRef$current2 = localRef.current) === null || _localRef$current2 === void 0 ? void 0 : _localRef$current2.offsetHeight) <= 50) {
         setMultiline(false);
       }
     };
@@ -137,7 +136,6 @@ var FilterSummary = /*#__PURE__*/React__default["default"].forwardRef(function (
     ref: localRef,
     className: cx__default["default"]([blockClass, className], _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__expanded"), multiline))
   }), /*#__PURE__*/React__default["default"].createElement(framerMotion.AnimatePresence, {
-    mode: "wait",
     exitBeforeEnter: true
   }, !multiline && renderTagSet('single'), multiline && renderTagSet('multiline')), /*#__PURE__*/React__default["default"].createElement(react.Button, {
     kind: "ghost",
@@ -166,6 +164,7 @@ FilterSummary.propTypes = {
   clearButtonInline: index["default"].bool,
   clearFilters: index["default"].func.isRequired,
   clearFiltersText: index["default"].string,
+  /**@ts-ignore */
   filters: index["default"].arrayOf(index["default"].object).isRequired,
   overflowType: index["default"].oneOf(['default', 'tag']),
   renderLabel: index["default"].func

package/lib/components/WebTerminal/WebTerminal.js

@@ -69,7 +69,7 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
       matches: true
     },
     prefersReducedMotion = _ref2.matches;
-  var webTerminalAnimationName = "".concat(open ? 'web-terminal-entrance' : 'web-terminal-exit', " ").concat(carbonMotion.moderate02);
+  var webTerminalAnimationName = "".concat(open ? 'web-terminal-entrance' : 'web-terminal-exit forwards', " ").concat(carbonMotion.moderate02);
   var showDocumentationLinks = React.useMemo(function () {
     return documentationLinks.length > 0;
   }, [documentationLinks]);

package/lib/global/js/hooks/usePreviousValue.d.ts

@@ -1 +1 @@
-export function usePreviousValue(value: object): undefined;
+export function usePreviousValue(value: object): T | undefined;