@carbon/ibm-products 2.33.0 → 2.35.0

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

@@ -0,0 +1,83 @@
+/**
+ * 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.
+ */
+
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import PropTypes from '../../../node_modules/prop-types/index.js';
+import cx from 'classnames';
+import { Accordion } from '@carbon/react';
+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 = {
+  accordionProps: {}
+};
+
+/**
+ * A container with a label and optional count.
+ */
+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);
+  return /*#__PURE__*/React__default.createElement(FilterPanelGroup, _extends({}, rest, {
+    className: cx(blockClass, className),
+    count: count,
+    labelText: labelText,
+    ref: ref,
+    title: title
+  }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement(Accordion, _extends({}, otherAccordionProps, {
+    align: align || 'start',
+    className: "".concat(blockClass, "__list")
+  }), children));
+});
+
+// Return a placeholder if not released and not enabled by feature flag
+FilterPanelAccordion = pkg.checkComponentEnabled(FilterPanelAccordion, componentName);
+FilterPanelAccordion.displayName = componentName;
+FilterPanelAccordion.propTypes = {
+  /**
+   * Props specific to the internal `Accordion` component.
+   */
+  accordionProps: PropTypes.shape({}),
+  /**
+   * Provide the contents of the FilterPanelAccordion.
+   */
+  children: PropTypes.node.isRequired,
+  /**
+   * Optional class to be applied to the containing node.
+   */
+  className: PropTypes.string,
+  /**
+   * Number to be displayed with the label.
+   */
+  count: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /**
+   * The label for the component.
+   */
+  labelText: PropTypes.node.isRequired,
+  /**
+   * Optional title attribute for the label.
+   */
+  title: PropTypes.string
+};
+
+export { FilterPanelAccordion };

package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.d.ts

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

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

@@ -0,0 +1,94 @@
+/**
+ * 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.
+ */
+
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { Children } from 'react';
+import PropTypes from '../../../node_modules/prop-types/index.js';
+import cx from 'classnames';
+import { AccordionItem, ListItem } from '@carbon/react';
+import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
+import { pkg } from '../../../settings.js';
+import { FilterPanelLabel } from '../FilterPanelLabel/FilterPanelLabel.js';
+import { TruncatedList } from '../../TruncatedList/TruncatedList.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 = {
+  accordionItemProps: {},
+  truncatedListProps: {}
+};
+
+/**
+ * A container with a label and optional count.
+ */
+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);
+  return /*#__PURE__*/React__default.createElement(AccordionItem, _extends({}, accordionItemProps, {
+    className: cx(blockClass, className),
+    ref: ref,
+    title: /*#__PURE__*/React__default.createElement(FilterPanelLabel, _extends({}, rest, {
+      count: count,
+      labelText: labelText,
+      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);
+  })));
+});
+
+// Return a placeholder if not released and not enabled by feature flag
+FilterPanelAccordionItem = pkg.checkComponentEnabled(FilterPanelAccordionItem, componentName);
+FilterPanelAccordionItem.displayName = componentName;
+FilterPanelAccordionItem.propTypes = {
+  /**
+   * Props specific to the internal `AccordionItem` component.
+   */
+  accordionItemProps: PropTypes.shape({}),
+  /**
+   * Provide the contents of the FilterPanelAccordionItem.
+   */
+  children: PropTypes.node.isRequired,
+  /**
+   * Optional class to be applied to the containing node.
+   */
+  className: PropTypes.string,
+  /**
+   * Number to be displayed with the label.
+   */
+  count: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /**
+   * The label for the component.
+   */
+  labelText: PropTypes.node.isRequired,
+  /**
+   * Optional title attribute for the label.
+   */
+  title: PropTypes.string,
+  /**
+   * Props specific to the internal `TruncatedList` component.
+   */
+  truncatedListProps: PropTypes.shape({})
+};
+
+export { FilterPanelAccordionItem };

package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.d.ts

