@carbon/ibm-products 2.30.0 → 2.31.0

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/CreateModal/CreateModal.d.ts

@@ -1,8 +1,72 @@
+/**
+ * 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.
+ */
+/// <reference path="../../../src/custom-typings/index.d.ts" />
+import React, { ReactNode } from 'react';
+import { ComposedModal } from '@carbon/react';
+interface CreateModalProps extends React.ComponentProps<typeof ComposedModal> {
+    /**
+     * Specify an optional className to be applied to the modal root node
+     */
+    className?: string;
+    /**
+     * Specifies an optional handler which is called when the CreateModal
+     * is closed.
+     */
+    onRequestClose?(): void;
+    /**
+     * Specifies an optional handler which is called when the CreateModal
+     * primary button is pressed.
+     */
+    onRequestSubmit?(): void;
+    /**
+     * Specifies whether the CreateModal is open or not.
+     */
+    open?: boolean;
+    /**
+     * The title of the CreateModal is usually the product or service name.
+     */
+    title: ReactNode;
+    /**
+     * The subtitle of the CreateModal is optional and serves to provide more information about the modal.
+     */
+    subtitle?: ReactNode;
+    /**
+     * The description of the CreateModal serves to provide more information about the modal.
+     */
+    description: ReactNode;
+    /**
+     * Specifies the secondary button's text in the modal.
+     */
+    secondaryButtonText: string;
+    /**
+     * The DOM node the tearsheet should be rendered within. Defaults to document.body.
+     */
+    portalTarget?: ReactNode;
+    /**
+     * Specifies the primary button's text in the modal.
+     */
+    primaryButtonText: string;
+    /**
+     * Specifies a boolean for disabling or enabling the primary button. This is important for form validation
+     * Returning `true` prevents the primary button from being clicked until required fields are completed.
+     */
+    disableSubmit?: boolean;
+    /**
+     * Specifies which DOM element in the form should be focused.
+     */
+    selectorPrimaryFocus: ReactNode;
+}
 /**
  * The `CreateModal` component provides a way for a user to quickly generate a new
 resource. It is triggered by a user’s action, appears on top of the main page
 content, and is persistent until dismissed. The purpose of this modal should be
 immediately apparent to the user, with a clear and obvious path to completion.
  */
-export let CreateModal: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let CreateModal: React.ForwardRefExoticComponent<CreateModalProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export {};

package/lib/components/CreateModal/CreateModal.js

@@ -37,7 +37,6 @@ var isValidChildren = function isValidChildren() {
     return;
   };
 };
-
 /**
  * The `CreateModal` component provides a way for a user to quickly generate a new
 resource. It is triggered by a user’s action, appears on top of the main page
@@ -102,6 +101,7 @@ exports.CreateModal.propTypes = {
   /**
    * Children refers to all form items within a form inside of the modal's body.
    */
+  /**@ts-ignore*/
   children: isValidChildren(),
   /**
    * Specify an optional className to be applied to the modal root node

package/lib/components/Datagrid/Datagrid/DatagridContent.js

@@ -96,7 +96,7 @@ var DatagridContent = function DatagridContent(_ref) {
   var renderTable = function renderTable() {
     var _getTableProps;
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(react.Table, _rollupPluginBabelHelpers["extends"]({}, getTableProps(), {
-      className: cx__default["default"](withVirtualScroll ? '' : "".concat(blockClass, "__table-simple"), "".concat(blockClass, "__vertical-align-").concat(verticalAlign), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__variable-row-height"), variableRowHeight), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__table-with-inline-edit"), withInlineEdit), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__table-grid-active"), gridActive), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__table-is-resizing"), typeof columnResizing.isResizingColumn === 'string'), (_getTableProps = getTableProps()) === null || _getTableProps === void 0 ? void 0 : _getTableProps.className),
+      className: cx__default["default"](withVirtualScroll ? '' : "".concat(blockClass, "__table-simple"), "".concat(blockClass, "__vertical-align-").concat(verticalAlign), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__variable-row-height"), variableRowHeight), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__table-with-inline-edit"), withInlineEdit), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__table-grid-active"), gridActive), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__table-is-resizing"), typeof (columnResizing === null || columnResizing === void 0 ? void 0 : columnResizing.isResizingColumn) === 'string'), (_getTableProps = getTableProps()) === null || _getTableProps === void 0 ? void 0 : _getTableProps.className),
       role: withInlineEdit ? 'grid' : undefined,
       tabIndex: withInlineEdit ? 0 : -1,
       onKeyDown: /* istanbul ignore next */

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

@@ -1,5 +1,5 @@
 export default Columns;
