@carbon/ibm-products 2.30.0-alpha.9 → 2.31.0-alpha.5

package/es/components/ComboButton/ComboButton.d.ts

@@ -1,21 +1,41 @@
 /**
- * The combo button consolidates similar actions, while exposing the most commonly used one.
+ * 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.
  */
-export function ComboButton({ children, className, overflowMenu, ...rest }: {
-    [x: string]: any;
-    children: any;
-    className: any;
-    overflowMenu: any;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace ComboButton {
-    namespace deprecated {
-        let level: string;
-        let details: string;
-    }
-    namespace propTypes {
-        export let children: import("prop-types").Validator<NonNullable<import("prop-types").ReactNodeLike>>;
-        export { string as className };
-        export let overflowMenu: import("prop-types").Requireable<import("prop-types").InferProps<any>>;
-    }
+import React, { ComponentProps, ReactNode } from 'react';
+interface ComboButtonProps extends ComponentProps<'div'> {
+    /** Provide the contents of the `ComboButton` */
+    children?: ReactNode;
+    /** Provide an optional class to be applied to the containing node */
+    className?: string;
+    /** Provide the [props of the `OverflowMenu`](https://react.carbondesignsystem.com/?path=/docs/overflowmenu) */
+    overflowMenu: {
+        /**
+         * The event handler for the `click` event.
+         */
+        onClick?(): void;
+        /**
+         * Function called when menu is closed
+         */
+        onClose?(): void;
+        /**
+         * The event handler for the `focus` event.
+         */
+        onFocus?(): void;
+        /**
+         * The event handler for the `keydown` event.
+         */
+        onKeyDown?(): void;
+        /**
+         * Function called when menu is opened
+         */
+        onOpen?(): void;
+    };
 }
-import { string } from 'prop-types';
+/**
+ * The combo button consolidates similar actions, while exposing the most commonly used one.
+ */
+declare const ComboButton: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<ComboButtonProps>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ComboButton };

package/es/components/ComboButton/ComboButton.js

@@ -11,18 +11,17 @@ import { Button, OverflowMenu, OverflowMenuItem } from '@carbon/react';
 import cx from 'classnames';
 import { p as propTypesExports } from '../../node_modules/prop-types/index.js';
 import uuidv4 from '../../global/js/utils/uuidv4.js';
-import React__default, { useRef, useState, Children, createElement } from 'react';
+import React__default, { forwardRef, useRef, useState, Children, createElement } from 'react';
+import { pkg } from '../../settings.js';
 
 var _excluded = ["children", "className", "overflowMenu"],
-  _excluded2 = ["children"],
-  _excluded3 = ["children", "renderIcon"];
-var blockClass = 'security--combo-button';
+  _excluded2 = ["children", "renderIcon"];
+var blockClass = "".concat(pkg.prefix, "--combo-button");
 var componentName = 'ComboButton';
-
 /**
  * The combo button consolidates similar actions, while exposing the most commonly used one.
  */
-var ComboButton = function ComboButton(_ref) {
+var ComboButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     overflowMenu = _ref.overflowMenu,
@@ -33,21 +32,22 @@ var ComboButton = function ComboButton(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
-  var _Children$toArray$fil = Children.toArray(children).filter(Boolean).map(function (_ref2) {
-      var _ref2$props = _ref2.props,
-        children = _ref2$props.children,
-        props = _objectWithoutProperties(_ref2$props, _excluded2);
-      return _objectSpread2(_objectSpread2({}, props), {}, {
-        children: /*#__PURE__*/React__default.createElement("span", {
-          className: "".concat(blockClass, "__action"),
-          title: children
-        }, children)
-      });
+  var _Children$toArray$fil = Children.toArray(children).filter(Boolean).map(function (child) {
+      if ( /*#__PURE__*/React__default.isValidElement(child)) {
+        var props = child.props;
+        return _objectSpread2(_objectSpread2({}, props), {}, {
+          children: /*#__PURE__*/React__default.createElement("span", {
+            className: "".concat(blockClass, "__action")
+          }, child)
+        });
+      }
+      return null;
     }),
     _Children$toArray$fil2 = _toArray(_Children$toArray$fil),
     primaryAction = _Children$toArray$fil2[0],
     restActions = _Children$toArray$fil2.slice(1);
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+    ref: ref,
     className: cx(blockClass, className),
     "data-floating-menu-container": true
   }), /*#__PURE__*/React__default.createElement(Button, primaryAction), restActions.length > 0 && /*#__PURE__*/React__default.createElement(OverflowMenu, _extends({}, overflowMenu, {
@@ -73,10 +73,10 @@ var ComboButton = function ComboButton(_ref) {
       });
     },
     flipped: true
-  }), restActions.map(function (_ref3, index) {
-    var children = _ref3.children,
-      Icon = _ref3.renderIcon,
-      action = _objectWithoutProperties(_ref3, _excluded3);
+  }), restActions.map(function (_ref2, index) {
+    var children = _ref2.children,
+      Icon = _ref2.renderIcon,
+      action = _objectWithoutProperties(_ref2, _excluded2);
     return /*#__PURE__*/React__default.createElement(OverflowMenuItem, _extends({}, action, {
       key: "".concat(blockClass, "--").concat(instanceId, "__overflow-menu__item__").concat(index),
       className: "".concat(blockClass, "__overflow-menu__item"),
@@ -85,17 +85,21 @@ var ComboButton = function ComboButton(_ref) {
       }, /*#__PURE__*/React__default.createElement(Icon, null)))
     }));
   })));