@@ -1,5 +1,10 @@
 /**
  * Provides a checkbox, label, and count.
+ *
+ * This component is returning Carbon's Checkbox.
+ *
+ * All of Carbon Checkbox's props are directly available
+ * through "...rest", including id, onClick, etc.
  */
 export let FilterPanelCheckbox: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

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

@@ -14,7 +14,7 @@ import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
 import { pkg } from '../../../settings.js';
 import { FilterPanelLabel } from '../FilterPanelLabel/FilterPanelLabel.js';
 
-var _excluded = ["className", "count", "labelText", "title"];
+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");
@@ -22,15 +22,22 @@ var componentName = 'FilterPanelCheckbox';
 
 /**
  * Provides a checkbox, label, and count.
+ *
+ * This component is returning Carbon's Checkbox.
+ *
+ * All of Carbon Checkbox's props are directly available
+ * through "...rest", including id, onClick, etc.
  */
 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);
   return /*#__PURE__*/React__default.createElement(Checkbox, _extends({}, rest, {
     className: cx(blockClass, className),
+    id: id,
     labelText: /*#__PURE__*/React__default.createElement(FilterPanelLabel, {
       count: count,
       labelText: labelText,
@@ -44,15 +51,6 @@ var FilterPanelCheckbox = /*#__PURE__*/React__default.forwardRef(function (_ref,
 FilterPanelCheckbox = pkg.checkComponentEnabled(FilterPanelCheckbox, componentName);
 FilterPanelCheckbox.displayName = componentName;
 FilterPanelCheckbox.propTypes = {
-  /**
-   * IMPORTANT NOTE
-   *
-   * This component is returning Carbon's Checkbox.
-   *
-   * All of Carbon Checkbox's props are directly available
-   * through "...rest", including id, onClick, etc.
-   */
-
   /**
    * Optional class to be applied to the containing node.
    */

package/es/components/FilterPanel/FilterPanelCheckbox/index.d.ts

@@ -0,0 +1 @@
+export { FilterPanelCheckbox } from "./FilterPanelCheckbox";

package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Provides a filter panel checkbox with an overflow menu.
+ *
+ * This component's props refer to the Carbon Checkbox,
+ * just like FilterPanelCheckbox.
+ *
+ * Use `overflowMenuProps` for properties specific to the OverflowMenu.
+ */
+export let FilterPanelCheckboxWithOverflow: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

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

@@ -0,0 +1,157 @@
+/**
+ * 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.
+ */
+
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectDestructuringEmpty as _objectDestructuringEmpty, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useState, useRef, useEffect } from 'react';
+import PropTypes from '../../../node_modules/prop-types/index.js';
+import cx from 'classnames';
+import { OverflowMenu } from '@carbon/react';
+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 = {
+  overflowMenuProps: {}
+};
+
+/**
+ * Provides a filter panel checkbox with an overflow menu.
+ *
+ * This component's props refer to the Carbon Checkbox,
+ * just like FilterPanelCheckbox.
+ *
+ * Use `overflowMenuProps` for properties specific to the OverflowMenu.
+ */
+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];
+  // Destructure overflow menu properties.
+  var other = _extends({}, (_objectDestructuringEmpty(overflowMenuProps), overflowMenuProps));
+  var backupRef = useRef();
+  var localRef = ref || backupRef;
+  var setHideButton = function setHideButton(activeElement) {
+    if (!menuIsOpen && !localRef.current.contains(activeElement)) {
+      setShowMenuButton(false);
+    }
+  };
+  useEffect(function () {
+    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;
+        return setHideButton(relatedTarget);
+      },
+      onFocus: function onFocus() {
+        return 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.
+       *   Releasing the mouse button then shows the button again.
+       *   This behavior "flickers" the menu button.
+       * Solution: onMouseDown > preventDefault prevents onBlur from being called.
+       *   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);
+      },
+      ref: localRef
+    }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement(FilterPanelCheckbox, _extends({}, rest, {
+      className: cx("".concat(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
+    }, other), children))
+  );
+});
+
+// Return a placeholder if not released and not enabled by feature flag
+FilterPanelCheckboxWithOverflow = pkg.checkComponentEnabled(FilterPanelCheckboxWithOverflow, componentName);
+FilterPanelCheckboxWithOverflow.displayName = componentName;
+FilterPanelCheckboxWithOverflow.propTypes = {
+  /**
+   * Children containing `OverflowMenuItems`.
+   */
+  children: PropTypes.node.isRequired,
+  /**
+   * Optional class to be applied to the containing node.
+   */
+  className: PropTypes.string,
+  /**
+   * Number to be displayed with the checkbox.
+   */
+  count: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /**
+   * Unique identifier.
+   */
+  id: PropTypes.string.isRequired,
+  /**
+   * Label to be displayed with the checkbox.
+   */
+  labelText: PropTypes.node.isRequired,
+  /**
+   * Checkbox event handler.
+   */
+  onChange: PropTypes.func,
+  /**
+   * 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)),
+  /**
+   * Optional title attribute for the label.
+   */
+  title: PropTypes.string
+};
+
+export { FilterPanelCheckboxWithOverflow };

package/es/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.d.ts

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

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

@@ -0,0 +1,72 @@
+/**
+ * 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.
+ */
+
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import PropTypes from '../../../node_modules/prop-types/index.js';
+import cx from 'classnames';
+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';
+
+/**
+ * A container with a label and optional count.
+ */
+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);
+  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")
+  }, /*#__PURE__*/React__default.createElement(FilterPanelLabel, {
+    count: count,
+    labelText: labelText,
+    title: title
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(blockClass, "__content")
+  }, children));
+});
+
+// Return a placeholder if not released and not enabled by feature flag
+FilterPanelGroup = pkg.checkComponentEnabled(FilterPanelGroup, componentName);
+FilterPanelGroup.displayName = componentName;
+FilterPanelGroup.propTypes = {
+  /**
+   * Provide the contents of the FilterPanelGroup.
+   */
+  children: PropTypes.node.isRequired,
+  /**
+   * Optional class to be applied to the containing node.
+   */
+  className: PropTypes.string,
+  /**
+   * Number to be displayed with the label.
+   */
+  count: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /**
+   * The label for the component.
+   */
+  labelText: PropTypes.node.isRequired,
+  /**
+   * Optional title attribute for the label.
+   */
+  title: PropTypes.string
+};
+
+export { FilterPanelGroup };

