@carbon/react 1.17.0 → 1.18.0

package/lib/components/TimePicker/TimePicker.js

@@ -13,8 +13,8 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
-var index = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
+var deprecate = require('../../prop-types/deprecate.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -22,135 +22,151 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["children", "className", "id", "labelText", "type", "pattern", "onChange", "onClick", "onBlur", "placeholder", "maxLength", "invalidText", "invalid", "hideLabel", "light", "size"];
-
-var TimePicker = /*#__PURE__*/function (_Component) {
-  _rollupPluginBabelHelpers.inherits(TimePicker, _Component);
-
-  var _super = _rollupPluginBabelHelpers.createSuper(TimePicker);
-
-  function TimePicker() {
-    var _this;
+var _excluded = ["children", "className", "disabled", "hideLabel", "id", "invalidText", "invalid", "labelText", "light", "maxLength", "onChange", "onClick", "onBlur", "pattern", "placeholder", "readOnly", "size", "type", "value"];
+var TimePicker = /*#__PURE__*/React__default["default"].forwardRef(function TimePicker(_ref, ref) {
+  var _cx2, _cx3;
+
+  var children = _ref.children,
+      className = _ref.className,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      hideLabel = _ref.hideLabel,
+      id = _ref.id,
+      _ref$invalidText = _ref.invalidText,
+      invalidText = _ref$invalidText === void 0 ? 'Invalid time format.' : _ref$invalidText,
+      _ref$invalid = _ref.invalid,
+      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+      labelText = _ref.labelText,
+      _ref$light = _ref.light,
+      light = _ref$light === void 0 ? false : _ref$light,
+      _ref$maxLength = _ref.maxLength,
+      maxLength = _ref$maxLength === void 0 ? 5 : _ref$maxLength,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      _ref$onClick = _ref.onClick,
+      onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+      _ref$onBlur = _ref.onBlur,
+      onBlur = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
+      _ref$pattern = _ref.pattern,
+      pattern = _ref$pattern === void 0 ? '(1[012]|[1-9]):[0-5][0-9](\\s)?' : _ref$pattern,
+      _ref$placeholder = _ref.placeholder,
+      placeholder = _ref$placeholder === void 0 ? 'hh:mm' : _ref$placeholder,
+      readOnly = _ref.readOnly,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'md' : _ref$size,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'text' : _ref$type,
+      value = _ref.value,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+
+  var _React$useState = React__default["default"].useState(value),
+      _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+      isValue = _React$useState2[0],
+      setValue = _React$useState2[1];
+
+  var _React$useState3 = React__default["default"].useState(value),
+      _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
+      prevValue = _React$useState4[0],
+      setPrevValue = _React$useState4[1];
+
+  if (value !== prevValue) {
+    setValue(value);
+    setPrevValue(value);
+  }
 
-    _rollupPluginBabelHelpers.classCallCheck(this, TimePicker);
+  function handleOnClick(evt) {
+    if (!disabled) {
+      if (!readOnly) {
+        setValue(isValue);
+      }
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+      onClick(evt);
     }
+  }
 
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "state", {});
-
-    return _this;
+  function handleOnChange(evt) {
+    if (!disabled && !readOnly) {
+      setValue(isValue);
+      onChange(evt);
+    }
   }
 
-  _rollupPluginBabelHelpers.createClass(TimePicker, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          children = _this$props.children,
-          className = _this$props.className,
-          id = _this$props.id,
-          labelText = _this$props.labelText,
-          type = _this$props.type,
-          pattern = _this$props.pattern,
-          _onChange = _this$props.onChange,
-          _onClick = _this$props.onClick,
-          _onBlur = _this$props.onBlur,
-          placeholder = _this$props.placeholder,
-          maxLength = _this$props.maxLength,
-          invalidText = _this$props.invalidText,
-          invalid = _this$props.invalid,
-          hideLabel = _this$props.hideLabel,
-          light = _this$props.light,
-          size = _this$props.size,
-          other = _rollupPluginBabelHelpers.objectWithoutProperties(_this$props, _excluded);
-
-      var scope = this.context;
-      var enabled;
-
-      if (scope.enabled) {
-        enabled = scope.enabled('enable-v11-release');
+  function handleOnBlur(evt) {
+    if (!disabled) {
+      if (!readOnly) {
+        setValue(isValue);
       }
 
-      return /*#__PURE__*/React__default["default"].createElement(usePrefix.PrefixContext.Consumer, null, function (prefix) {
-        var _classNames2, _classNames3;
-
-        var timePickerInputProps = {
-          className: cx__default["default"]("".concat(prefix, "--time-picker__input-field"), "".concat(prefix, "--text-input"), [enabled ? null : className], _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--text-input--light"), light)),
-          onChange: function onChange(evt) {
-            if (!other.disabled) {
-              _this2.setState({
-                value: evt.target.value
-              });
-
-              _onChange(evt);
-            }
-          },
-          onClick: function onClick(evt) {
-            if (!other.disabled) {
-              _this2.setState({
-                value: evt.target.value
-              });
-
-              _onClick(evt);
-            }
-          },
-          onBlur: function onBlur(evt) {
-            if (!other.disabled) {
-              _this2.setState({
-                value: evt.target.value
-              });
-
-              _onBlur(evt);
-            }
-          },
-          pattern: pattern,
-          placeholder: placeholder,
-          maxLength: maxLength,
-          id: id,
-          type: type,
-          value: _this2.state.value
-        };
-        var timePickerClasses = cx__default["default"]((_classNames2 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--time-picker"), true), _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--time-picker--light"), light), _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--time-picker--invalid"), invalid), _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--time-picker--").concat(size), size), _rollupPluginBabelHelpers.defineProperty(_classNames2, className, className), _classNames2));
-        var labelClasses = cx__default["default"]("".concat(prefix, "--label"), (_classNames3 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--visually-hidden"), hideLabel), _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--label--disabled"), other.disabled), _classNames3));
-        var label = labelText ? /*#__PURE__*/React__default["default"].createElement("label", {
-          htmlFor: id,
-          className: labelClasses
-        }, labelText) : null;
-        var error = invalid ? /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "".concat(prefix, "--form-requirement")
-        }, invalidText) : null;
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: enabled ? cx__default["default"]("".concat(prefix, "--form-item"), className) : "".concat(prefix, "--form-item")
-        }, label, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: timePickerClasses
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "".concat(prefix, "--time-picker__input")
-        }, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, timePickerInputProps, {
-          "data-invalid": invalid ? invalid : undefined
-        }))), children), error);
-      });
+      onBlur(evt);
     }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(_ref, state) {
-      var value = _ref.value;
-      var prevValue = state.prevValue;
-      return prevValue === value ? null : {
-        value: value,
-        prevValue: value
-      };
-    }
-  }]);
+  }
 