-};
+});
+
+/**@ts-ignore*/
 ComboButton.deprecated = {
   level: 'warn',
   details: "Please replace ".concat(componentName, " with Carbon's ComboButton")
 };
+ComboButton.displayName = componentName;
 ComboButton.propTypes = {
   /** Provide the contents of the `ComboButton` */
   children: propTypesExports.node.isRequired,
   /** Provide an optional class to be applied to the containing node */
   className: propTypesExports.string,
   /** Provide the [props of the `OverflowMenu`](https://react.carbondesignsystem.com/?path=/docs/overflowmenu) */
+  /**@ts-ignore*/
   overflowMenu: propTypesExports.shape(OverflowMenu.propTypes)
 };
 

package/es/components/ComboButton/ComboButtonItem/index.d.ts

@@ -1,16 +1,25 @@
+/**
+ * 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.
+ */
 /**
  * The combo button item provides additional actions a user can take.
  */
-export function ComboButtonItem({ ...rest }: {
-    [x: string]: any;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace ComboButtonItem {
-    namespace propTypes {
-        export let children: import("prop-types").Validator<NonNullable<import("prop-types").ReactNodeLike>>;
-        export { bool as disabled };
-        export { string as href };
-        export let renderIcon: import("prop-types").Requireable<object>;
-    }
-}
-import { bool } from 'prop-types';
-import { string } from 'prop-types';
+declare const ComboButtonItem: {
+    ({ ...rest }: {
+        [x: string]: any;
+    }): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /** Provide the contents of the `ComboButtonItem` */
+        children: import("prop-types").Validator<NonNullable<import("prop-types").ReactNodeLike>>;
+        /** Specify whether the `ComboButton` should be disabled, or not */
+        disabled: import("prop-types").Requireable<boolean>;
+        /** Provide an optional `href` for the `ComboButtonItem` to become an `a` element */
+        href: import("prop-types").Requireable<string>;
+        /** Provide an optional icon to render */
+        renderIcon: import("prop-types").Requireable<object>;
+    };
+};
+export { ComboButtonItem };

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js

@@ -12,9 +12,10 @@ import { Checkbox } from '@carbon/react';
 import { isColumnVisible } from './common.js';
 import DraggableElement from '../../DraggableElement.js';
 import { pkg } from '../../../../../settings.js';
+import { getNodeTextContent } from '../../../../../global/js/utils/getNodeTextContent.js';
 import { useSensor, PointerSensor, KeyboardSensor, useSensors, DndContext, closestCenter } from '@dnd-kit/core';
 import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
-import { getNodeTextContent } from '../../../../../global/js/utils/getNodeTextContent.js';
+import { restrictToParentElement, restrictToVerticalAxis } from '@dnd-kit/modifiers';
 
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var matchedColsById = function matchedColsById(col1, col2) {
@@ -144,7 +145,8 @@ var DraggableItemsList = function DraggableItemsList(_ref) {
     onDragEnd: handleDragEnd,
     onDragStart: handleDragStart,
     onDragMove: handleDragUpdate,
-    sensors: sensors
+    sensors: sensors,
+    modifiers: [restrictToParentElement, restrictToVerticalAxis]
   }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__draggable-underlay"),
     "aria-hidden": "true",

package/es/components/Datagrid/Datagrid/addons/stateReducer.js

@@ -86,12 +86,19 @@ var stateReducer = function stateReducer(newState, action) {
           getRowId = _ref3.getRowId,
           indeterminate = _ref3.indeterminate,
           isChecked = _ref3.isChecked;
+        var newSelectedRowIds = {};
         if (rows) {
           var newSelectedRowData = {};
           rows.forEach(function (row) {
+            var props = row.getRowProps();
+            if (props && props.disabled) {
+              return;
+            }
+            newSelectedRowIds[getRowId(row.original, row.index)] = true;
             newSelectedRowData[getRowId(row.original, row.index)] = row.original;
           });
           return _objectSpread2(_objectSpread2({}, newState), {}, {
+            selectedRowIds: newSelectedRowIds,
             selectedRowData: indeterminate || !isChecked ? {} : newSelectedRowData
           });
         }

package/es/components/EditInPlace/EditInPlace.js

@@ -142,10 +142,7 @@ var EditInPlace = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className: cx(blockClass, "".concat(blockClass, "--").concat(size), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "--focused"), focused), "".concat(blockClass, "--invalid"), invalid), "".concat(blockClass, "--inherit-type"), inheritTypography), "".concat(blockClass, "--overflows"), inputRef.current && inputRef.current.scrollWidth > inputRef.current.offsetWidth)),
     onFocus: onFocusHandler,
     onBlur: onBlurHandler
