@carbon/ibm-products 2.32.0 → 2.34.0

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.d.ts

@@ -1,5 +1,5 @@
 export default Columns;
-declare function Columns({ getVisibleColumnsCount, filterString, columns, setColumnsObject, onSelectColumn, assistiveTextInstructionsLabel, assistiveTextDisabledInstructionsLabel, selectAllLabel, customizeTearsheetHeadingLabel }: {
+declare function Columns({ getVisibleColumnsCount, filterString, columns, setColumnsObject, onSelectColumn, assistiveTextInstructionsLabel, assistiveTextDisabledInstructionsLabel, selectAllLabel, customizeTearsheetHeadingLabel, }: {
     getVisibleColumnsCount: any;
     filterString: any;
     columns: any;

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js

@@ -162,6 +162,10 @@ var InlineEditCell = function InlineEditCell(_ref) {
       if (type === 'number') {
         numberInputRef.current.focus();
       }
+      if (type === 'selection') {
+        var _dropdownRef$current;
+        dropdownRef === null || dropdownRef === void 0 || (_dropdownRef$current = dropdownRef.current) === null || _dropdownRef$current === void 0 || _dropdownRef$current.focus();
+      }
     }
   }, [inEditMode, type]);
 

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.d.ts

@@ -1,8 +1,9 @@
-export function handleGridKeyPress({ event, dispatch, state, instance, keysPressedList, usingMac, }: {
+export function handleGridKeyPress({ event, dispatch, state, instance, keysPressedList, usingMac, ref, }: {
     event: any;
     dispatch: any;
     state: any;
     instance: any;
     keysPressedList: any;
     usingMac: any;
+    ref: any;
 }): void;

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js

@@ -21,7 +21,8 @@ var handleGridKeyPress = function handleGridKeyPress(_ref) {
     state = _ref.state,
     instance = _ref.instance,
     keysPressedList = _ref.keysPressedList,
-    usingMac = _ref.usingMac;
+    usingMac = _ref.usingMac,
+    ref = _ref.ref;
   var key = event.key;
   var gridActive = state.gridActive,
     activeCellId = state.activeCellId,
@@ -58,8 +59,8 @@ var handleGridKeyPress = function handleGridKeyPress(_ref) {
 
   // Checks if the dropdown menu is open
   var dropdownIsActive = function dropdownIsActive() {
-    var focusedElementRole = document.activeElement.getAttribute('role');
-    if (focusedElementRole === 'listbox' && document.activeElement.classList.contains("".concat(settings.carbon.prefix, "--list-box__menu"))) {
+    var selectedDropdown = ref === null || ref === void 0 ? void 0 : ref.current.querySelector("\n      #".concat(instance.tableId, " .").concat(blockClass, "__table-with-inline-edit [data-cell-id=\"").concat(activeCellId, "\"] button[role='combobox']\n    "));
+    if (selectedDropdown) {
       // Prevents arrow keys from scrolling any other content when dropdown menu is open
       event.preventDefault();
       return true;

package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js

@@ -24,7 +24,6 @@ var blockClass = "".concat(settings.pkg.prefix, "--datagrid__row-size");
 var RowSizeRadioGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var rowSizes = _ref.rowSizes,
     selectedOption = _ref.selectedOption,
-    datagridName = _ref.datagridName,
     onChange = _ref.onChange,
     legendText = _ref.legendText,
     _ref$rowSizeLabels = _ref.rowSizeLabels,
@@ -34,7 +33,8 @@ var RowSizeRadioGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       md: 'Medium',
       sm: 'Small',
       xs: 'Extra small'
-    } : _ref$rowSizeLabels;
+    } : _ref$rowSizeLabels,
+    tableId = _ref.tableId;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "-dropdown"),
     role: "presentation",
@@ -57,7 +57,7 @@ var RowSizeRadioGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       key: option.value,
       labelText: labelText,
       value: option.value,
-      id: "".concat(datagridName || 'datagrid', "--row-density--").concat(option.value)
+      id: "".concat(tableId || 'datagrid', "--row-density--").concat(option.value)
     });
   })));
 });