-  return TimePicker;
-}(React.Component);
+  var timePickerInputClasses = cx__default["default"]("".concat(prefix, "--time-picker__input-field"), "".concat(prefix, "--text-input"), [className], _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--text-input--light"), light));
+  var timePickerClasses = cx__default["default"]((_cx2 = {}, _rollupPluginBabelHelpers.defineProperty(_cx2, "".concat(prefix, "--time-picker"), true), _rollupPluginBabelHelpers.defineProperty(_cx2, "".concat(prefix, "--time-picker--light"), light), _rollupPluginBabelHelpers.defineProperty(_cx2, "".concat(prefix, "--time-picker--invalid"), invalid), _rollupPluginBabelHelpers.defineProperty(_cx2, "".concat(prefix, "--time-picker--readonly"), readOnly), _rollupPluginBabelHelpers.defineProperty(_cx2, "".concat(prefix, "--time-picker--").concat(size), size), _rollupPluginBabelHelpers.defineProperty(_cx2, className, className), _cx2));
+  var labelClasses = cx__default["default"]("".concat(prefix, "--label"), (_cx3 = {}, _rollupPluginBabelHelpers.defineProperty(_cx3, "".concat(prefix, "--visually-hidden"), hideLabel), _rollupPluginBabelHelpers.defineProperty(_cx3, "".concat(prefix, "--label--disabled"), disabled), _cx3));
+  var label = labelText ? /*#__PURE__*/React__default["default"].createElement("label", {
+    htmlFor: id,
+    className: labelClasses
+  }, labelText) : null;
+  var error = invalid ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(prefix, "--form-requirement")
+  }, invalidText) : null;
+
+  function getInternalPickerSelects() {
+    var readOnlyEventHandlers = {
+      onMouseDown: function onMouseDown(evt) {
+        // NOTE: does not prevent click
+        if (readOnly) {
+          evt.preventDefault(); // focus on the element as per readonly input behavior
+
+          evt.target.focus();
+        }
+      },
+      onKeyDown: function onKeyDown(evt) {
+        var selectAccessKeys = ['ArrowDown', 'ArrowUp', ' ']; // This prevents the select from opening for the above keys
+
+        if (readOnly && selectAccessKeys.includes(evt.key)) {
+          evt.preventDefault();
+        }
+      }
+    };
+    var mappedChildren = React__default["default"].Children.map(children, function (pickerSelect) {
+      return /*#__PURE__*/React__default["default"].cloneElement(pickerSelect, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, pickerSelect.props), {}, {
+        disabled: disabled,
+        readOnly: readOnly
+      }, readOnlyEventHandlers));
+    });
+    return mappedChildren;
+  }
 
