carbon-addons-iot-react 2.149.0-next.8 → 2.149.1-next.0

package/lib/components/StackedAreaChartCard/StackedAreaChartCard.js

@@ -0,0 +1,134 @@
+'use strict';
+
+require('core-js/modules/es.object.keys.js');
+require('core-js/modules/es.symbol.js');
+require('core-js/modules/es.array.filter.js');
+require('core-js/modules/es.object.get-own-property-descriptor.js');
+require('core-js/modules/web.dom-collections.for-each.js');
+require('core-js/modules/es.object.get-own-property-descriptors.js');
+var _extends = require('@babel/runtime/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/es.array.iterator.js');
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var Card = require('../Card/Card.js');
+var LayoutConstants = require('../../constants/LayoutConstants.js');
+var CardPropTypes = require('../../constants/CardPropTypes.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var propTypes = _objectSpread(_objectSpread({}, CardPropTypes.CardPropTypes), CardPropTypes.StackedAreaChartCardPropTypes);
+
+var defaultProps = {
+  size: LayoutConstants.CARD_SIZES.MEDIUM,
+  title: null,
+  testId: 'stacked-area-chart-testId',
+  content: {
+    xLabel: 'x label',
+    yLabel: 'y label',
+    pairing: {
+      option: 1
+    },
+    legendPosition: 'bottom',
+    curve: 'curveMonotoneX'
+  },
+  locale: 'en',
+  values: []
+};
+
+var StackedAreaChartCard = function StackedAreaChartCard(_ref) {
+  var title = _ref.title,
+      values = _ref.values,
+      content = _ref.content,
+      size = _ref.size,
+      breakpoint = _ref.breakpoint,
+      locale = _ref.locale,
+      isLoading = _ref.isLoading,
+      testId = _ref.testId,
+      footerContent = _ref.footerContent,
+      isExpanded = _ref.isExpanded,
+      i18n = _ref.i18n;
+      _ref.style;
+      var others = _objectWithoutProperties__default['default'](_ref, ["title", "values", "content", "size", "breakpoint", "locale", "isLoading", "testId", "footerContent", "isExpanded", "i18n", "style"]);
+
+  return /*#__PURE__*/React__default['default'].createElement(Card['default'], _extends__default['default']({
+    title: title,
+    size: size,
+    breakpoint: breakpoint,
+    locale: locale,
+    isExpanded: isExpanded,
+    isLoading: isLoading,
+    testId: testId,
+    footerContent: !isExpanded ? footerContent : null,
+    i18n: i18n,
+    data: values,
+    type: LayoutConstants.CARD_TYPES.STACKED_AREA_CHART,
+    content: content
+  }, others));
+};
+
+StackedAreaChartCard.propTypes = propTypes;
+StackedAreaChartCard.defaultProps = defaultProps;
+StackedAreaChartCard.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "StackedAreaChartCard",
+  "props": {
+    "size": {
+      "defaultValue": {
+        "value": "CARD_SIZES.MEDIUM",
+        "computed": true
+      },
+      "required": false
+    },
+    "title": {
+      "defaultValue": {
+        "value": "null",
+        "computed": false
+      },
+      "required": false
+    },
+    "testId": {
+      "defaultValue": {
+        "value": "'stacked-area-chart-testId'",
+        "computed": false
+      },
+      "required": false
+    },
+    "content": {
+      "defaultValue": {
+        "value": "{\n  xLabel: 'x label',\n  yLabel: 'y label',\n  pairing: {\n    option: 1,\n  },\n  legendPosition: 'bottom',\n  curve: 'curveMonotoneX',\n}",
+        "computed": false
+      },
+      "required": false
+    },
+    "locale": {
+      "defaultValue": {
+        "value": "'en'",
+        "computed": false
+      },
+      "required": false
+    },
+    "values": {
+      "defaultValue": {
+        "value": "[]",
+        "computed": false
+      },
+      "required": false
+    }
+  },
+  "composes": ["../../constants/CardPropTypes"]
+};
+
+module.exports = StackedAreaChartCard;

package/lib/components/SuiteHeader/SuiteHeader.js

@@ -26,6 +26,7 @@ var PropTypes = require('prop-types');
 var iconsReact = require('@carbon/icons-react');
 var carbonComponentsReact = require('carbon-components-react');
 var classnames = require('classnames');