@@ -87,12 +87,12 @@ RowSizeRadioGroup.defaultProps = {
   selectedOption: 'lg'
 };
 RowSizeRadioGroup.propTypes = {
-  datagridName: index["default"].string,
   legendText: index["default"].string,
   onChange: index["default"].func.isRequired,
   rowSizeLabels: index["default"].object,
   rowSizes: index["default"].array.isRequired,
-  selectedOption: index["default"].string.isRequired
+  selectedOption: index["default"].string.isRequired,
+  tableId: index["default"].string.isRequired
 };
 var RowSizeRadioGroup$1 = RowSizeRadioGroup;
 

package/lib/components/Datagrid/useRowSize.js

@@ -22,7 +22,8 @@ var useRowSize = function useRowSize(hooks) {
     var rowSizeProps = instance.rowSizeProps,
       rowSizes = instance.rowSizes,
       rowSize = instance.rowSize,
-      onRowSizeChange = instance.onRowSizeChange;
+      onRowSizeChange = instance.onRowSizeChange,
+      tableId = instance.tableId;
     var _ref = rowSizeProps || {},
       labels = _ref.labels;
     Object.assign(instance, {
@@ -36,7 +37,8 @@ var useRowSize = function useRowSize(hooks) {
           if (typeof onRowSizeChange === 'function') {
             onRowSizeChange(value);
           }
-        }
+        },
+        tableId: tableId
       }),
       RowSizeDropdown: RowSizeDropdown["default"]
     });

package/lib/components/DescriptionList/DescriptionList.d.ts

