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

package/es/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js

@@ -0,0 +1,14 @@
+/**
+ * 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 PropTypes from '../../../prop-types/index.js';
+
+var iconPropTypes = {
+  size: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+};
+
+export { iconPropTypes as i };

package/es/settings.d.ts

@@ -61,6 +61,7 @@ export const pkg: {
         EditTearsheetNarrow: boolean;
         EditFullPage: boolean;
         EditUpdateCards: boolean;
+        Nav: boolean;
         BigNumbers: boolean;
         TruncatedList: boolean;
         DelimitedList: boolean;

package/lib/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/lib/components/ComboButton/ComboButton.js

@@ -16,6 +16,7 @@ var cx = require('classnames');
 var index = require('../../node_modules/prop-types/index.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var React = require('react');
+var settings = require('../../settings.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -23,15 +24,13 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["children", "className", "overflowMenu"],
-  _excluded2 = ["children"],
-  _excluded3 = ["children", "renderIcon"];
-var blockClass = 'security--combo-button';
+  _excluded2 = ["children", "renderIcon"];
+var blockClass = "".concat(settings.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__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     overflowMenu = _ref.overflowMenu,
@@ -42,21 +41,22 @@ var ComboButton = function ComboButton(_ref) {
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
-  var _Children$toArray$fil = React.Children.toArray(children).filter(Boolean).map(function (_ref2) {
-      var _ref2$props = _ref2.props,
-        children = _ref2$props.children,
-        props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2$props, _excluded2);
-      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
-        children: /*#__PURE__*/React__default["default"].createElement("span", {
-          className: "".concat(blockClass, "__action"),
-          title: children
-        }, children)
-      });
+  var _Children$toArray$fil = React.Children.toArray(children).filter(Boolean).map(function (child) {
+      if ( /*#__PURE__*/React__default["default"].isValidElement(child)) {
+        var props = child.props;
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
+          children: /*#__PURE__*/React__default["default"].createElement("span", {
+            className: "".concat(blockClass, "__action")
+          }, child)
+        });
+      }
+      return null;
     }),
     _Children$toArray$fil2 = _rollupPluginBabelHelpers.toArray(_Children$toArray$fil),
     primaryAction = _Children$toArray$fil2[0],
     restActions = _Children$toArray$fil2.slice(1);
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    ref: ref,
     className: cx__default["default"](blockClass, className),
     "data-floating-menu-container": true
   }), /*#__PURE__*/React__default["default"].createElement(react.Button, primaryAction), restActions.length > 0 && /*#__PURE__*/React__default["default"].createElement(react.OverflowMenu, _rollupPluginBabelHelpers["extends"]({}, overflowMenu, {
@@ -82,10 +82,10 @@ var ComboButton = function ComboButton(_ref) {
       });
     },
     flipped: true
-  }), restActions.map(function (_ref3, index) {
-    var children = _ref3.children,
-      Icon = _ref3.renderIcon,
-      action = _rollupPluginBabelHelpers.objectWithoutProperties(_ref3, _excluded3);
+  }), restActions.map(function (_ref2, index) {
+    var children = _ref2.children,
+      Icon = _ref2.renderIcon,
+      action = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
     return /*#__PURE__*/React__default["default"].createElement(react.OverflowMenuItem, _rollupPluginBabelHelpers["extends"]({}, action, {
       key: "".concat(blockClass, "--").concat(instanceId, "__overflow-menu__item__").concat(index),
       className: "".concat(blockClass, "__overflow-menu__item"),
@@ -94,17 +94,21 @@ var ComboButton = function ComboButton(_ref) {
       }, /*#__PURE__*/React__default["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: index.propTypesExports.node.isRequired,
   /** Provide an optional class to be applied to the containing node */
   className: index.propTypesExports.string,
   /** Provide the [props of the `OverflowMenu`](https://react.carbondesignsystem.com/?path=/docs/overflowmenu) */
+  /**@ts-ignore*/
   overflowMenu: index.propTypesExports.shape(react.OverflowMenu.propTypes)
 };
 

package/lib/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/lib/components/Datagrid/Datagrid/addons/stateReducer.js

@@ -90,12 +90,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 _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newState), {}, {
+            selectedRowIds: newSelectedRowIds,
             selectedRowData: indeterminate || !isChecked ? {} : newSelectedRowData
           });
         }

package/lib/components/EditInPlace/EditInPlace.js

@@ -151,10 +151,7 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: cx__default["default"](blockClass, "".concat(blockClass, "--").concat(size), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.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["default"].createElement("label", {
-    className: "".concat(blockClass, "__text-input-label"),
-    htmlFor: id
-  }, labelText), /*#__PURE__*/React__default["default"].createElement("input", {
+  }, /*#__PURE__*/React__default["default"].createElement("input", {
     id: id,
     className: cx__default["default"]("".concat(blockClass, "__text-input"), "".concat(settings.carbon.prefix, "--text-input"), "".concat(settings.carbon.prefix, "--text-input--").concat(size)),
     type: "text",
@@ -163,7 +160,9 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     ref: inputRef
     // readOnly={readOnly}
     ,
-    onKeyDown: onKeyHandler
+    onKeyDown: onKeyHandler,
+    "aria-label": labelText,
+    "aria-invalid": invalid
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__ellipsis"),
     "aria-hidden": !focused

package/lib/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/lib/components/Nav/Nav.js

@@ -0,0 +1,161 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
+var NavList = require('./NavList.js');
+var NavItem = require('./NavItem.js');
+var devtools = require('../../global/js/utils/devtools.js');
+var settings = require('../../settings.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+var _excluded = ["activeHref", "className", "children", "heading", "label"];
+var componentName = 'Nav';
+var blockClass = "".concat(settings.pkg.prefix, "--nav");
+exports.Nav = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+  var activeHref = _ref.activeHref,
+    className = _ref.className,
+    children = _ref.children,
+    heading = _ref.heading,
+    label = _ref.label,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(activeHref),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    _activeHref = _useState2[0],
+    setActiveHref = _useState2[1];
+  var navigationLists = React.useRef({});
+  React.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(NavItem.blockClass, "--").concat(index);
+    return /*#__PURE__*/React__default["default"].createElement(NavItem["default"], _rollupPluginBabelHelpers["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(NavList.blockClass, "--").concat(index);
+    return /*#__PURE__*/React__default["default"].createElement(NavList["default"], _rollupPluginBabelHelpers["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["default"].createElement("nav", _rollupPluginBabelHelpers["extends"]({
+    className: cx__default["default"](blockClass, className),
+    "aria-label": label,
+    ref: ref
+  }, devtools.getDevtoolsProps(componentName), rest), heading && /*#__PURE__*/React__default["default"].createElement("h1", {
+    className: "".concat(blockClass, "__heading")
+  }, heading), /*#__PURE__*/React__default["default"].createElement("ul", {
+    className: "".concat(blockClass, "__wrapper"),
+    role: "menubar"
+  }, React__default["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["default"].displayName ? buildNewListChild(child, index) : buildNewItemChild(child, index);
+  })));
+});
+exports.Nav.propTypes = {
+  /**
+   * Hypertext reference for active page.
+   */
+  activeHref: index["default"].string,
+  /**
+   * Child elements.
+   */
+  children: index["default"].node,
+  /**
+   * Extra classes to add.
+   */
+  className: index["default"].string,
+  /**
+   * Heading.
+   */
+  heading: index["default"].string,
+  /**
+   * Aria-label on the rendered `nav` element.
+   */
+  label: index["default"].string.isRequired
+};
+
+// Return a placeholder if not released and not enabled by feature flag
+exports.Nav = settings.pkg.checkComponentEnabled(exports.Nav, componentName);
+
+// The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
+exports.Nav.displayName = componentName;

package/lib/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/lib/components/Nav/NavItem.js

@@ -0,0 +1,160 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
+var settings = require('../../settings.js');
+var uuidv4 = require('../../global/js/utils/uuidv4.js');
+var NavItemLink = require('./NavItemLink.js');
+var bucket8 = require('../../node_modules/@carbon/icons-react/es/generated/bucket-8.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+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(settings.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var internalId = React.useRef(uuidv4["default"]());
+  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["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.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["default"].createElement(NavItemLink["default"], _rollupPluginBabelHelpers["extends"]({
+    id: navItemId,
+    className: cx__default["default"](linkClassName, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__link--external"), externalLink)),
+    element: element,
+    href: href,
+    tabIndex: navItemTabIndex
+  }, rest, externalLinkProps), children, externalLink && /*#__PURE__*/React__default["default"].createElement(bucket8.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: index["default"].string,
+  /**
+   * Provide the contents of the Nav.
+   */
+  children: index["default"].node.isRequired,
+  /**
+   * Provide an optional class to be applied to the containing node.
+   */
+  className: index["default"].string,
+  /**
+   * Currently selected item.
+   */
+  current: index["default"].string,
+  /**
+   * Whether the item is disabled.
+   */
+  disabled: index["default"].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: index["default"].elementType,
+  /**
+   * The href of the nav item.
+   */
+  href: index["default"].string,
+  /**
+   * Identifier.
+   */
+  id: index["default"].string,
+  /**
+   * Label of an item.
+   */
+  label: index["default"].string,
+  /**
+   * Whether the item is a link.
+   */
+  link: index["default"].bool,
+  /**
+   * Click handler of an item.
+   */
+  onClick: index["default"].func,
+  /**
+   * `tabindex` of an item.
+   */
+  tabIndex: index["default"].number
+};
+var NavItem$1 = NavItem;
+
+exports.NavItem = NavItem;
+exports.blockClass = blockClass;
+exports["default"] = NavItem$1;

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

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