@carbon/ibm-products 2.43.2-canary.32 → 2.43.2-canary.323

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

@@ -1,3 +1,9 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 /// <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';
@@ -6,7 +12,7 @@ import { RadioButtonGroupProps } from '@carbon/react/lib/components/RadioButtonG
 import { CheckboxProps } from '@carbon/react/lib/components/Checkbox';
 import { NumberInputProps } from '@carbon/react/lib/components/NumberInput/NumberInput';
 import React, { CSSProperties, ComponentType, FunctionComponent, JSXElementConstructor, MutableRefObject, ReactNode, TouchEventHandler } from 'react';
-import { Cell, Column, ColumnInstance, FilterValue, Filters, HeaderGroup, Meta, Row, TableCommonProps, TableDispatch, TableInstance, TableToggleAllRowsSelectedProps, UseExpandedRowProps, UseFiltersInstanceProps, UsePaginationInstanceProps, UseResizeColumnsColumnProps, 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';
@@ -59,6 +65,18 @@ interface Labels {
     allPageRows?: object;
     allRows?: object;
 }
+interface ColumnLabels {
+    findColumnPlaceholderLabel?: string;
+    resetToDefaultLabel?: string;
+    customizeTearsheetHeadingLabel?: string;
+    primaryButtonTextLabel?: string;
+    secondaryButtonTextLabel?: string;
+    instructionsLabel?: string;
+    iconTooltipLabel?: string;
+    assistiveTextInstructionsLabel?: string;
+    assistiveTextDisabledInstructionsLabel?: string;
+    selectAllLabel?: string;
+}
 interface Section {
     categoryTitle?: string;
     filters?: DataGridFilter[];
@@ -69,6 +87,7 @@ export interface FilterFlyoutProps {
     flyoutIconDescription?: string;
     onFlyoutClose?: () => void;
     onFlyoutOpen?: () => void;
+    onClearFilters?: () => void;
     panelIconDescription?: string;
     primaryActionLabel?: string;
     reactTableFiltersState?: ReactTableFiltersState[];
@@ -85,7 +104,7 @@ export interface DataGridToggleAllRowsProps extends TableToggleAllRowsSelectedPr
 }
 export interface DatagridTableHooks<T extends object = any> extends UseTableHooks<T> {
 }
-export interface DatagridColumn<T extends object = any> extends ColumnInstance<T>, UseSortByOptions<T> {
+export interface DatagridColumn<T extends object = any> extends ColumnInstance<T>, UseSortByOptions<T>, Partial<UseResizeColumnsColumnProps<T>>, UseResizeColumnsOptions<T> {
     sticky?: 'left' | 'right';
     className?: string;
     rightAlignedColumn?: boolean;
@@ -102,25 +121,33 @@ export interface DatagridRow<T extends object = any> extends Omit<Row<T>, 'cells
     cells: Array<DataGridCell>;
     isSkeleton?: boolean;
     hasExpanded?: boolean;
+    skeletonKey?: string;
 }
 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;
+    slug?: ReactNode;
+    aiLabel?: ReactNode;
 }
 export interface DataGridHeaderGroup<T extends object = any> extends HeaderGroup<T>, UseResizeColumnsColumnProps<T> {
 }
-export interface TableProps {
-    className?: string;
-    role?: string;
-    style?: CSSStyleDeclaration;
+export interface DataGridTableProps extends TableCommonProps {
 }
 interface DataGridTableState extends UseResizeColumnsState<any>, UseRowSelectState<any> {
     filters: Filters<DataGridFilter>;
 }
-export interface DataGridTableInstance<T extends object = any> extends TableInstance<T> {
+export interface DataGridTableInstance<T extends object = any> extends Omit<TableInstance<T>, 'state'>, Partial<UsePaginationInstanceProps<any>> {
+    shouldDisableSelectRow?: (...args: any[]) => void | boolean;
+    state?: Partial<TableState & UseRowSelectState<any>>;
+    disableSelectAll?: boolean;
+    disableSelectRowsProps?: {
+        labels?: {
+            toggleAllRowsLabel?: string;
+        };
+    };
+    withSelectRows?: boolean;
 }
 export interface RowAction {
     id?: string;
@@ -132,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;
@@ -167,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'];
@@ -186,18 +213,19 @@ 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;
     batchActionMenuButtonLabel?: string;
     translateWithIdBatchActions?: TableBatchActionsProps['translateWithId'];
+    toolbarBatchActionsDisplayMin?: number;
     onScroll?: (evt?: any) => void;
     innerListRef?: MutableRefObject<HTMLDivElement>;
     tableHeight?: number;
@@ -210,10 +238,24 @@ export interface DataGridState<T extends object = any> extends TableCommonProps,
     expandedRowIds?: object;
     onRowClick?: (row: any, event: any) => void;
     onSort?: boolean;
+    customizeColumnsProps?: {
+        onSaveColumnPrefs?: (args: any) => void;
+        labels?: ColumnLabels;
+        isTearsheetOpen?: boolean;
+        setIsTearsheetOpen?: (args: boolean) => void;
+    };
+    CustomizeColumnsButton?: (args: any) => ReactNode;
     column?: DatagridColumn;
     expandedContentHeight?: number;
     onRowExpand?: (row: DatagridRow, event: React.MouseEvent<HTMLElement>) => void;
     ExpandedRowContentComponent?: JSXElementConstructor<any>;
+    getAsyncSubRows?: (row: DatagridRow) => void;
+    enableSpacerColumn?: boolean;
+}
+export interface DataGridData {
+    instance?: DataGridTableInstance;
+    column?: DatagridColumn;
+    cell?: DataGridCell;
 }
 export interface ResizeHeaderProps {
     resizerProps?: ResizerProps;
@@ -231,4 +273,11 @@ export interface ResizeHeaderProps {
 }
 export type VisibleColumns<T extends object = {}> = (allColumns: Array<ColumnInstance<T>>, meta: Meta<T>) => Array<Column<T>>;
 export type NodeFuncType = (props: any) => ReactNode;
+export interface PropGetterMeta {
+    instance?: DataGridTableInstance;
+    row?: Partial<Row<any> & DatagridRow<any>>;
+}
+export interface DatagridRowProps extends TableRowProps {
+    nonselectablerows: Array<number>;
+}
 export {};

package/es/components/Datagrid/useActionsColumn.js

@@ -43,10 +43,7 @@ var useActionsColumn = function useActionsColumn(hooks) {
             }, isFetching && /*#__PURE__*/React__default.createElement(IconSkeleton, {
               className: "".concat(blockClass, "__actions-column-loading")
             }), !isFetching && rowActions.length <= 2 && !isColumnSticky && /*#__PURE__*/React__default.createElement("div", {
-              className: "".concat(blockClass, "_actions-column"),
-              style: {
-                display: 'flex'
-              }
+              className: "".concat(blockClass, "_actions-column")
             }, rowActions.map(function (action, index) {
               var preparedActionProps = prepareProps(action, ['isDelete']);
               var align = preparedActionProps.align,
@@ -146,6 +143,5 @@ var useActionsColumn = function useActionsColumn(hooks) {
   hooks.useInstance.push(useStickyHeaderWidth);
   hooks.useInstance.push(useAttachActionsOnInstance);
 };
-var useActionsColumn$1 = useActionsColumn;
 
-export { useActionsColumn$1 as default };
+export { useActionsColumn as default };

package/es/components/Datagrid/useColumnCenterAlign.js

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

package/es/components/Datagrid/useColumnRightAlign.js

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

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

@@ -1,2 +1,9 @@
+/**
+ * Copyright IBM Corp. 2021, 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 { Hooks } from 'react-table';
+declare const useCustomizeColumns: (hooks: Hooks) => void;
 export default useCustomizeColumns;
-declare function useCustomizeColumns(hooks: any): void;

package/es/components/Datagrid/useCustomizeColumns.js

@@ -16,9 +16,10 @@ var useCustomizeColumns = function useCustomizeColumns(hooks) {
     isTearsheetOpen = _React$useState2[0],
     setIsTearsheetOpen = _React$useState2[1];
   hooks.useInstance.push(function (instance) {
-    var customizeColumnsProps = instance.customizeColumnsProps;
-    var _ref = customizeColumnsProps || {},
-      labels = _ref.labels;
+    var _ref = instance,
+      customizeColumnsProps = _ref.customizeColumnsProps;
+    var _ref2 = customizeColumnsProps || {},
+      labels = _ref2.labels;
     Object.assign(instance, {
       customizeColumnsProps: _objectSpread2(_objectSpread2({}, customizeColumnsProps), {}, {
         isTearsheetOpen: isTearsheetOpen,
@@ -35,6 +36,5 @@ var useCustomizeColumns = function useCustomizeColumns(hooks) {
     });
   });
 };
-var useCustomizeColumns$1 = useCustomizeColumns;
 
-export { useCustomizeColumns$1 as default };
+export { useCustomizeColumns as default };

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

@@ -1,3 +1,9 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 import { TableInstance } from 'react-table';
 declare const useDatagrid: (params: any, ...plugins: any[]) => TableInstance;
 export default useDatagrid;

package/es/components/Datagrid/useDatagrid.js

@@ -47,6 +47,5 @@ var useDatagrid = function useDatagrid(params) {
   })].concat(defaultPlugins, plugins, defaultEndPlugins, _toConsumableArray(clientEndPlugins)));
   return tableState;
 };
-var useDatagrid$1 = useDatagrid;
 
-export { useDatagrid$1 as default };
+export { useDatagrid as default };

package/es/components/Datagrid/useDefaultStringRenderer.js

@@ -18,10 +18,9 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
       className: cx("".concat(blockClass, "__defaultStringRenderer"), _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__default.createElement("div", {
-      className: cx("".concat(blockClass, "__defaultStringRenderer"), _defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--slug"), slug && /*#__PURE__*/React__default.isValidElement(slug))),
-      title: typeof header === 'string' ? header : '',
+      className: cx("".concat(blockClass, "__defaultStringRenderer"), _defineProperty(_defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--slug"), slug && /*#__PURE__*/React__default.isValidElement(slug)), "".concat(blockClass, "__defaultStringRenderer--ai-label"), aiLabel && /*#__PURE__*/React__default.isValidElement(aiLabel))),
       key: typeof header === 'string' ? header : ''
     }, header);
   };
@@ -30,7 +29,7 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
       return _objectSpread2(_objectSpread2({
         Cell: StringRenderer
       }, column), {}, {
-        Header: column.HeaderRenderer || HeaderRenderer(column.Header, column.slug)
+        Header: column.HeaderRenderer || HeaderRenderer(column.Header, column.slug, column.aiLabel)
       });
     });
     return _toConsumableArray(columnsWithDefaultCells);

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

@@ -1,2 +1,9 @@
+/**
+ * Copyright IBM Corp. 2020, 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 { Hooks } from 'react-table';
+declare const useDisableSelectRows: (hooks: Hooks) => void;
 export default useDisableSelectRows;
-declare function useDisableSelectRows(hooks: any): void;

package/es/components/Datagrid/useDisableSelectRows.js

@@ -5,56 +5,75 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+var nonselectablerowsList = function nonselectablerowsList(instance) {
+  var _instance$rows;
+  var nonselectablerows = (instance === null || instance === void 0 || (_instance$rows = instance.rows) === null || _instance$rows === void 0 ? void 0 : _instance$rows.filter(function (row) {
+    return instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row);
+  }).map(function (row) {
+    return row.id;
+  })) || [];
+  return nonselectablerows;
+};
 var useDisableSelectRows = function useDisableSelectRows(hooks) {
   updateSelectAll(hooks);
   updatePageSelectAll(hooks);
+  var nonselectablerows = [];
+  var useInstance = function useInstance(instance) {
+    nonselectablerows = nonselectablerowsList(instance);
+  };
+  hooks.useInstance.push(useInstance);
   var getRowProps = function getRowProps(props, _ref) {
+    var _instance$shouldDisab;
     var row = _ref.row,
       instance = _ref.instance;
     return [props, {
-      disabled: instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row)
+      disabled: instance === null || instance === void 0 || (_instance$shouldDisab = instance.shouldDisableSelectRow) === null || _instance$shouldDisab === void 0 ? void 0 : _instance$shouldDisab.call(instance, row),
+      nonselectablerows: nonselectablerows
     }];
   };
   hooks.getRowProps.push(getRowProps);
 };
 var updateSelectAll = function updateSelectAll(hooks) {
   var getToggleAllRowsSelectedProps = function getToggleAllRowsSelectedProps(props, _ref2) {
-    var _instance$disableSele;
+    var _instance$rows2, _instance$disableSele, _instance$state2;
     var instance = _ref2.instance;
-    var selectableRows = instance.rows.filter(function (row) {
+    var selectableRows = (instance === null || instance === void 0 || (_instance$rows2 = instance.rows) === null || _instance$rows2 === void 0 ? void 0 : _instance$rows2.filter(function (row) {
       return !(instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row));
-    });
-    var isAllRowsSelected = selectableRows.length > 0 && selectableRows.every(function (_ref3) {
+    })) || [];
+    var isAllRowsSelected = (selectableRows === null || selectableRows === void 0 ? void 0 : selectableRows.length) > 0 && selectableRows.every(function (_ref3) {
+      var _instance$state;
       var id = _ref3.id;
-      return instance.state.selectedRowIds[id];
+      return instance === null || instance === void 0 || (_instance$state = instance.state) === null || _instance$state === void 0 || (_instance$state = _instance$state.selectedRowIds) === null || _instance$state === void 0 ? void 0 : _instance$state[id];
     });
     return [props, {
       onChange: function onChange(e) {
         selectableRows.forEach(function (row) {
-          return row.toggleRowSelected(e.target.checked);
+          var _toggleRowSelected, _ref4;
+          return row === null || row === void 0 || (_toggleRowSelected = (_ref4 = row).toggleRowSelected) === null || _toggleRowSelected === void 0 ? void 0 : _toggleRowSelected.call(_ref4, e.target.checked);
         });
       },
       style: {
         cursor: 'pointer'
       },
       checked: isAllRowsSelected,
-      disabled: instance.disableSelectAll,
+      disabled: instance === null || instance === void 0 ? void 0 : instance.disableSelectAll,
       title: (instance === null || instance === void 0 || (_instance$disableSele = instance.disableSelectRowsProps) === null || _instance$disableSele === void 0 || (_instance$disableSele = _instance$disableSele.labels) === null || _instance$disableSele === void 0 ? void 0 : _instance$disableSele.toggleAllRowsLabel) || 'Toggle All Rows Selected',
-      indeterminate: Boolean(!isAllRowsSelected && Object.keys(instance.state.selectedRowIds).length)
+      indeterminate: Boolean(!isAllRowsSelected && Object.keys((instance === null || instance === void 0 || (_instance$state2 = instance.state) === null || _instance$state2 === void 0 ? void 0 : _instance$state2.selectedRowIds) || {}).length)
     }];
   };
   hooks.getToggleAllRowsSelectedProps.push(getToggleAllRowsSelectedProps);
 };
 var updatePageSelectAll = function updatePageSelectAll(hooks) {
-  var getToggleAllPageRowsSelectedProps = function getToggleAllPageRowsSelectedProps(props, _ref4) {
-    var _instance$disableSele2;
-    var instance = _ref4.instance;
-    var selectableRows = instance.page.filter(function (row) {
+  var getToggleAllPageRowsSelectedProps = function getToggleAllPageRowsSelectedProps(props, _ref5) {
+    var _instance$page, _instance$disableSele2, _instance$page2;
+    var instance = _ref5.instance;
+    var selectableRows = (instance === null || instance === void 0 || (_instance$page = instance.page) === null || _instance$page === void 0 ? void 0 : _instance$page.filter(function (row) {
       return !(instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row));
-    });
-    var isAllRowsSelected = selectableRows.length > 0 && selectableRows.every(function (_ref5) {
-      var id = _ref5.id;
-      return instance.state.selectedRowIds[id];
+    })) || [];
+    var isAllRowsSelected = (selectableRows === null || selectableRows === void 0 ? void 0 : selectableRows.length) > 0 && selectableRows.every(function (_ref6) {
+      var _instance$state3;
+      var id = _ref6.id;
+      return instance === null || instance === void 0 || (_instance$state3 = instance.state) === null || _instance$state3 === void 0 || (_instance$state3 = _instance$state3.selectedRowIds) === null || _instance$state3 === void 0 ? void 0 : _instance$state3[id];
     });
     return [props, {
       onChange: function onChange(e) {
@@ -66,16 +85,16 @@ var updatePageSelectAll = function updatePageSelectAll(hooks) {
         cursor: 'pointer'
       },
       checked: isAllRowsSelected,
-      disabled: instance.disableSelectAll,
+      disabled: instance === null || instance === void 0 ? void 0 : instance.disableSelectAll,
       title: (instance === null || instance === void 0 || (_instance$disableSele2 = instance.disableSelectRowsProps) === null || _instance$disableSele2 === void 0 || (_instance$disableSele2 = _instance$disableSele2.labels) === null || _instance$disableSele2 === void 0 ? void 0 : _instance$disableSele2.toggleAllRowsLabel) || 'Toggle All Rows Selected',
-      indeterminate: Boolean(!isAllRowsSelected && instance.page.some(function (_ref6) {
-        var id = _ref6.id;
-        return instance.state.selectedRowIds[id];
-      }))
+      indeterminate: Boolean(!isAllRowsSelected && (instance === null || instance === void 0 || (_instance$page2 = instance.page) === null || _instance$page2 === void 0 ? void 0 : _instance$page2.some(function (_ref7) {
+        var _instance$state4;
+        var id = _ref7.id;
+        return instance === null || instance === void 0 || (_instance$state4 = instance.state) === null || _instance$state4 === void 0 || (_instance$state4 = _instance$state4.selectedRowIds) === null || _instance$state4 === void 0 ? void 0 : _instance$state4[id];
+      })))
     }];
   };
   hooks.getToggleAllPageRowsSelectedProps.push(getToggleAllPageRowsSelectedProps);
 };
-var useDisableSelectRows$1 = useDisableSelectRows;
 
-export { useDisableSelectRows$1 as default };
+export { useDisableSelectRows as default };

package/es/components/Datagrid/useExpandedRow.js

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

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

@@ -5,5 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { Hooks } from 'react-table';
+export declare const exactText: (rows: any, ids: any, filterValue: any) => any;
 declare const useFiltering: (hooks: Hooks) => void;
 export default useFiltering;

package/es/components/Datagrid/useFiltering.js

@@ -7,9 +7,18 @@
 
 import { defineProperty as _defineProperty, slicedToArray as _slicedToArray, typeof as _typeof, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { useMemo } from 'react';
-import { DATE, NUMBER, CHECKBOX, BATCH, MULTISELECT } from './Datagrid/addons/Filtering/constants.js';
+import { RADIO, DATE, NUMBER, CHECKBOX, MULTISELECT, BATCH } from './Datagrid/addons/Filtering/constants.js';
 import FilterFlyout from './Datagrid/addons/Filtering/FilterFlyout.js';
 
+// This function was taken from https://github.com/TanStack/table/blob/v7/src/filterTypes.js
+var exactText = function exactText(rows, ids, filterValue) {
+  return rows.filter(function (row) {
+    return ids.some(function (id) {
+      var rowValue = row.values[id];
+      return rowValue !== undefined ? String(rowValue).toLowerCase() === String(filterValue).toLowerCase() : true;
+    });
+  });
+};
 var handleMultiFilter = function handleMultiFilter(rows, id, value) {
   // gets all the items that are selected and returns their value
   var selectedItems = value.filter(function (item) {
@@ -30,7 +39,7 @@ var handleMultiFilter = function handleMultiFilter(rows, id, value) {
 var useFiltering = function useFiltering(hooks) {
   /* istanbul ignore next */
   var filterTypes = useMemo(function () {
-    return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DATE, function (rows, id, _ref) {
+    return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DATE, function (rows, id, _ref) {
       var _ref2 = _slicedToArray(_ref, 2),
         startDate = _ref2[0],
         endDate = _ref2[1];
@@ -60,6 +69,8 @@ var useFiltering = function useFiltering(hooks) {
       return handleMultiFilter(rows, id, value);
     }), MULTISELECT, function (rows, id, value) {
       return handleMultiFilter(rows, id, value);
+    }), RADIO, function (rows, id, value) {
+      return exactText(rows, id, value);
     });
   }, []);
   hooks.useInstance.push(function (instance) {
@@ -92,6 +103,5 @@ var useFiltering = function useFiltering(hooks) {
     });
   });
 };
