@carbon/react 1.87.0-rc.0 → 1.87.0

package/lib/components/TreeView/TreeNode.js

@@ -23,12 +23,6 @@ var index = require('../FeatureFlags/index.js');
 var index$1 = require('../IconButton/index.js');
 var TreeContext = require('./TreeContext.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const extractTextContent = node => {
   if (node === null || node === undefined) return '';
   if (typeof node === 'string') return node;
@@ -37,7 +31,7 @@ const extractTextContent = node => {
   if (Array.isArray(node)) {
     return node.map(extractTextContent).join('');
   }
-  if (/*#__PURE__*/React__default["default"].isValidElement(node)) {
+  if (/*#__PURE__*/React.isValidElement(node)) {
     const element = node;
     const children = element.props.children;
     return extractTextContent(children);
@@ -97,7 +91,7 @@ const useEllipsisCheck = (label, detailsWrapperRef) => {
     tooltipText: extractTextContent(label)
   };
 };
-const TreeNode = /*#__PURE__*/React__default["default"].forwardRef(({
+const TreeNode = /*#__PURE__*/React.forwardRef(({
   children,
   className,
   disabled,
@@ -157,19 +151,19 @@ const TreeNode = /*#__PURE__*/React__default["default"].forwardRef(({
   const prefix = usePrefix.usePrefix();
   const renderLabelText = () => {
     if (isEllipsisApplied && tooltipText) {
-      return /*#__PURE__*/React__default["default"].createElement(index$1.IconButton, {
+      return /*#__PURE__*/React.createElement(index$1.IconButton, {
         label: tooltipText,
         kind: "ghost",
         align: align,
         autoAlign: autoAlign,
         className: `${prefix}--tree-node__label__text-button`,
         wrapperClasses: `${prefix}--popover-container`
-      }, /*#__PURE__*/React__default["default"].createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         ref: labelTextRef,
         className: `${prefix}--tree-node__label__text`
       }, label));
     }
-    return /*#__PURE__*/React__default["default"].createElement("span", {
+    return /*#__PURE__*/React.createElement("span", {
       ref: labelTextRef,
       className: `${prefix}--tree-node__label__text`
     }, label);
@@ -184,7 +178,7 @@ const TreeNode = /*#__PURE__*/React__default["default"].forwardRef(({
   };
   const isActive = active === id;
   const isSelected = selected?.includes(id) ?? false;
-  const treeNodeClasses = cx__default["default"](className, `${prefix}--tree-node`, {
+  const treeNodeClasses = cx(className, `${prefix}--tree-node`, {
     [`${prefix}--tree-node--active`]: isActive,
     [`${prefix}--tree-node--disabled`]: disabled,
     [`${prefix}--tree-node--selected`]: isSelected,
@@ -192,7 +186,7 @@ const TreeNode = /*#__PURE__*/React__default["default"].forwardRef(({
     [`${prefix}--tree-leaf-node`]: !children,
     [`${prefix}--tree-parent-node`]: children
   });
-  const toggleClasses = cx__default["default"](`${prefix}--tree-parent-node__toggle-icon`, {
+  const toggleClasses = cx(`${prefix}--tree-parent-node__toggle-icon`, {
     [`${prefix}--tree-parent-node__toggle-icon--expanded`]: expanded
   });
   function handleToggleClick(event) {
@@ -381,47 +375,47 @@ const TreeNode = /*#__PURE__*/React__default["default"].forwardRef(({
     onFocus: handleFocusEvent,
     onBlur: handleFocusEvent
   };
-  const nodeContent = /*#__PURE__*/React__default["default"].createElement("div", {
+  const nodeContent = /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tree-node__label`,
     ref: currentNodeLabel
-  }, children && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, children && /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--tree-parent-node__toggle`,
     onClick: handleToggleClick
-  }, /*#__PURE__*/React__default["default"].createElement(iconsReact.CaretDown, {
+  }, /*#__PURE__*/React.createElement(iconsReact.CaretDown, {
     className: toggleClasses
-  })), /*#__PURE__*/React__default["default"].createElement("span", {
+  })), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--tree-node__label__details`
-  }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, {
+  }, Icon && /*#__PURE__*/React.createElement(Icon, {
     className: `${prefix}--tree-node__icon`
   }), renderLabelText()));
   if (href) {
-    return /*#__PURE__*/React__default["default"].createElement("li", {
+    return /*#__PURE__*/React.createElement("li", {
       role: "none",
       className: children ? `${prefix}--tree-node-link-parent` : ''
-    }, /*#__PURE__*/React__default["default"].createElement("a", _rollupPluginBabelHelpers["extends"]({}, treeNodeProps, {
+    }, /*#__PURE__*/React.createElement("a", _rollupPluginBabelHelpers.extends({}, treeNodeProps, {
       "aria-expanded": !!expanded,
       ref: setRefs,
       href: !disabled ? href : undefined
-    }), nodeContent), children && /*#__PURE__*/React__default["default"].createElement("ul", {
+    }), nodeContent), children && /*#__PURE__*/React.createElement("ul", {
       id: `${id}-subtree`,
       role: "group",
-      className: cx__default["default"](`${prefix}--tree-node__children`, {
+      className: cx(`${prefix}--tree-node__children`, {
         [`${prefix}--tree-node--hidden`]: !expanded
       })
-    }, /*#__PURE__*/React__default["default"].createElement(TreeContext.DepthContext.Provider, {
+    }, /*#__PURE__*/React.createElement(TreeContext.DepthContext.Provider, {
       value: depth + 1
     }, children)));
   }
-  return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({}, treeNodeProps, {
+  return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({}, treeNodeProps, {
     "aria-expanded": children ? !!expanded : undefined,
     ref: setRefs
-  }), nodeContent, children && /*#__PURE__*/React__default["default"].createElement("ul", {
+  }), nodeContent, children && /*#__PURE__*/React.createElement("ul", {
     id: `${id}-subtree`,
     role: "group",
-    className: cx__default["default"](`${prefix}--tree-node__children`, {
+    className: cx(`${prefix}--tree-node__children`, {
       [`${prefix}--tree-node--hidden`]: !expanded
     })
-  }, /*#__PURE__*/React__default["default"].createElement(TreeContext.DepthContext.Provider, {
+  }, /*#__PURE__*/React.createElement(TreeContext.DepthContext.Provider, {
     value: depth + 1
   }, children)));
 });
@@ -430,87 +424,87 @@ TreeNode.propTypes = {
    * **Note:** this is controlled by the parent TreeView component, do not set manually.
    * The ID of the active node in the tree
    */
-  active: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  active: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Specify the children of the TreeNode
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the TreeNode
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * **[Experimental]** The default expansion state of the node.
    * *This is only supported with the `enable-treeview-controllable` feature flag!*
    */
-  defaultIsExpanded: PropTypes__default["default"].bool,
+  defaultIsExpanded: PropTypes.bool,
   /**
    * **Note:** this is controlled by the parent TreeView component, do not set manually.
    * TreeNode depth to determine spacing
    */
-  depth: PropTypes__default["default"].number,
+  depth: PropTypes.number,
   /**
    * Specify if the TreeNode is disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify the TreeNode's ID. Must be unique in the DOM and is used for props.active, props.selected and aria-owns
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * Specify if the TreeNode is expanded (only applicable to parent nodes)
    */
-  isExpanded: PropTypes__default["default"].bool,
+  isExpanded: PropTypes.bool,
   /**
    * Rendered label for the TreeNode
    */
-  label: PropTypes__default["default"].node,
+  label: PropTypes.node,
   /**
    * Callback function for when the node receives or loses focus
    */
-  onNodeFocusEvent: PropTypes__default["default"].func,
+  onNodeFocusEvent: PropTypes.func,
   /**
    * Callback function for when the node is selected
    */
-  onSelect: PropTypes__default["default"].func,
+  onSelect: PropTypes.func,
   /**
    * Callback function for when a parent node is expanded or collapsed
    */
-  onToggle: PropTypes__default["default"].func,
+  onToggle: PropTypes.func,
   /**
    * Callback function for when any node in the tree is selected
    */
-  onTreeSelect: PropTypes__default["default"].func,
+  onTreeSelect: PropTypes.func,
   /**
    * A component used to render an icon.
    */
   // @ts-ignore
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * **Note:** this is controlled by the parent TreeView component, do not set manually.
    * Array containing all selected node IDs in the tree
    */
   // @ts-ignore
-  selected: PropTypes__default["default"].arrayOf(PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])),
+  selected: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
   /**
    * Specify the value of the TreeNode
    */
-  value: PropTypes__default["default"].string,
+  value: PropTypes.string,
   /**
    * Optional: The URL the TreeNode is linking to
    */
-  href: PropTypes__default["default"].string,
+  href: PropTypes.string,
   /**
    * Specify how the tooltip should align when text is truncated
    */
-  align: PropTypes__default["default"].oneOf(['top', 'bottom', 'left', 'right', 'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']),
+  align: PropTypes.oneOf(['top', 'bottom', 'left', 'right', 'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']),
   /**
    * **Experimental**: Will attempt to automatically align the floating
    * element to avoid collisions with the viewport and being clipped by
    * ancestor elements.
    */
-  autoAlign: PropTypes__default["default"].bool
+  autoAlign: PropTypes.bool
 };
 TreeNode.displayName = 'TreeNode';
 
-exports["default"] = TreeNode;
+exports.default = TreeNode;

package/lib/components/TreeView/TreeView.js

@@ -22,12 +22,6 @@ var index = require('../FeatureFlags/index.js');
 var TreeNode = require('./TreeNode.js');
 var TreeContext = require('./TreeContext.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const TreeView = ({
   active: prespecifiedActive,
   children,
@@ -46,7 +40,7 @@ const TreeView = ({
     current: treeId
   } = React.useRef(rest.id || useId.useId());
   const prefix = usePrefix.usePrefix();
-  const treeClasses = cx__default["default"](className, `${prefix}--tree`, {
+  const treeClasses = cx(className, `${prefix}--tree`, {
     // @ts-ignore - will always be false according to prop types
 
     [`${prefix}--tree--${size}`]: size !== 'default'
@@ -179,7 +173,7 @@ const TreeView = ({
     }
   }, [prefix]);
   const labelId = `${treeId}__label`;
-  const TreeLabel = () => !hideLabel ? /*#__PURE__*/React__default["default"].createElement("label", {
+  const TreeLabel = () => !hideLabel ? /*#__PURE__*/React.createElement("label", {
     id: labelId,
     className: `${prefix}--label`
   }, label) : null;
@@ -191,11 +185,11 @@ const TreeView = ({
     selected,
     size
   }), [active, multiselect, setActive, handleTreeSelect, selected, size]);
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TreeLabel, null), /*#__PURE__*/React__default["default"].createElement(TreeContext.TreeContext.Provider, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TreeLabel, null), /*#__PURE__*/React.createElement(TreeContext.TreeContext.Provider, {
     value: treeContextValue
-  }, /*#__PURE__*/React__default["default"].createElement(TreeContext.DepthContext.Provider, {
+  }, /*#__PURE__*/React.createElement(TreeContext.DepthContext.Provider, {
     value: 0
-  }, /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  }, /*#__PURE__*/React.createElement("ul", _rollupPluginBabelHelpers.extends({}, rest, {
     "aria-label": hideLabel ? label : undefined,
     "aria-labelledby": !hideLabel ? labelId : undefined,
     "aria-multiselectable": multiselect || undefined,
@@ -209,46 +203,46 @@ TreeView.propTypes = {
   /**
    * Mark the active node in the tree, represented by its ID
    */
-  active: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  active: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Specify the children of the TreeView
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the TreeView
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether or not the label should be hidden
    */
-  hideLabel: PropTypes__default["default"].bool,
+  hideLabel: PropTypes.bool,
   /**
    * Provide the label text that will be read by a screen reader
    */
-  label: PropTypes__default["default"].string.isRequired,
+  label: PropTypes.string.isRequired,
   /**
    * **[Experimental]** Specify the selection mode of the tree.
    * If `multiselect` is `false` then only one node can be selected at a time
    */
-  multiselect: PropTypes__default["default"].bool,
+  multiselect: PropTypes.bool,
   /**
    * **[Experimental]** Callback function that is called when any node is activated.
    * *This is only supported with the `enable-treeview-controllable` feature flag!*
    */
-  onActivate: PropTypes__default["default"].func,
+  onActivate: PropTypes.func,
   /**
    * Callback function that is called when any node is selected
    */
-  onSelect: PropTypes__default["default"].func,
+  onSelect: PropTypes.func,
   /**
    * Array representing all selected node IDs in the tree
    */
-  selected: PropTypes__default["default"].arrayOf(PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])),
+  selected: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
   /**
    * Specify the size of the tree from a list of available sizes.
    */
-  size: PropTypes__default["default"].oneOf(['xs', 'sm'])
+  size: PropTypes.oneOf(['xs', 'sm'])
 };
-TreeView.TreeNode = TreeNode["default"];
+TreeView.TreeNode = TreeNode.default;
 
-exports["default"] = TreeView;
+exports.default = TreeView;

package/lib/components/UIShell/Content.js

@@ -14,12 +14,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const Content = ({
   className: customClassName,
   children,
@@ -27,8 +21,8 @@ const Content = ({
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](`${prefix}--content`, customClassName);
-  return /*#__PURE__*/React__default["default"].createElement(tagName, {
+  const className = cx(`${prefix}--content`, customClassName);
+  return /*#__PURE__*/React.createElement(tagName, {
     ...rest,
     className
   }, children);
@@ -37,15 +31,15 @@ Content.propTypes = {
   /**
    * Provide children nodes to be rendered in the content container
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Optionally provide a custom class name that is applied to the container
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Optionally specify the tag of the content node. Defaults to `main`
    */
-  tagName: PropTypes__default["default"].string
+  tagName: PropTypes.string
 };
 
-exports["default"] = Content;
+exports.default = Content;

package/lib/components/UIShell/Header.js

@@ -16,20 +16,14 @@ var React = require('react');
 var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const Header = ({
   className: customClassName,
   children,
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](`${prefix}--header`, customClassName);
-  return /*#__PURE__*/React__default["default"].createElement("header", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  const className = cx(`${prefix}--header`, customClassName);
+  return /*#__PURE__*/React.createElement("header", _rollupPluginBabelHelpers.extends({}, rest, {
     className: className
   }), children);
 };
@@ -41,7 +35,7 @@ Header.propTypes = {
   /**
    * Optionally provide a custom class name that is applied to the underlying <header>
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
-exports["default"] = Header;
+exports.default = Header;

package/lib/components/UIShell/HeaderContainer.js

@@ -16,11 +16,6 @@ var keys = require('../../internal/keyboard/keys.js');
 var match = require('../../internal/keyboard/match.js');
 var useEvent = require('../../internal/useEvent.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 function HeaderContainer({
   render: Children,
   isSideNavExpanded = false,
@@ -36,7 +31,7 @@ function HeaderContainer({
   const handleHeaderMenuButtonClick = React.useCallback(() => {
     setIsSideNavExpandedState(prevIsSideNavExpanded => !prevIsSideNavExpanded);
   }, [setIsSideNavExpandedState]);
-  return /*#__PURE__*/React__default["default"].createElement(Children, _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement(Children, _rollupPluginBabelHelpers.extends({}, rest, {
     isSideNavExpanded: isSideNavExpandedState,
     onClickSideNavExpand: handleHeaderMenuButtonClick
   }));
@@ -45,14 +40,14 @@ HeaderContainer.propTypes = {
   /**
    * Optionally provide a custom class name that is applied to the underlying <header>
    */
-  isSideNavExpanded: PropTypes__default["default"].bool,
+  isSideNavExpanded: PropTypes.bool,
   /**
    * A function or a component that is invoked with `isSideNavExpanded` and `onClickSideNavExpand`.
    * The function or component can then use those properties to within the components it
    * returns, such as with the HeaderMenuButton and SideNav components. Additional props will also be passed
    * into this component for convenience.
    */
-  render: PropTypes__default["default"].elementType.isRequired
+  render: PropTypes.elementType.isRequired
 };
 
-exports["default"] = HeaderContainer;
+exports.default = HeaderContainer;

package/lib/components/UIShell/HeaderGlobalAction.js

@@ -18,12 +18,6 @@ var Button = require('../Button/Button.js');
 require('../Button/Button.Skeleton.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 /**
  * HeaderGlobalAction is used as a part of the `HeaderGlobalBar`. It is
  * essentially an Icon Button with an additional state to indicate whether it is
@@ -32,7 +26,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
  *
  * Note: children passed to this component should be an Icon.
  */
-const HeaderGlobalAction = /*#__PURE__*/React__default["default"].forwardRef(function HeaderGlobalAction({
+const HeaderGlobalAction = /*#__PURE__*/React.forwardRef(function HeaderGlobalAction({
   'aria-label': ariaLabel,
   'aria-labelledby': ariaLabelledBy,
   children,
@@ -45,7 +39,7 @@ const HeaderGlobalAction = /*#__PURE__*/React__default["default"].forwardRef(fun
   ...rest
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"]({
+  const className = cx({
     [customClassName]: !!customClassName,
     [`${prefix}--header__action`]: true,
     [`${prefix}--header__action--active`]: isActive
@@ -54,7 +48,7 @@ const HeaderGlobalAction = /*#__PURE__*/React__default["default"].forwardRef(fun
     'aria-label': ariaLabel,
     'aria-labelledby': ariaLabelledBy
   };
-  return /*#__PURE__*/React__default["default"].createElement(Button["default"], _rollupPluginBabelHelpers["extends"]({}, rest, accessibilityLabel, {
+  return /*#__PURE__*/React.createElement(Button.default, _rollupPluginBabelHelpers.extends({}, rest, accessibilityLabel, {
     className: className,
     onClick: onClick,
     type: "button",
@@ -77,36 +71,36 @@ HeaderGlobalAction.propTypes = {
   /**
    * Provide a custom icon for this global action
    */
-  children: PropTypes__default["default"].node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * Optionally provide a custom class name that is applied to the underlying
    * button
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the action is currently active
    */
-  isActive: PropTypes__default["default"].bool,
+  isActive: PropTypes.bool,
   /**
    * Optionally provide an onClick handler that is called when the underlying
    * button fires it's onclick event
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Specify the alignment of the tooltip to the icon-only button.
    * Can be one of: start, center, or end.
    */
-  tooltipAlignment: PropTypes__default["default"].oneOf(['start', 'center', 'end']),
+  tooltipAlignment: PropTypes.oneOf(['start', 'center', 'end']),
   /**
    * Enable drop shadow for tooltips for icon-only buttons.
    */
-  tooltipDropShadow: PropTypes__default["default"].bool,
+  tooltipDropShadow: PropTypes.bool,
   /**
    * Render the tooltip using the high-contrast theme
    * Default is true
    */
-  tooltipHighContrast: PropTypes__default["default"].bool
+  tooltipHighContrast: PropTypes.bool
 };
 HeaderGlobalAction.displayName = 'HeaderGlobalAction';
 
-exports["default"] = HeaderGlobalAction;
+exports.default = HeaderGlobalAction;

package/lib/components/UIShell/HeaderGlobalBar.js

@@ -15,10 +15,10 @@ var wrapComponent = require('../../tools/wrapComponent.js');
  * Generic container for `HeaderGlobalAction` components
  */
 
-const HeaderGlobalBar = wrapComponent["default"]({
+const HeaderGlobalBar = wrapComponent.default({
   name: 'HeaderGlobalBar',
   className: prefix => `${prefix}--header__global`,
   type: 'div'
 });
 
-exports["default"] = HeaderGlobalBar;
+exports.default = HeaderGlobalBar;