@carbon/ibm-products 2.26.0 → 2.28.0-alpha.4

package/es/components/UserAvatar/UserAvatar.js

@@ -8,15 +8,14 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
-import { User, Group } from '@carbon/react/icons';
 import { usePrefix, Tooltip } from '@carbon/react';
+import { User } from '@carbon/react/icons';
 import { TooltipTrigger } from '../TooltipTrigger/TooltipTrigger.js';
 
-var _excluded = ["backgroundColor", "className", "renderIcon", "tooltipText", "tooltipAlignment"];
-var _User, _User2, _Group;
+var _excluded = ["backgroundColor", "className", "name", "renderIcon", "size", "tooltipText", "tooltipAlignment"];
 // Carbon and package components we use.
 /* TODO: @import(s) of carbon components and other package components. */
 
@@ -45,54 +44,60 @@ var componentName = 'UserAvatar';
  */
 
 var defaults = {
-  renderIcon: function renderIcon() {
-    return _User || (_User = /*#__PURE__*/React__default.createElement(User, {
-      size: 32
-    }));
-  },
-  tooltipAlignment: 'bottom',
-  tooltipText: 'Thomas J. Watson'
+  size: 'md',
+  tooltipAlignment: 'bottom'
 };
 var UserAvatar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var _SetItem;
   var backgroundColor = _ref.backgroundColor,
     className = _ref.className,
-    _ref$renderIcon = _ref.renderIcon,
-    renderIcon = _ref$renderIcon === void 0 ? defaults.renderIcon : _ref$renderIcon,
-    _ref$tooltipText = _ref.tooltipText,
-    tooltipText = _ref$tooltipText === void 0 ? defaults.tooltipText : _ref$tooltipText,
+    name = _ref.name,
+    RenderIcon = _ref.renderIcon,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? defaults.size : _ref$size,
+    tooltipText = _ref.tooltipText,
     _ref$tooltipAlignment = _ref.tooltipAlignment,
     tooltipAlignment = _ref$tooltipAlignment === void 0 ? defaults.tooltipAlignment : _ref$tooltipAlignment,
     rest = _objectWithoutProperties(_ref, _excluded);
   var carbonPrefix = usePrefix();
-  var icons = {
-    user: {
-      md: _User2 || (_User2 = /*#__PURE__*/React__default.createElement(User, {
-        size: 32
-      }))
-    },
-    group: {
-      md: _Group || (_Group = /*#__PURE__*/React__default.createElement(Group, {
-        size: 32
-      }))
+  var iconSize = {
+    sm: 16,
+    md: 20,
+    lg: 24,
+    xl: 32
+  };
+  var formatInitials = function formatInitials() {
+    var _ref2;
+    var parts = name.split(' ');
+    var firstChar = parts[0].charAt(0).toUpperCase();
+    var secondChar = parts[0].charAt(1).toUpperCase();
+    if (parts.length === 1) {
+      return firstChar + secondChar;
+    }
+    var lastChar = parts[parts.length - 1].charAt(0).toUpperCase();
+    var initials = [firstChar];
+    if (lastChar) {
+      initials.push(lastChar);
     }
+    return (_ref2 = '').concat.apply(_ref2, initials);
   };
-  var getItem = function getItem(renderIcon) {
-    if (renderIcon === User) {
-      return icons.user['md'];
-    } else if (renderIcon === Group) {
-      return icons.group['md'];
-    } else {
-      return renderIcon;
+  var getItem = function getItem() {
+    var iconProps = {
+      size: iconSize[size]
+    };
+    if (RenderIcon) {
+      return /*#__PURE__*/React__default.createElement(RenderIcon, iconProps);
     }
+    if (name) {
+      return formatInitials();
+    }
+    return /*#__PURE__*/React__default.createElement(User, iconProps);
   };
-  var SetItem = getItem(renderIcon);
-  var renderUserAvatar = function renderUserAvatar() {
+  var Avatar = function Avatar() {
     return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
       className: cx(blockClass,
       // Apply the block class to the main HTML element
       className, // Apply any supplied class names to the main HTML element.
-      "".concat(blockClass, "--").concat(backgroundColor),
+      "".concat(blockClass, "--").concat(backgroundColor), "".concat(blockClass, "--").concat(size),
       // example: `${blockClass}__template-string-class-${kind}-n-${size}`,
       {
         // switched classes dependant on props or state
@@ -100,13 +105,16 @@ var UserAvatar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       }),
       ref: ref,
       role: "img"
-    }, getDevtoolsProps(componentName)), _SetItem || (_SetItem = /*#__PURE__*/React__default.createElement(SetItem, null)));
+    }, getDevtoolsProps(componentName)), getItem());
   };