-  }, /*#__PURE__*/React__default.createElement("label", {
-    className: "".concat(blockClass, "__text-input-label"),
-    htmlFor: id
-  }, labelText), /*#__PURE__*/React__default.createElement("input", {
+  }, /*#__PURE__*/React__default.createElement("input", {
     id: id,
     className: cx("".concat(blockClass, "__text-input"), "".concat(carbon.prefix, "--text-input"), "".concat(carbon.prefix, "--text-input--").concat(size)),
     type: "text",
@@ -154,7 +151,9 @@ var EditInPlace = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: inputRef
     // readOnly={readOnly}
     ,
-    onKeyDown: onKeyHandler
+    onKeyDown: onKeyHandler,
+    "aria-label": labelText,
+    "aria-invalid": invalid
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__ellipsis"),
     "aria-hidden": !focused

package/es/components/Nav/Nav.d.ts

@@ -0,0 +1,3 @@
+export let Nav: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export default Nav;
+import React from 'react';

package/es/components/Nav/Nav.js

@@ -0,0 +1,154 @@
+/**
+ * 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 { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useState, useRef, useEffect } from 'react';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import cx from 'classnames';
+import NavList, { blockClass as blockClass$2 } from './NavList.js';
+import NavItem, { blockClass as blockClass$1 } from './NavItem.js';
+import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
+import { pkg } from '../../settings.js';
+
+var _excluded = ["activeHref", "className", "children", "heading", "label"];
+var componentName = 'Nav';
+var blockClass = "".concat(pkg.prefix, "--nav");
+var Nav = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
+  var activeHref = _ref.activeHref,
+    className = _ref.className,
+    children = _ref.children,
+    heading = _ref.heading,
+    label = _ref.label,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(activeHref),
+    _useState2 = _slicedToArray(_useState, 2),
+    _activeHref = _useState2[0],
+    setActiveHref = _useState2[1];
+  var navigationLists = useRef({});
+  useEffect(function () {
+    if (!_activeHref && window.location) {
+      var _window$location = window.location,
+        hash = _window$location.hash,
+        pathname = _window$location.pathname;
+      setActiveHref(pathname + hash);
+    }
+  }, [_activeHref]);
+
+  /**
+   * Creates a new child list item.
+   * @param {NavItem} child The child list item to create.
+   * @param {number} index The index of the child list item.
+   * @returns {NavItem} The new child list item.
+   */
+  var buildNewItemChild = function buildNewItemChild(child, index) {
+    var key = "".concat(blockClass$1, "--").concat(index);
+    return /*#__PURE__*/React__default.createElement(NavItem, _extends({}, child.props, {
+      activeHref: _activeHref,
+      key: key,
+      onClick: function onClick(event, href) {
+        return handleItemClick(event, href, child.props.onClick);
+      }
+    }));
+  };
+
+  /**
+   * Creates a new child list.
+   * @param {NavList} child The child list to create.
+   * @param {number} index The index of the child list.
+   * @returns {NavList} The new child list.
+   */
+  var buildNewListChild = function buildNewListChild(child, index) {
+    var key = "".concat(blockClass$2, "--").concat(index);
+    return /*#__PURE__*/React__default.createElement(NavList, _extends({}, child.props, {
+      activeHref: _activeHref,
+      id: key,
+      key: key,
+      onListClick: handleListClick,
+      onItemClick: handleItemClick,
+      ref: function ref(el) {
+        return navigationLists.current[key] = el;
+      }
+    }));
+  };
+
+  /**
+   * Handles toggling the list item.
+   * @param {SyntheticEvent} event The event fired when the list item is toggled.
+   * @param {string} href The URL of the list item.
+   */
+  var handleItemClick = function handleItemClick(event, href, onClick) {
+    event.stopPropagation();
+    var type = event.type,
+      which = event.which;
+
+    // Enter (13) and spacebar (32).
+    var acceptableEvent = which === 13 || which === 32 || type === 'click';
+    var diffHref = href !== _activeHref;
+    if (acceptableEvent && diffHref) {
+      setActiveHref(href);
+    }
+    if (onClick) {
+      onClick(event);
+    }
+  };
+
+  /**
+   * Handles when a list has been selected.
+   * @param {number} id The index of the list.
+   */
+  var handleListClick = function handleListClick(id) {
+    Object.keys(navigationLists.current).forEach(function (key) {
+      if (key !== id && !navigationLists.current[key].isExpandedOnPageload) {
+        navigationLists.current[key].close();
+      }
+    });
+  };
+  return /*#__PURE__*/React__default.createElement("nav", _extends({
+    className: cx(blockClass, className),
+    "aria-label": label,
+    ref: ref
+  }, getDevtoolsProps(componentName), rest), heading && /*#__PURE__*/React__default.createElement("h1", {
+    className: "".concat(blockClass, "__heading")
+  }, heading), /*#__PURE__*/React__default.createElement("ul", {
+    className: "".concat(blockClass, "__wrapper"),
+    role: "menubar"
+  }, React__default.Children.map(children, function (child, index) {
+    var _child$type;
+    return (child === null || child === void 0 || (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === NavList.displayName ? buildNewListChild(child, index) : buildNewItemChild(child, index);
+  })));
+});
+Nav.propTypes = {
+  /**
+   * Hypertext reference for active page.
+   */
+  activeHref: PropTypes.string,
+  /**
+   * Child elements.
+   */
+  children: PropTypes.node,
+  /**
+   * Extra classes to add.
+   */
+  className: PropTypes.string,
+  /**
+   * Heading.
+   */
+  heading: PropTypes.string,
+  /**
+   * Aria-label on the rendered `nav` element.
+   */
+  label: PropTypes.string.isRequired
+};
+
+// Return a placeholder if not released and not enabled by feature flag
+Nav = pkg.checkComponentEnabled(Nav, componentName);
+
+// The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
+Nav.displayName = componentName;
+
+export { Nav };

package/es/components/Nav/NavItem.d.ts

@@ -0,0 +1,35 @@
+export const blockClass: string;
+export function NavItem({ activeHref, children, className, current, disabled, element, href, id, label, onClick, tabIndex, ...rest }: {
+    [x: string]: any;
+    activeHref?: string | undefined;
+    children?: any;
+    className: any;
+    current: any;
+    disabled?: boolean | undefined;
+    element?: string | undefined;
+    href: any;
+    id: any;
+    label: any;
+    onClick?: (() => void) | undefined;
+    tabIndex?: number | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace NavItem {
+    export { componentName as displayName };
+    export namespace propTypes {
+        let activeHref: PropTypes.Requireable<string>;
+        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let className: PropTypes.Requireable<string>;
+        let current: PropTypes.Requireable<string>;
+        let disabled: PropTypes.Requireable<boolean>;
+        let element: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        let href: PropTypes.Requireable<string>;
+        let id: PropTypes.Requireable<string>;
+        let label: PropTypes.Requireable<string>;
+        let link: PropTypes.Requireable<boolean>;
+        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        let tabIndex: PropTypes.Requireable<number>;
+    }
+}
+export default NavItem;
+declare const componentName: "NavItem";
+import PropTypes from 'prop-types';

package/es/components/Nav/NavItem.js

@@ -0,0 +1,149 @@
+/**
+ * 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 { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useRef } from 'react';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import cx from 'classnames';
+import { pkg } from '../../settings.js';
+import uuidv4 from '../../global/js/utils/uuidv4.js';
+import NavItemLink from './NavItemLink.js';
+import { Launch } from '../../node_modules/@carbon/icons-react/es/generated/bucket-8.js';
+
+var _excluded = ["activeHref", "children", "className", "current", "disabled", "element", "href", "id", "label", "onClick", "tabIndex"];
+
+// The block part of our conventional BEM class names (blockClass__E--M).
+var blockClass = "".concat(pkg.prefix, "--nav-item");
+var componentName = 'NavItem';
+
+// Default values for props
+var defaults = {
+  activeHref: '#',
+  disabled: false,
+  element: 'a',
+  onClick: function onClick() {},
+  tabIndex: 0
+};
+
+/**
+ * Navigation item component.
+ */
+var NavItem = function NavItem(_ref) {
+  var _ref$activeHref = _ref.activeHref,
+    activeHref = _ref$activeHref === void 0 ? defaults.activeHref : _ref$activeHref,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? defaults.children : _ref$children,
+    className = _ref.className,
+    current = _ref.current,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? defaults.disabled : _ref$disabled,
+    _ref$element = _ref.element,
+    element = _ref$element === void 0 ? defaults.element : _ref$element,
+    href = _ref.href,
+    id = _ref.id,
+    label = _ref.label,
+    _ref$onClick = _ref.onClick,
+    _onClick = _ref$onClick === void 0 ? defaults.onClick : _ref$onClick,
+    _ref$tabIndex = _ref.tabIndex,
+    tabIndex = _ref$tabIndex === void 0 ? defaults.tabIndex : _ref$tabIndex,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var internalId = useRef(uuidv4());
+  var instanceId = "".concat(blockClass, "__").concat(internalId.current);
+  var navItemId = id || instanceId;
+  var isAbsoluteLink = new RegExp('^([a-z]+://|//)', 'i');
+  var externalLink = isAbsoluteLink.test(href) && href.indexOf(window.location.host) === -1;
+  var linkClassName = "".concat(blockClass, "__link");
+  var handleDisabled = function handleDisabled(action) {
+    var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    return !disabled ? action : defaultValue;
+  };
+  var navItemTabIndex = handleDisabled(tabIndex, -1);
+  var externalLinkProps = externalLink && {
+    rel: 'noopener noreferrer',
+    target: '_blank'
+  };
+  return /*#__PURE__*/React__default.createElement("li", _extends({}, rest, {
+    className: cx(blockClass, className, _defineProperty(_defineProperty({}, "".concat(blockClass, "--active"), current !== null && current === navItemId || activeHref !== undefined && activeHref === href && !externalLink), "".concat(blockClass, "--disabled"), disabled)),
+    label: label,
+    onClick: function onClick(event) {
+      return handleDisabled(_onClick(event, href));
+    },
+    onKeyDown: function onKeyDown(event) {
+      return handleDisabled(_onClick(event, href));
+    },
+    role: "menuitem"
+  }), /*#__PURE__*/React__default.createElement(NavItemLink, _extends({
+    id: navItemId,
+    className: cx(linkClassName, _defineProperty({}, "".concat(blockClass, "__link--external"), externalLink)),
+    element: element,
+    href: href,
+    tabIndex: navItemTabIndex
+  }, rest, externalLinkProps), children, externalLink && /*#__PURE__*/React__default.createElement(Launch, {
+    className: "".concat(blockClass, "__link--external__icon")
+  })));
+};
+
+// The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
+NavItem.displayName = componentName;
+
+// The types and DocGen commentary for the component props,
+// in alphabetical order (for consistency).
+// See https://www.npmjs.com/package/prop-types#usage.
+NavItem.propTypes = {
+  /**
+   * Hypertext reference for active page.
+   */
+  activeHref: PropTypes.string,
+  /**
+   * Provide the contents of the Nav.
+   */
+  children: PropTypes.node.isRequired,
+  /**
+   * Provide an optional class to be applied to the containing node.
+   */
+  className: PropTypes.string,
+  /**
+   * Currently selected item.
+   */
+  current: PropTypes.string,
+  /**
+   * Whether the item is disabled.
+   */
+  disabled: PropTypes.bool,
+  /**
+   * The base element to use to build the link. Defaults to `a`, can also accept alternative tag names or custom components like `Link` from `react-router`.
+   */
+  element: PropTypes.elementType,
+  /**
+   * The href of the nav item.
+   */
+  href: PropTypes.string,
+  /**
+   * Identifier.
+   */
+  id: PropTypes.string,
+  /**
+   * Label of an item.
+   */
+  label: PropTypes.string,
+  /**
+   * Whether the item is a link.
+   */
+  link: PropTypes.bool,
+  /**
+   * Click handler of an item.
+   */
+  onClick: PropTypes.func,
+  /**
+   * `tabindex` of an item.
+   */
+  tabIndex: PropTypes.number
+};
+var NavItem$1 = NavItem;
+
+export { NavItem, blockClass, NavItem$1 as default };

package/es/components/Nav/NavItemLink.d.ts

@@ -0,0 +1,3 @@
+export default NavItemLink;
+declare const NavItemLink: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/es/components/Nav/NavItemLink.js

@@ -0,0 +1,30 @@
+/**
+ * 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 { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import React__default from 'react';
+
+var _excluded = ["element"];
+var NavItemLink = /*#__PURE__*/React__default.forwardRef(function NavItemLink(props, ref) {
+  var element = props.element,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React__default.createElement(element, _objectSpread2(_objectSpread2({}, rest), {}, {
+    ref: ref
+  }));
+});
+NavItemLink.displayName = 'NavItemLink';
+NavItemLink.propTypes = {
+  /** @type {elementType} The base element to use to build the link. Defaults to `a`, can also accept alternative tag names or custom components like `Link` from `react-router`. */
+  element: PropTypes.elementType
+};
+NavItemLink.defaultProps = {
+  element: 'a'
+};
+var NavItemLink$1 = NavItemLink;
+
+export { NavItemLink$1 as default };

package/es/components/Nav/NavList.d.ts

@@ -0,0 +1,4 @@
+export const blockClass: string;
+export let NavList: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export default NavList;
+import React from 'react';