-_rollupPluginBabelHelpers.defineProperty(TimePicker, "propTypes", {
+  var readOnlyProps = {
+    readOnly: readOnly
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: cx__default["default"]("".concat(prefix, "--form-item"), className)
+  }, label, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: timePickerClasses
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(prefix, "--time-picker__input")
+  }, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({
+    className: timePickerInputClasses,
+    "data-invalid": invalid ? invalid : undefined,
+    disabled: disabled,
+    id: id,
+    maxLength: maxLength,
+    onClick: handleOnClick,
+    onChange: handleOnChange,
+    onBlur: handleOnBlur,
+    placeholder: placeholder,
+    pattern: pattern,
+    ref: ref,
+    type: type,
+    value: value
+  }, rest, readOnlyProps))), getInternalPickerSelects()), error);
+});
+TimePicker.propTypes = {
   /**
    * Pass in the children that will be rendered next to the form control
    */
@@ -193,10 +209,9 @@ _rollupPluginBabelHelpers.defineProperty(TimePicker, "propTypes", {
   labelText: PropTypes__default["default"].node,
 
   /**
-   * `true` to use the light version. For use on $ui-01 backgrounds only.
-   * Don't use this to make tile background color same as container background color.
+   * The `light` prop for `TimePicker` has been deprecated. It will be removed in v12. Use the `Layer` component instead.
    */
-  light: PropTypes__default["default"].bool,
+  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `TimePicker` is no longer needed and has been deprecated. It will be removed in the next major release. Use the `Layer` component instead.'),
 
   /**
    * Specify the maximum length of the time string in `<input>`
@@ -231,10 +246,15 @@ _rollupPluginBabelHelpers.defineProperty(TimePicker, "propTypes", {
    */
   placeholder: PropTypes__default["default"].string,
 
+  /**
+   * Specify whether the TimePicker should be read-only
+   */
+  readOnly: PropTypes__default["default"].bool,
+
   /**
    * Specify the size of the Time Picker.
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg', 'xl']),
+  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
 
   /**
    * Specify the type of the `<input>`
@@ -245,22 +265,6 @@ _rollupPluginBabelHelpers.defineProperty(TimePicker, "propTypes", {
    * Specify the value of the `<input>`
    */
   value: PropTypes__default["default"].string
-});
-
-_rollupPluginBabelHelpers.defineProperty(TimePicker, "defaultProps", {
-  type: 'text',
-  pattern: '(1[012]|[1-9]):[0-5][0-9](\\s)?',
-  placeholder: 'hh:mm',
-  maxLength: 5,
-  invalidText: 'Invalid time format.',
-  invalid: false,
-  disabled: false,
-  onChange: function onChange() {},
-  onClick: function onClick() {},
-  onBlur: function onBlur() {},
-  light: false
-});
-
-_rollupPluginBabelHelpers.defineProperty(TimePicker, "contextType", index.FeatureFlagContext);
+};
 
 exports["default"] = TimePicker;

