@carbon/ibm-products 2.43.2-canary.33 → 2.43.2-canary.331

package/lib/components/ActionSet/ActionSet.d.ts

@@ -9,14 +9,14 @@ import React from 'react';
 import { ButtonProps } from '@carbon/react';
 export declare const ButtonSizes: readonly ["sm", "md", "lg", "xl", "2xl"];
 export type ButtonSize = (typeof ButtonSizes)[number];
-interface ActionSetProps {
+export interface ActionSetProps {
     /**
      * The action buttons to show. Each action is specified as an object
      * representation of a Carbon button.
      *
      * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
      */
-    actions: ButtonProps[];
+    actions: ButtonProps<React.ElementType>[];
     /**
      * The size of buttons to use for the actions. The allowed values are
      * those for the size prop of carbon Button. If this prop is specified, all
@@ -47,4 +47,3 @@ interface ActionSetProps {
  * right.
  */
 export declare const ActionSet: React.ForwardRefExoticComponent<ActionSetProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/lib/components/ActionSet/ActionSet.js

@@ -7,27 +7,20 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var react = require('@carbon/react');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var propsHelper = require('../../global/js/utils/props-helper.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../settings.js');
-var propsHelper = require('../../global/js/utils/props-helper.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 _InlineLoading;
 var _excluded = ["className", "disabled", "kind", "label", "loading", "isExpressive"],
   _excluded2 = ["actions", "buttonSize", "className", "size"];
 var blockClass = "".concat(settings.pkg.prefix, "--action-set");
 var componentName = 'ActionSet';
-var ActionSetButton = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var ActionSetButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     disabled = _ref.disabled,
     kind = _ref.kind,
@@ -36,19 +29,19 @@ var ActionSetButton = /*#__PURE__*/React__default["default"].forwardRef(function
     _ref$isExpressive = _ref.isExpressive,
     isExpressive = _ref$isExpressive === void 0 ? true : _ref$isExpressive,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, rest, {
     isExpressive: isExpressive,
-    className: cx__default["default"](className, ["".concat(blockClass, "__action-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__action-button--ghost"), kind === 'ghost' || kind === 'danger--ghost'), "".concat(blockClass, "__action-button--expressive"), isExpressive)]),
+    className: cx(className, ["".concat(blockClass, "__action-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__action-button--ghost"), kind === 'ghost' || kind === 'danger--ghost'), "".concat(blockClass, "__action-button--expressive"), isExpressive)]),
     disabled: disabled || loading || false,
     kind: kind,
     ref: ref
-  }), label, loading && (_InlineLoading || (_InlineLoading = /*#__PURE__*/React__default["default"].createElement(react.InlineLoading, null))));
+  }), label, loading && (_InlineLoading || (_InlineLoading = /*#__PURE__*/React.createElement(react.InlineLoading, null))));
 });
 ActionSetButton.displayName = 'ActionSetButton';
 ActionSetButton.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.PropTypes), {}, {
-  kind: index["default"].oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
-  label: index["default"].string,
-  loading: index["default"].bool
+  kind: index.default.oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
+  label: index.default.string,
+  loading: index.default.bool
 });
 var defaultKind = 'primary';
 var willStack = function willStack(size, numberOfActions) {
@@ -71,7 +64,7 @@ var defaults = {
  * it appears at the left side. If there is a primary button it appears at the
  * right.
  */
-var ActionSet = /*#__PURE__*/React__default["default"].forwardRef(function (_ref3, ref) {
+var ActionSet = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
   var _actions$slice;
   var actions = _ref3.actions,
     buttonSize = _ref3.buttonSize,
@@ -101,14 +94,14 @@ var ActionSet = /*#__PURE__*/React__default["default"].forwardRef(function (_ref
   buttons.sort(function (action1, action2) {
     return (buttonOrder(action1.kind || defaultKind) - buttonOrder(action2.kind || defaultKind)) * (stacking ? -1 : 1);
   });
-  return /*#__PURE__*/React__default["default"].createElement(react.ButtonSet, _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--row-single"), !stacking && buttons.length === 1), "".concat(blockClass, "--row-double"), !stacking && buttons.length === 2), "".concat(blockClass, "--row-triple"), !stacking && buttons.length === 3), "".concat(blockClass, "--row-quadruple"), !stacking && buttons.length >= 4), "".concat(blockClass, "--stacking"), stacking), "".concat(blockClass, "--").concat(size)),
+  return /*#__PURE__*/React.createElement(react.ButtonSet, _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--row-single"), !stacking && buttons.length === 1), "".concat(blockClass, "--row-double"), !stacking && buttons.length === 2), "".concat(blockClass, "--row-triple"), !stacking && buttons.length === 3), "".concat(blockClass, "--row-quadruple"), !stacking && buttons.length >= 4), "".concat(blockClass, "--stacking"), stacking), "".concat(blockClass, "--").concat(size)),
     ref: ref,
     role: "presentation",
     stacked: stacking
   }), buttons.map(function (action, index) {
     var actionProps = propsHelper.prepareProps(action, ['key']);
-    return /*#__PURE__*/React__default["default"].createElement(ActionSetButton, _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement(ActionSetButton, _rollupPluginBabelHelpers.extends({
       key: action.key || index
     }, actionProps, {
       size: buttonSize
@@ -174,11 +167,12 @@ ActionSet.propTypes = {
    * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
    */
   actions: propsHelper.allPropTypes([/**@ts-ignore*/
-  ActionSet.validateActions(), index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
-    kind: index["default"].oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
-    label: index["default"].string,
-    loading: index["default"].bool,
+  ActionSet.validateActions(), index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
+    kind: index.default.oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
+    label: index.default.string,
+    loading: index.default.bool,
     // we duplicate this Button prop to improve the DocGen here
+    /**@ts-ignore*/
     onClick: react.Button.propTypes.onClick
   })))]),
   /**
@@ -187,16 +181,17 @@ ActionSet.propTypes = {
    * the buttons will be set to this size, overriding any 'size' values (if any)
    * supplied in the actions array (if any).
    */
+  /**@ts-ignore*/
   buttonSize: react.Button.propTypes.size,
   /**
    * An optional class or classes to be added to the outermost element.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * The size of the action set. Different button arrangements are used at
    * different sizes, to make best use of the available space.
    */
-  size: index["default"].oneOf(['sm', 'md', 'lg', 'xl', '2xl'])
+  size: index.default.oneOf(['sm', 'md', 'lg', 'xl', '2xl'])
 };
 
 exports.ActionSet = ActionSet;

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

@@ -1 +1,8 @@
-export { ActionSet } from "./ActionSet";
+/**
+ * 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.
+ */
+export { ActionSet } from './ActionSet';
+export type { ActionSetProps } from './ActionSet';

package/lib/components/AddSelect/AddSelect.js

@@ -7,18 +7,12 @@
 
 '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 index = require('../../_virtual/index.js');
 var AddSelectBody = require('./AddSelectBody.js');
 var addSelectUtils = require('./add-select-utils.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _excluded = ["items", "globalFilters"];
 var componentName = 'AddSelect';
 var AddSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -38,7 +32,7 @@ var AddSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     };
     return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, modifier), modifierAttribute && _rollupPluginBabelHelpers.defineProperty({}, modifierAttribute, item[modifierAttribute]));
   }) : [];
-  return /*#__PURE__*/React__default["default"].createElement(AddSelectBody.AddSelectBody, _rollupPluginBabelHelpers["extends"]({}, props, {
+  return /*#__PURE__*/React.createElement(AddSelectBody.AddSelectBody, _rollupPluginBabelHelpers.extends({}, props, {
     ref: ref,
     items: items,
     normalizedItems: normalizedItems,
@@ -48,77 +42,77 @@ var AddSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }));
 });
 AddSelect.propTypes = {
-  className: index["default"].string,
-  clearFiltersText: index["default"].string,
-  closeIconDescription: index["default"].string.isRequired,
-  columnInputPlaceholder: index["default"].string,
-  description: index["default"].string.isRequired,
-  filterByLabel: index["default"].string,
+  className: index.default.string,
+  clearFiltersText: index.default.string,
+  closeIconDescription: index.default.string.isRequired,
+  columnInputPlaceholder: index.default.string,
+  description: index.default.string.isRequired,
+  filterByLabel: index.default.string,
   /**@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,
-  globalFiltersLabel: index["default"].string,
-  globalFiltersPlaceholderText: index["default"].string,
-  globalFiltersPrimaryButtonText: index["default"].string,
-  globalFiltersSecondaryButtonText: index["default"].string,
-  globalSearchLabel: index["default"].string.isRequired,
-  globalSearchPlaceholder: index["default"].string,
-  globalSortBy: index["default"].array,
-  illustrationTheme: index["default"].oneOf(['light', 'dark']),
-  influencerTitle: index["default"].string,
+  globalFiltersIconDescription: index.default.string,
+  globalFiltersLabel: index.default.string,
+  globalFiltersPlaceholderText: index.default.string,
+  globalFiltersPrimaryButtonText: index.default.string,
+  globalFiltersSecondaryButtonText: index.default.string,
+  globalSearchLabel: index.default.string.isRequired,
+  globalSearchPlaceholder: index.default.string,
+  globalSortBy: index.default.array,
+  illustrationTheme: index.default.oneOf(['light', 'dark']),
+  influencerTitle: index.default.string,
   /**@ts-ignore */
-  items: index["default"].shape({
-    modifiers: index["default"].shape({
-      id: index["default"].string,
-      label: index["default"].string,
-      options: index["default"].array
+  items: index.default.shape({
+    modifiers: index.default.shape({
+      id: index.default.string,
+      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,
-      meta: index["default"].oneOfType([index["default"].arrayOf(index["default"].shape({
-        id: index["default"].string,
-        title: index["default"].string,
-        value: index["default"].string
-      })), index["default"].node]),
-      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,
+      meta: index.default.oneOfType([index.default.arrayOf(index.default.shape({
+        id: index.default.string,
+        title: index.default.string,
+        value: index.default.string
+      })), index.default.node]),
+      subtitle: index.default.string,
+      title: index.default.string.isRequired,
+      value: index.default.string.isRequired
     })).isRequired
   }).isRequired,
-  itemsLabel: index["default"].string.isRequired,
-  metaIconDescription: index["default"].string,
-  metaPanelTitle: index["default"].string,
-  multi: index["default"].bool.isRequired,
-  navIconDescription: index["default"].string,
-  noResultsDescription: index["default"].string.isRequired,
-  noResultsTitle: index["default"].string.isRequired,
-  noSelectionDescription: index["default"].string,
-  noSelectionTitle: index["default"].string,
-  onClose: index["default"].func.isRequired,
-  onCloseButtonText: index["default"].string.isRequired,
-  onSubmit: index["default"].func.isRequired,
-  onSubmitButtonText: index["default"].string.isRequired,
-  open: index["default"].bool.isRequired,
+  itemsLabel: index.default.string.isRequired,
+  metaIconDescription: index.default.string,
+  metaPanelTitle: index.default.string,
+  multi: index.default.bool.isRequired,
+  navIconDescription: index.default.string,
+  noResultsDescription: index.default.string.isRequired,
+  noResultsTitle: index.default.string.isRequired,
+  noSelectionDescription: index.default.string,
+  noSelectionTitle: index.default.string,
+  onClose: index.default.func.isRequired,
+  onCloseButtonText: index.default.string.isRequired,
+  onSubmit: index.default.func.isRequired,
+  onSubmitButtonText: index.default.string.isRequired,
+  open: index.default.bool.isRequired,
   /**
    * portal target for the all tags modal
    */
-  portalTarget: index["default"].node,
-  searchResultsTitle: index["default"].string,
-  sortByLabel: index["default"].string,
-  title: index["default"].string.isRequired
+  portalTarget: index.default.node,
+  searchResultsTitle: index.default.string,
+  sortByLabel: index.default.string,
+  title: index.default.string.isRequired
 };
 AddSelect.defaultProps = {
   closeIconDescription: '',

package/lib/components/AddSelect/AddSelectBody.js

@@ -7,13 +7,21 @@
 
 '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 index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var react = require('@carbon/react');
+var Tearsheet = require('../Tearsheet/Tearsheet.js');
+var TearsheetNarrow = require('../Tearsheet/TearsheetNarrow.js');
+require('../EmptyStates/EmptyState.js');
+require('../EmptyStates/EmptyStateV2.js');
+require('../EmptyStates/ErrorEmptyState/ErrorEmptyState.js');
+require('../EmptyStates/NoDataEmptyState/NoDataEmptyState.js');
+require('../EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js');
+var NotFoundEmptyState = require('../EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js');
+require('../EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js');
+require('../EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js');
 var AddSelectSidebar = require('./AddSelectSidebar.js');
 var AddSelectBreadcrumbs = require('./AddSelectBreadcrumbs.js');
 var AddSelectList = require('./AddSelectList.js');
@@ -25,14 +33,6 @@ var useItemSort = require('./hooks/useItemSort.js');
 var useParentSelect = require('./hooks/useParentSelect.js');
 var usePath = require('./hooks/usePath.js');
 var settings = require('../../settings.js');
-var NotFoundEmptyState = require('../EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js');
-var Tearsheet = require('../Tearsheet/Tearsheet.js');
-var TearsheetNarrow = require('../Tearsheet/TearsheetNarrow.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 = ["className", "clearFiltersText", "closeIconDescription", "columnInputPlaceholder", "defaultModifiers", "description", "filterByLabel", "globalFilterOpts", "globalFiltersLabel", "globalFiltersIconDescription", "globalFiltersPlaceholderText", "globalFiltersPrimaryButtonText", "globalFiltersSecondaryButtonText", "globalSearchLabel", "globalSearchPlaceholder", "globalSortBy", "illustrationTheme", "influencerTitle", "items", "itemsLabel", "metaIconDescription", "metaPanelTitle", "multi", "navIconDescription", "noResultsDescription", "noResultsTitle", "noSelectionDescription", "noSelectionTitle", "normalizedItems", "onClose", "onCloseButtonText", "onSubmit", "onSubmitButtonText", "open", "portalTarget", "searchResultsTitle", "sortByLabel", "title", "useNormalizedItems"];
 var blockClass = "".concat(settings.pkg.prefix, "--add-select");
@@ -109,10 +109,10 @@ var AddSelectBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setSortDirection = _useItemSort.setSortDirection,
     sortAttribute = _useItemSort.sortAttribute,
     setSortAttribute = _useItemSort.setSortAttribute;
-  var _useParentSelect = useParentSelect["default"](),
+  var _useParentSelect = useParentSelect.default(),
     parentSelected = _useParentSelect.parentSelected,
     setParentSelected = _useParentSelect.setParentSelected;
-  var _usePath = usePath["default"](itemsLabel),
+  var _usePath = usePath.default(itemsLabel),
     path = _usePath.path,
     setPath = _usePath.setPath,
     pathOnclick = _usePath.pathOnclick,
@@ -133,7 +133,7 @@ var AddSelectBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     resetState();
     onClose === null || onClose === void 0 || onClose();
   };
-  var tearsheetClassnames = cx__default["default"](className, blockClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__single"), !multi), "".concat(blockClass, "__multi"), multi));
+  var tearsheetClassnames = cx(className, blockClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__single"), !multi), "".concat(blockClass, "__multi"), multi));
   var globalFilterKeys = Object.keys(appliedGlobalFilters);
   var globalFiltersApplied = globalFilterKeys.length > 0;
 
@@ -233,10 +233,10 @@ var AddSelectBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var displayColumnView = multi && useNormalizedItems && !searchTerm && !globalFiltersApplied;
 
   // main content
-  var body = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  var body = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     id: "add-select",
     className: "".concat(blockClass, "__header")
-  }, /*#__PURE__*/React__default["default"].createElement(AddSelectFilter.AddSelectFilter, {
+  }, /*#__PURE__*/React.createElement(AddSelectFilter.AddSelectFilter, {
     inputLabel: globalSearchLabel,
     inputPlaceholder: globalSearchPlaceholder,
     searchTerm: searchTerm,
@@ -252,32 +252,32 @@ var AddSelectBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     appliedFilters: appliedGlobalFilters,
     hasFiltersApplied: globalFiltersApplied,
     clearFiltersText: clearFiltersText
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"]("".concat(blockClass, "__sub-header"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__sub-header-multi"), multi))
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
+    className: cx("".concat(blockClass, "__sub-header"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__sub-header-multi"), multi))
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__tags")
-  }, showBreadsCrumbs ? /*#__PURE__*/React__default["default"].createElement(AddSelectBreadcrumbs.AddSelectBreadcrumbs, {
+  }, showBreadsCrumbs ? /*#__PURE__*/React.createElement(AddSelectBreadcrumbs.AddSelectBreadcrumbs, {
     path: path,
     onClick: pathOnclick,
     multi: multi
-  }) : /*#__PURE__*/React__default["default"].createElement("p", {
+  }) : /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__tags-label")
-  }, searchTerm ? searchResultsTitle : itemsLabel), showTags && /*#__PURE__*/React__default["default"].createElement(react.Tag, {
+  }, searchTerm ? searchResultsTitle : itemsLabel), showTags && /*#__PURE__*/React.createElement(react.Tag, {
     type: "gray",
     size: "sm"
-  }, itemsToDisplay.length)), showSort && /*#__PURE__*/React__default["default"].createElement(AddSelectSort.AddSelectSort, {
+  }, itemsToDisplay.length)), showSort && /*#__PURE__*/React.createElement(AddSelectSort.AddSelectSort, {
     setSortAttribute: setSortAttribute,
     setSortDirection: setSortDirection,
     sortBy: globalSortBy
-  }))), displayColumnView ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), displayColumnView ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__columns")
-  }, /*#__PURE__*/React__default["default"].createElement(AddSelectColumn.AddSelectColumn, _rollupPluginBabelHelpers["extends"]({}, commonListProps, {
+  }, /*#__PURE__*/React.createElement(AddSelectColumn.AddSelectColumn, _rollupPluginBabelHelpers.extends({}, commonListProps, {
     items: itemsToDisplay,
     columnInputPlaceholder: columnInputPlaceholder,
     header: (_path$ = path[0]) === null || _path$ === void 0 ? void 0 : _path$.title,
     filterByLabel: filterByLabel,
     sortByLabel: sortByLabel
-  }))) : /*#__PURE__*/React__default["default"].createElement("div", null, hasResults ? /*#__PURE__*/React__default["default"].createElement(AddSelectList.AddSelectList, _rollupPluginBabelHelpers["extends"]({}, commonListProps, {
+  }))) : /*#__PURE__*/React.createElement("div", null, hasResults ? /*#__PURE__*/React.createElement(AddSelectList.AddSelectList, _rollupPluginBabelHelpers.extends({}, commonListProps, {
     filteredItems: itemsToDisplay,
     modifiers: items === null || items === void 0 ? void 0 : items.modifiers,
     appliedModifiers: appliedModifiers,
@@ -285,89 +285,89 @@ var AddSelectBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setParentSelected: parentSelectionHandler,
     parentSelected: parentSelected,
     parentId: parentSelected || path[0].id
-  })) : /*#__PURE__*/React__default["default"].createElement("div", {
+  })) : /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__body")
-  }, /*#__PURE__*/React__default["default"].createElement(NotFoundEmptyState.NotFoundEmptyState, {
+  }, /*#__PURE__*/React.createElement(NotFoundEmptyState.NotFoundEmptyState, {
     subtitle: noResultsDescription,
     title: noResultsTitle,
     illustrationTheme: illustrationTheme
   }))));
   if (multi) {
-    return /*#__PURE__*/React__default["default"].createElement(Tearsheet.Tearsheet, _rollupPluginBabelHelpers["extends"]({}, commonTearsheetProps, {
-      influencer: multi && /*#__PURE__*/React__default["default"].createElement(AddSelectSidebar.AddSelectSidebar, sidebarProps),
+    return /*#__PURE__*/React.createElement(Tearsheet.Tearsheet, _rollupPluginBabelHelpers.extends({}, commonTearsheetProps, {
+      influencer: multi && /*#__PURE__*/React.createElement(AddSelectSidebar.AddSelectSidebar, sidebarProps),
       influencerPosition: "right"
     }), body);
   }
-  return /*#__PURE__*/React__default["default"].createElement(TearsheetNarrow.TearsheetNarrow, commonTearsheetProps, body);
+  return /*#__PURE__*/React.createElement(TearsheetNarrow.TearsheetNarrow, commonTearsheetProps, body);
 });
 AddSelectBody.propTypes = {
-  className: index["default"].string,
-  clearFiltersText: index["default"].string,
-  closeIconDescription: index["default"].string,
-  columnInputPlaceholder: index["default"].string,
-  defaultModifiers: index["default"].array,
-  description: index["default"].string,
-  filterByLabel: index["default"].string,
-  globalFilterOpts: index["default"].array,
-  globalFiltersIconDescription: index["default"].string,
-  globalFiltersLabel: index["default"].string,
-  globalFiltersPlaceholderText: index["default"].string,
-  globalFiltersPrimaryButtonText: index["default"].string,
-  globalFiltersSecondaryButtonText: index["default"].string,
-  globalSearchLabel: index["default"].string.isRequired,
-  globalSearchPlaceholder: index["default"].string,
-  globalSortBy: index["default"].array,
-  illustrationTheme: index["default"].oneOf(['light', 'dark']),
-  influencerTitle: index["default"].string,
+  className: index.default.string,
+  clearFiltersText: index.default.string,
+  closeIconDescription: index.default.string,
+  columnInputPlaceholder: index.default.string,
+  defaultModifiers: index.default.array,
+  description: index.default.string,
+  filterByLabel: index.default.string,
+  globalFilterOpts: index.default.array,
+  globalFiltersIconDescription: index.default.string,
+  globalFiltersLabel: index.default.string,
+  globalFiltersPlaceholderText: index.default.string,
+  globalFiltersPrimaryButtonText: index.default.string,
+  globalFiltersSecondaryButtonText: index.default.string,
+  globalSearchLabel: index.default.string.isRequired,
+  globalSearchPlaceholder: index.default.string,
+  globalSortBy: index.default.array,
+  illustrationTheme: index.default.oneOf(['light', 'dark']),
+  influencerTitle: index.default.string,
   /**@ts-ignore */
-  items: index["default"].shape({
-    modifiers: index["default"].shape({
-      id: index["default"].string,
-      label: index["default"].string,
-      options: index["default"].array
+  items: index.default.shape({
+    modifiers: index.default.shape({
+      id: index.default.string,
+      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"].oneOfType([index["default"].func, index["default"].object]),
-        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.oneOfType([index.default.func, index.default.object]),
+        src: index.default.string,
+        theme: index.default.oneOf(['light', 'dark'])
       }),
-      children: index["default"].object,
-      icon: index["default"].oneOfType([index["default"].func, index["default"].object]),
-      id: index["default"].string.isRequired,
-      meta: index["default"].oneOfType([index["default"].arrayOf(index["default"].shape({
-        id: index["default"].string,
-        title: index["default"].string,
-        value: index["default"].string
-      })), index["default"].node]),
-      subtitle: index["default"].string,
-      title: index["default"].string.isRequired,
-      value: index["default"].string.isRequired
+      children: index.default.object,
+      icon: index.default.oneOfType([index.default.func, index.default.object]),
+      id: index.default.string.isRequired,
+      meta: index.default.oneOfType([index.default.arrayOf(index.default.shape({
+        id: index.default.string,
+        title: index.default.string,
+        value: index.default.string
+      })), index.default.node]),
+      subtitle: index.default.string,
+      title: index.default.string.isRequired,
+      value: index.default.string.isRequired
     }))
   }),
-  itemsLabel: index["default"].string,
-  metaIconDescription: index["default"].string,
-  metaPanelTitle: index["default"].string,
-  multi: index["default"].bool,
-  navIconDescription: index["default"].string,
-  noResultsDescription: index["default"].string,
-  noResultsTitle: index["default"].string,
-  noSelectionDescription: index["default"].string,
-  noSelectionTitle: index["default"].string,
-  normalizedItems: index["default"].object,
-  onClose: index["default"].func,
-  onCloseButtonText: index["default"].string,
-  onSubmit: index["default"].func,
-  onSubmitButtonText: index["default"].string,
-  open: index["default"].bool,
-  portalTarget: index["default"].node,
-  searchResultsTitle: index["default"].string,
-  sortByLabel: index["default"].string,
-  title: index["default"].string,
-  useNormalizedItems: index["default"].bool
+  itemsLabel: index.default.string,
+  metaIconDescription: index.default.string,
+  metaPanelTitle: index.default.string,
+  multi: index.default.bool,
+  navIconDescription: index.default.string,
+  noResultsDescription: index.default.string,
+  noResultsTitle: index.default.string,
+  noSelectionDescription: index.default.string,
+  noSelectionTitle: index.default.string,
+  normalizedItems: index.default.object,
+  onClose: index.default.func,
+  onCloseButtonText: index.default.string,
+  onSubmit: index.default.func,
+  onSubmitButtonText: index.default.string,
+  open: index.default.bool,
+  portalTarget: index.default.node,
+  searchResultsTitle: index.default.string,
+  sortByLabel: index.default.string,
+  title: index.default.string,
+  useNormalizedItems: index.default.bool
 };
 AddSelectBreadcrumbs.AddSelectBreadcrumbs.displayName = componentName;
 

package/lib/components/AddSelect/AddSelectBreadcrumbs.d.ts

@@ -2,7 +2,7 @@ export function AddSelectBreadcrumbs({ multi, onClick, path }: {
     multi: any;
     onClick: any;
     path: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace AddSelectBreadcrumbs {
     export namespace propTypes {
         let multi: PropTypes.Requireable<boolean>;
@@ -11,6 +11,7 @@ export namespace AddSelectBreadcrumbs {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "AddSelectBreadcrumbs";
 export {};