-  return SetItem && (tooltipText ? /*#__PURE__*/React__default.createElement(Tooltip, {
-    align: tooltipAlignment,
-    label: tooltipText,
-    className: "".concat(blockClass, "__tooltip ").concat(carbonPrefix, "--icon-tooltip")
-  }, /*#__PURE__*/React__default.createElement(TooltipTrigger, null, renderUserAvatar())) : renderUserAvatar());
+  if (tooltipText) {
+    return /*#__PURE__*/React__default.createElement(Tooltip, {
+      align: tooltipAlignment,
+      label: tooltipText,
+      className: "".concat(blockClass, "__tooltip ").concat(carbonPrefix, "--icon-tooltip")
+    }, /*#__PURE__*/React__default.createElement(TooltipTrigger, null, /*#__PURE__*/React__default.createElement(Avatar, null)));
+  }
+  return /*#__PURE__*/React__default.createElement(Avatar, null);
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -128,10 +136,18 @@ UserAvatar.propTypes = {
    * Provide an optional class to be applied to the containing node.
    */
   className: PropTypes.string,
+  /**
+   * When passing the name prop, either send the initials to be used or the user's full name. The first two capital letters of the user's name will be used as the name.
+   */
+  name: PropTypes.string,
   /**
    * Provide a custom icon to use if you need to use an icon other than the default one
    */
-  renderIcon: PropTypes.func,
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  /**
+   * Set the size of the avatar circle
+   */
+  size: PropTypes.oneOf(['xl', 'lg', 'md', 'sm']),
   /**
    * Specify how the trigger should align with the tooltip
    */

package/es/components/UserProfileImage/UserProfileImage.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import '../../global/js/utils/props-helper.js';
 import { pkg } from '../../settings.js';

package/es/components/WebTerminal/WebTerminal.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, objectDestructuringEmpty as _objectDestructuringEmpty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useMemo, useEffect } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import { Help, Close } from '@carbon/react/icons';
 import { OverflowMenu, OverflowMenuItem, Button, Theme } from '@carbon/react';

package/es/components/WebTerminal/WebTerminalContentWrapper.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import { useWebTerminal } from './hooks/index.js';
 

package/es/components/_Canary/Canary.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import pkg from '../../global/js/package-settings.js';
 import { CodeSnippet } from '@carbon/react';
 

package/es/components/index.d.ts

@@ -34,6 +34,7 @@ export { CoachmarkOverlayElement } from "./CoachmarkOverlayElement";
 export { CoachmarkOverlayElements } from "./CoachmarkOverlayElements";
 export { CoachmarkStack } from "./CoachmarkStack";
 export { NonLinearReading } from "./NonLinearReading";
+export { BigNumbers } from "./BigNumbers";
 export { TruncatedList } from "./TruncatedList";
 export { InterstitialScreen } from "./InterstitialScreen";
 export { InterstitialScreenView } from "./InterstitialScreenView";
@@ -41,6 +42,7 @@ export { InterstitialScreenViewModule } from "./InterstitialScreenViewModule";
 export { DelimitedList } from "./DelimitedList";
 export { FullPageError } from "./FullPageError";
 export { SearchBar } from "./SearchBar";
+export { StringFormatter } from "./StringFormatter";
 export { UserAvatar } from "./UserAvatar";
 export { ComboButton, ComboButtonItem } from "./ComboButton";
 export { CreateFullPage, CreateFullPageStep } from "./CreateFullPage";

package/es/global/js/hooks/index.d.ts

@@ -10,4 +10,5 @@ export { useValidCreateStepCount } from "./useValidCreateStepCount";
 export { useControllableState } from "./useControllableState";
 export { usePrefix } from "./usePrefix";
 export { useFocus } from "./useFocus";
+export { useIsomorphicEffect } from "./useIsomorphicEffect";
 export { useNearestScroll, useWindowScroll } from "./useWindowScroll";

package/es/global/js/hooks/useIsomorphicEffect.d.ts

