@carbon/react 1.17.0 → 1.18.0

package/es/components/TimePicker/TimePicker.js

@@ -5,142 +5,158 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { Component } from 'react';
+import React__default from 'react';
 import cx from 'classnames';
-import { FeatureFlagContext } from '../FeatureFlags/index.js';
-import { PrefixContext } from '../../internal/usePrefix.js';
-
-var _excluded = ["children", "className", "id", "labelText", "type", "pattern", "onChange", "onClick", "onBlur", "placeholder", "maxLength", "invalidText", "invalid", "hideLabel", "light", "size"];
-
-var TimePicker = /*#__PURE__*/function (_Component) {
-  _inherits(TimePicker, _Component);
-
-  var _super = _createSuper(TimePicker);
-
-  function TimePicker() {
-    var _this;
+import { usePrefix } from '../../internal/usePrefix.js';
+import deprecate from '../../prop-types/deprecate.js';
+
+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.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 = _objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix();
+
+  var _React$useState = React__default.useState(value),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isValue = _React$useState2[0],
+      setValue = _React$useState2[1];
+
+  var _React$useState3 = React__default.useState(value),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      prevValue = _React$useState4[0],
+      setPrevValue = _React$useState4[1];
+
+  if (value !== prevValue) {
+    setValue(value);
+    setPrevValue(value);
+  }
 
-    _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));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {});
-
-    return _this;
+  function handleOnChange(evt) {
+    if (!disabled && !readOnly) {
+      setValue(isValue);
+      onChange(evt);
+    }
   }
 
-  _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 = _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.createElement(PrefixContext.Consumer, null, function (prefix) {
-        var _classNames2, _classNames3;
-
-        var timePickerInputProps = {
-          className: cx("".concat(prefix, "--time-picker__input-field"), "".concat(prefix, "--text-input"), [enabled ? null : className], _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((_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefix, "--time-picker"), true), _defineProperty(_classNames2, "".concat(prefix, "--time-picker--light"), light), _defineProperty(_classNames2, "".concat(prefix, "--time-picker--invalid"), invalid), _defineProperty(_classNames2, "".concat(prefix, "--time-picker--").concat(size), size), _defineProperty(_classNames2, className, className), _classNames2));
-        var labelClasses = cx("".concat(prefix, "--label"), (_classNames3 = {}, _defineProperty(_classNames3, "".concat(prefix, "--visually-hidden"), hideLabel), _defineProperty(_classNames3, "".concat(prefix, "--label--disabled"), other.disabled), _classNames3));
-        var label = labelText ? /*#__PURE__*/React__default.createElement("label", {
-          htmlFor: id,
-          className: labelClasses
-        }, labelText) : null;
-        var error = invalid ? /*#__PURE__*/React__default.createElement("div", {
-          className: "".concat(prefix, "--form-requirement")
-        }, invalidText) : null;
-        return /*#__PURE__*/React__default.createElement("div", {
-          className: enabled ? cx("".concat(prefix, "--form-item"), className) : "".concat(prefix, "--form-item")
-        }, label, /*#__PURE__*/React__default.createElement("div", {
-          className: timePickerClasses
-        }, /*#__PURE__*/React__default.createElement("div", {
-          className: "".concat(prefix, "--time-picker__input")
-        }, /*#__PURE__*/React__default.createElement("input", _extends({}, other, timePickerInputProps, {
-          "data-invalid": invalid ? invalid : undefined
-        }))), children), error);
-      });
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(_ref, state) {
-      var value = _ref.value;
-      var prevValue = state.prevValue;
-      return prevValue === value ? null : {
-        value: value,
-        prevValue: value
-      };
+      onBlur(evt);
     }
-  }]);
+  }
 
