@carbon/ibm-products 2.65.0 → 2.66.0

package/es/components/FeatureFlags/index.js

@@ -5,18 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useContext, createContext, useState, useRef, useEffect } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import { FeatureFlags as FeatureFlags$1, createScope } from '@carbon/feature-flags';
 
-var _excluded = ["children", "flags"];
-
 /**
  * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
  * or disable feature flags in a given React tree
  */
-var FeatureFlagContext = /*#__PURE__*/createContext(FeatureFlags$1);
+const FeatureFlagContext = /*#__PURE__*/createContext(FeatureFlags$1);
 
 /**
  * Supports individual feature flag values as props, merging them
@@ -24,39 +21,37 @@ var FeatureFlagContext = /*#__PURE__*/createContext(FeatureFlags$1);
  * 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,
-    newFlags = _objectWithoutProperties(_ref, _excluded);
-  var parentScope = useContext(FeatureFlagContext);
-  var newFlagsObject = Object.keys(newFlags).reduce(function (acc, key) {
+  let {
+    children,
+    flags = {},
+    ...newFlags
+  } = _ref;
+  const parentScope = useContext(FeatureFlagContext);
+  const newFlagsObject = Object.keys(newFlags).reduce((acc, key) => {
     acc[key] = newFlags[key];
     return acc;
   }, {});
-  var combinedFlags = _objectSpread2(_objectSpread2({}, newFlagsObject), flags);
-  var _useState = useState(parentScope),
-    _useState2 = _slicedToArray(_useState, 2),
-    prevParentScope = _useState2[0],
-    setPrevParentScope = _useState2[1];
-  var _useState3 = useState(function () {
-      var scope = createScope(combinedFlags);
-      scope.mergeWithScope(parentScope);
-      return scope;
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    scope = _useState4[0],
-    updateScope = _useState4[1];
+  const combinedFlags = {
+    ...newFlagsObject,
+    ...flags
+  };
+  const [prevParentScope, setPrevParentScope] = useState(parentScope);
+  const [scope, updateScope] = useState(() => {
+    const scope = createScope(combinedFlags);
+    scope.mergeWithScope(parentScope);
+    return scope;
+  });
   if (parentScope !== prevParentScope) {
-    var _scope = createScope(combinedFlags);
-    _scope.mergeWithScope(parentScope);
-    updateScope(_scope);
+    const scope = createScope(combinedFlags);
+    scope.mergeWithScope(parentScope);
+    updateScope(scope);
     setPrevParentScope(parentScope);
   }
 
   // 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 = createScope(changedFlags);
+  useChangedValue(combinedFlags, isEqual, changedFlags => {
+    const scope = createScope(changedFlags);
     scope.mergeWithScope(parentScope);
     updateScope(scope);
   });
@@ -83,25 +78,22 @@ FeatureFlags.propTypes = {
  * @param {Function} callback
  */
 function useChangedValue(value, compare, callback) {
-  var initialRender = useRef(false);
-  var savedCallback = useRef(callback);
-  var _useState5 = useState(value),
-    _useState6 = _slicedToArray(_useState5, 2),
-    prevValue = _useState6[0],
-    setPrevValue = _useState6[1];
+  const initialRender = useRef(false);
+  const savedCallback = useRef(callback);
+  const [prevValue, setPrevValue] = useState(value);
   if (!compare(prevValue, value)) {
     setPrevValue(value);
   }
-  useEffect(function () {
+  useEffect(() => {
     savedCallback.current = callback;
   });
-  useEffect(function () {
+  useEffect(() => {
     // We only want the callback triggered after the first render
     if (initialRender.current) {
       savedCallback.current(prevValue);
     }
   }, [prevValue]);
-  useEffect(function () {
+  useEffect(() => {
     initialRender.current = true;
   }, []);
 }
@@ -110,7 +102,7 @@ function useChangedValue(value, compare, callback) {
  * Access whether a given flag is enabled or disabled in a given FeatureFlagContext
  */
 function useFeatureFlag(flag) {
-  var scope = useContext(FeatureFlagContext);
+  const scope = useContext(FeatureFlagContext);
   return scope.enabled(flag);
 }
 
@@ -131,15 +123,13 @@ function isEqual(a, b) {
   if (a === b) {
     return true;
   }
-  for (var _i = 0, _Object$keys = Object.keys(a); _i < _Object$keys.length; _i++) {
-    var key = _Object$keys[_i];
+  for (const key of Object.keys(a)) {
     if (a[key] !== b[key]) {
       return false;
     }
   }
-  for (var _i2 = 0, _Object$keys2 = Object.keys(b); _i2 < _Object$keys2.length; _i2++) {
-    var _key = _Object$keys2[_i2];
-    if (b[_key] !== a[_key]) {
+  for (const key of Object.keys(b)) {
+    if (b[key] !== a[key]) {
       return false;
     }
   }

package/es/components/FilterPanel/FilterPanel.js

@@ -5,39 +5,39 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 
-var _excluded = ["children", "className", "title"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--filter-panel");
-var componentName = 'FilterPanel';
+const blockClass = `${pkg.prefix}--filter-panel`;
+const componentName = 'FilterPanel';
 
 /**
  * The container for filter panel subcomponents.
  * @deprecated This component is deprecated
  */
 
-var FilterPanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    title = _ref.title,
-    rest = _objectWithoutProperties(_ref, _excluded);
+let FilterPanel = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    children,
+    className,
+    title,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React__default.createElement("section", _extends({}, rest, {
     className: cx(blockClass, className),
     ref: ref
   }, getDevtoolsProps(componentName)), title && /*#__PURE__*/React__default.createElement("h1", {
-    className: "".concat(blockClass, "__title")
+    className: `${blockClass}__title`
   }, title), children);
 });
 FilterPanel.deprecated = {
   level: 'warn',
-  details: "This component is deprecated"
+  details: `This component is deprecated`
 };
 
 // Return a placeholder if not released and not enabled by feature flag

package/es/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
@@ -14,13 +14,10 @@ import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
 import { pkg } from '../../../settings.js';
 import { FilterPanelGroup } from '../FilterPanelGroup/FilterPanelGroup.js';
 
-var _excluded = ["accordionProps", "children", "className", "count", "labelText", "title"],
-  _excluded2 = ["align"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--filter-panel-accordion");
-var componentName = 'FilterPanelAccordion';
-var defaults = {
+const blockClass = `${pkg.prefix}--filter-panel-accordion`;
+const componentName = 'FilterPanelAccordion';
+const defaults = {
   accordionProps: {}
 };
 
@@ -28,17 +25,20 @@ var defaults = {
  * A container with a label and optional count.
  * @deprecated This component is deprecated
  */
-var FilterPanelAccordion = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var _ref$accordionProps = _ref.accordionProps,
-    accordionProps = _ref$accordionProps === void 0 ? defaults.accordionProps : _ref$accordionProps,
-    children = _ref.children,
-    className = _ref.className,
-    count = _ref.count,
-    labelText = _ref.labelText,
-    title = _ref.title,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var align = accordionProps.align,
-    otherAccordionProps = _objectWithoutProperties(accordionProps, _excluded2);
+let FilterPanelAccordion = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    accordionProps = defaults.accordionProps,
+    children,
+    className,
+    count,
+    labelText,
+    title,
+    ...rest
+  } = _ref;
+  const {
+    align,
+    ...otherAccordionProps
+  } = accordionProps;
   return /*#__PURE__*/React__default.createElement(FilterPanelGroup, _extends({}, rest, {
     className: cx(blockClass, className),
     count: count,
@@ -47,12 +47,12 @@ var FilterPanelAccordion = /*#__PURE__*/React__default.forwardRef(function (_ref
     title: title
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement(Accordion, _extends({}, otherAccordionProps, {
     align: align || 'start',
-    className: "".concat(blockClass, "__list")
+    className: `${blockClass}__list`
   }), children));
 });
 FilterPanelAccordion.deprecated = {
   level: 'warn',
-  details: "This component is deprecated"
+  details: `This component is deprecated`
 };
 
 // Return a placeholder if not released and not enabled by feature flag

package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { Children } from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
@@ -15,12 +15,10 @@ import { pkg } from '../../../settings.js';
 import { TruncatedList } from '../../TruncatedList/TruncatedList.js';
 import { FilterPanelLabel } from '../FilterPanelLabel/FilterPanelLabel.js';
 
-var _excluded = ["accordionItemProps", "truncatedListProps", "children", "className", "count", "labelText", "title"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--filter-panel-accordion-item");
-var componentName = 'FilterPanelAccordionItem';
-var defaults = {
+const blockClass = `${pkg.prefix}--filter-panel-accordion-item`;
+const componentName = 'FilterPanelAccordionItem';
+const defaults = {
   accordionItemProps: {},
   truncatedListProps: {}
 };
@@ -29,17 +27,17 @@ var defaults = {
  * A container with a label and optional count.
  * @deprecated This component is deprecated
  */
-var FilterPanelAccordionItem = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var _ref$accordionItemPro = _ref.accordionItemProps,
-    accordionItemProps = _ref$accordionItemPro === void 0 ? defaults.accordionItemProps : _ref$accordionItemPro,
-    _ref$truncatedListPro = _ref.truncatedListProps,
-    truncatedListProps = _ref$truncatedListPro === void 0 ? defaults.truncatedListProps : _ref$truncatedListPro,
-    children = _ref.children,
-    className = _ref.className,
-    count = _ref.count,
-    labelText = _ref.labelText,
-    title = _ref.title,
-    rest = _objectWithoutProperties(_ref, _excluded);
+let FilterPanelAccordionItem = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    accordionItemProps = defaults.accordionItemProps,
+    truncatedListProps = defaults.truncatedListProps,
+    children,
+    className,
+    count,
+    labelText,
+    title,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React__default.createElement(AccordionItem, _extends({}, accordionItemProps, {
     className: cx(blockClass, className),
     ref: ref,
@@ -49,17 +47,15 @@ var FilterPanelAccordionItem = /*#__PURE__*/React__default.forwardRef(function (
       title: title
     }))
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement(TruncatedList, _extends({}, truncatedListProps, {
-    className: "".concat(blockClass, "__list")
-  }), Children.map(children, function (child) {
-    return /*#__PURE__*/React__default.createElement(ListItem, {
-      className: "".concat(blockClass, "__list-item"),
-      key: child.key
-    }, child);
-  })));
+    className: `${blockClass}__list`
+  }), Children.map(children, child => /*#__PURE__*/React__default.createElement(ListItem, {
+    className: `${blockClass}__list-item`,
+    key: child.key
+  }, child))));
 });
 FilterPanelAccordionItem.deprecated = {
   level: 'warn',
-  details: "This component is deprecated"
+  details: `This component is deprecated`
 };
 // Return a placeholder if not released and not enabled by feature flag
 FilterPanelAccordionItem = pkg.checkComponentEnabled(FilterPanelAccordionItem, componentName);

package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
@@ -14,11 +14,9 @@ import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
 import { pkg } from '../../../settings.js';
 import { FilterPanelLabel } from '../FilterPanelLabel/FilterPanelLabel.js';
 
-var _excluded = ["className", "count", "id", "labelText", "title"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--filter-panel-checkbox");
-var componentName = 'FilterPanelCheckbox';
+const blockClass = `${pkg.prefix}--filter-panel-checkbox`;
+const componentName = 'FilterPanelCheckbox';
 
 /**
  * Provides a checkbox, label, and count.
@@ -29,13 +27,15 @@ var componentName = 'FilterPanelCheckbox';
  * through "...rest", including id, onClick, etc.
  * @deprecated This component is deprecated
  */
-var FilterPanelCheckbox = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    count = _ref.count,
-    id = _ref.id,
-    labelText = _ref.labelText,
-    title = _ref.title,
-    rest = _objectWithoutProperties(_ref, _excluded);
+let FilterPanelCheckbox = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    className,
+    count,
+    id,
+    labelText,
+    title,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React__default.createElement(Checkbox, _extends({}, rest, {
     className: cx(blockClass, className),
     id: id,
@@ -49,7 +49,7 @@ var FilterPanelCheckbox = /*#__PURE__*/React__default.forwardRef(function (_ref,
 });
 FilterPanelCheckbox.deprecated = {
   level: 'warn',
-  details: "This component is deprecated"
+  details: `This component is deprecated`
 };
 
 // Return a placeholder if not released and not enabled by feature flag

package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectDestructuringEmpty as _objectDestructuringEmpty, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
@@ -14,12 +14,10 @@ import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
 import { pkg } from '../../../settings.js';
 import { FilterPanelCheckbox } from '../FilterPanelCheckbox/FilterPanelCheckbox.js';
 
-var _excluded = ["children", "className", "count", "id", "labelText", "overflowMenuProps", "title"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--filter-panel-checkbox-with-overflow");
-var componentName = 'FilterPanelCheckboxWithOverflow';
-var defaults = {
+const blockClass = `${pkg.prefix}--filter-panel-checkbox-with-overflow`;
+const componentName = 'FilterPanelCheckboxWithOverflow';
+const defaults = {
   overflowMenuProps: {}
 };
 
@@ -32,48 +30,47 @@ var defaults = {
  * Use `overflowMenuProps` for properties specific to the OverflowMenu.
  * @deprecated This component is deprecated
  */
-var FilterPanelCheckboxWithOverflow = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    count = _ref.count,
-    id = _ref.id,
-    labelText = _ref.labelText,
-    _ref$overflowMenuProp = _ref.overflowMenuProps,
-    overflowMenuProps = _ref$overflowMenuProp === void 0 ? defaults.overflowMenuProps : _ref$overflowMenuProp,
-    title = _ref.title,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    menuIsOpen = _useState2[0],
-    setMenuIsOpen = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    showMenuButton = _useState4[0],
-    setShowMenuButton = _useState4[1];
+let FilterPanelCheckboxWithOverflow = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    children,
+    className,
+    count,
+    id,
+    labelText,
+    overflowMenuProps = defaults.overflowMenuProps,
+    title,
+    ...rest
+  } = _ref;
+  const [menuIsOpen, setMenuIsOpen] = useState(false);
+  const [showMenuButton, setShowMenuButton] = useState(false);
   // Destructure overflow menu properties.
-  var other = _extends({}, (_objectDestructuringEmpty(overflowMenuProps), overflowMenuProps));
-  var backupRef = useRef(undefined);
-  var localRef = ref || backupRef;
-  var setHideButton = function setHideButton(activeElement) {
+  const {
+    ...other
+  } = overflowMenuProps;
+  const backupRef = useRef(undefined);
+  const localRef = ref || backupRef;
+  const setHideButton = activeElement => {
     if (!menuIsOpen && !localRef.current.contains(activeElement)) {
       setShowMenuButton(false);
     }
   };
-  useEffect(function () {
+  useEffect(() => {
     setShowMenuButton(menuIsOpen);
   }, [menuIsOpen]);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     React__default.createElement("div", _extends({
-      className: cx(blockClass, className, _defineProperty({}, "".concat(blockClass, "--open"), menuIsOpen)),
-      onBlur: function onBlur(_ref2) {
-        var relatedTarget = _ref2.relatedTarget;
+      className: cx(blockClass, className, {
+        [`${blockClass}--open`]: menuIsOpen
+      }),
+      onBlur: _ref2 => {
+        let {
+          relatedTarget
+        } = _ref2;
         return setHideButton(relatedTarget);
       },
-      onFocus: function onFocus() {
-        return setShowMenuButton(true);
-      }
+      onFocus: () => setShowMenuButton(true)
       /**
        * Desired behavior: onMouseEnter shows the menu, even when the user mouse-presses and -releases the checkbox/label.
        * Issue: onMouseDown > checkbox/label triggers an onBlur event and hides the menu button.
@@ -83,42 +80,32 @@ var FilterPanelCheckboxWithOverflow = /*#__PURE__*/React__default.forwardRef(fun
        *   The menu button remains visible at all times.
        *   This applies only when using the mouse; it is not an issue using the keyboard.
        */,
-      onMouseDown: function onMouseDown(event) {
-        return event.preventDefault();
-      },
-      onMouseEnter: function onMouseEnter() {
-        return setShowMenuButton(true);
-      },
-      onMouseLeave: function onMouseLeave() {
-        return setHideButton(document.activeElement);
-      },
+      onMouseDown: event => event.preventDefault(),
+      onMouseEnter: () => setShowMenuButton(true),
+      onMouseLeave: () => setHideButton(document.activeElement),
       ref: localRef
     }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement(FilterPanelCheckbox, _extends({}, rest, {
-      className: cx("".concat(blockClass, "__checkbox")),
+      className: cx(`${blockClass}__checkbox`),
       count: count,
       id: id,
       labelText: labelText,
       title: title
     })), showMenuButton && /*#__PURE__*/React__default.createElement(OverflowMenu, _extends({
-      open: overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps.open,
-      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() {
-        return setMenuIsOpen(true);
-      },
-      onClose: function onClose() {
-        return setMenuIsOpen(false);
-      },
-      flipped: (overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps.flipped) || true,
-      selectorPrimaryFocus: overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps.selectorPrimaryFocus
+      open: overflowMenuProps?.open,
+      className: cx(`${blockClass}__overflow-button`, overflowMenuProps?.menuClass),
+      menuOptionsClass: cx(`${blockClass}__overflow-options`, overflowMenuProps?.menuOptionsClass),
+      "aria-label": overflowMenuProps?.['aria-label'],
+      iconDescription: overflowMenuProps?.['aria-label'],
+      onOpen: () => setMenuIsOpen(true),
+      onClose: () => setMenuIsOpen(false),
+      flipped: overflowMenuProps?.flipped || true,
+      selectorPrimaryFocus: overflowMenuProps?.selectorPrimaryFocus
     }, other), children))
   );
 });
 FilterPanelCheckboxWithOverflow.deprecated = {
   level: 'warn',
-  details: "This component is deprecated"
+  details: `This component is deprecated`
 };
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -152,7 +139,14 @@ FilterPanelCheckboxWithOverflow.propTypes = {
   /**
    * Props specific to the internal `OverflowMenu` component.
    */
-  overflowMenuProps: PropTypes.shape(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, 'aria-label', PropTypes.string), "flipped", PropTypes.bool), "menuClass", PropTypes.string), "menuOptionsClass", PropTypes.string), "open", PropTypes.bool), "selectorPrimaryFocus", PropTypes.string)),
+  overflowMenuProps: PropTypes.shape({
+    ['aria-label']: PropTypes.string,
+    flipped: PropTypes.bool,
+    menuClass: PropTypes.string,
+    menuOptionsClass: PropTypes.string,
+    open: PropTypes.bool,
+    selectorPrimaryFocus: PropTypes.string
+  }),
   /**
    * Optional title attribute for the label.
    */

package/es/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
@@ -13,39 +13,39 @@ import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
 import { pkg } from '../../../settings.js';
 import { FilterPanelLabel } from '../FilterPanelLabel/FilterPanelLabel.js';
 
-var _excluded = ["children", "className", "count", "labelText", "title"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--filter-panel-group");
-var componentName = 'FilterPanelGroup';
+const blockClass = `${pkg.prefix}--filter-panel-group`;
+const componentName = 'FilterPanelGroup';
 
 /**
  * A container with a label and optional count.
  * @deprecated This component is deprecated
  */
-var FilterPanelGroup = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    count = _ref.count,
-    labelText = _ref.labelText,
-    title = _ref.title,
-    rest = _objectWithoutProperties(_ref, _excluded);
+let FilterPanelGroup = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    children,
+    className,
+    count,
+    labelText,
+    title,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
     className: cx(blockClass, className),
     ref: ref
   }, getDevtoolsProps(componentName)), labelText && /*#__PURE__*/React__default.createElement("h2", {
-    className: "".concat(blockClass, "__title")
+    className: `${blockClass}__title`
   }, /*#__PURE__*/React__default.createElement(FilterPanelLabel, {
     count: count,
     labelText: labelText,
     title: title
   })), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__content")
+    className: `${blockClass}__content`
   }, children));
 });
 FilterPanelGroup.deprecated = {
   level: 'warn',
-  details: "This component is deprecated"
+  details: `This component is deprecated`
 };
 
 // Return a placeholder if not released and not enabled by feature flag