@carbon/ibm-products 2.43.2-canary.32 → 2.43.2-canary.321

package/lib/components/FeatureFlags/index.js

@@ -7,16 +7,12 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var FeatureFlags$1 = require('@carbon/feature-flags');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _excluded = ["children", "flags"];
 
 /**
  * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
@@ -25,21 +21,27 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var FeatureFlagContext = /*#__PURE__*/React.createContext(FeatureFlags$1.FeatureFlags);
 
 /**
- * Supports an object of feature flag values with the `flags` prop, merging them
+ * Supports individual feature flag values as props, merging them
  * along with the current `FeatureFlagContext` to provide consumers to check if
  * a feature flag is enabled or disabled in a given React tree
  */
 function FeatureFlags(_ref) {
   var children = _ref.children,
     _ref$flags = _ref.flags,
-    flags = _ref$flags === void 0 ? {} : _ref$flags;
+    flags = _ref$flags === void 0 ? {} : _ref$flags,
+    newFlags = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var parentScope = React.useContext(FeatureFlagContext);
+  var newFlagsObject = Object.keys(newFlags).reduce(function (acc, key) {
+    acc[key] = newFlags[key];
+    return acc;
+  }, {});
+  var combinedFlags = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newFlagsObject), flags);
   var _useState = React.useState(parentScope),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     prevParentScope = _useState2[0],
     setPrevParentScope = _useState2[1];
   var _useState3 = React.useState(function () {
-      var scope = FeatureFlags$1.createScope(flags);
+      var scope = FeatureFlags$1.createScope(combinedFlags);
       scope.mergeWithScope(parentScope);
       return scope;
     }),