@@ -2,41 +2,4 @@
  * Type layouts provide an orderly layout of terms and definitions.
  */
 export let DescriptionList: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-export function DescriptionListBody({ children, className, ...rest }: {
-    [x: string]: any;
-    children: any;
-    className: any;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace DescriptionListBody {
-    export namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let className: PropTypes.Requireable<string>;
-    }
-    export { componentNameBody as displayName };
-}
-export function DescriptionListRow({ children, className, ...other }: {
-    [x: string]: any;
-    children: any;
-    className: any;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace DescriptionListRow {
-    export namespace propTypes_1 { }
-    export { propTypes_1 as propTypes };
-    export { componentNameRow as displayName };
-}
-export function DescriptionListCell({ children, className, ...rest }: {
-    [x: string]: any;
-    children: any;
-    className: any;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace DescriptionListCell {
-    export namespace propTypes_2 { }
-    export { propTypes_2 as propTypes };
-    export { componentNameCell as displayName };
-}
 import React from 'react';
-import PropTypes from 'prop-types';
-declare const componentNameBody: "DescriptionListBody";
-declare const componentNameRow: "DescriptionListRow";
-declare const componentNameCell: "DescriptionListCell";
-export {};

package/lib/components/DescriptionList/DescriptionList.js

@@ -74,22 +74,17 @@ exports.DescriptionList = settings.pkg.checkComponentEnabled(exports.Description
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
 exports.DescriptionList.displayName = componentName;
-var propTypes = {
-  /** Provide the contents of the node */
-  children: index["default"].node,
-  /** Provide an optional class to be applied to the containing node */
-  className: index["default"].string
-};
 
 // The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
-exports.DescriptionList.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propTypes), {}, {
+exports.DescriptionList.propTypes = {
   /** Specify if the type layout has a border */
   border: index["default"].bool,
+  /** Provide the contents of the node */
+  children: index["default"].node,
+  /** Provide an optional class to be applied to the containing node */
+  className: index["default"].string,
   /** Specify the size of the type layout, from a list of available sizes */
   size: index["default"].oneOf(Object.values(constants.DescriptionListSize))
-});
-_rollupPluginBabelHelpers.objectSpread2({}, propTypes);
-_rollupPluginBabelHelpers.objectSpread2({}, propTypes);
-_rollupPluginBabelHelpers.objectSpread2({}, propTypes);
+};

package/lib/components/DescriptionList/DescriptionListBody.d.ts

@@ -0,0 +1,2 @@
+export let DescriptionListBody: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/lib/components/DescriptionList/DescriptionListBody.js

@@ -0,0 +1,46 @@
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'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 cx = require('classnames');
+var devtools = require('../../global/js/utils/devtools.js');
+var settings = require('../../settings.js');
+var react = require('@carbon/react');
+
+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"];
+
+// The block part of our conventional BEM class names (blockClass__E--M).
+var blockClass = "".concat(settings.pkg.prefix, "--description-list__body");
+var componentName = 'DescriptionListBody';
+exports.DescriptionListBody = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement(react.StructuredListBody, _rollupPluginBabelHelpers["extends"]({
+    className: cx__default["default"](blockClass, className),
+    ref: ref
+  }, devtools.getDevtoolsProps(componentName), rest), children);
+});
+exports.DescriptionListBody.propTypes = {
+  /** Provide the contents of the node */
+  children: index["default"].node,
+  /** Provide an optional class to be applied to the containing node */
+  className: index["default"].string
+};
+exports.DescriptionListBody = settings.pkg.checkComponentEnabled(exports.DescriptionListBody, componentName);
+exports.DescriptionListBody.displayName = componentName;

package/lib/components/DescriptionList/DescriptionListCell.d.ts

@@ -0,0 +1,2 @@
+export let DescriptionListCell: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/lib/components/DescriptionList/DescriptionListCell.js

@@ -0,0 +1,46 @@
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'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 cx = require('classnames');
+var devtools = require('../../global/js/utils/devtools.js');
+var settings = require('../../settings.js');
+var react = require('@carbon/react');
+
+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"];
+
+// The block part of our conventional BEM class names (blockClass__E--M).
+var blockClass = "".concat(settings.pkg.prefix, "--description-list__cell");
+var componentName = 'DescriptionListCell';
+exports.DescriptionListCell = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement(react.StructuredListCell, _rollupPluginBabelHelpers["extends"]({
+    className: cx__default["default"](blockClass, className),
+    ref: ref
+  }, devtools.getDevtoolsProps(componentName), rest), children);
+});
+exports.DescriptionListCell.propTypes = {
+  /** Provide the contents of the node */
+  children: index["default"].node,
+  /** Provide an optional class to be applied to the containing node */
+  className: index["default"].string
+};
+exports.DescriptionListCell = settings.pkg.checkComponentEnabled(exports.DescriptionListCell, componentName);
+exports.DescriptionListCell.displayName = componentName;

package/lib/components/DescriptionList/DescriptionListRow.d.ts

@@ -0,0 +1,2 @@
+export let DescriptionListRow: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/lib/components/DescriptionList/DescriptionListRow.js

@@ -0,0 +1,48 @@
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'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 cx = require('classnames');
+var devtools = require('../../global/js/utils/devtools.js');
+var settings = require('../../settings.js');
+var react = require('@carbon/react');
+
+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"];
+
+// The block part of our conventional BEM class names (blockClass__E--M).
+var blockClass = "".concat(settings.pkg.prefix, "--description-list__row");
+var componentName = 'DescriptionListRow';
+exports.DescriptionListRow = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement(react.StructuredListRow, _rollupPluginBabelHelpers["extends"]({
+    className: cx__default["default"](blockClass, className)
+    // role="row"
+    ,
+    ref: ref
+  }, devtools.getDevtoolsProps(componentName), rest), children);
+});
+exports.DescriptionListRow.propTypes = {
+  /** Provide the contents of the node */
+  children: index["default"].node,
+  /** Provide an optional class to be applied to the containing node */
+  className: index["default"].string
+};
+exports.DescriptionListRow = settings.pkg.checkComponentEnabled(exports.DescriptionListRow, componentName);
+exports.DescriptionListRow.displayName = componentName;

