@carbon/ibm-products 2.52.0 → 2.53.0

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.d.ts

@@ -3,7 +3,7 @@ declare function Actions({ searchText, setSearchText, findColumnPlaceholderLabel
     searchText: any;
     setSearchText: any;
     findColumnPlaceholderLabel: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace Actions {
     namespace propTypes {
         let columns: PropTypes.Validator<any[]>;
@@ -15,4 +15,5 @@ declare namespace Actions {
         let setSearchText: PropTypes.Validator<(...args: any[]) => any>;
     }
 }
+import * as React from 'react';
 import PropTypes from 'prop-types';

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.d.ts

@@ -5,7 +5,7 @@ declare function ButtonWrapper({ onClick, setIsTearsheetOpen, isTearsheetOpen, i
     setIsTearsheetOpen: any;
     isTearsheetOpen: any;
     iconTooltipLabel?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace ButtonWrapper {
     namespace defaultProps {
         function onClick(): void;
@@ -18,4 +18,5 @@ declare namespace ButtonWrapper {
         export let setIsTearsheetOpen: PropTypes.Validator<(...args: any[]) => any>;
     }
 }
+import * as React from 'react';
 import PropTypes from 'prop-types';

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.d.ts

@@ -9,7 +9,7 @@ declare function Columns({ getVisibleColumnsCount, filterString, columns, setCol
     assistiveTextDisabledInstructionsLabel: any;
     selectAllLabel: any;
     customizeTearsheetHeadingLabel: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace Columns {
     namespace propTypes {
         let assistiveTextDisabledInstructionsLabel: PropTypes.Requireable<string>;
@@ -26,4 +26,5 @@ declare namespace Columns {
         let setColumnsObject: PropTypes.Validator<(...args: any[]) => any>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.d.ts

@@ -14,7 +14,7 @@ declare function CustomizeColumnsTearsheet({ isOpen, setIsTearsheetOpen, onSaveC
     assistiveTextInstructionsLabel?: string | undefined;
     assistiveTextDisabledInstructionsLabel?: string | undefined;
     selectAllLabel?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace CustomizeColumnsTearsheet {
     namespace propTypes {
         let assistiveTextDisabledInstructionsLabel: PropTypes.Requireable<string>;
@@ -33,4 +33,5 @@ declare namespace CustomizeColumnsTearsheet {
         let setIsTearsheetOpen: PropTypes.Validator<(...args: any[]) => any>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js

@@ -63,7 +63,7 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
     _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
     isDirty = _useState10[0],
     setIsDirty = _useState10[1];
-  var prevColumnDefinitions = React.useRef();
+  var prevColumnDefinitions = React.useRef(undefined);
   var onRequestClose = function onRequestClose() {
     setColumnObjects(columnDefinitions);
     setIsTearsheetOpen(false);

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.d.ts

@@ -5,7 +5,7 @@ export function DraggableItemsList({ columns, filterString, id, moveElement, onS
     moveElement: any;
     onSelectColumn: any;
     setAriaRegionText: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace DraggableItemsList {
     namespace propTypes {
         let columns: any;
@@ -16,3 +16,4 @@ export namespace DraggableItemsList {
         let setAriaRegionText: any;
     }
 }
+import React from 'react';

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.d.ts

@@ -1,10 +1,11 @@
 export default TearsheetWrapper;
 declare function TearsheetWrapper({ instance }: {
     instance: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace TearsheetWrapper {
     namespace propTypes {
         let instance: PropTypes.Validator<object>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

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

@@ -14,7 +14,7 @@ declare function FilterFlyout({ updateMethod, flyoutIconDescription, align, filt
     setAllFilters: any;
     data?: any[] | undefined;
     reactTableFiltersState?: any[] | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace FilterFlyout {
     namespace propTypes {
         let align: PropTypes.Requireable<string>;
@@ -41,4 +41,5 @@ declare namespace FilterFlyout {
         let updateMethod: PropTypes.Validator<string>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

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

@@ -19,7 +19,7 @@ declare function FilterPanel({ title, closeIconDescription, updateMethod, filter
     reactTableFiltersState?: any[] | undefined;
     autoHideFilters?: boolean | undefined;
     isFetching?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace FilterPanel {
     namespace propTypes {
         let autoHideFilters: PropTypes.Requireable<boolean>;
@@ -47,4 +47,5 @@ declare namespace FilterPanel {
         let updateMethod: PropTypes.Requireable<string>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

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

@@ -107,11 +107,11 @@ var FilterPanel = function FilterPanel(_ref) {
     lastAppliedFilters = _useFilters.lastAppliedFilters;
 
   /** Refs */
-  var filterPanelRef = React.useRef();
-  var filterHeadingRef = React.useRef();
-  var filterSearchRef = React.useRef();
-  var actionSetRef = React.useRef();
-  var innerContainerRef = React.useRef();
+  var filterPanelRef = React.useRef(undefined);
+  var filterHeadingRef = React.useRef(undefined);
+  var filterSearchRef = React.useRef(undefined);
+  var actionSetRef = React.useRef(undefined);
+  var innerContainerRef = React.useRef(undefined);
   /** State from hooks */
   var _useShouldDisableButt = useShouldDisableButtons.default({
       initialValue: true,

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

@@ -9,7 +9,7 @@ export function FilterProvider({ children, filters, filterProps, tableId }: {
     filters: any;
     filterProps: any;
     tableId: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace FilterProvider {
     namespace propTypes {
         let children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;

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

@@ -8,7 +8,7 @@ declare function OverflowCheckboxes({ components, filtersState, column, setFilte
     applyFilters: any;
     viewAllLabel?: string | undefined;
     viewLessLabel?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace OverflowCheckboxes {
     namespace propTypes {
         let applyFilters: PropTypes.Requireable<(...args: any[]) => any>;
@@ -21,4 +21,5 @@ declare namespace OverflowCheckboxes {
         let viewLessLabel: PropTypes.Requireable<string>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts

@@ -20,7 +20,7 @@ declare function useFilters({ updateMethod, filters, setAllFilters, variation, r
         type: any;
         column: any;
         props: any;
-    }) => void | import("react/jsx-runtime").JSX.Element;
+    }) => void | React.JSX.Element;
     filtersObjectArray: any;
     lastAppliedFilters: React.MutableRefObject<string>;
     cancel: () => void;

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js

@@ -53,13 +53,13 @@ var useFilters = function useFilters(_ref) {
   var previousState = usePreviousValue.usePreviousValue({
     panelOpen: panelOpen
   });
-  var filteredItemsRef = React.useRef();
+  var filteredItemsRef = React.useRef(undefined);
 
   // When using batch actions we have to store the filters to then apply them later
   var prevFiltersRef = React.useRef(JSON.stringify(filtersState));
   var lastAppliedFilters = React.useRef(JSON.stringify(reactTableFiltersState));
   var prevFiltersObjectArrayRef = React.useRef(JSON.stringify(filtersObjectArray));
-  var holdingPrevFiltersRef = React.useRef();
+  var holdingPrevFiltersRef = React.useRef(undefined);
   var holdingLastAppliedFiltersRef = React.useRef([]);
   var holdingPrevFiltersObjectArrayRef = React.useRef([]);
 

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.d.ts

@@ -8,7 +8,7 @@ export function InlineEditButton({ label, renderIcon: Icon, labelIcon: LabelIcon
     isActiveCell: any;
     columnConfig: any;
     type: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace InlineEditButton {
     namespace propTypes {
         let columnConfig: PropTypes.Requireable<object>;
@@ -23,4 +23,5 @@ export namespace InlineEditButton {
         let value: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.d.ts

@@ -8,7 +8,7 @@ export function InlineEditCell({ cell, config, disabledCell, instance, placehold
     value: any;
     nonEditCell?: boolean | undefined;
     type: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace InlineEditCell {
     namespace propTypes {
         let cell: PropTypes.Requireable<object>;
@@ -29,4 +29,5 @@ export namespace InlineEditCell {
         let value: PropTypes.Requireable<NonNullable<object | PropTypes.ReactNodeLike>>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js

@@ -68,11 +68,11 @@ var InlineEditCell = function InlineEditCell(_ref) {
   });
   var _ref2 = config || {},
     inputProps = _ref2.inputProps;
-  var textInputRef = React.useRef();
-  var checkboxRef = React.useRef();
-  var numberInputRef = React.useRef();
-  var dropdownRef = React.useRef();
-  var outerButtonElement = React.useRef();
+  var textInputRef = React.useRef(undefined);
+  var checkboxRef = React.useRef(undefined);
+  var numberInputRef = React.useRef(undefined);
+  var dropdownRef = React.useRef(undefined);
+  var outerButtonElement = React.useRef(undefined);
   var rowSize = instance.rowSize,
     onDataUpdate = instance.onDataUpdate;
   var saveCellData;

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.d.ts

@@ -1,7 +1,7 @@
 export const InlineEditContext: React.Context<any>;
 export function InlineEditProvider({ children }: {
     children: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace InlineEditProvider {
     namespace propTypes {
         let children: PropTypes.Requireable<PropTypes.ReactElementLike>;

package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.d.ts

@@ -3,7 +3,7 @@ declare function RowSizeDropdown({ align, legendText, ...props }: {
     [x: string]: any;
     align?: string | undefined;
     legendText?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace RowSizeDropdown {
     namespace propTypes {
         let align: any;
@@ -14,4 +14,5 @@ declare namespace RowSizeDropdown {
         let selectedOption: PropTypes.Requireable<string>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js

@@ -27,7 +27,7 @@ var RowSizeDropdown = function RowSizeDropdown(_ref) {
     _ref$legendText = _ref.legendText,
     legendText = _ref$legendText === void 0 ? 'Row settings' : _ref$legendText,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var radioGroupRef = React.useRef();
+  var radioGroupRef = React.useRef(undefined);
   var _React$useState = React.useState(false),
     _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
     isOpen = _React$useState2[0],

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

@@ -1,22 +1,29 @@
-export { Datagrid } from "./Datagrid";
-export { default as useDatagrid } from "./useDatagrid";
-export { default as useInfiniteScroll } from "./useInfiniteScroll";
-export { default as useNestedRows } from "./useNestedRows";
-export { default as useSelectRows } from "./useSelectRows";
-export { default as useExpandedRow } from "./useExpandedRow";
-export { default as useOnRowClick } from "./useOnRowClick";
-export { default as useSortableColumns } from "./useSortableColumns";
-export { default as useRowIsMouseOver } from "./useRowIsMouseOver";
-export { default as useColumnRightAlign } from "./useColumnRightAlign";
-export { default as useDisableSelectRows } from "./useDisableSelectRows";
-export { default as useStickyColumn } from "./useStickyColumn";
-export { default as useActionsColumn } from "./useActionsColumn";
-export { default as useCustomizeColumns } from "./useCustomizeColumns";
-export { default as useSelectAllWithToggle } from "./useSelectAllToggle";
-export { default as useColumnCenterAlign } from "./useColumnCenterAlign";
-export { default as useColumnOrder } from "./useColumnOrder";
-export { default as useInlineEdit } from "./useInlineEdit";
-export { default as useEditableCell } from "./useEditableCell";
-export { default as useFiltering } from "./useFiltering";
-export { getAutoSizedColumnWidth } from "./utils/getAutoSizedColumnWidth";
-export { useFilterContext } from "./Datagrid/addons/Filtering/hooks";
+/**
+ * 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.
+ */
+export { Datagrid } from './Datagrid';
+export { default as useDatagrid } from './useDatagrid';
+export { default as useInfiniteScroll } from './useInfiniteScroll';
+export { default as useNestedRows } from './useNestedRows';
+export { default as useSelectRows } from './useSelectRows';
+export { default as useExpandedRow } from './useExpandedRow';
+export { default as useOnRowClick } from './useOnRowClick';
+export { default as useSortableColumns } from './useSortableColumns';
+export { default as useRowIsMouseOver } from './useRowIsMouseOver';
+export { default as useColumnRightAlign } from './useColumnRightAlign';
+export { default as useDisableSelectRows } from './useDisableSelectRows';
+export { default as useStickyColumn } from './useStickyColumn';
+export { default as useActionsColumn } from './useActionsColumn';
+export { default as useCustomizeColumns } from './useCustomizeColumns';
+export { default as useSelectAllWithToggle } from './useSelectAllToggle';
+export { default as useColumnCenterAlign } from './useColumnCenterAlign';
+export { default as useColumnOrder } from './useColumnOrder';
+export { default as useInlineEdit } from './useInlineEdit';
+export { default as useEditableCell } from './useEditableCell';
+export { default as useFiltering } from './useFiltering';
+export { getAutoSizedColumnWidth } from './utils/getAutoSizedColumnWidth';
+export { useFilterContext } from './Datagrid/addons/Filtering/hooks';
+export type { DataGridState } from './types';

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

@@ -11,9 +11,8 @@ import { RadioButtonProps } from '@carbon/react/lib/components/RadioButton/Radio
 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 { TableRowProps } from 'react-table';
 import React, { CSSProperties, ComponentType, FunctionComponent, JSXElementConstructor, MutableRefObject, ReactNode, TouchEventHandler } from 'react';
-import { Cell, Column, ColumnInstance, FilterValue, Filters, HeaderGroup, Meta, Row, TableCommonProps, TableDispatch, TableInstance, TableState, TableToggleAllRowsSelectedProps, UseExpandedRowProps, UseFiltersInstanceProps, UsePaginationInstanceProps, UseResizeColumnsColumnProps, UseResizeColumnsOptions, UseResizeColumnsState, UseRowSelectInstanceProps, UseRowSelectRowProps, UseRowSelectState, UseSortByColumnProps, UseSortByOptions, UseTableHooks } from 'react-table';
+import { Cell, Column, ColumnInstance, FilterValue, Filters, HeaderGroup, Meta, Row, TableCommonProps, TableDispatch, TableInstance, TableRowProps, TableState, TableToggleAllRowsSelectedProps, UseExpandedRowProps, UseFiltersInstanceProps, UsePaginationInstanceProps, UseResizeColumnsColumnProps, UseResizeColumnsOptions, UseResizeColumnsState, UseRowSelectInstanceProps, UseRowSelectRowProps, UseRowSelectState, UseSortByColumnProps, UseSortByOptions, UseTableHooks } from 'react-table';
 import { CarbonIconType } from '@carbon/react/icons';
 import { IconButton, type ButtonProps } from '@carbon/react';
 import { TableBatchActionsProps } from '@carbon/react/lib/components/DataTable/TableBatchActions';
@@ -129,7 +128,8 @@ export interface DataGridHeader<T extends object = any> extends ColumnInstance,
         [x: string]: any;
     }): unknown;
     isAction?: boolean;
-    slug?: any;
+    slug?: ReactNode;
+    aiLabel?: ReactNode;
 }
 export interface DataGridHeaderGroup<T extends object = any> extends HeaderGroup<T>, UseResizeColumnsColumnProps<T> {
 }
@@ -159,7 +159,7 @@ export interface RowAction {
     disabled?: boolean;
     onClick?: (...args: any[]) => void;
 }
-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'> {
+export interface DataGridState<T extends object = any> extends TableCommonProps, Partial<UsePaginationInstanceProps<T>>, Omit<TableInstance<T>, 'state' | 'headers' | 'rows' | 'columns'>, Partial<Pick<UseFiltersInstanceProps<T>, 'setFilter' | 'setAllFilters'>>, UseRowSelectInstanceProps<T> {
     withVirtualScroll?: boolean;
     DatagridPagination?: JSXElementConstructor<any>;
     isFetching?: boolean;
@@ -194,7 +194,7 @@ export interface DataGridState<T extends object = any> extends TableCommonProps,
     emptyStateSize?: 'lg' | 'sm';
     emptyStateType?: string;
     illustrationTheme?: 'light' | 'dark';
-    emptyStateAction: {
+    emptyStateAction?: {
         kind?: 'primary' | 'secondary' | 'tertiary';
         renderIcon?: CarbonIconType;
         onClick?: ButtonProps<any>['onClick'];
@@ -213,13 +213,13 @@ export interface DataGridState<T extends object = any> extends TableCommonProps,
     setMouseOverRowIndex?: (arg: any) => void;
     hideSelectAll?: boolean;
     radio?: boolean;
-    onAllRowSelect: (rows: DatagridRow[], evt: any) => void;
+    onAllRowSelect?: (rows: DatagridRow[], evt: any) => void;
     selectAllToggle?: {
         onSelectAllRows?: (args: any) => void;
         labels?: Labels;
     };
     allPageRowsLabel?: string | object;
-    allRowsLabel: string | object;
+    allRowsLabel?: string | object;
     onSelectAllRows?: (val?: boolean) => void;
     toolbarBatchActions?: ButtonProps<any>[];
     setGlobalFilter?: (filterValue: FilterValue) => void;

package/lib/components/Datagrid/useActionsColumn.js

@@ -147,6 +147,5 @@ var useActionsColumn = function useActionsColumn(hooks) {
   hooks.useInstance.push(useStickyHeaderWidth);
   hooks.useInstance.push(useAttachActionsOnInstance);
 };
-var useActionsColumn$1 = useActionsColumn;
 
-exports.default = useActionsColumn$1;
+exports.default = useActionsColumn;

package/lib/components/Datagrid/useColumnCenterAlign.js

@@ -43,6 +43,5 @@ var useColumnCenterAlign = function useColumnCenterAlign(hooks) {
   };
   hooks.visibleColumns.push(centerAlignedColumns);
 };
-var useColumnCenterAlign$1 = useColumnCenterAlign;
 
-exports.default = useColumnCenterAlign$1;
+exports.default = useColumnCenterAlign;

package/lib/components/Datagrid/useColumnRightAlign.js

@@ -44,6 +44,5 @@ var useColumnRightAlign = function useColumnRightAlign(hooks) {
   };
   hooks.visibleColumns.push(rightAlignedColumns);
 };
-var useColumnRightAlign$1 = useColumnRightAlign;
 
-exports.default = useColumnRightAlign$1;
+exports.default = useColumnRightAlign;

package/lib/components/Datagrid/useCustomizeColumns.js

@@ -59,6 +59,5 @@ var useCustomizeColumns = function useCustomizeColumns(hooks) {
     });
   });
 };
-var useCustomizeColumns$1 = useCustomizeColumns;
 
-exports.default = useCustomizeColumns$1;
+exports.default = useCustomizeColumns;

package/lib/components/Datagrid/useDatagrid.js

@@ -51,6 +51,5 @@ var useDatagrid = function useDatagrid(params) {
   })].concat(defaultPlugins, plugins, defaultEndPlugins, _rollupPluginBabelHelpers.toConsumableArray(clientEndPlugins)));
   return tableState;
 };
-var useDatagrid$1 = useDatagrid;
 
-exports.default = useDatagrid$1;
+exports.default = useDatagrid;

package/lib/components/Datagrid/useDefaultStringRenderer.js

@@ -22,9 +22,9 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
       className: cx("".concat(blockClass, "__defaultStringRenderer"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--multiline"), ((_tableProps$column = tableProps.column) === null || _tableProps$column === void 0 ? void 0 : _tableProps$column.multiLineWrap) || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.multiLineWrapAll)))
     }, tableProps.value);
   };
-  var HeaderRenderer = function HeaderRenderer(header, slug) {
+  var HeaderRenderer = function HeaderRenderer(header, slug, aiLabel) {
     return /*#__PURE__*/React.createElement("div", {
-      className: cx("".concat(blockClass, "__defaultStringRenderer"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--slug"), slug && /*#__PURE__*/React.isValidElement(slug))),
+      className: cx("".concat(blockClass, "__defaultStringRenderer"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--slug"), slug && /*#__PURE__*/React.isValidElement(slug)), "".concat(blockClass, "__defaultStringRenderer--ai-label"), aiLabel && /*#__PURE__*/React.isValidElement(aiLabel))),
       key: typeof header === 'string' ? header : ''
     }, header);
   };
@@ -33,7 +33,7 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
       return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
         Cell: StringRenderer
       }, column), {}, {
-        Header: column.HeaderRenderer || HeaderRenderer(column.Header, column.slug)
+        Header: column.HeaderRenderer || HeaderRenderer(column.Header, column.slug, column.aiLabel)
       });
     });
     return _rollupPluginBabelHelpers.toConsumableArray(columnsWithDefaultCells);

package/lib/components/Datagrid/useDisableSelectRows.js

@@ -100,6 +100,5 @@ var updatePageSelectAll = function updatePageSelectAll(hooks) {
   };
   hooks.getToggleAllPageRowsSelectedProps.push(getToggleAllPageRowsSelectedProps);
 };
-var useDisableSelectRows$1 = useDisableSelectRows;
 
-exports.default = useDisableSelectRows$1;
+exports.default = useDisableSelectRows;

package/lib/components/Datagrid/useExpandedRow.js

@@ -47,6 +47,5 @@ var useExpandedRow = function useExpandedRow(hooks) {
   };
   hooks.useInstance.push(useInstance);
 };
-var useExpandedRow$1 = useExpandedRow;
 
-exports.default = useExpandedRow$1;
+exports.default = useExpandedRow;

package/lib/components/Datagrid/useFiltering.js

@@ -107,7 +107,6 @@ var useFiltering = function useFiltering(hooks) {
     });
   });
 };
-var useFiltering$1 = useFiltering;
 
-exports.default = useFiltering$1;
+exports.default = useFiltering;
 exports.exactText = exactText;

package/lib/components/Datagrid/useFlexResize.js

@@ -21,7 +21,7 @@ var useFlexResize = function useFlexResize(hooks) {
     var enableSpacerColumn = instance.enableSpacerColumn;
     React.useEffect(function () {
       setSpacerColumn(enableSpacerColumn);
-    });
+    }, [enableSpacerColumn]);
   };
   var spacer = {
     id: 'spacer',

package/lib/components/Datagrid/useInfiniteScroll.js

@@ -56,6 +56,5 @@ var useInfiniteScroll = function useInfiniteScroll(hooks) {
   };
   hooks.useInstance.push(useInstance);
 };
-var useInfiniteScroll$1 = useInfiniteScroll;
 
-exports.default = useInfiniteScroll$1;
+exports.default = useInfiniteScroll;

package/lib/components/Datagrid/useInlineEdit.js

@@ -71,6 +71,5 @@ var useInlineEdit = function useInlineEdit(hooks) {
     });
   });
 };
-var useInlineEdit$1 = useInlineEdit;
 
-exports.default = useInlineEdit$1;
+exports.default = useInlineEdit;

package/lib/components/Datagrid/useNestedRowExpander.js

@@ -19,8 +19,8 @@ var stateReducer = require('./Datagrid/addons/stateReducer.js');
 
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var useNestedRowExpander = function useNestedRowExpander(hooks) {
-  var tempState = React.useRef();
-  var lastExpandedRowIndex = React.useRef();
+  var tempState = React.useRef(undefined);
+  var lastExpandedRowIndex = React.useRef(undefined);
   var useInstance = function useInstance(instance) {
     tempState.current = instance;
   };

package/lib/components/Datagrid/useNestedRows.js

@@ -98,6 +98,5 @@ var useNestedRows = function useNestedRows(hooks) {
   };
   hooks.useInstance.push(useInstance);
 };
-var useNestedRows$1 = useNestedRows;
 
-exports.default = useNestedRows$1;
+exports.default = useNestedRows;

package/lib/components/Datagrid/useOnRowClick.js

@@ -65,6 +65,5 @@ var useOnRowClick = function useOnRowClick(hooks) {
   };
   hooks.useInstance.push(useInstance);
 };
-var useOnRowClick$1 = useOnRowClick;
 
-exports.default = useOnRowClick$1;
+exports.default = useOnRowClick;

package/lib/components/Datagrid/useParentDimensions.js

@@ -13,11 +13,11 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 
 var useParentDimensions = function useParentDimensions(hooks) {
-  var rootRef = React.useRef();
-  var headRef = React.useRef();
-  var innerListRef = React.useRef();
-  var listRef = React.useRef();
-  var gridRef = React.useRef();
+  var rootRef = React.useRef(undefined);
+  var headRef = React.useRef(undefined);
+  var innerListRef = React.useRef(undefined);
+  var listRef = React.useRef(undefined);
+  var gridRef = React.useRef(undefined);
   var _useState = React.useState(),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     tableHeight = _useState2[0],

package/lib/components/Datagrid/useRowExpander.js

@@ -18,8 +18,8 @@ var useFocusRowExpander = require('./useFocusRowExpander.js');
 
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var useRowExpander = function useRowExpander(hooks) {
-  var tempState = React.useRef();
-  var lastExpandedRowIndex = React.useRef();
+  var tempState = React.useRef(undefined);
+  var lastExpandedRowIndex = React.useRef(undefined);
   var useInstance = function useInstance(instance) {
     tempState.current = instance;
   };
@@ -42,13 +42,12 @@ var useRowExpander = function useRowExpander(hooks) {
             row.toggleRowExpanded();
             row === null || row === void 0 || (_row$onClick = row.onClick) === null || _row$onClick === void 0 || _row$onClick.call(row, row, event);
             lastExpandedRowIndex.current = row.id;
-          }
+          },
+          title: null
         });
         var _ref2 = (tempState === null || tempState === void 0 ? void 0 : tempState.current) || {},
-          _ref2$expanderButtonT = _ref2.expanderButtonTitleExpanded,
-          expanderButtonTitleExpanded = _ref2$expanderButtonT === void 0 ? 'Collapse row' : _ref2$expanderButtonT,
-          _ref2$expanderButtonT2 = _ref2.expanderButtonTitleCollapsed,
-          expanderButtonTitleCollapsed = _ref2$expanderButtonT2 === void 0 ? 'Expand row' : _ref2$expanderButtonT2;
+          expanderButtonTitleExpanded = _ref2.expanderButtonTitleExpanded,
+          expanderButtonTitleCollapsed = _ref2.expanderButtonTitleCollapsed;
         var expanderTitle = row.isExpanded ? expanderButtonTitleExpanded : expanderButtonTitleCollapsed;
         return row.canExpand && /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
           type: "button",

package/lib/components/Datagrid/useRowIsMouseOver.js

@@ -52,6 +52,5 @@ var useDebounce = function useDebounce(fn, wait) {
     React.useCallback(debounce(fn, wait), [])
   );
 };
-var useRowIsMouseOver$1 = useRowIsMouseOver;
 
-exports.default = useRowIsMouseOver$1;
+exports.default = useRowIsMouseOver;

package/lib/components/Datagrid/useSelectAllToggle.js

@@ -93,6 +93,5 @@ var Header = function Header(gridState) {
   };
   return /*#__PURE__*/React.createElement(DatagridSelectAllWithToggle.default, props);
 };
-var useSelectAllToggle$1 = useSelectAllToggle;
 
-exports.default = useSelectAllToggle$1;
+exports.default = useSelectAllToggle;