-var useFiltering$1 = useFiltering;
 
-export { useFiltering$1 as default };
+export { useFiltering as default, exactText };

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

@@ -1,8 +1,2 @@
 export default useFlexResize;
-/**
- * Copyright IBM Corp. 2020, 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.
- */
 declare function useFlexResize(hooks: any): void;

package/es/components/Datagrid/useFlexResize.js

@@ -5,33 +5,48 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-
-/* eslint-disable no-unreachable */
-/**
- * Copyright IBM Corp. 2020, 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 { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { useState, useEffect } from 'react';
 
 var useFlexResize = function useFlexResize(hooks) {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    spacerColumn = _useState2[0],
+    setSpacerColumn = _useState2[1];
+  var useInstance = function useInstance(instance) {
+    var enableSpacerColumn = instance.enableSpacerColumn;
+    useEffect(function () {
+      setSpacerColumn(enableSpacerColumn);
+    }, [enableSpacerColumn]);
+  };
+  var spacer = {
+    id: 'spacer',
+    width: 0,
+    disableSortBy: true,
+    disableResizing: true
+  };
   hooks.visibleColumns.push(function (columns) {
     // always move actions to the end
     var actionsIdx = columns.findIndex(function (col) {
       return col.isAction;
     });
-    if (actionsIdx === -1) {
-      var _lastCol = columns.at(-1);
-      _lastCol.isFlexCol = true;
+    if (!spacerColumn && actionsIdx === -1) {
+      var lastCol = columns.at(-1);
+      lastCol.isFlexCol = true;
       return _toConsumableArray(columns);
+    } else if (spacerColumn & actionsIdx === -1) {
+      return [].concat(_toConsumableArray(columns), [spacer]);
     }
     var cols = _toConsumableArray(columns);
     var actions = cols.splice(actionsIdx, 1)[0];
-    cols.splice(columns.length, 0, actions);
-    // the last non-action action column should flex remaining space
-    var lastCol = columns.at(-2);
-    lastCol.isFlexCol = true;
+    if (spacerColumn) {
+      cols.splice(columns.length, 0, spacer, actions);
+    } else {
+      cols.splice(columns.length, 0, actions);
+      // the last non-action action column should flex remaining space
+      var _lastCol = columns.at(-2);
+      _lastCol.isFlexCol = true;
+    }
     return cols;
   });
   var changeProps = function changeProps(props, data) {
@@ -39,7 +54,7 @@ var useFlexResize = function useFlexResize(hooks) {
     if (!column && data.cell) {
       column = data.cell.column;
     }
-    if (column.isFlexCol) {
+    if (column.isFlexCol || column.id === spacer.id) {
       return [props, {
         style: {
           flex: '1 1 0'
@@ -58,6 +73,7 @@ var useFlexResize = function useFlexResize(hooks) {
   hooks.getCellProps.push(function (props, data) {
     return changeProps(props, data);
   });
+  hooks.useInstance.push(useInstance);
 };
 var useFlexResize$1 = useFlexResize;
 

package/es/components/Datagrid/useInfiniteScroll.js

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

package/es/components/Datagrid/useInitialColumnSort.js

@@ -29,6 +29,10 @@ var useInitialColumnSort = function useInitialColumnSort(instance) {
     if (sortableColumn) {
       var columnId = sortableColumn.id,
         order = sortableColumn.order;
+      // prevents edge case where initial sort state of none actually starts out as ascending
+      if (order !== 'ASC' && order !== 'DESC') {
+        return;
+      }
       var _getNewSortOrder = getNewSortOrder(order),
         newSortDesc = _getNewSortOrder.newSortDesc,
         newOrder = _getNewSortOrder.newOrder;