-  return TimePicker;
-}(Component);
+  var timePickerInputClasses = cx("".concat(prefix, "--time-picker__input-field"), "".concat(prefix, "--text-input"), [className], _defineProperty({}, "".concat(prefix, "--text-input--light"), light));
+  var timePickerClasses = cx((_cx2 = {}, _defineProperty(_cx2, "".concat(prefix, "--time-picker"), true), _defineProperty(_cx2, "".concat(prefix, "--time-picker--light"), light), _defineProperty(_cx2, "".concat(prefix, "--time-picker--invalid"), invalid), _defineProperty(_cx2, "".concat(prefix, "--time-picker--readonly"), readOnly), _defineProperty(_cx2, "".concat(prefix, "--time-picker--").concat(size), size), _defineProperty(_cx2, className, className), _cx2));
+  var labelClasses = cx("".concat(prefix, "--label"), (_cx3 = {}, _defineProperty(_cx3, "".concat(prefix, "--visually-hidden"), hideLabel), _defineProperty(_cx3, "".concat(prefix, "--label--disabled"), disabled), _cx3));
+  var label = labelText ? /*#__PURE__*/React__default.createElement("label", {
+    htmlFor: id,
+    className: labelClasses
+  }, labelText) : null;
+  var error = invalid ? /*#__PURE__*/React__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.Children.map(children, function (pickerSelect) {
+      return /*#__PURE__*/React__default.cloneElement(pickerSelect, _objectSpread2(_objectSpread2({}, pickerSelect.props), {}, {
+        disabled: disabled,
+        readOnly: readOnly
+      }, readOnlyEventHandlers));
+    });
+    return mappedChildren;
+  }
 
