@carbon/ibm-products 2.41.1-canary.8 → 2.42.0

package/es/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/es/components/Datagrid/Datagrid/DatagridVirtualBody.js

@@ -45,37 +45,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(gridRef, handleVirtualGridResize);
   useEffect(function () {
-    handleResize();
+    handleResize === null || handleResize === void 0 || handleResize();
   }, [handleResize]);
   var rowHeight = rowSize && rowSizeMap[rowSize] || defaultRowHeight;
-  if (listRef && listRef.current) {
-    listRef.current.resetAfterIndex(0);
-  }
+  useEffect(function () {
+    if (listRef && listRef.current) {
+      listRef.current.resetAfterIndex(0);
+    }
+  }, [listRef]);
   var visibleRows = DatagridPagination && page || rows;
-  var testRef = useRef();
+  var testRef = useRef(null);
 
   // Sync the scrollLeft position of the virtual body to the table header
   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 = px(32 + (virtualBody.offsetWidth - virtualBody.clientWidth)); // scrollbar width to header column to fix header alignment
+      if (spacerColumn) {
+        spacerColumn.style.width = 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.createElement(React__default.Fragment, null, /*#__PURE__*/React__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.createElement(DatagridHead, datagridState)), /*#__PURE__*/React__default.createElement(TableBody, _extends({}, getTableBodyProps({
@@ -86,7 +97,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,
@@ -98,9 +110,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];
@@ -109,12 +122,11 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
       key = _row$getRowProps.key;
     return /*#__PURE__*/React__default.createElement("div", {
       style: _objectSpread2({}, style)
-    }, row.RowRenderer(_objectSpread2(_objectSpread2({}, datagridState), {}, {
+    }, row === null || row === void 0 || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === void 0 ? void 0 : _row$RowRenderer.call(row, _objectSpread2(_objectSpread2({}, datagridState), {}, {
       row: row,
       key: key
     })));
   })));
 };
-var DatagridVirtualBody$1 = DatagridVirtualBody;
 
-export { DatagridVirtualBody$1 as default };
+export { DatagridVirtualBody as default };

package/es/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/es/components/Datagrid/Datagrid/DraggableElement.js

@@ -44,7 +44,7 @@ var DraggableElement = function DraggableElement(_ref) {
     size: 16
   }))), children);
   var style = {
-    transform: !disabled ? CSS.Transform.toString(transform) : {},
+    transform: !disabled ? CSS.Transform.toString(transform) : undefined,
     transition: transition
   };
   return /*#__PURE__*/React__default.createElement("li", _extends({
@@ -53,7 +53,6 @@ var DraggableElement = function DraggableElement(_ref) {
     ref: setNodeRef,
     style: style
   }, attributes, listeners, {
-    disabled: disabled,
     "aria-selected": selected,
     role: "option"
   }), /*#__PURE__*/React__default.createElement("span", {
@@ -71,6 +70,5 @@ DraggableElement.propTypes = {
   isSticky: PropTypes.bool,
   selected: PropTypes.bool
 };
-var DraggableElement$1 = DraggableElement;
 
-export { DraggableElement$1 as default };
+export { DraggableElement as default };

package/es/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/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js

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

package/es/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/es/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/es/components/Datagrid/types/index.d.ts

@@ -0,0 +1,210 @@
+/// <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;
+    fetchMoreData?: () => void;
+    loadMoreThreshold?: number;
+}
+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/es/components/Datagrid/useColumnOrder.d.ts

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

package/es/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/es/components/Datagrid/useFocusRowExpander.js

@@ -34,7 +34,7 @@ var useFocusRowExpander = function useFocusRowExpander(_ref) {
     });
     if (activeRow.length) {
       var rowExpander = activeRow[0].querySelector(".".concat(blockClass, "__row-expander"));
-      rowExpander.focus();
+      rowExpander === null || rowExpander === void 0 || rowExpander.focus();
     }
   }, [instance === null || instance === void 0 ? void 0 : instance.tableId, instance === null || instance === void 0 ? void 0 : instance.expandedRows, lastExpandedRowIndex, blockClass, activeElement]);
 };

package/es/components/Datagrid/useInfiniteScroll.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 { Hooks } from 'react-table';
+declare const useInfiniteScroll: (hooks: Hooks) => void;
 export default useInfiniteScroll;
-declare function useInfiniteScroll(hooks: any): void;

package/es/components/Datagrid/useInfiniteScroll.js

