@carbon/react 1.21.0-rc.0 → 1.22.0-rc.0

package/lib/components/ListBox/ListBoxMenuItem.js

@@ -37,13 +37,12 @@ function useIsTruncated(ref) {
   }, [ref, setIsTruncated]);
   return isTruncated;
 }
+
 /**
  * `ListBoxMenuItem` is a helper component for managing the container class
  * name, alongside any classes for any corresponding states, for a generic list
  * box menu item.
  */
-
-
 var ListBoxMenuItem = /*#__PURE__*/React__default["default"].forwardRef(function ListBoxMenuItem(_ref, forwardedRef) {
   var _cx;
 
@@ -60,7 +59,7 @@ var ListBoxMenuItem = /*#__PURE__*/React__default["default"].forwardRef(function
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
     className: className,
     title: isTruncated ? title : undefined,
-    tabIndex: "-1"
+    tabIndex: -1
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--list-box__menu-item__option"),
     ref: (forwardedRef === null || forwardedRef === void 0 ? void 0 : forwardedRef.menuItemOptionRef) || ref

package/lib/components/ListBox/ListBoxPropTypes.js

@@ -15,8 +15,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-var ListBoxType = PropTypes__default["default"].oneOf(['default', 'inline']);
-var ListBoxSize = PropTypes__default["default"].oneOf(['sm', 'md', 'lg']);
+var listBoxTypes = ['default', 'inline'];
+var listBoxSizes = ['sm', 'md', 'lg'];
+var ListBoxType = PropTypes__default["default"].oneOf(listBoxTypes);
+var ListBoxSize = PropTypes__default["default"].oneOf(listBoxSizes);
 
 exports.ListBoxSize = ListBoxSize;
 exports.ListBoxType = ListBoxType;

package/lib/components/ListBox/ListBoxSelection.js

@@ -14,9 +14,9 @@ var cx = require('classnames');
 var React = require('react');
 var PropTypes = require('prop-types');
 var iconsReact = require('@carbon/icons-react');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.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 }; }
 
@@ -25,13 +25,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var _Close, _Close2, _defaultTranslations;
+
 /**
  * `ListBoxSelection` is used to provide controls for clearing a selection, in
  * addition to conditionally rendering a badge if the control has more than one
  * selection.
  */
-
-function ListBoxSelection(_ref) {
+var ListBoxSelection = function ListBoxSelection(_ref) {
   var _cx;
 
   var clearSelection = _ref.clearSelection,
@@ -65,7 +65,7 @@ function ListBoxSelection(_ref) {
     } // When a user hits ENTER, we'll clear the selection
 
 
-    if (match.match(event, keys.Enter)) {
+    if (match.match(event.code, keys.Enter)) {
       clearSelection(event);
 
       if (onClearSelection) {
@@ -80,14 +80,13 @@ function ListBoxSelection(_ref) {
     className: tagClasses
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(prefix, "--tag__label"),
-    title: selectionCount
+    title: "".concat(selectionCount)
   }, selectionCount), /*#__PURE__*/React__default["default"].createElement("div", {
     role: "button",
     tabIndex: disabled ? -1 : 0,
     className: "".concat(prefix, "--tag__close-icon"),
     onClick: handleOnClick,
     onKeyDown: handleOnKeyDown,
-    disabled: disabled,
     "aria-label": t('clear.all'),
     title: description,
     "aria-disabled": readOnly ? true : undefined
@@ -100,7 +99,7 @@ function ListBoxSelection(_ref) {
     "aria-label": description,
     title: description
   }, selectionCount, _Close2 || (_Close2 = /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, null)));
-}
+};
 
 var translationIds = {
   'clear.all': 'clear.all',
@@ -125,18 +124,6 @@ ListBoxSelection.propTypes = {
    */
   onClearSelection: PropTypes__default["default"].func,
 
-  /**
-   * Specify an optional `onClick` handler that is called when the underlying
-   * clear selection element is clicked
-   */
-  onClick: PropTypes__default["default"].func,
-
-  /**
-   * Specify an optional `onKeyDown` handler that is called when the underlying
-   * clear selection element fires a keydown event
-   */
-  onKeyDown: PropTypes__default["default"].func,
-
   /**
    * Whether or not the Dropdown is readonly
    */

package/lib/components/ListBox/index.js

@@ -9,18 +9,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./ListBoxPropTypes.js');
-var ListBox = require('./ListBox.js');
+var ListBoxPropTypes = require('./ListBoxPropTypes.js');
+var ListBox$1 = require('./ListBox.js');
 var ListBoxField = require('./ListBoxField.js');
 var ListBoxMenu = require('./ListBoxMenu.js');
 var ListBoxMenuIcon = require('./ListBoxMenuIcon.js');
 var ListBoxMenuItem = require('./ListBoxMenuItem.js');
 var ListBoxSelection = require('./ListBoxSelection.js');
 
-ListBox["default"].Field = ListBoxField["default"];
-ListBox["default"].Menu = ListBoxMenu["default"];
-ListBox["default"].MenuIcon = ListBoxMenuIcon["default"];
-ListBox["default"].MenuItem = ListBoxMenuItem["default"];
-ListBox["default"].Selection = ListBoxSelection["default"];
+var ListBox = Object.assign(ListBox$1["default"], {
+  Field: ListBoxField["default"],
+  Menu: ListBoxMenu["default"],
+  MenuIcon: ListBoxMenuIcon["default"],
+  MenuItem: ListBoxMenuItem["default"],
+  Selection: ListBoxSelection["default"]
+});
 
-exports["default"] = ListBox["default"];
+exports.ListBoxSize = ListBoxPropTypes.ListBoxSize;
+exports.ListBoxType = ListBoxPropTypes.ListBoxType;
+exports["default"] = ListBox;

package/lib/components/ListBox/next/ListBoxSelection.js

@@ -14,9 +14,9 @@ var cx = require('classnames');
 var React = require('react');
 var PropTypes = require('prop-types');
 var iconsReact = require('@carbon/icons-react');
-var keys = require('../../../internal/keyboard/keys.js');
-var match = require('../../../internal/keyboard/match.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/ListBox/next/ListBoxTrigger.js

@@ -73,6 +73,7 @@ ListBoxTrigger.defaultProps = {
     return defaultTranslations[id];
   }
 };
+var ListBoxTrigger$1 = ListBoxTrigger;
 
-exports["default"] = ListBoxTrigger;
+exports["default"] = ListBoxTrigger$1;
 exports.translationIds = translationIds;

package/lib/components/ListItem/ListItem.js

@@ -46,5 +46,6 @@ ListItem.propTypes = {
    */
   className: PropTypes__default["default"].string
 };
+var ListItem$1 = ListItem;
 
-exports["default"] = ListItem;
+exports["default"] = ListItem$1;

package/lib/components/Menu/Menu.js

@@ -14,14 +14,14 @@ var React = require('react');
 var ReactDOM = require('react-dom');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var _utils = require('./_utils.js');
 var MenuGroup = require('./MenuGroup.js');
 var MenuRadioGroup = require('./MenuRadioGroup.js');
 var MenuRadioGroupOptions = require('./MenuRadioGroupOptions.js');
 var MenuSelectableItem = require('./MenuSelectableItem.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 }; }
 
@@ -334,5 +334,6 @@ Menu.propTypes = {
    */
   y: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].arrayOf(PropTypes__default["default"].number)])
 };
+var Menu$1 = Menu;
 
-exports["default"] = Menu;
+exports["default"] = Menu$1;

package/lib/components/Menu/MenuOption.js

@@ -14,11 +14,11 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var _utils = require('./_utils.js');
 var Menu = require('./Menu.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/Modal/Modal.js

@@ -16,7 +16,6 @@ var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
 var toggleClass = require('../../tools/toggleClass.js');
 var Button = require('../Button/Button.js');
-require('../Button/Button.Skeleton.js');
 var ButtonSet = require('../ButtonSet/ButtonSet.js');
 var requiredIfGivenPropIsTruthy = require('../../prop-types/requiredIfGivenPropIsTruthy.js');
 var wrapFocus = require('../../internal/wrapFocus.js');
@@ -281,5 +280,6 @@ Modal.defaultProps = {
   selectorPrimaryFocus: '[data-modal-primary-focus]',
   hasScrollingContent: false
 };
+var Modal$1 = Modal;
 
-exports["default"] = Modal;
+exports["default"] = Modal$1;

package/lib/components/ModalWrapper/ModalWrapper.js

@@ -14,7 +14,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var Modal = require('../Modal/Modal.js');
 var Button = require('../Button/Button.js');
-require('../Button/Button.Skeleton.js');
 var types = require('../../prop-types/types.js');
 var warning = require('../../internal/warning.js');
 

package/lib/components/MultiSelect/FilterableMultiSelect.js

@@ -18,11 +18,7 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var filter = require('../ComboBox/tools/filter.js');
 var MultiSelectPropTypes = require('./MultiSelectPropTypes.js');
-require('../ListBox/index.js');
-var ListBoxSelection = require('../ListBox/next/ListBoxSelection.js');
-var ListBoxTrigger = require('../ListBox/next/ListBoxTrigger.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
+var index$1 = require('../ListBox/index.js');
 var Selection = require('../../internal/Selection.js');
 var itemToString = require('./tools/itemToString.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
@@ -33,8 +29,11 @@ var index = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
 require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
+var match = require('../../internal/keyboard/match.js');
+var ListBoxSelection = require('../ListBox/next/ListBoxSelection.js');
+var ListBoxTrigger = require('../ListBox/next/ListBoxTrigger.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
-var ListBox = require('../ListBox/ListBox.js');
+var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -333,7 +332,7 @@ var FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(fu
           className: wrapperClasses
         }, titleText ? /*#__PURE__*/React__default["default"].createElement("label", _rollupPluginBabelHelpers["extends"]({
           className: titleClasses
-        }, labelProps), titleText) : null, /*#__PURE__*/React__default["default"].createElement(ListBox["default"], {
+        }, labelProps), titleText) : null, /*#__PURE__*/React__default["default"].createElement(index$1["default"], {
           onFocus: isFluid ? handleFocus : null,
           onBlur: isFluid ? handleFocus : null,
           className: className,
@@ -382,7 +381,7 @@ var FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(fu
         }), /*#__PURE__*/React__default["default"].createElement(ListBoxTrigger["default"], _rollupPluginBabelHelpers["extends"]({}, buttonProps, {
           isOpen: isOpen,
           translateWithId: translateWithId
-        }))), isOpen ? /*#__PURE__*/React__default["default"].createElement(ListBox["default"].Menu, menuProps, sortItems(filterItems(items, {
+        }))), isOpen ? /*#__PURE__*/React__default["default"].createElement(index$1["default"].Menu, menuProps, sortItems(filterItems(items, {
           itemToString: itemToString,
           inputValue: inputValue
         }), {
@@ -403,7 +402,7 @@ var FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(fu
           var isChecked = selectedItem.filter(function (selected) {
             return isEqual__default["default"](selected, item);
           }).length > 0;
-          return /*#__PURE__*/React__default["default"].createElement(ListBox["default"].MenuItem, _rollupPluginBabelHelpers["extends"]({
+          return /*#__PURE__*/React__default["default"].createElement(index$1["default"].MenuItem, _rollupPluginBabelHelpers["extends"]({
             key: itemProps.id,
             "aria-label": itemText,
             isActive: isChecked,
@@ -576,5 +575,6 @@ FilterableMultiSelect.defaultProps = {
   open: false,
   selectionFeedback: 'top-after-reopen'
 };
+var FilterableMultiSelect$1 = FilterableMultiSelect;
 
-exports["default"] = FilterableMultiSelect;
+exports["default"] = FilterableMultiSelect$1;

package/lib/components/MultiSelect/MultiSelect.js

@@ -16,7 +16,7 @@ var Downshift = require('downshift');
 var isEqual = require('lodash.isequal');
 var PropTypes = require('prop-types');
 var React = require('react');
-require('../ListBox/index.js');
+var index$1 = require('../ListBox/index.js');
 var MultiSelectPropTypes = require('./MultiSelectPropTypes.js');
 var itemToString = require('./tools/itemToString.js');
 var sorting = require('./tools/sorting.js');
@@ -24,14 +24,13 @@ var Selection = require('../../internal/Selection.js');
 var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 var deprecate = require('../../prop-types/deprecate.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var index = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
 require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
+var match = require('../../internal/keyboard/match.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
-var ListBox = require('../ListBox/ListBox.js');
+var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -264,7 +263,7 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
     className: titleClasses
   }, getLabelProps()), titleText && titleText, selectedItems.length > 0 && /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(prefix, "--visually-hidden")
-  }, clearSelectionDescription, " ", selectedItems.length, ",", clearSelectionText)), /*#__PURE__*/React__default["default"].createElement(ListBox["default"], {
+  }, clearSelectionDescription, " ", selectedItems.length, ",", clearSelectionText)), /*#__PURE__*/React__default["default"].createElement(index$1["default"], {
     onFocus: isFluid ? handleFocus : null,
     onBlur: isFluid ? handleFocus : null,
     type: type,
@@ -291,7 +290,7 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
   }, toggleButtonProps, {
     ref: mergeRefs["default"](toggleButtonProps.ref, ref),
     onKeyDown: onKeyDown
-  }, readOnlyEventHandlers), selectedItems.length > 0 && /*#__PURE__*/React__default["default"].createElement(ListBox["default"].Selection, {
+  }, readOnlyEventHandlers), selectedItems.length > 0 && /*#__PURE__*/React__default["default"].createElement(index$1["default"].Selection, {
     readOnly: readOnly,
     clearSelection: !disabled && !readOnly ? clearSelection : noop,
     selectionCount: selectedItems.length,
@@ -300,10 +299,10 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
   }), /*#__PURE__*/React__default["default"].createElement("span", {
     id: fieldLabelId,
     className: "".concat(prefix, "--list-box__label")
-  }, label), /*#__PURE__*/React__default["default"].createElement(ListBox["default"].MenuIcon, {
+  }, label), /*#__PURE__*/React__default["default"].createElement(index$1["default"].MenuIcon, {
     isOpen: isOpen,
     translateWithId: translateWithId
-  })), /*#__PURE__*/React__default["default"].createElement(ListBox["default"].Menu, _rollupPluginBabelHelpers["extends"]({
+  })), /*#__PURE__*/React__default["default"].createElement(index$1["default"].Menu, _rollupPluginBabelHelpers["extends"]({
     "aria-multiselectable": "true"
   }, getMenuProps()), isOpen && sortItems(items, sortOptions).map(function (item, index) {
     var _getItemProps;
@@ -317,7 +316,7 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
     var isChecked = selectedItems.filter(function (selected) {
       return isEqual__default["default"](selected, item);
     }).length > 0;
-    return /*#__PURE__*/React__default["default"].createElement(ListBox["default"].MenuItem, _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React__default["default"].createElement(index$1["default"].MenuItem, _rollupPluginBabelHelpers["extends"]({
       key: itemProps.id,
       isActive: isChecked,
       "aria-label": itemText,
@@ -514,5 +513,6 @@ MultiSelect.defaultProps = {
   clearSelectionDescription: 'Total items selected: ',
   selectedItems: null
 };
+var MultiSelect$1 = MultiSelect;
 
-exports["default"] = MultiSelect;
+exports["default"] = MultiSelect$1;

package/lib/components/Notification/Notification.js

@@ -15,13 +15,12 @@ var React = require('react');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
 var Button = require('../Button/Button.js');
-require('../Button/Button.Skeleton.js');
 var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var useId = require('../../internal/useId.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/OrderedList/OrderedList.js

@@ -71,5 +71,6 @@ OrderedList.defaultProps = {
   native: false,
   isExpressive: false
 };
+var OrderedList$1 = OrderedList;
 
-exports["default"] = OrderedList;
+exports["default"] = OrderedList$1;

package/lib/components/OverflowMenu/OverflowMenu.js

@@ -17,12 +17,12 @@ var cx = require('classnames');
 var ClickListener = require('../../internal/ClickListener.js');
 var FloatingMenu = require('../../internal/FloatingMenu.js');
 var iconsReact = require('@carbon/icons-react');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FeatureFlags = require('@carbon/feature-flags');
 var deprecate = require('../../prop-types/deprecate.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 }; }
 
@@ -296,6 +296,17 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
         onClose();
       }
     }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      // ensure that if open=true on first render, we wait
+      // to render the floating menu until the trigger ref is not null
+      if (this._triggerRef.current) {
+        this.setState({
+          hasMountedTrigger: true
+        });
+      }
+    }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -386,7 +397,7 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
         "aria-label": ariaLabel,
         id: id,
         ref: mergeRefs["default"](this._triggerRef, ref)
-      }), /*#__PURE__*/React__default["default"].createElement(IconElement, iconProps), open && wrappedMenuBody));
+      }), /*#__PURE__*/React__default["default"].createElement(IconElement, iconProps), open && this.state.hasMountedTrigger && wrappedMenuBody));
     }
   }], [{
     key: "getDerivedStateFromProps",

package/lib/components/OverflowMenuItem/OverflowMenuItem.js

@@ -13,10 +13,10 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var warning = require('../../internal/warning.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 }; }
 
@@ -180,5 +180,6 @@ OverflowMenuItem.propTypes = {
    */
   wrapperClassName: PropTypes__default["default"].string
 };
+var OverflowMenuItem$1 = OverflowMenuItem;
 
-exports["default"] = OverflowMenuItem;
+exports["default"] = OverflowMenuItem$1;

package/lib/components/OverflowMenuV2/index.js

@@ -16,10 +16,10 @@ var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
 var useId = require('../../internal/useId.js');
 require('../Menu/index.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var Menu = require('../Menu/Menu.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/Pagination/Pagination.js

@@ -15,7 +15,6 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var Select = require('../Select/Select.js');
-require('../Select/Select.Skeleton.js');
 var SelectItem = require('../SelectItem/SelectItem.js');
 var array = require('../../tools/array.js');
 var useId = require('../../internal/useId.js');
@@ -429,5 +428,6 @@ Pagination.propTypes = {
    */
   totalItems: PropTypes__default["default"].number
 };
+var Pagination$1 = Pagination;
 
-exports["default"] = Pagination;
+exports["default"] = Pagination$1;

package/lib/components/Pagination/experimental/PageSelector.js

@@ -15,7 +15,6 @@ var PropTypes = require('prop-types');
 var cx = require('classnames');
 var setupGetInstanceId = require('../../../tools/setupGetInstanceId.js');
 var Select = require('../../Select/Select.js');
-require('../../Select/Select.Skeleton.js');
 var SelectItem = require('../../SelectItem/SelectItem.js');
 var usePrefix = require('../../../internal/usePrefix.js');
 

package/lib/components/Pagination/experimental/Pagination.js

@@ -15,9 +15,7 @@ var PropTypes = require('prop-types');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
 var Button = require('../../Button/Button.js');
-require('../../Button/Button.Skeleton.js');
 var Select = require('../../Select/Select.js');
-require('../../Select/Select.Skeleton.js');
 var SelectItem = require('../../SelectItem/SelectItem.js');
 var index = require('../../IconButton/index.js');
 var FeatureFlags = require('@carbon/feature-flags');

package/lib/components/PaginationNav/PaginationNav.js

@@ -15,7 +15,6 @@ var React = require('react');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
 var Button = require('../Button/Button.js');
-require('../Button/Button.Skeleton.js');
 var index = require('../IconButton/index.js');
 var FeatureFlags = require('@carbon/feature-flags');
 var usePrefix = require('../../internal/usePrefix.js');
@@ -461,5 +460,6 @@ PaginationNav.propTypes = {
    */
   translateWithId: PropTypes__default["default"].func
 };
+var PaginationNav$1 = PaginationNav;
 
-exports["default"] = PaginationNav;
+exports["default"] = PaginationNav$1;

package/lib/components/Popover/index.js

@@ -72,6 +72,10 @@ var Popover = /*#__PURE__*/React__default["default"].forwardRef(function Popover
 
   var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover-container"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--caret"), caret), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--drop-shadow"), dropShadow), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--high-contrast"), highContrast), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--open"), open), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--").concat(autoAlignment), autoAligned), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--").concat(align), !autoAligned), _rollupPluginBabelHelpers.defineProperty(_cx, customClassName, !!customClassName), _cx));
   useIsomorphicEffect["default"](function () {
+    if (!open) {
+      return;
+    }
+
     if (!autoAlign) {
       setAutoAligned(false);
       return;
@@ -159,7 +163,7 @@ var Popover = /*#__PURE__*/React__default["default"].forwardRef(function Popover
       setAutoAligned(true);
       setAutoAlignment(alignment);
     }
-  }, [autoAligned, align, autoAlign, prefix]);
+  }, [autoAligned, align, autoAlign, prefix, open]);
   return /*#__PURE__*/React__default["default"].createElement(PopoverContext.Provider, {
     value: value
   }, /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({}, rest, {

package/lib/components/PrimaryButton/PrimaryButton.js

@@ -12,7 +12,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var Button = require('../Button/Button.js');
-require('../Button/Button.Skeleton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -24,4 +23,6 @@ var PrimaryButton = function PrimaryButton(props) {
   }, props));
 };
 
-exports["default"] = PrimaryButton;
+var PrimaryButton$1 = PrimaryButton;
+
+exports["default"] = PrimaryButton$1;

package/lib/components/ProgressIndicator/ProgressIndicator.js

@@ -13,10 +13,10 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var iconsReact = require('@carbon/icons-react');
 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/RadioButton/RadioButton.js

@@ -136,5 +136,6 @@ RadioButton.propTypes = {
    */
   value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
 };
+var RadioButton$1 = RadioButton;
 
-exports["default"] = RadioButton;
+exports["default"] = RadioButton$1;

package/lib/components/RadioButtonGroup/RadioButtonGroup.js

@@ -161,5 +161,6 @@ RadioButtonGroup.propTypes = {
    */
   valueSelected: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
 };
+var RadioButtonGroup$1 = RadioButtonGroup;
 
-exports["default"] = RadioButtonGroup;
+exports["default"] = RadioButtonGroup$1;

package/lib/components/RadioTile/RadioTile.js

@@ -14,11 +14,11 @@ var iconsReact = require('@carbon/icons-react');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
-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');
+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 }; }