@@ -0,0 +1,2 @@
+export const useIsomorphicEffect: typeof useEffect;
+import { useEffect } from 'react';

package/es/global/js/hooks/useIsomorphicEffect.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 { useLayoutEffect, useEffect } from 'react';
+
+// Originally from `@carbon/react`, https://github.com/carbon-design-system/carbon/blob/main/packages/react/src/internal/useIsomorphicEffect.js
+// useLayoutEffect on the client, useEffect on the server
+var useIsomorphicEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+
+export { useIsomorphicEffect };

package/es/global/js/package-settings.d.ts

@@ -75,9 +75,11 @@ declare namespace defaults {
         let EditTearsheetNarrow: boolean;
         let EditFullPage: boolean;
         let EditUpdateCards: boolean;
+        let BigNumbers: boolean;
         let TruncatedList: boolean;
         let DelimitedList: boolean;
         let FullPageError: boolean;
+        let StringFormatter: boolean;
         let Coachmark: boolean;
         let CoachmarkBeacon: boolean;
         let CoachmarkButton: boolean;

package/es/global/js/package-settings.js

@@ -74,9 +74,11 @@ var defaults = {
     EditTearsheetNarrow: false,
     EditFullPage: false,
     EditUpdateCards: false,
+    BigNumbers: false,
     TruncatedList: false,
     DelimitedList: false,
     FullPageError: false,
+    StringFormatter: false,
     /* new component flags here - comment used by generate CLI */
 
     // Novice to pro components not yet reviewed and released:

package/es/index.js

@@ -99,6 +99,7 @@ export { InlineTip } from './components/InlineTip/InlineTip.js';
 export { InlineTipButton } from './components/InlineTip/InlineTipButton.js';
 export { InlineTipLink } from './components/InlineTip/InlineTipLink.js';
 export { NonLinearReading } from './components/NonLinearReading/NonLinearReading.js';
+export { BigNumbers } from './components/BigNumbers/BigNumbers.js';
 export { TruncatedList } from './components/TruncatedList/TruncatedList.js';
 export { InterstitialScreen } from './components/InterstitialScreen/InterstitialScreen.js';
 export { InterstitialScreenView } from './components/InterstitialScreenView/InterstitialScreenView.js';
@@ -106,4 +107,5 @@ export { InterstitialScreenViewModule } from './components/InterstitialScreenVie
 export { DelimitedList } from './components/DelimitedList/DelimitedList.js';
 export { FullPageError } from './components/FullPageError/FullPageError.js';
 export { SearchBar } from './components/SearchBar/SearchBar.js';
+export { StringFormatter } from './components/StringFormatter/StringFormatter.js';
 export { UserAvatar } from './components/UserAvatar/UserAvatar.js';

package/es/node_modules/prop-types/index.js

@@ -6,7 +6,7 @@
  */
 
 import { getDefaultExportFromCjs } from '../../_virtual/_commonjsHelpers.js';
-import { __module as propTypes } from '../../_virtual/index2.js';
+import { __module as propTypes } from '../../_virtual/index.js';
 import require$$0 from 'react-is';
 import { __require as requireFactoryWithTypeCheckers } from './factoryWithTypeCheckers.js';
 import { __require as requireFactoryWithThrowingShims } from './factoryWithThrowingShims.js';

package/es/settings.d.ts

@@ -61,9 +61,11 @@ export const pkg: {
         EditTearsheetNarrow: boolean;
         EditFullPage: boolean;
         EditUpdateCards: boolean;
+        BigNumbers: boolean;
         TruncatedList: boolean;
         DelimitedList: boolean;
         FullPageError: boolean;
+        StringFormatter: boolean;
         Coachmark: boolean;
         CoachmarkBeacon: boolean;
         CoachmarkButton: boolean;

package/lib/_virtual/index.js

@@ -9,6 +9,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var classnames = {exports: {}};
+var propTypes = {exports: {}};
 
-exports.__module = classnames;
+exports.__module = propTypes;

package/lib/components/APIKeyModal/APIKeyModal.js

@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../node_modules/prop-types/index.js');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var APIKeyDownloader = require('./APIKeyDownloader.js');
@@ -25,6 +25,7 @@ var uuidv4 = require('../../global/js/utils/uuidv4.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 _ErrorFilled, _InformationFilled;
 var _excluded = ["apiKey", "apiKeyLabel", "apiKeyName", "body", "className", "closeButtonText", "copyButtonText", "copyErrorText", "copyIconDescription", "customSteps", "downloadBodyText", "downloadFileName", "downloadFileType", "downloadLinkText", "editButtonText", "editSuccess", "editSuccessTitle", "editing", "error", "errorText", "generateButtonText", "generateSuccessBody", "generateSuccessTitle", "generateTitle", "hasAPIKeyVisibilityToggle", "hasDownloadLink", "hideAPIKeyLabel", "loading", "loadingText", "modalLabel", "nameHelperText", "nameLabel", "namePlaceholder", "nameRequired", "nextStepButtonText", "onClose", "onCopy", "onRequestEdit", "onRequestGenerate", "open", "portalTarget", "previousStepButtonText", "showAPIKeyLabel"];
@@ -237,7 +238,7 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     open: open,
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), {
-    className: index["default"](className, blockClass),
+    className: cx__default["default"](className, blockClass),
     onClose: onCloseHandler,
     size: "sm",
     "aria-label": modalLabel,
@@ -335,190 +336,190 @@ exports.APIKeyModal.propTypes = {
   /**
    * the api key that's displayed to the user when a request to create is fulfilled.
    */
-  apiKey: index$1["default"].string,
+  apiKey: index["default"].string,
   /**
    * label for the text input that holds the api key.
    */
-  apiKeyLabel: index$1["default"].string,
+  apiKeyLabel: index["default"].string,
   /**
    * the name of the api key. should only be supplied in edit mode.
    */
-  apiKeyName: index$1["default"].string,
+  apiKeyName: index["default"].string,
   /**
    * body content for the modal
    */
-  body: index$1["default"].string,
+  body: index["default"].string,
   /**
    * optional class name
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * text for the close button
    */
-  closeButtonText: index$1["default"].string,
+  closeButtonText: index["default"].string,
   /**
    * text for the copy button
    */
-  copyButtonText: index$1["default"].string,
+  copyButtonText: index["default"].string,
   /**
    * Error message for when the copy function fails
    */
-  copyErrorText: index$1["default"].string,
+  copyErrorText: index["default"].string,
   /**
    * text description for the copy button icon
    */
-  copyIconDescription: index$1["default"].string,
+  copyIconDescription: index["default"].string,
   /**
    * if you need more options for key creation beyond just the name use custom steps to obtain whatever data is required.
    */
-  customSteps: index$1["default"].arrayOf(index$1["default"].shape({
+  customSteps: index["default"].arrayOf(index["default"].shape({
     /**
      * designates if the step has passed whatever validation rules are in place.
      */
-    valid: index$1["default"].bool,
+    valid: index["default"].bool,
     /**
      * designates content is the JSX that holds whatever inputs you need
      */
-    content: index$1["default"].node,
+    content: index["default"].node,
     /**
      * designates the title that's displayed at the top of the modal for each step
      */
-    title: index$1["default"].string
+    title: index["default"].string
   })),
   /**
    * the content that appears that indicates the key is downloadable
    */
-  downloadBodyText: downloadRequiredProps(index$1["default"].string),
+  downloadBodyText: downloadRequiredProps(index["default"].string),
   /**
    * designates the name of downloadable json file with the key. if not specified will default to 'apikey'
    */
-  downloadFileName: downloadRequiredProps(index$1["default"].string),
+  downloadFileName: downloadRequiredProps(index["default"].string),
   /**
    * designates the file type for the downloadable key
    */
-  downloadFileType: downloadRequiredProps(index$1["default"].oneOf(['txt', 'json'])),
+  downloadFileType: downloadRequiredProps(index["default"].oneOf(['txt', 'json'])),
   /**
    * anchor text for the download link
    */
-  downloadLinkText: downloadRequiredProps(index$1["default"].string),
+  downloadLinkText: downloadRequiredProps(index["default"].string),
   /**
    * text for the edit button
    */
-  editButtonText: editRequiredProps(index$1["default"].string),
+  editButtonText: editRequiredProps(index["default"].string),
   /**
    * designates if the edit request was successful
    */
-  editSuccess: editRequiredProps(index$1["default"].bool),
+  editSuccess: editRequiredProps(index["default"].bool),
   /**
    * title for a successful edit
    */
-  editSuccessTitle: editRequiredProps(index$1["default"].string),
+  editSuccessTitle: editRequiredProps(index["default"].string),
   /**
    * designates if the modal is in the edit mode
    */
-  editing: index$1["default"].bool,
+  editing: index["default"].bool,
   /**
    * designates if an error has occurred in a request
    */
-  error: index$1["default"].bool,
+  error: index["default"].bool,
   /**
    * text to display if an error has occurred
    */
-  errorText: index$1["default"].string,
+  errorText: index["default"].string,
   /**
    * default primary button text for modal in assumed default mode create or generate.
    * in create mode this is the button text prior to supplying an api key, which then
    * uses copyButtonText
    */
-  generateButtonText: index$1["default"].string,
+  generateButtonText: index["default"].string,
   /**
    * content to display if generate request was successful
    */
-  generateSuccessBody: index$1["default"].node,
+  generateSuccessBody: index["default"].node,
   /**
    * title for a successful key generation
    */
-  generateSuccessTitle: index$1["default"].string,
+  generateSuccessTitle: index["default"].string,
   /**
    * default title for the modal in generate key mode
    */
-  generateTitle: index$1["default"].string,
+  generateTitle: index["default"].string,
   /**
    * designates if the api input has the visibility toggle enabled
    */
-  hasAPIKeyVisibilityToggle: index$1["default"].bool,
+  hasAPIKeyVisibilityToggle: index["default"].bool,
   /**
    * designates if user is able to download the api key
    */
-  hasDownloadLink: index$1["default"].bool,
+  hasDownloadLink: index["default"].bool,
   /**
    * label text that's displayed when hovering over visibility toggler to hide key
    */
-  hideAPIKeyLabel: index$1["default"].string,
+  hideAPIKeyLabel: index["default"].string,
   /**
    * designates if the modal is in a loading state via a request or some other in progress operation
    */
-  loading: index$1["default"].bool,
+  loading: index["default"].bool,
   /**
    * text that displays while modal is in the loading state
    */
-  loadingText: index$1["default"].string,
+  loadingText: index["default"].string,
   /**
    * general label text for modal
    */
-  modalLabel: index$1["default"].string,
+  modalLabel: index["default"].string,
   /**
    * helper text for name input
    */
-  nameHelperText: index$1["default"].string,
+  nameHelperText: index["default"].string,
   /**
    * label for api key name input
    */
-  nameLabel: index$1["default"].string,
+  nameLabel: index["default"].string,
   /**
    * placeholder text for api key name input
    */
-  namePlaceholder: index$1["default"].string,
+  namePlaceholder: index["default"].string,
   /**
    * designates if a name is required or not for key generation. NOTE- if using custom steps set this to false since you will be using your own validation
    */
-  nameRequired: index$1["default"].bool,
+  nameRequired: index["default"].bool,
   /**
    * text that displays in the primary button when using custom steps to indicate to the user that there is a next step
    */
-  nextStepButtonText: customStepsRequiredProps(index$1["default"].string),
+  nextStepButtonText: customStepsRequiredProps(index["default"].string),
   /**
    * handler for on modal close
    */
-  onClose: index$1["default"].func,
+  onClose: index["default"].func,
   /**
    * Optional callback if you want to use your own copy function instead of the build in one
    * onCopy(apiKey)
    */
-  onCopy: index$1["default"].func,
+  onCopy: index["default"].func,
   /**
    * handler for api key edit
    */
-  onRequestEdit: index$1["default"].func,
+  onRequestEdit: index["default"].func,
   /**
    * handler for api key generation
    */
-  onRequestGenerate: index$1["default"].func,
+  onRequestGenerate: index["default"].func,
   /**
    * designates if modal is open or closed
    */
-  open: index$1["default"].bool.isRequired,
+  open: index["default"].bool.isRequired,
   /**
    * The DOM node the tearsheet should be rendered within. Defaults to document.body.
    */
-  portalTarget: index$1["default"].node,
+  portalTarget: index["default"].node,
   /**
    * text that displays in the secondary button when using custom steps to indicate to the user that there is a previous step
    */
-  previousStepButtonText: customStepsRequiredProps(index$1["default"].string),
+  previousStepButtonText: customStepsRequiredProps(index["default"].string),
   /**
    * label text that's displayed when hovering over visibility toggler to show key
    */
-  showAPIKeyLabel: index$1["default"].string
+  showAPIKeyLabel: index["default"].string
 };
 exports.APIKeyModal.displayName = componentName;