@@ -15,12 +15,13 @@ var useInfiniteScroll = function useInfiniteScroll(hooks) {
   useResizeTable(hooks);
   var useInstance = function useInstance(instance) {
     var _tableElement;
-    var isFetching = instance.isFetching,
-      tableHeight = instance.tableHeight,
-      innerListRef = instance.innerListRef,
-      fetchMoreData = instance.fetchMoreData,
-      tableId = instance.tableId,
-      loadMoreThreshold = instance.loadMoreThreshold;
+    var _ref = instance,
+      isFetching = _ref.isFetching,
+      tableHeight = _ref.tableHeight,
+      innerListRef = _ref.innerListRef,
+      fetchMoreData = _ref.fetchMoreData,
+      tableId = _ref.tableId,
+      loadMoreThreshold = _ref.loadMoreThreshold;
     var tableElement;
     if (typeof document !== 'undefined') {
       tableElement = document.querySelector("#".concat(tableId));
@@ -33,9 +34,9 @@ var useInfiniteScroll = function useInfiniteScroll(hooks) {
       leading: true,
       trailing: false
     }), [fetchMoreData]);
-    var onScroll = function onScroll(_ref) {
-      var scrollDirection = _ref.scrollDirection,
-        scrollOffset = _ref.scrollOffset;
+    var onScroll = function onScroll(_ref2) {
+      var scrollDirection = _ref2.scrollDirection,
+        scrollOffset = _ref2.scrollOffset;
       if (innerListRef && innerListRef.current) {
         if (!isFetching && scrollDirection === 'forward' && scrollOffset + totalTableHeight >= innerListRef.current.clientHeight - loadMoreThresholdValue) {
           if (fetchMoreData) {

package/es/components/Datagrid/useSelectRows.js

@@ -119,7 +119,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.createElement(TableSelectRow, _extends({}, cellProps, selectProps, {
+  var key = cellProps.key,
+    _cellProps = cellProps._cellProps;
+  return /*#__PURE__*/React__default.createElement(TableSelectRow, _extends({
+    key: key
+  }, _cellProps, selectProps, {
     radio: radio,
     onSelect: onSelectHandler,
     id: rowId,

package/es/components/EditUpdateCards/EditUpdateCards.d.ts

@@ -14,6 +14,7 @@ type ActionIcon = {
     iconDescription: string;
     href?: string;
 };
+type PlacementType = 'top' | 'bottom';
 interface EditUpdateCardsProps {
     /**
      * Icons that are displayed on card. Refer to design documentation for implementation guidelines
@@ -22,7 +23,7 @@ interface EditUpdateCardsProps {
     /**
      * Determines if the action icons are on the top or bottom of the card
      */
-    actionsPlacement?: 'top' | 'bottom';
+    actionsPlacement?: PlacementType;
     /**
      * Optional label for the top of the card.
      */
@@ -66,7 +67,7 @@ interface EditUpdateCardsProps {
     /**
      * Determines if the primary button is on the top or bottom of the card
      */
-    primaryButtonPlacement?: 'top' | 'bottom';
+    primaryButtonPlacement?: PlacementType;
     /**
      * The text that's displayed in the primary button
      */
@@ -86,7 +87,7 @@ interface EditUpdateCardsProps {
     /**
      * Determines if the secondary button is on the top or bottom of the card
      */
-    secondaryButtonPlacement?: 'top' | 'bottom';
+    secondaryButtonPlacement?: PlacementType;
     /**
      * The text that's displayed in the secondary button
      */

package/es/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/es/components/FilterSummary/FilterSummary.js

@@ -32,8 +32,7 @@ var FilterSummary = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     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,
@@ -50,9 +49,9 @@ var FilterSummary = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
       label: (_renderLabel = renderLabel === null || renderLabel === void 0 ? void 0 : renderLabel(key, value)) !== null && _renderLabel !== void 0 ? _renderLabel : "".concat(key, ": ").concat(value)
     });
   });
-  var filterSummaryClearButton = useRef();
-  var viewAllButtonRef = useRef();
-  var filterSummaryRef = useRef();
+  var filterSummaryClearButton = useRef(null);
+  var viewAllButtonRef = useRef(null);
+  var filterSummaryRef = useRef(null);
   var localRef = filterSummaryRef || ref;
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -64,7 +63,7 @@ var FilterSummary = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     setMultiline = _useState4[1];
   var previousState = usePreviousValue({
     multiline: multiline
-  });
+  }) || {};
   var handleViewAll = function handleViewAll() {
     if (overflowCount === 0) {
       setMultiline(false);
@@ -75,7 +74,7 @@ var FilterSummary = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     });
   };
   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.createElement(motion.div, {
       key: type,
@@ -106,15 +105,15 @@ var FilterSummary = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
       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(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);
       }
     };
@@ -127,7 +126,6 @@ var FilterSummary = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     ref: localRef,
     className: cx([blockClass, className], _defineProperty({}, "".concat(blockClass, "__expanded"), multiline))
   }), /*#__PURE__*/React__default.createElement(AnimatePresence, {
-    mode: "wait",
     exitBeforeEnter: true
   }, !multiline && renderTagSet('single'), multiline && renderTagSet('multiline')), /*#__PURE__*/React__default.createElement(Button, {
     kind: "ghost",
@@ -156,6 +154,7 @@ FilterSummary.propTypes = {
   clearButtonInline: PropTypes.bool,
   clearFilters: PropTypes.func.isRequired,
   clearFiltersText: PropTypes.string,
+  /**@ts-ignore */
   filters: PropTypes.arrayOf(PropTypes.object).isRequired,
   overflowType: PropTypes.oneOf(['default', 'tag']),
   renderLabel: PropTypes.func