@carbon/ibm-products 2.50.0-rc.1 → 2.51.0-rc.0

package/lib/components/ExportModal/ExportModal.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
@@ -20,11 +18,6 @@ var settings = require('../../settings.js');
 var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.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 _Loading;
 var _excluded = ["body", "className", "error", "errorMessage", "filename", "hidePasswordLabel", "inputLabel", "inputType", "invalidInputText", "loading", "loadingMessage", "onClose", "onRequestSubmit", "open", "portalTarget", "preformattedExtensions", "preformattedExtensionsLabel", "primaryButtonText", "secondaryButtonText", "showPasswordLabel", "successMessage", "successful", "title", "validExtensions"];
 var componentName = 'ExportModal';
@@ -67,6 +60,7 @@ exports.ExportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$validExtensions = _ref.validExtensions,
     validExtensions = _ref$validExtensions === void 0 ? defaults.validExtensions : _ref$validExtensions,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var blockClass = "".concat(settings.pkg.prefix, "--export-modal");
   var _useState = React.useState(''),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     name = _useState2[0],
@@ -89,6 +83,12 @@ exports.ExportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       setExtension(preformattedExtensions === null || preformattedExtensions === void 0 || (_preformattedExtensio2 = preformattedExtensions[0]) === null || _preformattedExtensio2 === void 0 ? void 0 : _preformattedExtensio2.extension);
     }
   }, [filename, preformattedExtensions, open]);
+  React.useEffect(function () {
+    if (successful) {
+      var button = document.querySelector(".".concat(blockClass, " .").concat(settings.carbon.prefix, "--modal-close-button button"));
+      button === null || button === void 0 || button.focus();
+    }
+  }, [successful, blockClass]);
   var onNameChangeHandler = function onNameChangeHandler(evt) {
     setName(evt.target.value);
   };
@@ -115,8 +115,7 @@ exports.ExportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
     return false;
   };
-  var blockClass = "".concat(settings.pkg.prefix, "--export-modal");
-  var internalId = React.useRef(uuidv4["default"]());
+  var internalId = React.useRef(uuidv4.default());
   var primaryButtonDisabled = loading || !name || hasInvalidExtension();
   var submitted = loading || error || successful;
   var commonInputProps = _rollupPluginBabelHelpers.defineProperty({
@@ -128,8 +127,12 @@ exports.ExportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     invalidText: invalidInputText,
     onBlur: onBlurHandler
   }, 'data-modal-primary-focus', true);