package/lib/components/TimePickerSelect/index.js

@@ -10,8 +10,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var FeatureFlags = require('@carbon/feature-flags');
-var TimePickerSelect$2 = require('./next/TimePickerSelect.js');
-var TimePickerSelect$3 = require('./TimePickerSelect.js');
+var TimePickerSelect$1 = require('./next/TimePickerSelect.js');
+var TimePickerSelect$2 = require('./TimePickerSelect.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -33,7 +33,6 @@ function _interopNamespace(e) {
 
 var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
-var TimePickerSelect = FeatureFlags__namespace.enabled('enable-v11-release') ? TimePickerSelect$2["default"] : TimePickerSelect$3["default"];
-var TimePickerSelect$1 = TimePickerSelect;
+var TimePickerSelect = FeatureFlags__namespace.enabled('enable-v11-release') ? TimePickerSelect$1["default"] : TimePickerSelect$2["default"];
 
-exports["default"] = TimePickerSelect$1;
+exports["default"] = TimePickerSelect;

package/lib/components/TimePickerSelect/next/TimePickerSelect.js

@@ -76,6 +76,5 @@ TimePickerSelect.propTypes = {
    */
   id: PropTypes__default["default"].string.isRequired
 };
-var TimePickerSelectNext = TimePickerSelect;
 
-exports["default"] = TimePickerSelectNext;
+exports["default"] = TimePickerSelect;

package/lib/components/Toggle/Toggle.js

@@ -24,8 +24,10 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _path;
 
-var _excluded = ["className", "defaultToggled", "disabled", "hideLabel", "id", "labelA", "labelB", "labelText", "onClick", "onToggle", "size", "toggled"];
+var _excluded = ["className", "defaultToggled", "disabled", "hideLabel", "id", "labelA", "labelB", "labelText", "onClick", "onToggle", "readOnly", "size", "toggled"];
 function Toggle(_ref) {
+  var _classNames;
+
   var className = _ref.className,
       _ref$defaultToggled = _ref.defaultToggled,
       defaultToggled = _ref$defaultToggled === void 0 ? false : _ref$defaultToggled,
@@ -41,6 +43,7 @@ function Toggle(_ref) {
       labelText = _ref.labelText,
       onClick = _ref.onClick,
       onToggle = _ref.onToggle,
+      readOnly = _ref.readOnly,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'md' : _ref$size,
       toggled = _ref.toggled,
@@ -58,7 +61,9 @@ function Toggle(_ref) {
       setChecked = _useControllableState2[1];
 
   function handleClick(e) {
-    setChecked(!checked);
+    if (!readOnly) {
+      setChecked(!checked);
+    }
 
     if (onClick) {
       onClick(e);
@@ -67,7 +72,7 @@ function Toggle(_ref) {
 
   var isSm = size === 'sm';
   var sideLabel = checked ? labelB : labelA;
-  var wrapperClasses = cx__default["default"]("".concat(prefix, "--toggle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--toggle--disabled"), disabled), className);
+  var wrapperClasses = cx__default["default"]("".concat(prefix, "--toggle"), (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--toggle--disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--toggle--readonly"), readOnly), _classNames), className);
   var labelTextClasses = cx__default["default"]("".concat(prefix, "--toggle__label-text"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
   var appearanceClasses = cx__default["default"]("".concat(prefix, "--toggle__appearance"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--toggle__appearance--sm"), isSm));
   var switchClasses = cx__default["default"]("".concat(prefix, "--toggle__switch"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--toggle__switch--checked"), checked));
@@ -154,6 +159,11 @@ Toggle.propTypes = {
    */
   onToggle: PropTypes__default["default"].func,
 
+  /**
+   * Whether the toggle should be read-only
+   */
+  readOnly: PropTypes__default["default"].bool,
+
   /**
    * Specify the size of the Toggle. Currently only supports 'sm' or 'md' (default)
    */

package/lib/components/Toggletip/index.js

@@ -14,11 +14,11 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var index = require('../Popover/index.js');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var useEvent = require('../../internal/useEvent.js');
 var useId = require('../../internal/useId.js');
 var usePrefix = require('../../internal/usePrefix.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/Tooltip/{next/DefinitionTooltip.js → DefinitionTooltip.js}

@@ -9,16 +9,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
-var index = require('../../Popover/index.js');
-var useId = require('../../../internal/useId.js');
-var usePrefix = require('../../../internal/usePrefix.js');
-var deprecate = require('../../../prop-types/deprecate.js');
-var match = require('../../../internal/keyboard/match.js');
-var keys = require('../../../internal/keyboard/keys.js');
+var index = require('../Popover/index.js');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
+var useId = require('../../internal/useId.js');
+var usePrefix = require('../../internal/usePrefix.js');
+var deprecate = require('../../prop-types/deprecate.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/Tooltip/{next/Tooltip.js → Tooltip.js}

@@ -9,17 +9,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
-var index = require('../../Popover/index.js');
-var useDelayedState = require('../../../internal/useDelayedState.js');
-var useId = require('../../../internal/useId.js');
-var useNoInteractiveChildren = require('../../../internal/useNoInteractiveChildren.js');
-var usePrefix = require('../../../internal/usePrefix.js');
-var match = require('../../../internal/keyboard/match.js');
-var keys = require('../../../internal/keyboard/keys.js');
+var index = require('../Popover/index.js');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
+var useDelayedState = require('../../internal/useDelayedState.js');
+var useId = require('../../internal/useId.js');
+var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
+var usePrefix = require('../../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/TreeView/TreeNode.js

@@ -14,10 +14,10 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var iconsReact = require('@carbon/icons-react');
 var cx = require('classnames');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var uniqueId = require('../../tools/uniqueId.js');
 var usePrefix = require('../../internal/usePrefix.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/TreeView/TreeView.js

@@ -13,10 +13,10 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var uniqueId = require('../../tools/uniqueId.js');
 var usePrefix = require('../../internal/usePrefix.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/UIShell/Content.js

@@ -55,6 +55,5 @@ Content.propTypes = {
 Content.defaultProps = {
   tagName: 'main'
 };
-var Content$1 = Content;
 
-exports["default"] = Content$1;
+exports["default"] = Content;

package/lib/components/UIShell/Header.js

@@ -42,6 +42,5 @@ Header.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHel
    */
   className: PropTypes__default["default"].string
 });
-var Header$1 = Header;
 
-exports["default"] = Header$1;
+exports["default"] = Header;

package/lib/components/UIShell/HeaderContainer.js

@@ -48,6 +48,5 @@ HeaderContainer.propTypes = {
 HeaderContainer.defaultProps = {
   isSideNavExpanded: false
 };
-var HeaderContainer$1 = HeaderContainer;
 
-exports["default"] = HeaderContainer$1;
+exports["default"] = HeaderContainer;

package/lib/components/UIShell/HeaderGlobalAction.js

@@ -14,6 +14,7 @@ var cx = require('classnames');
 var React = require('react');
 var PropTypes = require('prop-types');
 var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
+require('../Button/Button.Skeleton.js');
 var Button = require('../Button/Button.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
@@ -92,6 +93,5 @@ HeaderGlobalAction.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPl
   tooltipAlignment: PropTypes__default["default"].oneOf(['start', 'center', 'end'])
 });
 HeaderGlobalAction.displayName = 'HeaderGlobalAction';
-var HeaderGlobalAction$1 = HeaderGlobalAction;
 
-exports["default"] = HeaderGlobalAction$1;
+exports["default"] = HeaderGlobalAction;

package/lib/components/UIShell/HeaderMenu.js

@@ -14,10 +14,10 @@ var iconsReact = require('@carbon/icons-react');
 var cx = require('classnames');
 var React = require('react');
 var PropTypes = require('prop-types');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
 var usePrefix = require('../../internal/usePrefix.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -256,7 +256,6 @@ var HeaderMenuForwardRef = /*#__PURE__*/React__default["default"].forwardRef(fun
   }));
 });
 HeaderMenuForwardRef.displayName = 'HeaderMenu';
-var HeaderMenuForwardRef$1 = HeaderMenuForwardRef;
 
 exports.HeaderMenu = HeaderMenu;
-exports["default"] = HeaderMenuForwardRef$1;
+exports["default"] = HeaderMenuForwardRef;

package/lib/components/UIShell/HeaderMenuItem.js

@@ -78,6 +78,5 @@ HeaderMenuItem.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPlugin
    */
   tabIndex: PropTypes__default["default"].number
 });
-var HeaderMenuItem$1 = HeaderMenuItem;
 
-exports["default"] = HeaderMenuItem$1;
+exports["default"] = HeaderMenuItem;

package/lib/components/UIShell/HeaderPanel.js

@@ -57,6 +57,5 @@ HeaderPanel.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBab
   expanded: PropTypes__default["default"].bool
 });
 HeaderPanel.displayName = 'HeaderPanel';
-var HeaderPanel$1 = HeaderPanel;
 
-exports["default"] = HeaderPanel$1;
+exports["default"] = HeaderPanel;

package/lib/components/UIShell/HeaderSideNavItems.js

@@ -55,6 +55,5 @@ HeaderSideNavItems.propTypes = {
 HeaderSideNavItems.defaultProps = {
   hasDivider: false
 };
-var HeaderSideNavItems$1 = HeaderSideNavItems;
 
-exports["default"] = HeaderSideNavItems$1;
+exports["default"] = HeaderSideNavItems;

package/lib/components/UIShell/Link.js

@@ -53,7 +53,6 @@ Link.propTypes = LinkPropTypes;
 Link.defaultProps = {
   element: 'a'
 };
-var Link$1 = Link;
 
 exports.LinkPropTypes = LinkPropTypes;
-exports["default"] = Link$1;
+exports["default"] = Link;

package/lib/components/UIShell/SideNav.js

@@ -228,6 +228,5 @@ SideNav.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHe
   // translateById: PropTypes.func,
 
 });
-var SideNav$1 = SideNav;
 
-exports["default"] = SideNav$1;
+exports["default"] = SideNav;

package/lib/components/UIShell/SideNavDetails.js

@@ -56,6 +56,5 @@ SideNavDetails.propTypes = {
    */
   title: PropTypes__default["default"].string.isRequired
 };
-var SideNavDetails$1 = SideNavDetails;
 
-exports["default"] = SideNavDetails$1;
+exports["default"] = SideNavDetails;

package/lib/components/UIShell/SideNavHeader.js

@@ -55,6 +55,5 @@ SideNavHeader.propTypes = {
    */
   renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]).isRequired
 };
-var SideNavHeader$1 = SideNavHeader;
 
-exports["default"] = SideNavHeader$1;
+exports["default"] = SideNavHeader;