package/lib/components/DescriptionList/index.d.ts

@@ -1 +1,4 @@
-export { DescriptionList, DescriptionListBody, DescriptionListRow, DescriptionListCell } from "./DescriptionList";
+export { DescriptionList } from "./DescriptionList";
+export { DescriptionListBody } from "./DescriptionListBody";
+export { DescriptionListCell } from "./DescriptionListCell";
+export { DescriptionListRow } from "./DescriptionListRow";

package/lib/components/EditSidePanel/EditSidePanel.d.ts

@@ -1,5 +1,95 @@
+/**
+ * Copyright IBM Corp. 2021, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { ReactNode } from 'react';
+import '../../global/js/utils/props-helper';
+interface EditSidePanelProps {
+    /**
+     * Sets the body content of the create side panel
+     */
+    children: ReactNode;
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * Specifies a boolean for disabling or enabling the primary button. This is important for form validation
+     * Returning `true` prevents the primary button from being clicked until required fields are completed.
+     */
+    disableSubmit?: boolean;
+    /**
+     * Specifies an optional field that provides a additional context for a form
+     */
+    formDescription?: ReactNode;
+    /**
+     * Specifies a required field that provides a title for a form
+     */
+    formTitle: ReactNode;
+    /**
+     * Unique identifier
+     */
+    id?: string;
+    /**
+     * Specifies an optional handler which is called when the CreateSidePanel
+     * is closed.
+     */
+    onRequestClose?: () => void;
+    /**
+     * Specifies an optional handler which is called when the CreateSidePanel
+     * primary button is pressed.
+     */
+    onRequestSubmit?: () => void;
+    /**
+     * Specifies whether the CreateSidePanel is open or not.
+     */
+    open: boolean;
+    /**
+     * Determines if the side panel is on the right or left
+     */
+    placement?: 'left' | 'right';
+    /**
+     * Specifies the primary button's text in the modal.
+     */
+    primaryButtonText: string;
+    /**
+     * Specifies the secondary button's text in the modal.
+     */
+    secondaryButtonText: string;
+    /**
+     * This is the selector to the element that contains all of the page content that will shrink if the panel is a slide in.
+     * This prop is required when using the `slideIn` variant of the side panel.
+     */
+    selectorPageContent?: string;
+    /**
+     * Specifies which DOM element in the form should be focused.
+     */
+    selectorPrimaryFocus?: string;
+    /**
+     * Sets the size of the side panel
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | '2xl';
+    /**
+     * Specifies which DOM element in the form should be focused.
+     */
+    slideIn?: boolean;
+    /**
+     *  **Experimental:** Provide a `Slug` component to be rendered inside the `SidePanel` component
+     */
+    slug?: ReactNode;
+    /**
+     * The subtitle of the CreateSidePanel is optional and serves to provide more information about the modal.
+     */
+    subtitle?: ReactNode;
+    /**
+     * The title of the CreateSidePanel is usually the product or service name.
+     */
+    title: string;
+}
 /**
  * Use with medium complexity edits if the user needs page context.
  */
-export let EditSidePanel: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let EditSidePanel: React.ForwardRefExoticComponent<EditSidePanelProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/EditSidePanel/EditSidePanel.js

@@ -33,12 +33,6 @@ var componentName = 'EditSidePanel';
 
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
-// Default values for props
-var defaults = {
-  placement: 'right',
-  size: 'md'
-};
-
 /**
  * Use with medium complexity edits if the user needs page context.
  */