@@ -47,30 +49,29 @@ function FeatureFlags(_ref) {
     scope = _useState4[0],
     updateScope = _useState4[1];
   if (parentScope !== prevParentScope) {
-    var _scope = FeatureFlags$1.createScope(flags);
+    var _scope = FeatureFlags$1.createScope(combinedFlags);
     _scope.mergeWithScope(parentScope);
     updateScope(_scope);
     setPrevParentScope(parentScope);
   }
 
-  // We use a custom hook to detect if any of the keys or their values change
-  // for flags that are passed in. If they have changed, then we re-create the
-  // FeatureFlagScope using the new flags
-  useChangedValue(flags, isEqual, function (changedFlags) {
+  // We use a custom hook to detect if any of the individual flag props or their values change
+  // If any flags have changed, we re-create the FeatureFlagScope using the updated flags
+  useChangedValue(combinedFlags, isEqual, function (changedFlags) {
     var scope = FeatureFlags$1.createScope(changedFlags);
     scope.mergeWithScope(parentScope);
     updateScope(scope);
   });
-  return /*#__PURE__*/React__default["default"].createElement(FeatureFlagContext.Provider, {
+  return /*#__PURE__*/React.createElement(FeatureFlagContext.Provider, {
     value: scope
   }, children);
 }
 FeatureFlags.propTypes = {
-  children: index["default"].node,
+  children: index.default.node,
   /**
-   * Provide the feature flags to enabled or disabled in the current React tree
+   * Provide the feature flags to enabled or disabled in the current React tree, this has been deprecated. as we are going to pass individual boolean props for each flag.
    */
-  flags: index["default"].objectOf(index["default"].bool)
+  flags: index.default.objectOf(index.default.bool)
 };
 
 /**
@@ -108,21 +109,15 @@ function useChangedValue(value, compare, callback) {
 }
 
 /**
- * Access whether a given flag is enabled or disabled in a given
- * FeatureFlagContext
- *
- * @returns {boolean}
+ * Access whether a given flag is enabled or disabled in a given FeatureFlagContext
  */
 function useFeatureFlag(flag) {
   var scope = React.useContext(FeatureFlagContext);
-  // console.log(scope);
   return scope.enabled(flag);
 }
 
 /**
  * Access all feature flag information for the given FeatureFlagContext
- *
- * @returns {FeatureFlagScope}
  */
 function useFeatureFlags() {
   return React.useContext(FeatureFlagContext);
@@ -133,9 +128,6 @@ function useFeatureFlags() {
  * comparison since the objects we are comparing are objects with boolean flags
  * from the flags prop in the `FeatureFlags` component
  *
- * @param {object} a
- * @param {object} b
- * @returns {boolean}
  */
 function isEqual(a, b) {
   if (a === b) {

package/lib/components/FilterPanel/FilterPanel.js

@@ -7,20 +7,13 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["children", "className", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -30,15 +23,15 @@ var componentName = 'FilterPanel';
 /**
  * The container for filter panel subcomponents.
  */
-exports.FilterPanel = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.FilterPanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement("section", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className),
+  return /*#__PURE__*/React.createElement("section", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), title && /*#__PURE__*/React__default["default"].createElement("h1", {
+  }, devtools.getDevtoolsProps(componentName)), title && /*#__PURE__*/React.createElement("h1", {
     className: "".concat(blockClass, "__title")
   }, title), children);
 });
@@ -50,13 +43,13 @@ exports.FilterPanel.propTypes = {
   /**
    * Provide the contents of the FilterPanel.
    */
-  children: index["default"].node,
+  children: index.default.node,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Title text for the filter panel.
    */
-  title: index["default"].node
+  title: index.default.node
 };

package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js

@@ -7,22 +7,15 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../node_modules/prop-types/index.js');
+var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var react = require('@carbon/react');
 var devtools = require('../../../global/js/utils/devtools.js');
 var settings = require('../../../settings.js');
 var FilterPanelGroup = require('../FilterPanelGroup/FilterPanelGroup.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["accordionProps", "children", "className", "count", "labelText", "title"],
   _excluded2 = ["align"];
 
@@ -36,7 +29,7 @@ var defaults = {
 /**
  * A container with a label and optional count.
  */
-exports.FilterPanelAccordion = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.FilterPanelAccordion = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$accordionProps = _ref.accordionProps,
     accordionProps = _ref$accordionProps === void 0 ? defaults.accordionProps : _ref$accordionProps,
     children = _ref.children,
@@ -47,13 +40,13 @@ exports.FilterPanelAccordion = /*#__PURE__*/React__default["default"].forwardRef
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var align = accordionProps.align,
     otherAccordionProps = _rollupPluginBabelHelpers.objectWithoutProperties(accordionProps, _excluded2);
-  return /*#__PURE__*/React__default["default"].createElement(FilterPanelGroup.FilterPanelGroup, _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className),
+  return /*#__PURE__*/React.createElement(FilterPanelGroup.FilterPanelGroup, _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className),
     count: count,
     labelText: labelText,
     ref: ref,
     title: title
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(react.Accordion, _rollupPluginBabelHelpers["extends"]({}, otherAccordionProps, {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(react.Accordion, _rollupPluginBabelHelpers.extends({}, otherAccordionProps, {
     align: align || 'start',
     className: "".concat(blockClass, "__list")
   }), children));
@@ -66,25 +59,25 @@ exports.FilterPanelAccordion.propTypes = {
   /**
    * Props specific to the internal `Accordion` component.
    */
-  accordionProps: index["default"].shape({}),
+  accordionProps: index.default.shape({}),
   /**
    * Provide the contents of the FilterPanelAccordion.
    */
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Number to be displayed with the label.
    */
-  count: index["default"].oneOfType([index["default"].number, index["default"].string]),
+  count: index.default.oneOfType([index.default.number, index.default.string]),
   /**
    * The label for the component.
    */
-  labelText: index["default"].node.isRequired,
+  labelText: index.default.node.isRequired,
   /**
    * Optional title attribute for the label.
    */
-  title: index["default"].string
+  title: index.default.string
 };

package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js

@@ -7,22 +7,15 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../node_modules/prop-types/index.js');
+var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var react = require('@carbon/react');
 var devtools = require('../../../global/js/utils/devtools.js');
 var settings = require('../../../settings.js');
-var FilterPanelLabel = require('../FilterPanelLabel/FilterPanelLabel.js');
 var TruncatedList = require('../../TruncatedList/TruncatedList.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var FilterPanelLabel = require('../FilterPanelLabel/FilterPanelLabel.js');
 
 var _excluded = ["accordionItemProps", "truncatedListProps", "children", "className", "count", "labelText", "title"];
 
@@ -37,7 +30,7 @@ var defaults = {
 /**
  * A container with a label and optional count.
  */
-exports.FilterPanelAccordionItem = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.FilterPanelAccordionItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$accordionItemPro = _ref.accordionItemProps,
     accordionItemProps = _ref$accordionItemPro === void 0 ? defaults.accordionItemProps : _ref$accordionItemPro,
     _ref$truncatedListPro = _ref.truncatedListProps,
@@ -48,18 +41,18 @@ exports.FilterPanelAccordionItem = /*#__PURE__*/React__default["default"].forwar
     labelText = _ref.labelText,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement(react.AccordionItem, _rollupPluginBabelHelpers["extends"]({}, accordionItemProps, {
-    className: cx__default["default"](blockClass, className),
+  return /*#__PURE__*/React.createElement(react.AccordionItem, _rollupPluginBabelHelpers.extends({}, accordionItemProps, {
+    className: cx(blockClass, className),
     ref: ref,
-    title: /*#__PURE__*/React__default["default"].createElement(FilterPanelLabel.FilterPanelLabel, _rollupPluginBabelHelpers["extends"]({}, rest, {
+    title: /*#__PURE__*/React.createElement(FilterPanelLabel.FilterPanelLabel, _rollupPluginBabelHelpers.extends({}, rest, {
       count: count,
       labelText: labelText,
       title: title
     }))
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(TruncatedList.TruncatedList, _rollupPluginBabelHelpers["extends"]({}, truncatedListProps, {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(TruncatedList.TruncatedList, _rollupPluginBabelHelpers.extends({}, truncatedListProps, {
     className: "".concat(blockClass, "__list")
   }), React.Children.map(children, function (child) {
-    return /*#__PURE__*/React__default["default"].createElement(react.ListItem, {
+    return /*#__PURE__*/React.createElement(react.ListItem, {
       className: "".concat(blockClass, "__list-item"),
       key: child.key
     }, child);
@@ -73,29 +66,29 @@ exports.FilterPanelAccordionItem.propTypes = {
   /**
    * Props specific to the internal `AccordionItem` component.
    */
-  accordionItemProps: index["default"].shape({}),
+  accordionItemProps: index.default.shape({}),
   /**
    * Provide the contents of the FilterPanelAccordionItem.
    */
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Number to be displayed with the label.
    */
-  count: index["default"].oneOfType([index["default"].number, index["default"].string]),
+  count: index.default.oneOfType([index.default.number, index.default.string]),
   /**
    * The label for the component.
    */
-  labelText: index["default"].node.isRequired,
+  labelText: index.default.node.isRequired,
   /**
    * Optional title attribute for the label.
    */
-  title: index["default"].string,
+  title: index.default.string,
   /**
    * Props specific to the internal `TruncatedList` component.
    */
-  truncatedListProps: index["default"].shape({})
+  truncatedListProps: index.default.shape({})
 };

package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js

@@ -7,22 +7,15 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../node_modules/prop-types/index.js');
+var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var react = require('@carbon/react');
 var devtools = require('../../../global/js/utils/devtools.js');
 var settings = require('../../../settings.js');
 var FilterPanelLabel = require('../FilterPanelLabel/FilterPanelLabel.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["className", "count", "id", "labelText", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -37,17 +30,17 @@ var componentName = 'FilterPanelCheckbox';
  * All of Carbon Checkbox's props are directly available
  * through "...rest", including id, onClick, etc.
  */
-exports.FilterPanelCheckbox = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.FilterPanelCheckbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     count = _ref.count,
     id = _ref.id,
     labelText = _ref.labelText,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement(react.Checkbox, _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className),
+  return /*#__PURE__*/React.createElement(react.Checkbox, _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className),
     id: id,
-    labelText: /*#__PURE__*/React__default["default"].createElement(FilterPanelLabel.FilterPanelLabel, {
+    labelText: /*#__PURE__*/React.createElement(FilterPanelLabel.FilterPanelLabel, {
       count: count,
       labelText: labelText,
       title: title
@@ -63,21 +56,21 @@ exports.FilterPanelCheckbox.propTypes = {
   /**
    * Optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Number to be displayed with the checkbox.
    */
-  count: index["default"].oneOfType([index["default"].number, index["default"].string]),
+  count: index.default.oneOfType([index.default.number, index.default.string]),
   /**
    * Unique identifier.
    */
-  id: index["default"].string.isRequired,
+  id: index.default.string.isRequired,
   /**
    * Label to be displayed with the checkbox.
    */
-  labelText: index["default"].node.isRequired,
+  labelText: index.default.node.isRequired,
   /**
    * Optional title attribute for the label.
    */
-  title: index["default"].string
+  title: index.default.string
 };

package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js

@@ -7,22 +7,15 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../node_modules/prop-types/index.js');
+var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var react = require('@carbon/react');
 var devtools = require('../../../global/js/utils/devtools.js');
 var settings = require('../../../settings.js');
 var FilterPanelCheckbox = require('../FilterPanelCheckbox/FilterPanelCheckbox.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["children", "className", "count", "id", "labelText", "overflowMenuProps", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -40,7 +33,7 @@ var defaults = {
  *
  * Use `overflowMenuProps` for properties specific to the OverflowMenu.
  */
-exports.FilterPanelCheckboxWithOverflow = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.FilterPanelCheckboxWithOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     count = _ref.count,
@@ -59,8 +52,8 @@ exports.FilterPanelCheckboxWithOverflow = /*#__PURE__*/React__default["default"]
     showMenuButton = _useState4[0],
     setShowMenuButton = _useState4[1];
   // Destructure overflow menu properties.
-  var other = _rollupPluginBabelHelpers["extends"]({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(overflowMenuProps), overflowMenuProps));
-  var backupRef = React.useRef();
+  var other = _rollupPluginBabelHelpers.extends({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(overflowMenuProps), overflowMenuProps));
+  var backupRef = React.useRef(undefined);
   var localRef = ref || backupRef;
   var setHideButton = function setHideButton(activeElement) {
     if (!menuIsOpen && !localRef.current.contains(activeElement)) {
@@ -73,8 +66,8 @@ exports.FilterPanelCheckboxWithOverflow = /*#__PURE__*/React__default["default"]
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-      className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--open"), menuIsOpen)),
+    React.createElement("div", _rollupPluginBabelHelpers.extends({
+      className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--open"), menuIsOpen)),
       onBlur: function onBlur(_ref2) {
         var relatedTarget = _ref2.relatedTarget;
         return setHideButton(relatedTarget);
@@ -101,16 +94,16 @@ exports.FilterPanelCheckboxWithOverflow = /*#__PURE__*/React__default["default"]
         return setHideButton(document.activeElement);
       },
       ref: localRef
-    }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(FilterPanelCheckbox.FilterPanelCheckbox, _rollupPluginBabelHelpers["extends"]({}, rest, {
-      className: cx__default["default"]("".concat(blockClass, "__checkbox")),
+    }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(FilterPanelCheckbox.FilterPanelCheckbox, _rollupPluginBabelHelpers.extends({}, rest, {
+      className: cx("".concat(blockClass, "__checkbox")),
       count: count,
       id: id,
       labelText: labelText,
       title: title
-    })), showMenuButton && /*#__PURE__*/React__default["default"].createElement(react.OverflowMenu, _rollupPluginBabelHelpers["extends"]({
+    })), showMenuButton && /*#__PURE__*/React.createElement(react.OverflowMenu, _rollupPluginBabelHelpers.extends({
       open: overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps.open,
-      className: cx__default["default"]("".concat(blockClass, "__overflow-button"), overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps.menuClass),
-      menuOptionsClass: cx__default["default"]("".concat(blockClass, "__overflow-options"), overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps.menuOptionsClass),
+      className: cx("".concat(blockClass, "__overflow-button"), overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps.menuClass),
+      menuOptionsClass: cx("".concat(blockClass, "__overflow-options"), overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps.menuOptionsClass),
       "aria-label": overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps['aria-label'],
       iconDescription: overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps['aria-label'],
       onOpen: function onOpen() {
@@ -132,33 +125,33 @@ exports.FilterPanelCheckboxWithOverflow.propTypes = {
   /**
    * Children containing `OverflowMenuItems`.
    */
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Number to be displayed with the checkbox.
    */
-  count: index["default"].oneOfType([index["default"].number, index["default"].string]),
+  count: index.default.oneOfType([index.default.number, index.default.string]),
   /**
    * Unique identifier.
    */
-  id: index["default"].string.isRequired,
+  id: index.default.string.isRequired,
   /**
    * Label to be displayed with the checkbox.
    */
-  labelText: index["default"].node.isRequired,
+  labelText: index.default.node.isRequired,
   /**
    * Checkbox event handler.
    */
-  onChange: index["default"].func,
+  onChange: index.default.func,
   /**
    * Props specific to the internal `OverflowMenu` component.
    */
-  overflowMenuProps: index["default"].shape(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, 'aria-label', index["default"].string), "flipped", index["default"].bool), "menuClass", index["default"].string), "menuOptionsClass", index["default"].string), "open", index["default"].bool), "selectorPrimaryFocus", index["default"].string)),
+  overflowMenuProps: index.default.shape(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, 'aria-label', index.default.string), "flipped", index.default.bool), "menuClass", index.default.string), "menuOptionsClass", index.default.string), "open", index.default.bool), "selectorPrimaryFocus", index.default.string)),
   /**
    * Optional title attribute for the label.
    */
-  title: index["default"].string
+  title: index.default.string
 };

package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js

@@ -7,21 +7,14 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../node_modules/prop-types/index.js');
+var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../../global/js/utils/devtools.js');
 var settings = require('../../../settings.js');
 var FilterPanelLabel = require('../FilterPanelLabel/FilterPanelLabel.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["children", "className", "count", "labelText", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -31,23 +24,23 @@ var componentName = 'FilterPanelGroup';
 /**
  * A container with a label and optional count.
  */
-exports.FilterPanelGroup = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.FilterPanelGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     count = _ref.count,
     labelText = _ref.labelText,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), labelText && /*#__PURE__*/React__default["default"].createElement("h2", {
+  }, devtools.getDevtoolsProps(componentName)), labelText && /*#__PURE__*/React.createElement("h2", {
     className: "".concat(blockClass, "__title")
-  }, /*#__PURE__*/React__default["default"].createElement(FilterPanelLabel.FilterPanelLabel, {
+  }, /*#__PURE__*/React.createElement(FilterPanelLabel.FilterPanelLabel, {
     count: count,
     labelText: labelText,
     title: title
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__content")
   }, children));
 });
@@ -59,21 +52,21 @@ exports.FilterPanelGroup.propTypes = {
   /**
    * Provide the contents of the FilterPanelGroup.
    */
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Number to be displayed with the label.
    */
-  count: index["default"].oneOfType([index["default"].number, index["default"].string]),
+  count: index.default.oneOfType([index.default.number, index.default.string]),
   /**
    * The label for the component.
    */
-  labelText: index["default"].node.isRequired,
+  labelText: index.default.node.isRequired,
   /**
    * Optional title attribute for the label.
    */
-  title: index["default"].string
+  title: index.default.string
 };