+require('../../node_modules/carbon-components-react/es/components/UIShell/index.js');
 var SideNav = require('../SideNav/SideNav.js');
 var Header = require('../Header/Header.js');
 var HeaderPropTypes = require('../Header/HeaderPropTypes.js');
@@ -39,6 +40,7 @@ var index = require('./i18n/index.js');
 var suiteHeaderUtils = require('./suiteHeaderUtils.js');
 var SuiteHeaderPropTypes = require('./SuiteHeaderPropTypes.js');
 var suiteHeaderConstants = require('./suiteHeaderConstants.js');
+var HeaderContainer = require('../../node_modules/carbon-components-react/es/components/UIShell/HeaderContainer.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -256,19 +258,9 @@ var SuiteHeader = function SuiteHeader(_ref) {
     if (surveyData !== null && surveyData !== undefined) {
       setShowToast(true);
     }
-  }, [surveyData]); // State for expandable sidenav
-
-  var _useState5 = React.useState(false),
-      _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      isSideNavExpandedState = _useState6[0],
-      setIsSideNavExpandedState = _useState6[1];
-
-  var handleSideNavButtonClick = React.useCallback(function () {
-    setIsSideNavExpandedState(function (prevIsSideNavExpanded) {
-      return !prevIsSideNavExpanded;
-    });
-  }, [setIsSideNavExpandedState]);
-  var navigatorRoute = (routes === null || routes === void 0 ? void 0 : routes.navigator) || 'javascript:void(0)'; // If there are custom help links, include an extra child content entry for the separator
+  }, [surveyData]);
+  var navigatorRoute = (routes === null || routes === void 0 ? void 0 : routes.navigator) || 'javascript:void(0)';
+  var adminRoute = (routes === null || routes === void 0 ? void 0 : routes.admin) || 'javascript:void(0)'; // If there are custom help links, include an extra child content entry for the separator
 
   var mergedCustomHelpLinks = customHelpLinks.length > 0 ? [].concat(_toConsumableArray__default['default'](customHelpLinks), [{
     metaData: {
@@ -286,11 +278,12 @@ var SuiteHeader = function SuiteHeader(_ref) {
           while (1) {
             switch (_context3.prev = _context3.next) {
               case 0:
+                e.preventDefault();
                 newWindow = isExternal ? true : suiteHeaderUtils.shouldOpenInNewWindow(e);
-                _context3.next = 3;
+                _context3.next = 4;
                 return onRouteChange(routeType, href);
 
-              case 3:
+              case 4:
                 result = _context3.sent;
 
                 if (result) {
@@ -301,7 +294,7 @@ var SuiteHeader = function SuiteHeader(_ref) {
                   }
                 }
 
-              case 5:
+              case 6:
               case "end":
                 return _context3.stop();
             }
@@ -324,12 +317,14 @@ var SuiteHeader = function SuiteHeader(_ref) {
     kind: "info",
     title: typeof mergedI18N.surveyTitle === 'function' ? mergedI18N.surveyTitle(appName || suiteName) : translate(mergedI18N.surveyTitle, [['{solutionName}', appName || suiteName]]),
     subtitle: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(carbonComponentsReact.Link, {
-      href: "javascript:void(0)",
+      href: surveyData.surveyLink,
+      rel: "noopener noreferrer",
       onClick: handleOnClick(suiteHeaderConstants.SUITE_HEADER_ROUTE_TYPES.SURVEY, surveyData.surveyLink, true)
     }, mergedI18N.surveyText), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "".concat(Settings.settings.iotPrefix, "--suite-header-survey-policy-link")
     }, /*#__PURE__*/React__default['default'].createElement(carbonComponentsReact.Link, {
-      href: "javascript:void(0)",
+      href: surveyData.privacyLink,
+      rel: "noopener noreferrer",
       onClick: handleOnClick(suiteHeaderConstants.SUITE_HEADER_ROUTE_TYPES.SURVEY, surveyData.privacyLink, true)
     }, mergedI18N.surveyPrivacyPolicy))),
     lowContrast: true,
@@ -362,190 +357,202 @@ var SuiteHeader = function SuiteHeader(_ref) {
   }, routes.workspaceId), /*#__PURE__*/React__default['default'].createElement("span", {
     className: "".concat(Settings.settings.iotPrefix, "--suite-header-data"),
     "data-type": "domain"
-  }, routes.domain)), /*#__PURE__*/React__default['default'].createElement(Header, _extends__default['default']({
-    testId: testId,
-    className: classnames__default['default']("".concat(Settings.settings.iotPrefix, "--suite-header"), className),
-    url: navigatorRoute,
-    hasSideNav: hasSideNav || sideNavProps !== null,
-    onClickSideNavExpand: function onClickSideNavExpand(evt) {
-      onSideNavToggled(evt);
-      handleSideNavButtonClick(evt);
-    },
-    headerPanel: {
-      // eslint-disable-next-line react/prop-types
-      content: /*#__PURE__*/React__default['default'].forwardRef(function (_ref5, ref) {
-        var isExpanded = _ref5.isExpanded;
-        return /*#__PURE__*/React__default['default'].createElement(SuiteHeaderAppSwitcher, {
-          ref: ref,
-          applications: applications,
-          customApplications: customApplications,
-          allApplicationsLink: routes === null || routes === void 0 ? void 0 : routes.navigator,
-          noAccessLink: (routes === null || routes === void 0 ? void 0 : routes.gettingStarted) || 'javascript:void(0)',
-          onRouteChange: onRouteChange,
-          i18n: {
-            myApplications: mergedI18N.switcherMyApplications,
-            allApplicationsLink: mergedI18N.switcherNavigatorLink,
-            requestAccess: mergedI18N.switcherRequestAccess,
-            learnMoreLink: mergedI18N.switcherLearnMoreLink
-          },
-          testId: "".concat(testId, "-app-switcher"),
-          isExpanded: isExpanded
-        });
-      })
-    },
-    appName: suiteName,
-    subtitle: extraContent ? /*#__PURE__*/React__default['default'].createElement("div", null, appName, /*#__PURE__*/React__default['default'].createElement("span", {
-      className: "".concat(Settings.settings.iotPrefix, "--suite-header-subtitle")
-    }, extraContent)) : appName,
-    actionItems: [].concat(_toConsumableArray__default['default'](customActionItems), [{
-      id: 'admin',
-      label: mergedI18N.administrationIcon,
-      className: ['admin-icon', !(routes !== null && routes !== void 0 && routes.admin) ? 'admin-icon__hidden' : null, isAdminView ? 'admin-icon__selected' : null].filter(function (i) {
-        return i;
-      }).join(' '),
-      btnContent: /*#__PURE__*/React__default['default'].createElement("span", {
-        id: "suite-header-action-item-admin"
-      }, /*#__PURE__*/React__default['default'].createElement(iconsReact.Settings20, {
-        fill: "white",
-        "data-testid": "admin-icon",
-        description: mergedI18N.settingsIcon
-      })),
-      onClick: function () {
-        var _onClick = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee4(e) {
-          var href, routeType;
-          return _regeneratorRuntime__default['default'].wrap(function _callee4$(_context4) {
-            while (1) {
-              switch (_context4.prev = _context4.next) {
-                case 0:
-                  href = routes.admin;
-                  routeType = suiteHeaderConstants.SUITE_HEADER_ROUTE_TYPES.ADMIN;
-
-                  if (isAdminView) {
-                    href = navigatorRoute;
-                    routeType = suiteHeaderConstants.SUITE_HEADER_ROUTE_TYPES.NAVIGATOR;
+  }, routes.domain)), /*#__PURE__*/React__default['default'].createElement(HeaderContainer, {
+    render: function render(_ref5) {
+      var isSideNavExpanded = _ref5.isSideNavExpanded,
+          _onClickSideNavExpand = _ref5.onClickSideNavExpand;
+      return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Header, _extends__default['default']({
+        testId: testId,
+        className: classnames__default['default']("".concat(Settings.settings.iotPrefix, "--suite-header"), className),
+        url: navigatorRoute,
+        hasSideNav: hasSideNav || sideNavProps !== null,
+        onClickSideNavExpand: function onClickSideNavExpand(evt) {
+          onSideNavToggled(evt);
+
+          _onClickSideNavExpand(evt);
+        },
+        headerPanel: {
+          // eslint-disable-next-line react/prop-types
+          content: /*#__PURE__*/React__default['default'].forwardRef(function (_ref6, ref) {
+            var isExpanded = _ref6.isExpanded;
+            return /*#__PURE__*/React__default['default'].createElement(SuiteHeaderAppSwitcher, {
+              ref: ref,
+              applications: applications,
+              customApplications: customApplications,
+              allApplicationsLink: routes === null || routes === void 0 ? void 0 : routes.navigator,
+              noAccessLink: (routes === null || routes === void 0 ? void 0 : routes.gettingStarted) || 'javascript:void(0)',
+              onRouteChange: onRouteChange,
+              i18n: {
+                myApplications: mergedI18N.switcherMyApplications,
+                allApplicationsLink: mergedI18N.switcherNavigatorLink,
+                requestAccess: mergedI18N.switcherRequestAccess,
+                learnMoreLink: mergedI18N.switcherLearnMoreLink
+              },
+              testId: "".concat(testId, "-app-switcher"),
+              isExpanded: isExpanded
+            });
+          })
+        },
+        appName: suiteName,
+        subtitle: extraContent ? /*#__PURE__*/React__default['default'].createElement("div", null, appName, /*#__PURE__*/React__default['default'].createElement("span", {
+          className: "".concat(Settings.settings.iotPrefix, "--suite-header-subtitle")
+        }, extraContent)) : appName,
+        actionItems: [].concat(_toConsumableArray__default['default'](customActionItems), [{
+          id: 'admin',
+          label: mergedI18N.administrationIcon,
+          className: ['admin-icon', !(routes !== null && routes !== void 0 && routes.admin) ? 'admin-icon__hidden' : null, isAdminView ? 'admin-icon__selected' : null].filter(function (i) {
+            return i;
+          }).join(' '),
+          btnContent: /*#__PURE__*/React__default['default'].createElement("span", {
+            id: "suite-header-action-item-admin"
+          }, /*#__PURE__*/React__default['default'].createElement(iconsReact.Settings20, {
+            fill: "white",
+            "data-testid": "admin-icon",
+            description: mergedI18N.settingsIcon
+          })),
+          onClick: function () {
+            var _onClick = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee4(e) {
+              var href, routeType;
+              return _regeneratorRuntime__default['default'].wrap(function _callee4$(_context4) {
+                while (1) {
+                  switch (_context4.prev = _context4.next) {
+                    case 0:
+                      e.preventDefault();
+                      href = adminRoute;
+                      routeType = suiteHeaderConstants.SUITE_HEADER_ROUTE_TYPES.ADMIN;
+
+                      if (isAdminView) {
+                        href = navigatorRoute;
+                        routeType = suiteHeaderConstants.SUITE_HEADER_ROUTE_TYPES.NAVIGATOR;
+                      }
+
+                      handleOnClick(routeType, href)(e);
+
+                    case 5:
+                    case "end":
+                      return _context4.stop();
                   }
+                }
+              }, _callee4);
+            }));
 
-                  handleOnClick(routeType, href)(e);
-
-                case 4:
-                case "end":
-                  return _context4.stop();
-              }
+            function onClick(_x2) {
+              return _onClick.apply(this, arguments);
             }
-          }, _callee4);
-        }));
-
-        function onClick(_x2) {
-          return _onClick.apply(this, arguments);
-        }
 
-        return onClick;
-      }()
-    }, {
-      id: 'help',
-      label: mergedI18N.help,
-      onClick: function onClick() {},
-      btnContent: /*#__PURE__*/React__default['default'].createElement("span", {
-        id: "suite-header-action-item-help"
-      }, /*#__PURE__*/React__default['default'].createElement(iconsReact.Help20, {
-        fill: "white",
-        description: mergedI18N.help
-      })),
-      childContent: routes ? [].concat(_toConsumableArray__default['default'](mergedCustomHelpLinks), _toConsumableArray__default['default'](['whatsNew', 'gettingStarted', 'documentation', 'requestEnhancement', 'support'].map(function (item) {
-        return {
-          metaData: {
-            element: 'a',
-            'data-testid': "suite-header-help--".concat(item),
-            href: 'javascript:void(0)',
-            title: mergedI18N[item],
-            onClick: handleOnClick(suiteHeaderConstants.SUITE_HEADER_ROUTE_TYPES.DOCUMENTATION, routes[item], true)
-          },
-          content: /*#__PURE__*/React__default['default'].createElement("span", {
-            id: "suite-header-help-menu-".concat(item)
-          }, mergedI18N[item])
-        };
-      })), [{
-        metaData: {
-          element: 'a',
-          'data-testid': 'suite-header-help--about',
-          href: 'javascript:void(0)',
-          title: mergedI18N.about,
-          onClick: handleOnClick(suiteHeaderConstants.SUITE_HEADER_ROUTE_TYPES.ABOUT, routes.about)
-        },
-        content: /*#__PURE__*/React__default['default'].createElement("span", {
-          id: "suite-header-help-menu-about"
-        }, mergedI18N.about)
-      }]) : [{
-        metaData: {
-          element: 'div'
-        },
-        content: /*#__PURE__*/React__default['default'].createElement("div", {
-          className: "".concat(Settings.settings.iotPrefix, "--suite-header-help--loading"),
-          "data-testid": "suite-header-help--loading"
-        }, /*#__PURE__*/React__default['default'].createElement(carbonComponentsReact.SkeletonText, {
-          paragraph: true,
-          lineCount: 6
-        }))
-      }]
-    }, {
-      id: 'user',
-      label: 'user',
-      btnContent: /*#__PURE__*/React__default['default'].createElement("span", {
-        id: "suite-header-action-item-profile"
-      }, /*#__PURE__*/React__default['default'].createElement(iconsReact.UserAvatar20, {
-        "data-testid": "user-icon",
-        fill: "white",
-        description: mergedI18N.userIcon
-      })),
-      childContent: [{
-        metaData: {
-          element: 'div'
-        },
-        content: /*#__PURE__*/React__default['default'].createElement("span", {
-          id: "suite-header-profile-menu-profile",
-          style: {
-            width: '100%'
-          }
-        }, /*#__PURE__*/React__default['default'].createElement(SuiteHeaderProfile, {
-          displayName: userDisplayName,
-          username: username,
-          onProfileClick: handleOnClick(suiteHeaderConstants.SUITE_HEADER_ROUTE_TYPES.PROFILE, routes === null || routes === void 0 ? void 0 : routes.profile),
-          i18n: {
-            profileTitle: mergedI18N.profileTitle,
-            profileButton: mergedI18N.profileManageButton
-          },
-          testId: "".concat(testId, "-profile")
-        }))
-      }].concat(_toConsumableArray__default['default'](customProfileLinks), [username ? {
-        metaData: {
-          className: "".concat(Settings.settings.iotPrefix, "--suite-header--logout"),
-          element: 'a',
-          'data-testid': 'suite-header-profile--logout',
-          href: 'javascript:void(0)',
-          title: mergedI18N.logout,
-          onClick: function onClick() {
-            return setShowLogoutModal(true);
-          }
-        },
-        content: /*#__PURE__*/React__default['default'].createElement("span", {
-          id: "suite-header-profile-menu-logout"
-        }, mergedI18N.logout)
-      } : {
-        metaData: {
-          element: 'div'
-        },
-        content: /*#__PURE__*/React__default['default'].createElement("div", {
-          className: "".concat(Settings.settings.iotPrefix, "--suite-header--logout--loading"),
-          "data-testid": "suite-header--logout--loading"
-        }, /*#__PURE__*/React__default['default'].createElement(carbonComponentsReact.ButtonSkeleton, null))
-      }])
-    }]).filter(function (i) {
-      return i;
-    })
-  }, otherHeaderProps)), sideNavProps ? /*#__PURE__*/React__default['default'].createElement(SideNav['default'], _extends__default['default']({}, sideNavProps, {
-    isSideNavExpanded: isSideNavExpandedState,
-    testId: "".concat(testId, "-side-nav")
-  })) : null);
+            return onClick;
+          }(),
+          href: isAdminView ? navigatorRoute : adminRoute
+        }, {
+          id: 'help',
+          label: mergedI18N.help,
+          onClick: function onClick() {},
+          btnContent: /*#__PURE__*/React__default['default'].createElement("span", {
+            id: "suite-header-action-item-help"
+          }, /*#__PURE__*/React__default['default'].createElement(iconsReact.Help20, {
+            fill: "white",
+            description: mergedI18N.help
+          })),
+          childContent: routes ? [].concat(_toConsumableArray__default['default'](mergedCustomHelpLinks), _toConsumableArray__default['default'](['whatsNew', 'gettingStarted', 'documentation', 'requestEnhancement', 'support'].map(function (item) {
+            return {
+              metaData: {
+                element: 'a',
+                'data-testid': "suite-header-help--".concat(item),
+                href: routes[item],
+                rel: 'noopener noreferrer',
+                title: mergedI18N[item],
+                onClick: handleOnClick(suiteHeaderConstants.SUITE_HEADER_ROUTE_TYPES.DOCUMENTATION, routes[item], true)
+              },
+              content: /*#__PURE__*/React__default['default'].createElement("span", {
+                id: "suite-header-help-menu-".concat(item)
+              }, mergedI18N[item])
+            };
+          })), [{
+            metaData: {
+              element: 'a',
+              'data-testid': 'suite-header-help--about',
+              href: routes.about,
+              rel: 'noopener noreferrer',
+              title: mergedI18N.about,
+              onClick: handleOnClick(suiteHeaderConstants.SUITE_HEADER_ROUTE_TYPES.ABOUT, routes.about)
+            },
+            content: /*#__PURE__*/React__default['default'].createElement("span", {
+              id: "suite-header-help-menu-about"
+            }, mergedI18N.about)
+          }]) : [{
+            metaData: {
+              element: 'div'
+            },
+            content: /*#__PURE__*/React__default['default'].createElement("div", {
+              className: "".concat(Settings.settings.iotPrefix, "--suite-header-help--loading"),
+              "data-testid": "suite-header-help--loading"
+            }, /*#__PURE__*/React__default['default'].createElement(carbonComponentsReact.SkeletonText, {
+              paragraph: true,
+              lineCount: 6
+            }))
+          }]
+        }, {
+          id: 'user',
+          label: 'user',
+          btnContent: /*#__PURE__*/React__default['default'].createElement("span", {
+            id: "suite-header-action-item-profile"
+          }, /*#__PURE__*/React__default['default'].createElement(iconsReact.UserAvatar20, {
+            "data-testid": "user-icon",
+            fill: "white",
+            description: mergedI18N.userIcon
+          })),
+          childContent: [{
+            metaData: {
+              element: 'div'
+            },
+            content: /*#__PURE__*/React__default['default'].createElement("span", {
+              id: "suite-header-profile-menu-profile",
+              style: {
+                width: '100%'
+              }
+            }, /*#__PURE__*/React__default['default'].createElement(SuiteHeaderProfile, {
+              displayName: userDisplayName,
+              username: username,
+              profileLink: routes === null || routes === void 0 ? void 0 : routes.profile,
+              onProfileClick: handleOnClick(suiteHeaderConstants.SUITE_HEADER_ROUTE_TYPES.PROFILE, routes === null || routes === void 0 ? void 0 : routes.profile),
+              i18n: {
+                profileTitle: mergedI18N.profileTitle,
+                profileButton: mergedI18N.profileManageButton
+              },
+              testId: "".concat(testId, "-profile")
+            }))
+          }].concat(_toConsumableArray__default['default'](customProfileLinks), [username ? {
+            metaData: {
+              className: "".concat(Settings.settings.iotPrefix, "--suite-header--logout"),
+              element: 'a',
+              'data-testid': 'suite-header-profile--logout',
+              href: 'javascript:void(0)',
+              title: mergedI18N.logout,
+              onClick: function onClick() {
+                return setShowLogoutModal(true);
+              }
+            },
+            content: /*#__PURE__*/React__default['default'].createElement("span", {
+              id: "suite-header-profile-menu-logout"
+            }, mergedI18N.logout)
+          } : {
+            metaData: {
+              element: 'div'
+            },
+            content: /*#__PURE__*/React__default['default'].createElement("div", {
+              className: "".concat(Settings.settings.iotPrefix, "--suite-header--logout--loading"),
+              "data-testid": "suite-header--logout--loading"
+            }, /*#__PURE__*/React__default['default'].createElement(carbonComponentsReact.ButtonSkeleton, null))
+          }])
+        }]).filter(function (i) {
+          return i;
+        })
+      }, otherHeaderProps)), sideNavProps ? /*#__PURE__*/React__default['default'].createElement(SideNav['default'], _extends__default['default']({}, sideNavProps, {
+        isSideNavExpanded: isSideNavExpanded,
+        testId: "".concat(testId, "-side-nav")
+      })) : null);
+    }
+  }));
 };
 
 SuiteHeader.defaultProps = defaultProps;