@@ -53,13 +47,13 @@ exports.EditSidePanel = /*#__PURE__*/React__default["default"].forwardRef(functi
     onRequestSubmit = _ref.onRequestSubmit,
     open = _ref.open,
     _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? defaults.placement : _ref$placement,
+    placement = _ref$placement === void 0 ? 'right' : _ref$placement,
     primaryButtonText = _ref.primaryButtonText,
     secondaryButtonText = _ref.secondaryButtonText,
     selectorPrimaryFocus = _ref.selectorPrimaryFocus,
     selectorPageContent = _ref.selectorPageContent,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? defaults.size : _ref$size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
     slideIn = _ref.slideIn,
     subtitle = _ref.subtitle,
     title = _ref.title,
@@ -68,7 +62,7 @@ exports.EditSidePanel = /*#__PURE__*/React__default["default"].forwardRef(functi
     label: primaryButtonText,
     onClick: function onClick(event) {
       event.preventDefault();
-      onRequestSubmit();
+      onRequestSubmit && onRequestSubmit();
     },
     kind: 'primary',
     disabled: disableSubmit,
@@ -121,6 +115,7 @@ exports.EditSidePanel.propTypes = {
   /**
    * Sets the body content of the create side panel
    */
+  /**@ts-ignore*/
   children: index["default"].oneOfType([index["default"].arrayOf(index["default"].node), index["default"].node]).isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
@@ -156,7 +151,7 @@ exports.EditSidePanel.propTypes = {
   /**
    * Specifies whether the CreateSidePanel is open or not.
    */
-  open: index["default"].bool,
+  open: index["default"].bool.isRequired,
   /**
    * Determines if the side panel is on the right or left
    */
@@ -173,6 +168,7 @@ exports.EditSidePanel.propTypes = {
    * This is the selector to the element that contains all of the page content that will shrink if the panel is a slide in.
    * This prop is required when using the `slideIn` variant of the side panel.
    */
+  /**@ts-ignore*/
   selectorPageContent: index["default"].string.isRequired.if(function (_ref2) {
     var slideIn = _ref2.slideIn;
     return slideIn;
@@ -180,6 +176,7 @@ exports.EditSidePanel.propTypes = {
   /**
    * Specifies which DOM element in the form should be focused.
    */
+  /**@ts-ignore*/
   selectorPrimaryFocus: index["default"].node.isRequired,
   /**
    * Sets the size of the side panel
@@ -200,5 +197,6 @@ exports.EditSidePanel.propTypes = {
   /**
    * The title of the CreateSidePanel is usually the product or service name.
    */
+  /**@ts-ignore*/
   title: index["default"].node.isRequired
 };

package/lib/components/FilterPanel/FilterPanel.d.ts

@@ -0,0 +1,5 @@
+/**
+ * The container for filter panel subcomponents.
+ */
+export let FilterPanel: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/lib/components/FilterPanel/FilterPanel.js

@@ -0,0 +1,62 @@
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'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 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).
+var blockClass = "".concat(settings.pkg.prefix, "--filter-panel");
+var componentName = 'FilterPanel';
+
+/**
+ * The container for filter panel subcomponents.
+ */
+exports.FilterPanel = /*#__PURE__*/React__default["default"].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),
+    ref: ref
+  }, devtools.getDevtoolsProps(componentName)), title && /*#__PURE__*/React__default["default"].createElement("h1", {
+    className: "".concat(blockClass, "__title")
+  }, title), children);
+});
+
+// Return a placeholder if not released and not enabled by feature flag
+exports.FilterPanel = settings.pkg.checkComponentEnabled(exports.FilterPanel, componentName);
+exports.FilterPanel.displayName = componentName;
+exports.FilterPanel.propTypes = {
+  /**
+   * Provide the contents of the FilterPanel.
+   */
+  children: index["default"].node,
+  /**
+   * Provide an optional class to be applied to the containing node.
+   */
+  className: index["default"].string,
+  /**
+   * Title text for the filter panel.
+   */
+  title: index["default"].node
+};

package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.d.ts

@@ -0,0 +1,5 @@
+/**
+ * A container with a label and optional count.
+ */
+export let FilterPanelAccordion: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';