@carbon/react 1.39.0 → 1.41.0-rc.0

package/es/components/Accordion/Accordion.Skeleton.d.ts

@@ -54,11 +54,6 @@ declare namespace AccordionSkeleton {
          */
         open: PropTypes.Requireable<boolean>;
     };
-    var defaultProps: {
-        open: boolean;
-        count: number;
-        align: string;
-    };
 }
 export default AccordionSkeleton;
 export { AccordionSkeleton };

package/es/components/Accordion/Accordion.Skeleton.js

@@ -75,11 +75,6 @@ AccordionSkeleton.propTypes = {
    */
   open: PropTypes.bool
 };
-AccordionSkeleton.defaultProps = {
-  open: true,
-  count: 4,
-  align: 'end'
-};
 function AccordionSkeletonItem() {
   const prefix = usePrefix();
   return /*#__PURE__*/React__default.createElement("li", {

package/es/components/Breadcrumb/BreadcrumbItem.js

@@ -12,6 +12,8 @@ import cx from 'classnames';
 import Link from '../Link/Link.js';
 import { OverflowMenuHorizontal } from '@carbon/icons-react';
 import { usePrefix } from '../../internal/usePrefix.js';
+import '../Text/index.js';
+import { Text } from '../Text/Text.js';
 
 const BreadcrumbItem = /*#__PURE__*/React__default.forwardRef(function BreadcrumbItem(_ref, ref) {
   let {
@@ -52,7 +54,7 @@ const BreadcrumbItem = /*#__PURE__*/React__default.forwardRef(function Breadcrum
     }, rest), href ? /*#__PURE__*/React__default.createElement(Link, {
       href: href,
       "aria-current": ariaCurrent
-    }, children) : /*#__PURE__*/React__default.createElement("span", {
+    }, children) : /*#__PURE__*/React__default.createElement(Text, {
       className: `${prefix}--link`
     }, children));
   }

package/es/components/Checkbox/Checkbox.js

@@ -13,6 +13,7 @@ import '../Text/index.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
 import setupGetInstanceId from '../../tools/setupGetInstanceId.js';
+import { noopFn } from '../../internal/noopFn.js';
 import { Text } from '../Text/Text.js';
 
 const getInstanceId = setupGetInstanceId();
@@ -22,9 +23,9 @@ const Checkbox = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     helperText,
     id,
     labelText,
-    onChange,
+    onChange = noopFn,
     onClick,
-    indeterminate,
+    indeterminate = false,
     invalid,
     invalidText,
     hideLabel,
@@ -177,10 +178,6 @@ Checkbox.propTypes = {
    */
   warnText: PropTypes.node
 };
-Checkbox.defaultProps = {
-  onChange: () => {},
-  indeterminate: false
-};
 Checkbox.displayName = 'Checkbox';
 
 export { Checkbox as default };

package/es/components/CodeSnippet/CodeSnippet.js

@@ -29,21 +29,21 @@ function CodeSnippet(_ref) {
   let {
     align = 'bottom',
     className,
-    type,
+    type = 'single',
     children,
     disabled,
     feedback,
     feedbackTimeout,
     onClick,
-    ['aria-label']: ariaLabel,
+    ['aria-label']: ariaLabel = 'Copy to clipboard',
     ariaLabel: deprecatedAriaLabel,
     copyText,
     copyButtonDescription,
     light,
-    showMoreText,
-    showLessText,
+    showMoreText = 'Show more',
+    showLessText = 'Show less',
     hideCopyButton,
-    wrapText,
+    wrapText = false,
     maxCollapsedNumberOfRows = defaultMaxCollapsedNumberOfRows,
     maxExpandedNumberOfRows = defaultMaxExpandedNumberOfRows,
     minCollapsedNumberOfRows = defaultMinCollapsedNumberOfRows,
@@ -318,12 +318,5 @@ CodeSnippet.propTypes = {
    */
   wrapText: PropTypes.bool
 };
-CodeSnippet.defaultProps = {
-  ['aria-label']: 'Copy to clipboard',
-  type: 'single',
-  showMoreText: 'Show more',
-  showLessText: 'Show less',
-  wrapText: false
-};
 
 export { CodeSnippet as default };

package/es/components/ComboBox/ComboBox.d.ts

@@ -6,7 +6,7 @@
  */
 import Downshift from 'downshift';
 import { type ComponentProps, type ReactNode, type ComponentType, type ReactElement, type RefAttributes, type PropsWithChildren, type PropsWithoutRef, type InputHTMLAttributes, type MouseEvent } from 'react';
-import { ListBoxType, ListBoxSize } from '../ListBox';
+import { ListBoxSize } from '../ListBox';
 type ExcludedAttributes = 'id' | 'onChange' | 'onClick' | 'type' | 'size';
 interface OnChangeData<ItemType> {
     selectedItem: ItemType | null;
@@ -139,10 +139,6 @@ export interface ComboBoxProps<ItemType> extends Omit<InputHTMLAttributes<HTMLIn
      * and returns the localized string for the message
      */
     translateWithId?: (id: string) => string;
-    /**
-     * Currently supports either the default type, or an inline variant
-     */
-    type?: ListBoxType;
     /**
      * Specify whether the control is currently in warning state
      */

package/es/components/ComboBox/ComboBox.js

@@ -23,7 +23,7 @@ import { match } from '../../internal/keyboard/match.js';
 import { Text } from '../Text/Text.js';
 import ListBoxSelection from '../ListBox/next/ListBoxSelection.js';
 import ListBoxTrigger from '../ListBox/next/ListBoxTrigger.js';
-import { ListBoxSize, ListBoxType } from '../ListBox/ListBoxPropTypes.js';
+import { ListBoxSize } from '../ListBox/ListBoxPropTypes.js';
 import { Space, Enter, Escape, Home, End } from '../../internal/keyboard/keys.js';
 
 const {
@@ -86,8 +86,8 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
     ['aria-label']: ariaLabel = 'Choose an item',
     ariaLabel: deprecatedAriaLabel,
     className: containerClassName,
-    direction,
-    disabled,
+    direction = 'bottom',
+    disabled = false,
     downshiftProps,
     helperText,
     id,
@@ -95,7 +95,7 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
     invalid,
     invalidText,
     items,
-    itemToElement,
+    itemToElement = null,
     itemToString = defaultItemToString,
     light,
     onChange,
@@ -108,7 +108,6 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
     size,
     titleText,
     translateWithId,
-    type: _type,
     warn,
     warnText,
     ...rest
@@ -313,10 +312,10 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
             event?.persist?.();
           }
         }
-        if (match(event, Home)) {
+        if (match(event, Home) && event.code !== 'Numpad7') {
           event.target.setSelectionRange(0, 0);
         }
-        if (match(event, End)) {
+        if (match(event, End) && event.code !== 'Numpad1') {
           event.target.setSelectionRange(event.target.value.length, event.target.value.length);
         }
       }
@@ -535,10 +534,6 @@ ComboBox.propTypes = {
    * and returns the localized string for the message
    */
   translateWithId: PropTypes.func,
-  /**
-   * Currently supports either the default type, or an inline variant
-   */
-  type: ListBoxType,
   /**
    * Specify whether the control is currently in warning state
    */
@@ -548,14 +543,5 @@ ComboBox.propTypes = {
    */
   warnText: PropTypes.node
 };
-ComboBox.defaultProps = {
-  disabled: false,
-  itemToString: defaultItemToString,
-  itemToElement: null,
-  shouldFilterItem: defaultShouldFilterItem,
-  type: 'default',
-  ['aria-label']: 'Choose an item',
-  direction: 'bottom'
-};
 
 export { ComboBox as default };

package/es/components/ComposedModal/ComposedModal.js

@@ -78,7 +78,7 @@ const ComposedModal = /*#__PURE__*/React__default.forwardRef(function ComposedMo
     onKeyDown,
     open,
     preventCloseOnClickOutside,
-    selectorPrimaryFocus,
+    selectorPrimaryFocus = '[data-modal-primary-focus]',
     selectorsFloatingMenus,
     size,
     launcherButtonRef,
@@ -296,8 +296,5 @@ ComposedModal.propTypes = {
    */
   size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg'])
 };
-ComposedModal.defaultProps = {
-  selectorPrimaryFocus: '[data-modal-primary-focus]'
-};
 
 export { ModalBody, ComposedModal as default };

package/es/components/ComposedModal/ModalFooter.js

@@ -13,6 +13,7 @@ import '../Button/Button.Skeleton.js';
 import ButtonSet from '../ButtonSet/ButtonSet.js';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
+import { noopFn } from '../../internal/noopFn.js';
 
 function SecondaryButtonSet(_ref) {
   let {
@@ -74,11 +75,11 @@ const ModalFooter = /*#__PURE__*/React__default.forwardRef(function ModalFooter(
   let {
     children,
     className: customClassName,
-    closeModal,
+    closeModal = noopFn,
     danger,
     inputref,
-    onRequestClose,
-    onRequestSubmit,
+    onRequestClose = noopFn,
+    onRequestSubmit = noopFn,
     primaryButtonDisabled,
     primaryButtonText,
     primaryClassName,
@@ -190,11 +191,5 @@ ModalFooter.propTypes = {
    */
   secondaryClassName: PropTypes.string
 };
-const noop = () => {};
-ModalFooter.defaultProps = {
-  onRequestClose: noop,
-  onRequestSubmit: noop,
-  closeModal: noop
-};
 
 export { ModalFooter };

package/es/components/ComposedModal/ModalHeader.js

@@ -20,7 +20,7 @@ const ModalHeader = /*#__PURE__*/React__default.forwardRef(function ModalHeader(
     closeClassName,
     closeIconClassName,
     closeModal,
-    iconDescription,
+    iconDescription = 'Close',
     label,
     labelClassName,
     title,
@@ -104,8 +104,5 @@ ModalHeader.propTypes = {
    */
   titleClassName: PropTypes.string
 };
-ModalHeader.defaultProps = {
-  iconDescription: 'Close'
-};
 
 export { ModalHeader };

package/es/components/ContentSwitcher/ContentSwitcher.d.ts

@@ -91,16 +91,11 @@ export default class ContentSwitcher extends React.Component<ContentSwitcherProp
         size: PropTypes.Requireable<string>;
     };
     static contextType: React.Context<string>;
-    static defaultProps: {
-        selectedIndex: number;
-        selectionMode: string;
-        onChange: () => void;
-    };
     static getDerivedStateFromProps({ selectedIndex }: {
-        selectedIndex: any;
+        selectedIndex?: number | undefined;
     }, state: any): {
-        selectedIndex: any;
-        prevSelectedIndex: any;
+        selectedIndex: number;
+        prevSelectedIndex: number;
     } | null;
     handleItemRef: (index: any) => (ref: any) => void;
     handleChildChange: (data: any) => void;

package/es/components/ContentSwitcher/ContentSwitcher.js

@@ -13,6 +13,7 @@ import deprecate from '../../prop-types/deprecate.js';
 import { LayoutConstraint } from '../Layout/index.js';
 import { composeEventHandlers } from '../../tools/events.js';
 import { PrefixContext } from '../../internal/usePrefix.js';
+import { noopFn } from '../../internal/noopFn.js';
 import { matches } from '../../internal/keyboard/match.js';
 import { getNextIndex } from '../../internal/keyboard/navigation.js';
 import { ArrowRight, ArrowLeft } from '../../internal/keyboard/keys.js';
@@ -34,7 +35,7 @@ class ContentSwitcher extends React__default.Component {
     });
     _defineProperty(this, "handleChildChange", data => {
       const {
-        selectionMode
+        selectionMode = 'automatic'
       } = this.props;
       // the currently selected child index
       const {
@@ -84,7 +85,7 @@ class ContentSwitcher extends React__default.Component {
   }
   static getDerivedStateFromProps(_ref, state) {
     let {
-      selectedIndex
+      selectedIndex = 0
     } = _ref;
     const {
       prevSelectedIndex
@@ -101,12 +102,12 @@ class ContentSwitcher extends React__default.Component {
       className,
       light,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      selectedIndex,
-      // eslint-disable-line no-unused-vars
+      selectedIndex = 0,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      selectionMode,
-      // eslint-disable-line no-unused-vars
+      selectionMode = 'automatic',
       size,
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      onChange = noopFn,
       ...other
     } = this.props;
     const isIconOnly = React__default.Children?.map(children, child => {
@@ -171,10 +172,5 @@ _defineProperty(ContentSwitcher, "propTypes", {
   size: PropTypes.oneOf(['sm', 'md', 'lg'])
 });
 _defineProperty(ContentSwitcher, "contextType", PrefixContext);
-_defineProperty(ContentSwitcher, "defaultProps", {
-  selectedIndex: 0,
-  selectionMode: 'automatic',
-  onChange: () => {}
-});
 
 export { ContentSwitcher as default };

package/es/components/Copy/Copy.js

@@ -13,16 +13,17 @@ import cx from 'classnames';
 import { composeEventHandlers } from '../../tools/events.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { IconButton } from '../IconButton/index.js';
+import { noopFn } from '../../internal/noopFn.js';
 
 function Copy(_ref) {
   let {
     align = 'bottom',
     children,
     className,
-    feedback,
-    feedbackTimeout,
+    feedback = 'Copied!',
+    feedbackTimeout = 2000,
     onAnimationEnd,
-    onClick,
+    onClick = noopFn,
     ...other
   } = _ref;
   const [animation, setAnimation] = useState('');
@@ -92,10 +93,5 @@ Copy.propTypes = {
    */
   onClick: PropTypes.func
 };
-Copy.defaultProps = {
-  feedback: 'Copied!',
-  feedbackTimeout: 2000,
-  onClick: () => {}
-};
 
 export { Copy as default };

package/es/components/CopyButton/CopyButton.js

@@ -13,12 +13,16 @@ import { Copy as Copy$1 } from '@carbon/icons-react';
 import Copy from '../Copy/Copy.js';
 import { LayoutConstraint } from '../Layout/index.js';
 import { usePrefix } from '../../internal/usePrefix.js';
+import { noopFn } from '../../internal/noopFn.js';
 
 function CopyButton(_ref) {
   let {
     align = 'bottom',
-    iconDescription,
+    feedback = 'Copied!',
+    feedbackTimeout = 2000,
+    iconDescription = 'Copy to clipboard',
     className,
+    onClick = noopFn,
     ...other
   } = _ref;
   const prefix = usePrefix();
@@ -28,6 +32,9 @@ function CopyButton(_ref) {
       max: 'lg'
     }
   }, /*#__PURE__*/React__default.createElement(Copy, _extends({
+    feedback: feedback,
+    feedbackTimeout: feedbackTimeout,
+    onClick: onClick,
     align: align,
     className: cx(className, `${prefix}--copy-btn`),
     "aria-label": iconDescription
@@ -64,11 +71,5 @@ CopyButton.propTypes = {
    */
   onClick: PropTypes.func
 };
-CopyButton.defaultProps = {
-  iconDescription: 'Copy to clipboard',
-  feedback: 'Copied!',
-  feedbackTimeout: 2000,
-  onClick: () => {}
-};
 
 export { CopyButton as default };

package/es/components/DataTable/DataTable.d.ts

@@ -27,24 +27,6 @@ import TableToolbarAction from './TableToolbarAction';
 import TableToolbarContent from './TableToolbarContent';
 import TableToolbarSearch from './TableToolbarSearch';
 import TableToolbarMenu from './TableToolbarMenu';
-declare const dataTableDefaultProps: {
-    filterRows: ({ rowIds, headers, cellsById, inputValue, getCellId, }: {
-        rowIds: string[];
-        headers: any[];
-        cellsById: any;
-        inputValue: string;
-        getCellId: Function;
-    }) => string[];
-    locale: string;
-    overflowMenuOnHover: boolean;
-    size: string;
-    sortRow: (cellA: any, cellB: any, { sortDirection, sortStates, locale }: {
-        sortDirection: any;
-        sortStates: any;
-        locale: any;
-    }) => number;
-    translateWithId: (id: any) => string;
-};
 export type DataTableSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface DataTableCell<T> {
     id: string;
@@ -181,7 +163,7 @@ export interface DataTableProps<RowType, ColTypes extends any[]> {
     children?: (renderProps: DataTableRenderProps<RowType, ColTypes>) => React.ReactElement;
     experimentalAutoAlign?: boolean;
     filterRows?: (filterRowsArgs: {
-        cellsById: Record<string, DataTableCell<RowType>>;
+        cellsById: Record<string, DataTableCell<ColTypes>>;
         getCellId: (rowId: string, header: string) => string;
         headers: Array<DataTableHeader>;
         inputValue: string;
@@ -226,26 +208,8 @@ interface DataTableState<ColTypes extends any[]> {
  * and updating the state of the single entity will cascade updates to the
  * consumer.
  */
-declare class DataTable<RowType, ColTypes extends any[]> extends React.Component<DataTableProps<RowType, ColTypes> & typeof dataTableDefaultProps, DataTableState<ColTypes>> {
+declare class DataTable<RowType, ColTypes extends any[]> extends React.Component<DataTableProps<RowType, ColTypes>, DataTableState<ColTypes>> {
     instanceId: number;
-    static defaultProps: {
-        filterRows: ({ rowIds, headers, cellsById, inputValue, getCellId, }: {
-            rowIds: string[];
-            headers: any[];
-            cellsById: any;
-            inputValue: string;
-            getCellId: Function;
-        }) => string[];
-        locale: string;
-        overflowMenuOnHover: boolean;
-        size: string;
-        sortRow: (cellA: any, cellB: any, { sortDirection, sortStates, locale }: {
-            sortDirection: any;
-            sortStates: any;
-            locale: any;
-        }) => number;
-        translateWithId: (id: any) => string;
-    };
     static propTypes: {
         /**
          * Experimental property. Allows table to align cell contents to the top if there is text wrapping in the content. Might have performance issues, intended for smaller tables
@@ -488,7 +452,7 @@ declare class DataTable<RowType, ColTypes extends any[]> extends React.Component
      */
     getTableProps: () => {
         useZebraStyles: boolean | undefined;
-        size: "sm" | "md" | "lg" | "xl" | "xs";
+        size: DataTableSize;
         isSortable: boolean | undefined;
         useStaticWidth: boolean | undefined;
         stickyHeader: boolean | undefined;

package/es/components/DataTable/DataTable.js

@@ -15,7 +15,6 @@ import { getCellId } from './tools/cells.js';
 import denormalize from './tools/denormalize.js';
 import { composeEventHandlers } from '../../tools/events.js';
 import { defaultFilterRows } from './tools/filter.js';
-import { defaultSortRow } from './tools/sorting.js';
 import setupGetInstanceId from './tools/instanceId.js';
 import { Table } from './Table.js';
 import TableActionList from './TableActionList.js';
@@ -60,14 +59,6 @@ const defaultTranslations = {
   [translationKeys.unselectRow]: 'Unselect row'
 };
 const translateWithId = id => defaultTranslations[id];
-const dataTableDefaultProps = {
-  filterRows: defaultFilterRows,
-  locale: 'en',
-  overflowMenuOnHover: true,
-  size: 'lg',
-  sortRow: defaultSortRow,
-  translateWithId
-};
 /**
  * Data Tables are used to represent a collection of resources, displaying a
  * subset of their fields in columns, or headers. We prioritize direct updates
@@ -139,7 +130,7 @@ class DataTable extends React__default.Component {
         ...rest
       } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       const {
-        translateWithId: t
+        translateWithId: t = translateWithId
       } = _this.props;
       const {
         isExpandedAll,
@@ -198,7 +189,7 @@ class DataTable extends React__default.Component {
         ...rest
       } = _ref2;
       const {
-        translateWithId: t
+        translateWithId: t = translateWithId
       } = this.props;
       const translationKey = row.isExpanded ? translationKeys.collapseRow : translationKeys.expandRow;
       return {
@@ -250,7 +241,7 @@ class DataTable extends React__default.Component {
         ...rest
       } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       const {
-        translateWithId: t
+        translateWithId: t = translateWithId
       } = _this.props;
 
       // If we're given a row, return the selection state values for that row
@@ -317,11 +308,11 @@ class DataTable extends React__default.Component {
     _defineProperty(this, "getTableProps", () => {
       const {
         useZebraStyles,
-        size,
+        size = 'lg',
         isSortable,
         useStaticWidth,
         stickyHeader,
-        overflowMenuOnHover,
+        overflowMenuOnHover = true,
         experimentalAutoAlign
       } = this.props;
       return {
@@ -360,7 +351,10 @@ class DataTable extends React__default.Component {
      * @returns {Array<string>} the array of rowIds that are currently included through the filter
      *  */
     _defineProperty(this, "getFilteredRowIds", () => {
-      const filteredRowIds = typeof this.state.filterInputValue === 'string' ? this.props.filterRows({
+      const {
+        filterRows = defaultFilterRows
+      } = this.props;
+      const filteredRowIds = typeof this.state.filterInputValue === 'string' ? filterRows({
         rowIds: this.state.rowIds,
         headers: this.props.headers,
         cellsById: this.state.cellsById,
@@ -583,10 +577,9 @@ class DataTable extends React__default.Component {
     return true;
   }
   render() {
-    // eslint-disable-next-line react/prop-types
     const {
       children,
-      filterRows,
+      filterRows = defaultFilterRows,
       headers,
       render
     } = this.props;
@@ -637,7 +630,6 @@ class DataTable extends React__default.Component {
     return null;
   }
 }
-_defineProperty(DataTable, "defaultProps", dataTableDefaultProps);
 _defineProperty(DataTable, "propTypes", {
   /**
    * Experimental property. Allows table to align cell contents to the top if there is text wrapping in the content. Might have performance issues, intended for smaller tables

package/es/components/DataTable/Table.d.ts

@@ -71,9 +71,5 @@ export declare const Table: {
          */
         useZebraStyles: PropTypes.Requireable<boolean>;
     };
-    defaultProps: {
-        isSortable: boolean;
-        overflowMenuOnHover: boolean;
-    };
 };
 export default Table;

package/es/components/DataTable/Table.js

@@ -175,9 +175,5 @@ Table.propTypes = {
    */
   useZebraStyles: PropTypes.bool
 };
-Table.defaultProps = {
-  isSortable: false,
-  overflowMenuOnHover: true
-};
 
 export { Table, Table as default };

package/es/components/DataTable/TableBatchAction.js

@@ -5,13 +5,24 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import { AddFilled } from '@carbon/icons-react';
 import Button from '../Button/Button.js';
 import '../Button/Button.Skeleton.js';
 
-const TableBatchAction = props => /*#__PURE__*/React__default.createElement(Button, props);
+const TableBatchAction = _ref => {
+  let {
+    renderIcon = AddFilled,
+    iconDescription = 'Add',
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React__default.createElement(Button, _extends({
+    renderIcon: renderIcon,
+    iconDescription: iconDescription
+  }, props));
+};
 TableBatchAction.propTypes = {
   /**
    * Specify if the button is an icon-only button
@@ -32,10 +43,6 @@ TableBatchAction.propTypes = {
    */
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
-TableBatchAction.defaultProps = {
-  renderIcon: AddFilled,
-  iconDescription: 'Add'
-};
 var TableBatchAction$1 = TableBatchAction;
 
 export { TableBatchAction$1 as default };

package/es/components/DataTable/TableBatchActions.js

@@ -70,9 +70,7 @@ const TableBatchActions = _ref => {
     className: batchSummaryClasses
   }, /*#__PURE__*/React__default.createElement("p", {
     className: `${prefix}--batch-summary__para`
-  }, /*#__PURE__*/React__default.createElement(Text, {
-    as: "span"
-  }, totalSelected > 1 || totalSelected === 0 ? t('carbon.table.batch.items.selected', {
+  }, /*#__PURE__*/React__default.createElement(Text, null, totalSelected > 1 || totalSelected === 0 ? t('carbon.table.batch.items.selected', {
     totalSelected
   }) : t('carbon.table.batch.item.selected', {
     totalSelected
@@ -126,8 +124,5 @@ TableBatchActions.propTypes = {
    */
   translateWithId: PropTypes.func
 };
-TableBatchActions.defaultProps = {
-  translateWithId
-};
 
 export { TableBatchActions as default };