-declare function Columns({ getVisibleColumnsCount, filterString, columns, setColumnsObject, onSelectColumn, assistiveTextInstructionsLabel, assistiveTextDisabledInstructionsLabel, selectAllLabel, }: {
+declare function Columns({ getVisibleColumnsCount, filterString, columns, setColumnsObject, onSelectColumn, assistiveTextInstructionsLabel, assistiveTextDisabledInstructionsLabel, selectAllLabel, customizeTearsheetHeadingLabel }: {
     getVisibleColumnsCount: any;
     filterString: any;
     columns: any;
@@ -8,12 +8,14 @@ declare function Columns({ getVisibleColumnsCount, filterString, columns, setCol
     assistiveTextInstructionsLabel: any;
     assistiveTextDisabledInstructionsLabel: any;
     selectAllLabel: any;
+    customizeTearsheetHeadingLabel: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace Columns {
     namespace propTypes {
         let assistiveTextDisabledInstructionsLabel: PropTypes.Requireable<string>;
         let assistiveTextInstructionsLabel: PropTypes.Requireable<string>;
         let columns: PropTypes.Validator<any[]>;
+        let customizeTearsheetHeadingLabel: PropTypes.Requireable<string>;
         let disabledInstructionsLabel: PropTypes.Requireable<string>;
         let filterString: PropTypes.Validator<string>;
         let getVisibleColumnsCount: PropTypes.Validator<(...args: any[]) => any>;

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

@@ -34,7 +34,8 @@ var Columns = function Columns(_ref) {
     onSelectColumn = _ref.onSelectColumn,
     assistiveTextInstructionsLabel = _ref.assistiveTextInstructionsLabel,
     assistiveTextDisabledInstructionsLabel = _ref.assistiveTextDisabledInstructionsLabel,
-    selectAllLabel = _ref.selectAllLabel;
+    selectAllLabel = _ref.selectAllLabel,
+    customizeTearsheetHeadingLabel = _ref.customizeTearsheetHeadingLabel;
   var listId = React.useRef(uuidv4["default"]()); // keep id between renders
   var listRef = React.useRef(null);
   var _React$useState = React__default["default"].useState(''),
@@ -57,6 +58,7 @@ var Columns = function Columns(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("ol", {
     className: "".concat(blockClass, "__customize-columns-column-list--focus"),
     role: "listbox",
+    "aria-label": customizeTearsheetHeadingLabel,
     "aria-describedby": "".concat(blockClass, "__customize-columns--instructions"),
     tabIndex: 0
   }, /*#__PURE__*/React__default["default"].createElement("span", {
@@ -91,6 +93,7 @@ Columns.propTypes = {
   assistiveTextDisabledInstructionsLabel: index["default"].string,
   assistiveTextInstructionsLabel: index["default"].string,
   columns: index["default"].array.isRequired,
+  customizeTearsheetHeadingLabel: index["default"].string,
   disabledInstructionsLabel: index["default"].string,
   filterString: index["default"].string.isRequired,
   getVisibleColumnsCount: index["default"].func.isRequired,

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

@@ -12,7 +12,6 @@ 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 common = require('./common.js');
 var Columns = require('./Columns.js');
 var Actions = require('./Actions.js');
 var settings = require('../../../../../settings.js');
@@ -59,19 +58,7 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
     _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
     searchText = _useState6[0],
     setSearchText = _useState6[1];
-  var _useState7 = React.useState(columnDefinitions
-    // only sort the hidden column to the end when modal reopen
-    .sort(function (defA, defB) {
-      var isVisibleA = common.isColumnVisible(defA);
-      var isVisibleB = common.isColumnVisible(defB);
-      if (isVisibleA && !isVisibleB) {
-        return -1;
-      }
-      if (!isVisibleA && isVisibleB) {
-        return 1;
-      }
-      return 0;
-    })),
+  var _useState7 = React.useState(columnDefinitions),
     _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
     columnObjects = _useState8[0],
     setColumnObjects = _useState8[1];
@@ -157,7 +144,8 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
       setColumnObjects(cols);
       setDirty();
     },
-    selectAllLabel: selectAllLabel
+    selectAllLabel: selectAllLabel,
+    customizeTearsheetHeadingLabel: customizeTearsheetHeadingLabel
   }));
 };
 CustomizeColumnsTearsheet.propTypes = {

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

@@ -15,13 +15,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var isBoolean__default = /*#__PURE__*/_interopDefaultLegacy(isBoolean);
 
-/*
- * Licensed Materials - Property of IBM
- * 5724-Q36
- * (c) Copyright IBM Corp. 2021
- * US Government Users Restricted Rights - Use, duplication or disclosure
- * restricted by GSA ADP Schedule Contract with IBM Corp.
- */
 var isColumnVisible = function isColumnVisible(colDef) {
   return isBoolean__default["default"](colDef.isVisible) ? colDef.isVisible : true;
 };

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;