package/es/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js

@@ -33,9 +33,9 @@ var FilterPanelLabel = /*#__PURE__*/React__default.forwardRef(function (_ref, re
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement("span", {
     className: "".concat(blockClass, "__text"),
     title: title
-  }, labelText), /*#__PURE__*/React__default.createElement("span", {
+  }, labelText), count && /*#__PURE__*/React__default.createElement("span", {
     className: "".concat(blockClass, "__count")
-  }, count));
+  }, count), ' ');
 });
 
 // Return a placeholder if not released and not enabled by feature flag

package/es/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.d.ts

@@ -0,0 +1,5 @@
+/**
+ * An input field and container to show search results.
+ */
+export let FilterPanelSearch: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/es/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js

@@ -0,0 +1,92 @@
+/**
+ * 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.
+ */
+
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useState, useEffect } from 'react';
+import PropTypes from '../../../node_modules/prop-types/index.js';
+import cx from 'classnames';
+import { Search } from '@carbon/react';
+import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
+import { pkg } from '../../../settings.js';
+
+var _excluded = ["children", "className", "searchProps"];
+
+// The block part of our conventional BEM class names (blockClass__E--M).
+var blockClass = "".concat(pkg.prefix, "--filter-panel-search");
+var componentName = 'FilterPanelSearch';
+var defaults = {
+  searchProps: {}
+};
+
+/**
+ * An input field and container to show search results.
+ */
+var FilterPanelSearch = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$searchProps = _ref.searchProps,
+    searchProps = _ref$searchProps === void 0 ? defaults.searchProps : _ref$searchProps,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    resultsVisible = _useState2[0],
+    setResultsVisible = _useState2[1];
+  var timer;
+
+  // Hide results with a delay.
+  // Gives enough time for "show" to trigger earlier.
+  var hideResults = function hideResults() {
+    clearTimeout(timer);
+    timer = setTimeout(function () {
+      setResultsVisible(false);
+    }, 300);
+  };
+
+  // Show results immediately.
+  var showResults = function showResults() {
+    clearTimeout(timer);
+    setResultsVisible(true);
+  };
+
+  // On unmount, clear the timer.
+  useEffect(function () {
+    return clearTimeout(timer);
+  }, [timer]);
+  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+    className: cx(blockClass, "".concat(blockClass, "__container"), className),
+    onBlur: hideResults,
+    onFocus: showResults,
+    ref: ref
+  }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement(Search, _extends({
+    className: "".concat(blockClass, "__input")
+  }, searchProps)), resultsVisible && !!children && /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(blockClass, "__results")
+  }, children));
+});
+
+// Return a placeholder if not released and not enabled by feature flag
+FilterPanelSearch = pkg.checkComponentEnabled(FilterPanelSearch, componentName);
+FilterPanelSearch.displayName = componentName;
+FilterPanelSearch.propTypes = {
+  /**
+   * Provide the contents of the FilterPanelSearch.
+   */
+  children: PropTypes.node,
+  /**
+   * Optional class to be applied to the containing node.
+   */
+  className: PropTypes.string,
+  /**
+   * Props specific to the internal `Search` component.
+   */
+  searchProps: PropTypes.shape({
+    /** The label text for the Search icon. */
+    labelText: PropTypes.string.isRequired
+  }).isRequired
+};
+
+export { FilterPanelSearch };

