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

package/lib/components/MultiAddSelect/MultiAddSelect.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var AddSelect = require('../AddSelect/AddSelect.js');
@@ -16,16 +14,12 @@ var index = require('../../node_modules/prop-types/index.js');
 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 componentName = 'MultiAddSelect';
 /**
  * Used to add or select multiple or more items from larger lists or hierarchies.
  */
 exports.MultiAddSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default["default"].createElement(AddSelect.AddSelect, _rollupPluginBabelHelpers["extends"]({}, props, {
+  return /*#__PURE__*/React.createElement(AddSelect.AddSelect, _rollupPluginBabelHelpers.extends({}, props, {
     multi: true,
     ref: ref
   }, devtools.getDevtoolsProps(componentName)));
@@ -35,128 +29,128 @@ exports.MultiAddSelect.propTypes = {
   /**
    * optional class name
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * placeholder for column input filter
    */
-  columnInputPlaceholder: index["default"].string,
+  columnInputPlaceholder: index.default.string,
   /**
    * text description that appears under the title
    */
-  description: index["default"].string,
+  description: index.default.string,
   /**
    * options to display in the global filter box. values are generated
    * from the id which should correlate with a specific property in an
    * item entry
    */
   /**@ts-ignore */
-  globalFilters: index["default"].arrayOf(index["default"].shape({
-    id: index["default"].string,
-    label: index["default"].string
+  globalFilters: index.default.arrayOf(index.default.shape({
+    id: index.default.string,
+    label: index.default.string
   })),
-  globalFiltersIconDescription: index["default"].string,
+  globalFiltersIconDescription: index.default.string,
   /**
    * placeholder text for the global filter dropdown
    */
-  globalFiltersPlaceholderText: index["default"].string,
+  globalFiltersPlaceholderText: index.default.string,
   /**
    * text for the global filter primary button
    */
-  globalFiltersPrimaryButtonText: index["default"].string,
+  globalFiltersPrimaryButtonText: index.default.string,
   /**
    * text for the global filter secondary button
    */
-  globalFiltersSecondaryButtonText: index["default"].string,
+  globalFiltersSecondaryButtonText: index.default.string,
   /**
    * label for global search input
    */
-  globalSearchLabel: index["default"].string,
+  globalSearchLabel: index.default.string,
   /**
    * placeholder for global search input
    */
-  globalSearchPlaceholder: index["default"].string,
+  globalSearchPlaceholder: index.default.string,
   /**
    * the theme for the empty state illustration
    */
-  illustrationTheme: index["default"].oneOf(['light', 'dark']),
+  illustrationTheme: index.default.oneOf(['light', 'dark']),
   /**
    * title that displays in the sidebar / influencer
    */
-  influencerTitle: index["default"].string,
+  influencerTitle: index.default.string,
   /**
    * object that contains the item data. for more information reference the
    * "Structuring items" section in the docs tab
    */
   /**@ts-ignore */
-  items: index["default"].shape({
-    modifiers: index["default"].shape({
-      label: index["default"].string,
-      options: index["default"].array
+  items: index.default.shape({
+    modifiers: index.default.shape({
+      label: index.default.string,
+      options: index.default.array
     }),
-    sortBy: index["default"].array,
-    filterBy: index["default"].array,
-    entries: index["default"].arrayOf(index["default"].shape({
-      avatar: index["default"].shape({
-        alt: index["default"].string,
-        icon: index["default"].func,
-        src: index["default"].string,
-        theme: index["default"].oneOf(['light', 'dark'])
+    sortBy: index.default.array,
+    filterBy: index.default.array,
+    entries: index.default.arrayOf(index.default.shape({
+      avatar: index.default.shape({
+        alt: index.default.string,
+        icon: index.default.func,
+        src: index.default.string,
+        theme: index.default.oneOf(['light', 'dark'])
       }),
-      children: index["default"].object,
-      icon: index["default"].func,
-      id: index["default"].string.isRequired,
-      subtitle: index["default"].string,
-      title: index["default"].string.isRequired,
-      value: index["default"].string.isRequired
+      children: index.default.object,
+      icon: index.default.func,
+      id: index.default.string.isRequired,
+      subtitle: index.default.string,
+      title: index.default.string.isRequired,
+      value: index.default.string.isRequired
     }))
   }),
   /**
    * label that display above the list of items
    */
-  itemsLabel: index["default"].string,
+  itemsLabel: index.default.string,
   /**
    * text to display when no results are found from the global search
    */
-  noResultsDescription: index["default"].string,
+  noResultsDescription: index.default.string,
   /**
    * title to display when no results are found from the global search
    */
-  noResultsTitle: index["default"].string,
+  noResultsTitle: index.default.string,
   /**
    * text body that displays in the sidebar when nothing is selected
    */
-  noSelectionDescription: index["default"].string,
+  noSelectionDescription: index.default.string,
   /**
    * title that displays in the sidebar when nothing is selected
    */
-  noSelectionTitle: index["default"].string,
+  noSelectionTitle: index.default.string,
   /**
    * function to call when the close button clicked
    */
-  onClose: index["default"].func,
+  onClose: index.default.func,
   /**
    * text for close button
    */
-  onCloseButtonText: index["default"].string,
+  onCloseButtonText: index.default.string,
   /**
    * function to call when the submit button is clicked. returns a selection
    */
-  onSubmit: index["default"].func,
+  onSubmit: index.default.func,
   /**
    * text for the submit button
    */
-  onSubmitButtonText: index["default"].string,
+  onSubmitButtonText: index.default.string,
   /**
    * specifies if the component is open or not
    */
-  open: index["default"].bool,
+  open: index.default.bool,
   /**
    * text that displays when displaying filtered items
    */
-  searchResultsTitle: index["default"].string,
+  searchResultsTitle: index.default.string,
   /**
    * header text
    */
-  title: index["default"].string
+  title: index.default.string
 };
 exports.MultiAddSelect.displayName = componentName;

package/lib/components/Nav/Nav.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,15 +16,10 @@ var NavItem = require('./NavItem.js');
 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 = ["activeHref", "className", "children", "heading", "label"];
 var componentName = 'Nav';
 var blockClass = "".concat(settings.pkg.prefix, "--nav");
-exports.Nav = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.Nav = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var activeHref = _ref.activeHref,
     className = _ref.className,
     children = _ref.children,
@@ -55,7 +48,7 @@ exports.Nav = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
    */
   var buildNewItemChild = function buildNewItemChild(child, index) {
     var key = "".concat(NavItem.blockClass, "--").concat(index);
-    return /*#__PURE__*/React__default["default"].createElement(NavItem["default"], _rollupPluginBabelHelpers["extends"]({}, child.props, {
+    return /*#__PURE__*/React.createElement(NavItem.default, _rollupPluginBabelHelpers.extends({}, child.props, {
       activeHref: _activeHref,
       key: key,
       onClick: function onClick(event, href) {
@@ -72,7 +65,7 @@ exports.Nav = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
    */
   var buildNewListChild = function buildNewListChild(child, index) {
     var key = "".concat(NavList.blockClass, "--").concat(index);
-    return /*#__PURE__*/React__default["default"].createElement(NavList["default"], _rollupPluginBabelHelpers["extends"]({}, child.props, {
+    return /*#__PURE__*/React.createElement(NavList.default, _rollupPluginBabelHelpers.extends({}, child.props, {
       activeHref: _activeHref,
       id: key,
       key: key,
@@ -116,41 +109,41 @@ exports.Nav = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
       }
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement("nav", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"](blockClass, className),
+  return /*#__PURE__*/React.createElement("nav", _rollupPluginBabelHelpers.extends({
+    className: cx(blockClass, className),
     "aria-label": label,
     ref: ref
-  }, devtools.getDevtoolsProps(componentName), rest), heading && /*#__PURE__*/React__default["default"].createElement("h1", {
+  }, devtools.getDevtoolsProps(componentName), rest), heading && /*#__PURE__*/React.createElement("h1", {
     className: "".concat(blockClass, "__heading")
-  }, heading), /*#__PURE__*/React__default["default"].createElement("ul", {
+  }, heading), /*#__PURE__*/React.createElement("ul", {
     className: "".concat(blockClass, "__wrapper"),
     role: "menubar"
-  }, React__default["default"].Children.map(children, function (child, index) {
+  }, React.Children.map(children, function (child, index) {
     var _child$type;
-    return (child === null || child === void 0 || (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === NavList["default"].displayName ? buildNewListChild(child, index) : buildNewItemChild(child, index);
+    return (child === null || child === void 0 || (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === NavList.default.displayName ? buildNewListChild(child, index) : buildNewItemChild(child, index);
   })));
 });
 exports.Nav.propTypes = {
   /**
    * Hypertext reference for active page.
    */
-  activeHref: index["default"].string,
+  activeHref: index.default.string,
   /**
    * Child elements.
    */
-  children: index["default"].node,
+  children: index.default.node,
   /**
    * Extra classes to add.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Heading.
    */
-  heading: index["default"].string,
+  heading: index.default.string,
   /**
    * Aria-label on the rendered `nav` element.
    */
-  label: index["default"].string.isRequired
+  label: index.default.string.isRequired
 };
 
 // Return a placeholder if not released and not enabled by feature flag

package/lib/components/Nav/NavItem.js

@@ -18,11 +18,6 @@ var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var NavItemLink = require('./NavItemLink.js');
 var bucket9 = require('../../node_modules/@carbon/icons-react/es/generated/bucket-9.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 = ["activeHref", "children", "className", "current", "disabled", "element", "href", "id", "label", "onClick", "tabIndex"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -69,7 +64,7 @@ exports.NavItem = function NavItem(_ref) {
       setHrefHasDifferentHost(true);
     }
   }, [href]);
-  var internalId = React.useRef(uuidv4["default"]());
+  var internalId = React.useRef(uuidv4.default());
   var instanceId = "".concat(blockClass, "__").concat(internalId.current);
   var navItemId = id || instanceId;
   var isAbsoluteLink = new RegExp('^([a-z]+://|//)', 'i');
@@ -84,8 +79,8 @@ exports.NavItem = function NavItem(_ref) {
     rel: 'noopener noreferrer',
     target: '_blank'
   };
-  return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--active"), current !== null && current === navItemId || activeHref !== undefined && activeHref === href && !externalLink), "".concat(blockClass, "--disabled"), disabled)),
+  return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--active"), current !== null && current === navItemId || activeHref !== undefined && activeHref === href && !externalLink), "".concat(blockClass, "--disabled"), disabled)),
     label: label,
     onClick: function onClick(event) {
       return handleDisabled(_onClick(event, href));
@@ -94,13 +89,13 @@ exports.NavItem = function NavItem(_ref) {
       return handleDisabled(_onClick(event, href));
     },
     role: "menuitem"
-  }), /*#__PURE__*/React__default["default"].createElement(NavItemLink["default"], _rollupPluginBabelHelpers["extends"]({
+  }), /*#__PURE__*/React.createElement(NavItemLink.default, _rollupPluginBabelHelpers.extends({
     id: navItemId,
-    className: cx__default["default"](linkClassName, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__link--external"), externalLink)),
+    className: cx(linkClassName, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__link--external"), externalLink)),
     element: element,
     href: href,
     tabIndex: navItemTabIndex
-  }, rest, externalLinkProps), children, externalLink && /*#__PURE__*/React__default["default"].createElement(bucket9.Launch, {
+  }, rest, externalLinkProps), children, externalLink && /*#__PURE__*/React.createElement(bucket9.Launch, {
     className: "".concat(blockClass, "__link--external__icon")
   })));
 };
@@ -116,51 +111,51 @@ exports.NavItem.propTypes = {
   /**
    * Hypertext reference for active page.
    */
-  activeHref: index["default"].string,
+  activeHref: index.default.string,
   /**
    * Provide the contents of the Nav.
    */
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Currently selected item.
    */
-  current: index["default"].string,
+  current: index.default.string,
   /**
    * Whether the item is disabled.
    */
-  disabled: index["default"].bool,
+  disabled: index.default.bool,
   /**
    * The base element to use to build the link. Defaults to `a`, can also accept alternative tag names or custom components like `Link` from `react-router`.
    */
-  element: index["default"].elementType,
+  element: index.default.elementType,
   /**
    * The href of the nav item.
    */
-  href: index["default"].string,
+  href: index.default.string,
   /**
    * Identifier.
    */
-  id: index["default"].string,
+  id: index.default.string,
   /**
    * Label of an item.
    */
-  label: index["default"].string,
+  label: index.default.string,
   /**
    * Whether the item is a link.
    */
-  link: index["default"].bool,
+  link: index.default.bool,
   /**
    * Click handler of an item.
    */
-  onClick: index["default"].func,
+  onClick: index.default.func,
   /**
    * `tabindex` of an item.
    */
-  tabIndex: index["default"].number
+  tabIndex: index.default.number
 };
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -168,4 +163,4 @@ exports.NavItem = settings.pkg.checkComponentEnabled(exports.NavItem, componentN
 var NavItem = exports.NavItem;
 
 exports.blockClass = blockClass;
-exports["default"] = NavItem;
+exports.default = NavItem;

package/lib/components/Nav/NavItemLink.js

@@ -13,26 +13,22 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var index = require('../../node_modules/prop-types/index.js');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _excluded = ["element"];
-var NavItemLink = /*#__PURE__*/React__default["default"].forwardRef(function NavItemLink(props, ref) {
+var NavItemLink = /*#__PURE__*/React.forwardRef(function NavItemLink(props, ref) {
   var element = props.element,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement(element, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+  return /*#__PURE__*/React.createElement(element, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
     ref: ref
   }));
 });
 NavItemLink.displayName = 'NavItemLink';
 NavItemLink.propTypes = {
   /** @type {elementType} The base element to use to build the link. Defaults to `a`, can also accept alternative tag names or custom components like `Link` from `react-router`. */
-  element: index["default"].elementType
+  element: index.default.elementType
 };
 NavItemLink.defaultProps = {
   element: 'a'
 };
 var NavItemLink$1 = NavItemLink;
 
-exports["default"] = NavItemLink$1;
+exports.default = NavItemLink$1;

package/lib/components/Nav/NavList.js

@@ -17,11 +17,6 @@ var NavItem = require('./NavItem.js');
 var settings = require('../../settings.js');
 var bucket2 = require('../../node_modules/@carbon/icons-react/es/generated/bucket-2.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 componentName = 'NavList';
 var blockClass = "".concat(settings.pkg.prefix, "--nav-list");
 
@@ -39,7 +34,7 @@ var defaults = {
   icon: '',
   navigationItemTitle: ''
 };
-exports.NavList = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.NavList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$activeHref = _ref.activeHref,
     activeHref = _ref$activeHref === void 0 ? defaults.activeHref : _ref$activeHref,
     _ref$children = _ref.children,
@@ -67,7 +62,7 @@ exports.NavList = /*#__PURE__*/React__default["default"].forwardRef(function (_r
     open = _useState2[0],
     setOpen = _useState2[1];
   React.useEffect(function () {
-    var hrefs = React__default["default"].Children.toArray(children).filter(function (_ref2) {
+    var hrefs = React.Children.toArray(children).filter(function (_ref2) {
       var childProps = _ref2.props;
       return childProps.href && childProps.href.length > 0;
     }).map(function (_ref3) {
@@ -111,8 +106,8 @@ exports.NavList = /*#__PURE__*/React__default["default"].forwardRef(function (_r
       isExpandedOnPageLoad: isExpandedOnPageLoad
     };
   });
-  var newChildren = React__default["default"].Children.map(children, function (child, index) {
-    return /*#__PURE__*/React__default["default"].createElement(NavItem["default"], _rollupPluginBabelHelpers["extends"]({}, child.props, {
+  var newChildren = React.Children.map(children, function (child, index) {
+    return /*#__PURE__*/React.createElement(NavItem.default, _rollupPluginBabelHelpers.extends({}, child.props, {
       key: "".concat(NavItem.blockClass, "--").concat(index),
       onClick: function onClick(event, href) {
         var _child$props$onClick, _child$props;
@@ -123,24 +118,24 @@ exports.NavList = /*#__PURE__*/React__default["default"].forwardRef(function (_r
       tabIndex: open ? 0 : -1
     }));
   });
-  return /*#__PURE__*/React__default["default"].createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     ref: ref,
-    className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(NavItem.blockClass, "--expanded"), open)),
+    className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(NavItem.blockClass, "--expanded"), open)),
     tabIndex: tabIndex,
     onClick: toggle,
     onKeyDown: toggle,
     role: "menuitem"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(NavItem.blockClass, "__link")
-  }, icon && /*#__PURE__*/React__default["default"].createElement("img", {
+  }, icon && /*#__PURE__*/React.createElement("img", {
     alt: navigationItemTitle,
     className: "".concat(NavItem.blockClass, "__img"),
     src: icon
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(NavItem.blockClass, "__content")
-  }, title), /*#__PURE__*/React__default["default"].createElement(bucket2.ChevronDown, {
+  }, title), /*#__PURE__*/React.createElement(bucket2.ChevronDown, {
     className: "".concat(blockClass, "__icon")
-  })), /*#__PURE__*/React__default["default"].createElement("ul", {
+  })), /*#__PURE__*/React.createElement("ul", {
     "aria-label": title,
     "aria-hidden": !open,
     className: "".concat(blockClass, " ").concat(blockClass, "--nested"),
@@ -178,4 +173,4 @@ exports.NavList = settings.pkg.checkComponentEnabled(exports.NavList, componentN
 var NavList = exports.NavList;
 
 exports.blockClass = blockClass;
-exports["default"] = NavList;
+exports.default = NavList;

package/lib/components/NonLinearReading/NonLinearReading.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var icons = require('@carbon/react/icons');
@@ -18,11 +16,6 @@ var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.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 _ChevronDown;
 var _excluded = ["children", "className", "definition", "theme"];
 
@@ -34,7 +27,7 @@ var componentName = 'NonLinearReading';
  * brief, at-a-glance, summary of a concept that may require
  * more explanation for some users.
  */
-exports.NonLinearReading = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.NonLinearReading = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     definition = _ref.definition,
@@ -45,24 +38,24 @@ exports.NonLinearReading = /*#__PURE__*/React__default["default"].forwardRef(fun
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     isOpen = _useState2[0],
     setOpen = _useState2[1];
-  var contentId = React.useRef(uuidv4["default"]()).current;
+  var contentId = React.useRef(uuidv4.default()).current;
   var handleToggle = function handleToggle() {
     setOpen(function (prevState) {
       return !prevState;
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, "".concat(blockClass, "__").concat(theme), className),
+  return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, "".concat(blockClass, "__").concat(theme), className),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), ' ', /*#__PURE__*/React__default["default"].createElement("button", {
+  }, devtools.getDevtoolsProps(componentName)), ' ', /*#__PURE__*/React.createElement("button", {
     type: "button",
     "aria-controls": contentId,
     "aria-expanded": isOpen,
-    className: cx__default["default"]("".concat(blockClass, "__keyword"), [isOpen ? ["".concat(blockClass, "__keyword-open")] : ["".concat(blockClass, "__keyword-closed")]]),
+    className: cx("".concat(blockClass, "__keyword"), [isOpen ? ["".concat(blockClass, "__keyword-open")] : ["".concat(blockClass, "__keyword-closed")]]),
     onClick: handleToggle
-  }, children, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default["default"].createElement(icons.ChevronDown, {
+  }, children, _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(icons.ChevronDown, {
     size: 16
-  }))), ' ', /*#__PURE__*/React__default["default"].createElement("span", {
+  }))), ' ', /*#__PURE__*/React.createElement("span", {
     id: contentId,
     className: "".concat(blockClass, "__body"),
     hidden: !isOpen
@@ -77,17 +70,17 @@ exports.NonLinearReading.propTypes = {
    * The keyword of the component appears as a pill.
    */
 
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * The content that appears when the keyword is toggled open.
    */
-  definition: index["default"].node.isRequired,
+  definition: index.default.node.isRequired,
   /**
    * Determines the theme of the component.
    */
-  theme: index["default"].oneOf(['light', 'dark'])
+  theme: index.default.oneOf(['light', 'dark'])
 };

package/lib/components/NotificationsPanel/NotificationsPanel.d.ts

@@ -6,7 +6,7 @@
  */
 /// <reference path="../../../src/custom-typings/index.d.ts" />
 import { Link } from '@carbon/react';
-import React from 'react';
+import React, { RefObject } from 'react';
 interface Link {
     url: string;
     text: string;
@@ -138,6 +138,10 @@ export interface NotificationsPanelProps {
      * Sets the today label text
      */
     todayLabel?: string;
+    /**
+     * Reference to trigger button
+     */
+    triggerButtonRef?: RefObject<any>;
     /**
      * Sets the View all button text
      */