-_defineProperty(TimePicker, "propTypes", {
+  var readOnlyProps = {
+    readOnly: readOnly
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: cx("".concat(prefix, "--form-item"), className)
+  }, label, /*#__PURE__*/React__default.createElement("div", {
+    className: timePickerClasses
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefix, "--time-picker__input")
+  }, /*#__PURE__*/React__default.createElement("input", _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
    */
@@ -183,10 +199,9 @@ _defineProperty(TimePicker, "propTypes", {
   labelText: PropTypes.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.bool,
+  light: deprecate(PropTypes.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>`
@@ -221,10 +236,15 @@ _defineProperty(TimePicker, "propTypes", {
    */
   placeholder: PropTypes.string,
 
+  /**
+   * Specify whether the TimePicker should be read-only
+   */
+  readOnly: PropTypes.bool,
+
   /**
    * Specify the size of the Time Picker.
    */
-  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl']),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
 
   /**
    * Specify the type of the `<input>`
@@ -235,22 +255,6 @@ _defineProperty(TimePicker, "propTypes", {
    * Specify the value of the `<input>`
    */
   value: PropTypes.string
-});
-
-_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
-});
-
-_defineProperty(TimePicker, "contextType", FeatureFlagContext);
+};
 
 export { TimePicker as default };

package/es/components/TimePickerSelect/TimePickerSelect.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { defineProperty as _defineProperty, inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default, { Component } from 'react';
 import cx from 'classnames';

package/es/components/TimePickerSelect/index.js

@@ -6,10 +6,9 @@
  */
 
 import * as FeatureFlags from '@carbon/feature-flags';
-import TimePickerSelectNext from './next/TimePickerSelect.js';
+import TimePickerSelect$1 from './next/TimePickerSelect.js';
 import TimePickerSelect$2 from './TimePickerSelect.js';
 
-var TimePickerSelect = FeatureFlags.enabled('enable-v11-release') ? TimePickerSelectNext : TimePickerSelect$2;
-var TimePickerSelect$1 = TimePickerSelect;
+var TimePickerSelect = FeatureFlags.enabled('enable-v11-release') ? TimePickerSelect$1 : TimePickerSelect$2;
 
-export { TimePickerSelect$1 as default };
+export { TimePickerSelect as default };

package/es/components/TimePickerSelect/next/TimePickerSelect.js

@@ -66,6 +66,5 @@ TimePickerSelect.propTypes = {
    */
   id: PropTypes.string.isRequired
 };
-var TimePickerSelectNext = TimePickerSelect;
 
-export { TimePickerSelectNext as default };
+export { TimePickerSelect as default };

package/es/components/Toggle/Toggle.Skeleton.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, defineProperty as _defineProperty, classCallCheck as _classCallCheck, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';

package/es/components/Toggle/Toggle.js

@@ -14,8 +14,10 @@ import { usePrefix } from '../../internal/usePrefix.js';
 
 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,
@@ -31,6 +33,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,
@@ -48,7 +51,9 @@ function Toggle(_ref) {
       setChecked = _useControllableState2[1];
 
   function handleClick(e) {
-    setChecked(!checked);
+    if (!readOnly) {
+      setChecked(!checked);
+    }
 
     if (onClick) {
       onClick(e);
@@ -57,7 +62,7 @@ function Toggle(_ref) {
 
   var isSm = size === 'sm';
   var sideLabel = checked ? labelB : labelA;
-  var wrapperClasses = cx("".concat(prefix, "--toggle"), _defineProperty({}, "".concat(prefix, "--toggle--disabled"), disabled), className);
+  var wrapperClasses = cx("".concat(prefix, "--toggle"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--toggle--disabled"), disabled), _defineProperty(_classNames, "".concat(prefix, "--toggle--readonly"), readOnly), _classNames), className);
   var labelTextClasses = cx("".concat(prefix, "--toggle__label-text"), _defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
   var appearanceClasses = cx("".concat(prefix, "--toggle__appearance"), _defineProperty({}, "".concat(prefix, "--toggle__appearance--sm"), isSm));
   var switchClasses = cx("".concat(prefix, "--toggle__switch"), _defineProperty({}, "".concat(prefix, "--toggle__switch--checked"), checked));
@@ -144,6 +149,11 @@ Toggle.propTypes = {
    */
   onToggle: PropTypes.func,
 
+  /**
+   * Whether the toggle should be read-only
+   */
+  readOnly: PropTypes.bool,
+
   /**
    * Specify the size of the Toggle. Currently only supports 'sm' or 'md' (default)
    */

package/es/components/ToggleSmall/ToggleSmall.Skeleton.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, defineProperty as _defineProperty, classCallCheck as _classCallCheck, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';

package/es/components/Toggletip/index.js

@@ -10,11 +10,11 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useState, useContext } from 'react';
 import { Popover, PopoverContent } from '../Popover/index.js';
+import { Escape } from '../../internal/keyboard/keys.js';
+import { match } from '../../internal/keyboard/match.js';
 import { useWindowEvent } from '../../internal/useEvent.js';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import { match } from '../../internal/keyboard/match.js';
-import { Escape } from '../../internal/keyboard/keys.js';
 
 /**
  * Used to render the label for a Toggletip

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

@@ -5,16 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useState } from 'react';
-import { Popover, PopoverContent } from '../../Popover/index.js';
-import { useFallbackId } from '../../../internal/useId.js';
-import { usePrefix } from '../../../internal/usePrefix.js';
-import deprecate from '../../../prop-types/deprecate.js';
-import { match } from '../../../internal/keyboard/match.js';
-import { Escape } from '../../../internal/keyboard/keys.js';
+import { Popover, PopoverContent } from '../Popover/index.js';
+import { Escape } from '../../internal/keyboard/keys.js';
+import { match } from '../../internal/keyboard/match.js';
+import { useFallbackId } from '../../internal/useId.js';
+import { usePrefix } from '../../internal/usePrefix.js';
+import deprecate from '../../prop-types/deprecate.js';
 
 var _excluded = ["align", "className", "children", "definition", "defaultOpen", "id", "openOnHover", "tooltipText", "triggerClassName"];
 

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

@@ -5,17 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useEffect } from 'react';
-import { Popover, PopoverContent } from '../../Popover/index.js';
-import { useDelayedState } from '../../../internal/useDelayedState.js';
-import { useId } from '../../../internal/useId.js';
-import { useNoInteractiveChildren, getInteractiveContent } from '../../../internal/useNoInteractiveChildren.js';
-import { usePrefix } from '../../../internal/usePrefix.js';
-import { match } from '../../../internal/keyboard/match.js';
-import { Escape } from '../../../internal/keyboard/keys.js';
+import { Popover, PopoverContent } from '../Popover/index.js';
+import { Escape } from '../../internal/keyboard/keys.js';
+import { match } from '../../internal/keyboard/match.js';
+import { useDelayedState } from '../../internal/useDelayedState.js';
+import { useId } from '../../internal/useId.js';
+import { useNoInteractiveChildren, getInteractiveContent } from '../../internal/useNoInteractiveChildren.js';
+import { usePrefix } from '../../internal/usePrefix.js';
 
 var _excluded = ["align", "className", "children", "label", "description", "enterDelayMs", "leaveDelayMs", "defaultOpen"];
 

package/es/components/TreeView/TreeNode.js

@@ -10,10 +10,10 @@ import React__default, { useRef, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { CaretDown } from '@carbon/icons-react';
 import cx from 'classnames';
+import { ArrowLeft, ArrowRight, Enter, Space } from '../../internal/keyboard/keys.js';
+import { matches, match } from '../../internal/keyboard/match.js';
 import uniqueId from '../../tools/uniqueId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import { matches, match } from '../../internal/keyboard/match.js';
-import { ArrowLeft, ArrowRight, Enter, Space } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["active", "children", "className", "depth", "disabled", "isExpanded", "label", "onNodeFocusEvent", "onSelect", "onToggle", "onTreeSelect", "renderIcon", "selected", "value"];
 function TreeNode(_ref) {

package/es/components/TreeView/TreeView.js

@@ -9,10 +9,10 @@ import { objectWithoutProperties as _objectWithoutProperties, defineProperty as
 import React__default, { useRef, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
+import { ArrowUp, ArrowDown, Home, End } from '../../internal/keyboard/keys.js';
+import { matches, match } from '../../internal/keyboard/match.js';
 import uniqueId from '../../tools/uniqueId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import { matches, match } from '../../internal/keyboard/match.js';
-import { ArrowUp, ArrowDown, Home, End } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["active", "children", "className", "hideLabel", "label", "multiselect", "onSelect", "selected", "size"];
 function TreeView(_ref) {

package/es/components/UIShell/Content.js

@@ -45,6 +45,5 @@ Content.propTypes = {
 Content.defaultProps = {
   tagName: 'main'
 };
-var Content$1 = Content;
 
-export { Content$1 as default };
+export { Content as default };

package/es/components/UIShell/Header.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
@@ -32,6 +32,5 @@ Header.propTypes = _objectSpread2(_objectSpread2({}, AriaLabelPropType), {}, {
    */
   className: PropTypes.string
 });
-var Header$1 = Header;
 
-export { Header$1 as default };
+export { Header as default };

package/es/components/UIShell/HeaderContainer.js

@@ -39,6 +39,5 @@ HeaderContainer.propTypes = {
 HeaderContainer.defaultProps = {
   isSideNavExpanded: false
 };
-var HeaderContainer$1 = HeaderContainer;
 
-export { HeaderContainer$1 as default };
+export { HeaderContainer as default };

package/es/components/UIShell/HeaderGlobalAction.js

@@ -5,11 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
+import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -82,6 +83,5 @@ HeaderGlobalAction.propTypes = _objectSpread2(_objectSpread2({}, AriaLabelPropTy
   tooltipAlignment: PropTypes.oneOf(['start', 'center', 'end'])
 });
 HeaderGlobalAction.displayName = 'HeaderGlobalAction';
-var HeaderGlobalAction$1 = HeaderGlobalAction;
 
-export { HeaderGlobalAction$1 as default };
+export { HeaderGlobalAction as default };

package/es/components/UIShell/HeaderMenu.js

@@ -5,15 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, createClass as _createClass, objectSpread2 as _objectSpread2, extends as _extends, objectWithoutProperties as _objectWithoutProperties } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { ChevronDown } from '@carbon/icons-react';
 import cx from 'classnames';
 import React__default from 'react';
 import PropTypes from 'prop-types';
+import { Enter, Space, Escape } from '../../internal/keyboard/keys.js';
+import { matches } from '../../internal/keyboard/match.js';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 import { PrefixContext } from '../../internal/usePrefix.js';
-import { matches } from '../../internal/keyboard/match.js';
-import { Enter, Space, Escape } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["isCurrentPage", "aria-label", "aria-labelledby", "className", "children", "renderMenuContent", "menuLinkName", "focusRef"];
 /**
@@ -246,6 +246,5 @@ var HeaderMenuForwardRef = /*#__PURE__*/React__default.forwardRef(function (prop
   }));
 });
 HeaderMenuForwardRef.displayName = 'HeaderMenu';
-var HeaderMenuForwardRef$1 = HeaderMenuForwardRef;
 
-export { HeaderMenu, HeaderMenuForwardRef$1 as default };
+export { HeaderMenu, HeaderMenuForwardRef as default };

package/es/components/UIShell/HeaderMenuButton.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { Menu, Close } from '@carbon/icons-react';
 import cx from 'classnames';
 import React__default from 'react';