package/es/components/FilterPanel/index.d.ts

@@ -1,3 +1,8 @@
 export { FilterPanel } from "./FilterPanel";
+export { FilterPanelAccordion } from "./FilterPanelAccordion/FilterPanelAccordion";
+export { FilterPanelAccordionItem } from "./FilterPanelAccordionItem/FilterPanelAccordionItem";
 export { FilterPanelCheckbox } from "./FilterPanelCheckbox/FilterPanelCheckbox";
+export { FilterPanelCheckboxWithOverflow } from "./FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow";
+export { FilterPanelGroup } from "./FilterPanelGroup/FilterPanelGroup";
 export { FilterPanelLabel } from "./FilterPanelLabel/FilterPanelLabel";
+export { FilterPanelSearch } from "./FilterPanelSearch/FilterPanelSearch";

package/es/components/HTTPErrors/HTTPError403/HTTPError403.d.ts

@@ -1,7 +1,45 @@
+/**
+ * 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, { PropsWithChildren } from 'react';
+interface HTTPError403Props extends PropsWithChildren {
+    /**
+     * Provide an optional class to be applied to the containing node
+     */
+    className?: string;
+    /**
+     * String that will provide the description for the HTTP error code
+     */
+    description: string;
+    /**
+     * String that will describe the error that occurred
+     */
+    errorCodeLabel: string;
+    /**
+     * Links that will display for extra context when receiving particular errors
+     */
+    links: Array<{
+        /**
+         * The text to display for the link
+         */
+        text: string;
+        /**
+         * The link's destination
+         */
+        href: string;
+    }>;
+    /**
+     * This will be for the main title of the HTTP error component
+     */
+    title: string;
+}
 /**
  * HTTP errors are used in an attempt to access something that isn’t available or
 the user doesn’t have permission for. This HTTPError component is generic so you
 can use it when you receive an error code that isn't provided.
  */
-export let HTTPError403: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let HTTPError403: React.ForwardRefExoticComponent<HTTPError403Props & React.RefAttributes<HTMLDivElement>>;
+export {};