-  return renderPortalUse( /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className),
+  return renderPortalUse( /*#__PURE__*/React.createElement(react.unstable_FeatureFlags, {
+    flags: {
+      'enable-experimental-focus-wrap-without-sentinels': true
+    }
+  }, /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className),
     "aria-label": title,
     size: "sm",
     preventCloseOnClickOutside: true
@@ -137,58 +140,61 @@ exports.ExportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     open: open,
     ref: ref,
     onClose: onClose
-  }, devtools.getDevtoolsProps(componentName))), /*#__PURE__*/React__default["default"].createElement(react.ModalHeader, {
+  }, devtools.getDevtoolsProps(componentName))), /*#__PURE__*/React.createElement(react.ModalHeader, {
     className: "".concat(blockClass, "__header"),
     closeModal: onClose,
     title: title
-  }), /*#__PURE__*/React__default["default"].createElement(react.ModalBody, {
+  }), /*#__PURE__*/React.createElement(react.ModalBody, {
     className: "".concat(blockClass, "__body-container")
-  }, !submitted && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, body && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, !submitted && /*#__PURE__*/React.createElement(React.Fragment, null, body && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__body")
-  }, body), preformattedExtensions.length ? /*#__PURE__*/React__default["default"].createElement(react.FormGroup, {
+  }, body), preformattedExtensions.length ? /*#__PURE__*/React.createElement(react.FormGroup, {
     legendText: preformattedExtensionsLabel
-  }, /*#__PURE__*/React__default["default"].createElement(react.RadioButtonGroup, {
+  }, /*#__PURE__*/React.createElement(react.RadioButtonGroup, {
     orientation: "vertical",
     onChange: onExtensionChangeHandler,
     valueSelected: extension,
     name: "extensions"
   }, preformattedExtensions.map(function (o) {
-    return /*#__PURE__*/React__default["default"].createElement(react.RadioButton, {
+    return /*#__PURE__*/React.createElement(react.RadioButton, {
       key: o.extension,
       id: o.extension,
       value: o.extension,
       labelText: "".concat(o.extension, " (").concat(o.description, ")"),
       "data-modal-primary-focus": true
     });
-  }))) : /*#__PURE__*/React__default["default"].createElement("div", {
+  }))) : /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__input-container")
-  }, inputType === 'text' ? /*#__PURE__*/React__default["default"].createElement(react.TextInput, commonInputProps) : /*#__PURE__*/React__default["default"].createElement(react.PasswordInput, _rollupPluginBabelHelpers["extends"]({}, commonInputProps, {
+  }, inputType === 'text' ? /*#__PURE__*/React.createElement(react.TextInput, commonInputProps) : /*#__PURE__*/React.createElement(react.PasswordInput, _rollupPluginBabelHelpers.extends({}, commonInputProps, {
     showPasswordLabel: showPasswordLabel,
     hidePasswordLabel: hidePasswordLabel,
     tooltipPosition: "left"
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+  })))), /*#__PURE__*/React.createElement("div", {
+    "aria-live": "polite",
     className: "".concat(blockClass, "__messaging")
-  }, loading && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, _Loading || (_Loading = /*#__PURE__*/React__default["default"].createElement(react.Loading, {
+  }, loading && /*#__PURE__*/React.createElement(React.Fragment, null, _Loading || (_Loading = /*#__PURE__*/React.createElement(react.Loading, {
+    "aria-live": "off",
+    description: "",
     small: true,
     withOverlay: false
-  })), /*#__PURE__*/React__default["default"].createElement("p", null, loadingMessage)), successful && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(icons.CheckmarkFilled, {
+  })), /*#__PURE__*/React.createElement("p", null, loadingMessage)), successful && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(icons.CheckmarkFilled, {
     size: 16,
     className: "".concat(blockClass, "__checkmark-icon")
-  }), /*#__PURE__*/React__default["default"].createElement("p", null, successMessage)), error && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(icons.ErrorFilled, {
+  }), /*#__PURE__*/React.createElement("p", null, successMessage)), error && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(icons.ErrorFilled, {
     size: 16,
     className: "".concat(blockClass, "__error-icon")
-  }), /*#__PURE__*/React__default["default"].createElement("p", null, errorMessage)))), !submitted && /*#__PURE__*/React__default["default"].createElement(react.ModalFooter, {
+  }), /*#__PURE__*/React.createElement("p", null, errorMessage)))), !submitted && /*#__PURE__*/React.createElement(react.ModalFooter, {
     className: "".concat(blockClass, "__footer")
-  }, /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, /*#__PURE__*/React.createElement(react.Button, {
     type: "button",
     kind: "secondary",
     onClick: onClose
-  }, secondaryButtonText), /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, secondaryButtonText), /*#__PURE__*/React.createElement(react.Button, {
     type: "submit",
     kind: "primary",
     onClick: onSubmitHandler,
     disabled: primaryButtonDisabled
-  }, primaryButtonText))));
+  }, primaryButtonText)))));
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -198,104 +204,104 @@ exports.ExportModal.propTypes = {
    * Body content for the modal
    */
   /**@ts-ignore*/
-  body: index["default"].string,
+  body: index.default.string,
   /**
    * Optional class name
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * specify if an error occurred
    */
-  error: index["default"].bool,
+  error: index.default.bool,
   /**
    * messaging to display in the event of an error
    */
-  errorMessage: index["default"].string,
+  errorMessage: index.default.string,
   /**
    * name of the file being exported
    */
-  filename: index["default"].string.isRequired,
+  filename: index.default.string.isRequired,
   /**
    * label text that's displayed when hovering over visibility toggler to hide key
    */
-  hidePasswordLabel: index["default"].string,
+  hidePasswordLabel: index.default.string,
   /**
    * label for the text input
    */
-  inputLabel: index["default"].string,
+  inputLabel: index.default.string,
   /**
    * specify the type of text input
    */
   /**@ts-ignore */
-  inputType: index["default"].oneOf(['text', 'password']),
+  inputType: index.default.oneOf(['text', 'password']),
   /**
    * text for an invalid input
    */
-  invalidInputText: index["default"].string,
+  invalidInputText: index.default.string,
   /**
    * specify if the modal is in a loading state
    */
-  loading: index["default"].bool,
+  loading: index.default.bool,
   /**
    * message to display during the loading state
    */
-  loadingMessage: index["default"].string,
+  loadingMessage: index.default.string,
   /**
    * Specify a handler for closing modal
    */
-  onClose: index["default"].func,
+  onClose: index.default.func,
   /**
    * Specify a handler for "submitting" modal. Returns the file name
    */
-  onRequestSubmit: index["default"].func,
+  onRequestSubmit: index.default.func,
   /**
    * Specify whether the Modal is currently open
    */
-  open: index["default"].bool,
+  open: index.default.bool,
   /**
    * The DOM node the tearsheet should be rendered within. Defaults to document.body.
    */
-  portalTarget: index["default"].node,
+  portalTarget: index.default.node,
   /**
    * Array of extensions to display as radio buttons
    */
   /**@ts-ignore */
-  preformattedExtensions: index["default"].arrayOf(index["default"].shape({
-    extension: index["default"].string,
-    description: index["default"].string
+  preformattedExtensions: index.default.arrayOf(index.default.shape({
+    extension: index.default.string,
+    description: index.default.string
   })),
   /**
    * Label for the preformatted label form group
    */
-  preformattedExtensionsLabel: index["default"].string,
+  preformattedExtensionsLabel: index.default.string,
   /**
    * Specify the text for the primary button
    */
-  primaryButtonText: index["default"].string.isRequired,
+  primaryButtonText: index.default.string.isRequired,
   /**
    * Specify the text for the secondary button
    */
-  secondaryButtonText: index["default"].string.isRequired,
+  secondaryButtonText: index.default.string.isRequired,
   /**
    * label text that's displayed when hovering over visibility toggler to show key
    */
-  showPasswordLabel: index["default"].string,
+  showPasswordLabel: index.default.string,
   /**
    * messaging to display if the export was successful
    */
-  successMessage: index["default"].string,
+  successMessage: index.default.string,
   /**
    * specify if the export was successful
    */
-  successful: index["default"].bool,
+  successful: index.default.bool,
   /**
    * The text displayed at the top of the modal
    */
-  title: index["default"].string.isRequired,
+  title: index.default.string.isRequired,
   /**
    * array of valid extensions the file can have
    */
   /**@ts-ignore */
-  validExtensions: index["default"].array
+  validExtensions: index.default.array
 };
 exports.ExportModal.displayName = componentName;

package/lib/components/ExpressiveCard/ExpressiveCard.js

@@ -7,8 +7,6 @@
 
 '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');
@@ -17,14 +15,10 @@ var settings = require('../../settings.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
 var Card = require('../Card/Card.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var componentName = 'ExpressiveCard';
 exports.ExpressiveCard = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var validProps = propsHelper.prepareProps(props, ['actionIconsPosition', 'overflowActions', 'productive', 'titleSize']);
-  return /*#__PURE__*/React__default["default"].createElement(Card.Card, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(Card.Card, _rollupPluginBabelHelpers.extends({
     ref: ref
   }, validProps, devtools.getDevtoolsProps(componentName)));
 });
@@ -36,97 +30,97 @@ exports.ExpressiveCard.propTypes = {
    * Icons that are displayed on card. Refer to design documentation for implementation guidelines. Note- href will supersede onClick
    */
   /**@ts-ignore */
-  actionIcons: index["default"].arrayOf(index["default"].shape({
-    id: index["default"].string,
-    icon: index["default"].oneOfType([index["default"].func, index["default"].object]),
-    onKeyDown: index["default"].func,
-    onClick: index["default"].func,
-    iconDescription: index["default"].string,
-    href: index["default"].string
+  actionIcons: index.default.arrayOf(index.default.shape({
+    id: index.default.string,
+    icon: index.default.oneOfType([index.default.func, index.default.object]),
+    onKeyDown: index.default.func,
+    onClick: index.default.func,
+    iconDescription: index.default.string,
+    href: index.default.string
   })),
   /**
    * Content that shows in the body of the card
    */
-  children: index["default"].node,
+  children: index.default.node,
   /**
    * Optional user provided class
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Optional header description
    */
-  description: index["default"].oneOfType([index["default"].string, index["default"].object, index["default"].node]),
+  description: index.default.oneOfType([index.default.string, index.default.object, index.default.node]),
   /**
    * Optional label for the top of the card
    */
-  label: index["default"].oneOfType([index["default"].string, index["default"].object, index["default"].node]),
+  label: index.default.oneOfType([index.default.string, index.default.object, index.default.node]),
   /**
    * Optional media content like an image to be placed in the card
    */
-  media: index["default"].node,
+  media: index.default.node,
   /**
    * Establishes the position of the media in the card
    */
-  mediaPosition: index["default"].oneOf(['top', 'left']),
+  mediaPosition: index.default.oneOf(['top', 'left']),
   /**
    * Provides the callback for a clickable card
    */
-  onClick: index["default"].func,
+  onClick: index.default.func,
   /**
    * Function that's called from the primary button or action icon
    */
-  onPrimaryButtonClick: index["default"].func,
+  onPrimaryButtonClick: index.default.func,
   /**
    * Function that's called from the secondary button
    */
-  onSecondaryButtonClick: index["default"].func,
+  onSecondaryButtonClick: index.default.func,
   /**
    * Provides the icon that's displayed at the top of the card
    */
   /**@ts-ignore */
-  pictogram: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  pictogram: index.default.oneOfType([index.default.func, index.default.object]),
   /**
    * Optionally specify an href for your Button to become an <a> element
    */
-  primaryButtonHref: index["default"].string,
+  primaryButtonHref: index.default.string,
   /**
    * Optional prop to allow overriding the icon rendering. Can be a React component class
    */
   /**@ts-ignore */
-  primaryButtonIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  primaryButtonIcon: index.default.oneOfType([index.default.func, index.default.object]),
   /**
    * Establishes the kind of button displayed for the primary button
    */
-  primaryButtonKind: index["default"].oneOf(['primary', 'ghost']),
+  primaryButtonKind: index.default.oneOf(['primary', 'ghost']),
   /**
    * The text that's displayed in the primary button
    */
-  primaryButtonText: index["default"].string,
+  primaryButtonText: index.default.string,
   /**
    * Optionally specify an href for your Button to become an <a> element
    */
-  secondaryButtonHref: index["default"].string,
+  secondaryButtonHref: index.default.string,
   /**
    * Optional prop to allow overriding the icon rendering. Can be a React component class
    */
   /**@ts-ignore */
-  secondaryButtonIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  secondaryButtonIcon: index.default.oneOfType([index.default.func, index.default.object]),
   /**
    * Establishes the kind of button displayed for the secondary button
    */
-  secondaryButtonKind: index["default"].oneOf(['secondary', 'ghost']),
+  secondaryButtonKind: index.default.oneOf(['secondary', 'ghost']),
   /**
    * The text that's displayed in the secondary button
    */
-  secondaryButtonText: index["default"].string,
+  secondaryButtonText: index.default.string,
   /**
    * **Experimental:** For all cases a `Slug` component can be provided.
    * Clickable tiles only accept a boolean value of true and display a hollow slug.
    */
-  slug: index["default"].oneOfType([index["default"].node, index["default"].bool]),
+  slug: index.default.oneOfType([index.default.node, index.default.bool]),
   /**
    * Title that's displayed at the top of the card
    */
-  title: index["default"].oneOfType([index["default"].string, index["default"].object, index["default"].node])
+  title: index.default.oneOfType([index.default.string, index.default.object, index.default.node])
 };
 exports.ExpressiveCard.displayName = componentName;

package/lib/components/FeatureFlags/index.js

@@ -7,17 +7,11 @@
 
 '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 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);
-
 /**
  * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
  * or disable feature flags in a given React tree
@@ -61,16 +55,16 @@ function FeatureFlags(_ref) {
     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
    */
-  flags: index["default"].objectOf(index["default"].bool)
+  flags: index.default.objectOf(index.default.bool)
 };
 
 /**

package/lib/components/FilterPanel/FilterPanel.js

@@ -7,8 +7,6 @@
 
 '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');
@@ -16,11 +14,6 @@ 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,8 +7,6 @@
 
 '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');
@@ -18,11 +16,6 @@ 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
 };