@carbon/ibm-products 2.43.2-canary.31 → 2.43.2-canary.317

package/lib/components/AddSelect/AddSelectFilter.js

@@ -7,21 +7,14 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@carbon/react');
 var cx = require('classnames');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var icons = require('@carbon/react/icons');
 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 blockClass = "".concat(settings.pkg.prefix, "--add-select__global-filter");
 var componentName = 'AddSelectFilter';
 var AddSelectFilter = function AddSelectFilter(_ref) {
@@ -84,19 +77,19 @@ var AddSelectFilter = function AddSelectFilter(_ref) {
     return filters[id] || '';
   };
   var showFilter = multi && (filterOpts === null || filterOpts === void 0 ? void 0 : filterOpts.length) > 0;
-  var filterBtnClassnames = cx__default["default"]("".concat(blockClass, "-toggle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-toggle--open"), open));
+  var filterBtnClassnames = cx("".concat(blockClass, "-toggle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-toggle--open"), open));
   var dirtyInput = Object.keys(filters).length > 0;
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "-search")
-  }, /*#__PURE__*/React__default["default"].createElement(react.Search, {
+  }, /*#__PURE__*/React.createElement(react.Search, {
     id: "add-select-global-search-filter",
     labelText: inputLabel,
     placeholder: inputPlaceholder,
     value: searchTerm,
     onChange: searchHandler
-  }), showFilter && /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }), showFilter && /*#__PURE__*/React.createElement(react.Button, {
     renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/React__default["default"].createElement(icons.Filter, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(icons.Filter, _rollupPluginBabelHelpers.extends({
         size: 16
       }, props));
     },
@@ -109,15 +102,15 @@ var AddSelectFilter = function AddSelectFilter(_ref) {
     className: filterBtnClassnames,
     size: "md",
     tooltipPosition: "left"
-  }), open && /*#__PURE__*/React__default["default"].createElement(react.Layer, {
+  }), open && /*#__PURE__*/React.createElement(react.Layer, {
     className: blockClass,
     level: 1
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "-content")
-  }, /*#__PURE__*/React__default["default"].createElement("p", null, filtersLabel), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("p", null, filtersLabel), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "-opts")
   }, filterOpts.map(function (filterOpts) {
-    return /*#__PURE__*/React__default["default"].createElement(react.Dropdown, {
+    return /*#__PURE__*/React.createElement(react.Dropdown, {
       key: filterOpts.id,
       id: filterOpts.id,
       titleText: filterOpts.label,
@@ -128,52 +121,52 @@ var AddSelectFilter = function AddSelectFilter(_ref) {
       selectedItem: getSelectedItem(filterOpts.id),
       label: placeholder
     });
-  }))), /*#__PURE__*/React__default["default"].createElement(react.ButtonSet, {
+  }))), /*#__PURE__*/React.createElement(react.ButtonSet, {
     className: "".concat(blockClass, "-button-set")
-  }, /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, /*#__PURE__*/React.createElement(react.Button, {
     kind: "secondary",
     onClick: resetFilters,
     className: "".concat(blockClass, "-button"),
     disabled: !dirtyInput
-  }, secondaryButtonText), /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, secondaryButtonText), /*#__PURE__*/React.createElement(react.Button, {
     kind: "primary",
     onClick: applyFilters,
     className: "".concat(blockClass, "-button"),
     disabled: !dirtyInput && !hasFiltersApplied
-  }, primaryButtonText)))), hasFiltersApplied && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, primaryButtonText)))), hasFiltersApplied && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "-applied")
   }, Object.keys(appliedFilters).map(function (filterType) {
-    return /*#__PURE__*/React__default["default"].createElement(react.Tag, {
+    return /*#__PURE__*/React.createElement(react.DismissibleTag, {
       key: filterType,
+      text: "".concat(filterType, ": ").concat(appliedFilters[filterType]),
       type: "gray",
       size: "sm",
       onClose: function onClose() {
         return removeTag(filterType);
-      },
-      filter: true
-    }, "".concat(filterType, ": ").concat(appliedFilters[filterType]));
-  }), /*#__PURE__*/React__default["default"].createElement(react.Button, {
+      }
+    });
+  }), /*#__PURE__*/React.createElement(react.Button, {
     kind: "ghost",
     size: "sm",
     onClick: clearFilters
   }, clearFiltersText)));
 };
 AddSelectFilter.propTypes = {
-  appliedFilters: index["default"].object,
-  clearFiltersText: index["default"].string,
-  filterOpts: index["default"].array,
-  filtersLabel: index["default"].string,
-  handleFilter: index["default"].func,
-  handleSearch: index["default"].func,
-  hasFiltersApplied: index["default"].bool,
-  iconDescription: index["default"].string,
-  inputLabel: index["default"].string.isRequired,
-  inputPlaceholder: index["default"].string,
-  multi: index["default"].bool,
-  placeholder: index["default"].string,
-  primaryButtonText: index["default"].string,
-  searchTerm: index["default"].string,
-  secondaryButtonText: index["default"].string
+  appliedFilters: index.default.object,
+  clearFiltersText: index.default.string,
+  filterOpts: index.default.array,
+  filtersLabel: index.default.string,
+  handleFilter: index.default.func,
+  handleSearch: index.default.func,
+  hasFiltersApplied: index.default.bool,
+  iconDescription: index.default.string,
+  inputLabel: index.default.string.isRequired,
+  inputPlaceholder: index.default.string,
+  multi: index.default.bool,
+  placeholder: index.default.string,
+  primaryButtonText: index.default.string,
+  searchTerm: index.default.string,
+  secondaryButtonText: index.default.string
 };
 AddSelectFilter.displayName = componentName;
 

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

@@ -3,7 +3,7 @@ export function AddSelectFormControl({ item, onClick, selected, type }: {
     onClick: any;
     selected: any;
     type: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace AddSelectFormControl {
     export namespace propTypes {
         let item: PropTypes.Requireable<object>;
@@ -13,6 +13,7 @@ export namespace AddSelectFormControl {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "AddSelectFormControl";
 export {};

package/lib/components/AddSelect/AddSelectFormControl.js

@@ -7,19 +7,13 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var icons = require('@carbon/react/icons');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var settings = require('../../settings.js');
 var UserProfileImage = require('../UserProfileImage/UserProfileImage.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var componentName = 'AddSelectFormControl';
 var blockClass = "".concat(settings.pkg.prefix, "--add-select__selections");
 var AddSelectFormControl = function AddSelectFormControl(_ref) {
@@ -34,15 +28,15 @@ var AddSelectFormControl = function AddSelectFormControl(_ref) {
   }, "aria-labelledby", "control-label-".concat(item.id));
   var getCheckbox = function getCheckbox() {
     if (selected) {
-      return /*#__PURE__*/React__default["default"].createElement(icons.CheckboxCheckedFilled, controlProps);
+      return /*#__PURE__*/React.createElement(icons.CheckboxCheckedFilled, controlProps);
     }
-    return /*#__PURE__*/React__default["default"].createElement(icons.Checkbox, controlProps);
+    return /*#__PURE__*/React.createElement(icons.Checkbox, controlProps);
   };
   var getRadio = function getRadio() {
     if (selected) {
-      return /*#__PURE__*/React__default["default"].createElement(icons.RadioButtonChecked, controlProps);
+      return /*#__PURE__*/React.createElement(icons.RadioButtonChecked, controlProps);
     }
-    return /*#__PURE__*/React__default["default"].createElement(icons.RadioButton, controlProps);
+    return /*#__PURE__*/React.createElement(icons.RadioButton, controlProps);
   };
   var getFormControl = function getFormControl() {
     if (!item) {
@@ -72,28 +66,28 @@ var AddSelectFormControl = function AddSelectFormControl(_ref) {
   };
   var getItemIcon = function getItemIcon(_ref3) {
     var Icon = _ref3.icon;
-    return /*#__PURE__*/React__default["default"].createElement(Icon, null);
+    return /*#__PURE__*/React.createElement(Icon, null);
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "-form-control")
-  }, getFormControl(), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, getFormControl(), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "-form-control-label-wrapper")
-  }, item.avatar && /*#__PURE__*/React__default["default"].createElement(UserProfileImage.UserProfileImage, getAvatarProps(item.avatar)), item.icon && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, item.avatar && /*#__PURE__*/React.createElement(UserProfileImage.UserProfileImage, getAvatarProps(item.avatar)), item.icon && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "-cell-icon")
-  }, getItemIcon(item)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, getItemIcon(item)), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "-form-control-label-text")
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "-cell-title"),
     id: "control-label-".concat(item.id)
-  }, item.title), item.subtitle && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, item.title), item.subtitle && /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "-cell-subtitle")
   }, item.subtitle))));
 };
 AddSelectFormControl.propTypes = {
-  item: index["default"].object,
-  onClick: index["default"].func,
-  selected: index["default"].bool,
-  type: index["default"].oneOf(['checkbox', 'radio'])
+  item: index.default.object,
+  onClick: index.default.func,
+  selected: index.default.bool,
+  type: index.default.oneOf(['checkbox', 'radio'])
 };
 AddSelectFormControl.displayName = componentName;
 

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

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

package/lib/components/AddSelect/AddSelectList.js

@@ -7,21 +7,14 @@
 
 '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 settings = require('../../settings.js');
 var AddSelectRow = require('./AddSelectRow.js');
 var useFocus = require('./hooks/useFocus.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 = ["filteredItems", "multi"];
 var blockClass = "".concat(settings.pkg.prefix, "--add-select__selections");
 var componentName = 'AddSelectList';
@@ -29,21 +22,21 @@ var AddSelectList = function AddSelectList(_ref) {
   var filteredItems = _ref.filteredItems,
     multi = _ref.multi,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var _useFocus = useFocus["default"](filteredItems.length),
+  var _useFocus = useFocus.default(filteredItems.length),
     _useFocus2 = _rollupPluginBabelHelpers.slicedToArray(_useFocus, 2),
     focus = _useFocus2[0],
     setFocus = _useFocus2[1];
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     id: "add-select-focus",
-    className: cx__default["default"]("".concat(blockClass, "-wrapper"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-wrapper-multi"), multi))
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: cx("".concat(blockClass, "-wrapper"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-wrapper-multi"), multi))
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass)
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "-body"),
     role: "treegrid",
     "aria-label": "add select tree label"
   }, filteredItems.map(function (item, index) {
-    return /*#__PURE__*/React__default["default"].createElement(AddSelectRow.AddSelectRow, _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement(AddSelectRow.AddSelectRow, _rollupPluginBabelHelpers.extends({
       key: item.id,
       index: index,
       focus: focus,
@@ -55,9 +48,9 @@ var AddSelectList = function AddSelectList(_ref) {
   }))));
 };
 AddSelectList.propTypes = {
-  filteredItems: index["default"].array,
-  focus: index["default"].oneOfType([index["default"].number, index["default"].string]),
-  multi: index["default"].bool
+  filteredItems: index.default.array,
+  focus: index.default.oneOfType([index.default.number, index.default.string]),
+  multi: index.default.bool
 };
 AddSelectList.displayName = componentName;
 

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

@@ -3,7 +3,7 @@ export function AddSelectMetaPanel({ closeIconDescription, meta, setDisplayMetaP
     meta: any;
     setDisplayMetaPanel: any;
     title: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace AddSelectMetaPanel {
     export namespace propTypes {
         let closeIconDescription: PropTypes.Validator<string>;
@@ -17,6 +17,7 @@ export namespace AddSelectMetaPanel {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "AddSelectMetaPanel";
 export {};

package/lib/components/AddSelect/AddSelectMetaPanel.js

@@ -7,19 +7,13 @@
 
 '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 icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
 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 blockClass = "".concat(settings.pkg.prefix, "--add-select__meta-panel");
 var componentName = 'AddSelectMetaPanel';
 var AddSelectMetaPanel = function AddSelectMetaPanel(_ref) {
@@ -30,15 +24,15 @@ var AddSelectMetaPanel = function AddSelectMetaPanel(_ref) {
   var onCloseHandler = function onCloseHandler() {
     setDisplayMetaPanel({});
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: blockClass
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "-header")
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
+  }, /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "-title")
-  }, title), /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, title), /*#__PURE__*/React.createElement(react.Button, {
     renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/React__default["default"].createElement(icons.Close, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(icons.Close, _rollupPluginBabelHelpers.extends({
         size: 16
       }, props));
     },
@@ -51,25 +45,25 @@ var AddSelectMetaPanel = function AddSelectMetaPanel(_ref) {
     kind: "ghost",
     size: "sm"
   })), /*#__PURE__*/React.isValidElement(meta) ? meta : meta.map(function (entry) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       key: entry === null || entry === void 0 ? void 0 : entry.id,
       className: "".concat(blockClass, "-entry")
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
+    }, /*#__PURE__*/React.createElement("p", {
       className: "".concat(blockClass, "-entry-title")
-    }, entry === null || entry === void 0 ? void 0 : entry.title), /*#__PURE__*/React__default["default"].createElement("p", {
+    }, entry === null || entry === void 0 ? void 0 : entry.title), /*#__PURE__*/React.createElement("p", {
       className: "".concat(blockClass, "-entry-body")
     }, entry === null || entry === void 0 ? void 0 : entry.value));
   }));
 };
 AddSelectMetaPanel.propTypes = {
-  closeIconDescription: 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]).isRequired,
-  setDisplayMetaPanel: index["default"].func.isRequired,
-  title: index["default"].string.isRequired
+  closeIconDescription: 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]).isRequired,
+  setDisplayMetaPanel: index.default.func.isRequired,
+  title: index.default.string.isRequired
 };
 AddSelectMetaPanel.displayName = componentName;
 

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

@@ -19,7 +19,7 @@ export function AddSelectRow({ appliedModifiers, displayMetalPanel, index, focus
     setSingleSelection: any;
     setSize: any;
     singleSelection: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace AddSelectRow {
     export namespace propTypes {
         let appliedModifiers: PropTypes.Requireable<any[]>;
@@ -46,6 +46,7 @@ export namespace AddSelectRow {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "AddSelectList";
 export {};

package/lib/components/AddSelect/AddSelectRow.js

@@ -7,22 +7,15 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../settings.js');
 var AddSelectFormControl = require('./AddSelectFormControl.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 blockClass = "".concat(settings.pkg.prefix, "--add-select__selections");
 var componentName = 'AddSelectList';
 var AddSelectRow = function AddSelectRow(_ref) {
@@ -129,8 +122,8 @@ var AddSelectRow = function AddSelectRow(_ref) {
   var tabIndex = getTabIndex();
   var selected = isSelected();
   var expanded = parentSelected === item.id;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"]("".concat(blockClass, "-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-row--selected"), isSelected()), "".concat(blockClass, "-row-meta--selected"), isInMetaPanel(item.id)), "".concat(blockClass, "-row--active"), expanded)),
+  return /*#__PURE__*/React.createElement("div", {
+    className: cx("".concat(blockClass, "-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-row--selected"), isSelected()), "".concat(blockClass, "-row-meta--selected"), isInMetaPanel(item.id)), "".concat(blockClass, "-row--active"), expanded)),
     onKeyDown: onSelectKeyDown,
     tabIndex: tabIndex,
     ref: ref,
@@ -140,17 +133,17 @@ var AddSelectRow = function AddSelectRow(_ref) {
     ,
     "aria-setsize": setSize,
     "aria-expanded": expanded
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "-cell"),
     role: "gridcell"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "-cell-wrapper")
-  }, multi ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(AddSelectFormControl.AddSelectFormControl, {
+  }, multi ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AddSelectFormControl.AddSelectFormControl, {
     type: "checkbox",
     item: item,
     selected: selected,
     onClick: handleMultiSelection
-  }), hasModifiers && /*#__PURE__*/React__default["default"].createElement(react.Layer, null, /*#__PURE__*/React__default["default"].createElement(react.Dropdown, {
+  }), hasModifiers && /*#__PURE__*/React.createElement(react.Layer, null, /*#__PURE__*/React.createElement(react.Dropdown, {
     titleText: modifiers.label,
     id: "add-select-modifier-".concat(item.id),
     type: "inline",
@@ -163,15 +156,15 @@ var AddSelectRow = function AddSelectRow(_ref) {
       var selectedItem = _ref3.selectedItem;
       return modifierHandler(item.id, selectedItem);
     }
-  }))) : /*#__PURE__*/React__default["default"].createElement(AddSelectFormControl.AddSelectFormControl, {
+  }))) : /*#__PURE__*/React.createElement(AddSelectFormControl.AddSelectFormControl, {
     type: "radio",
     item: item,
     selected: selected,
     onClick: handleSingleSelection
-  }), item.children && /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }), item.children && /*#__PURE__*/React.createElement(react.Button, {
     className: "".concat(blockClass, "-view-children"),
     renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/React__default["default"].createElement(icons.ChevronRight, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(icons.ChevronRight, _rollupPluginBabelHelpers.extends({
         size: 16
       }, props));
     },
@@ -184,10 +177,10 @@ var AddSelectRow = function AddSelectRow(_ref) {
     size: "sm",
     tabIndex: -1,
     "aria-hidden": true
-  }), item.meta && /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }), item.meta && /*#__PURE__*/React.createElement(react.Button, {
     className: "".concat(blockClass, "-view-meta"),
     renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/React__default["default"].createElement(icons.View, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(icons.View, _rollupPluginBabelHelpers.extends({
         size: 16
       }, props));
     },
@@ -201,27 +194,27 @@ var AddSelectRow = function AddSelectRow(_ref) {
   }))));
 };
 AddSelectRow.propTypes = {
-  appliedModifiers: index["default"].array,
-  displayMetalPanel: index["default"].object,
-  filteredItems: index["default"].array,
-  focus: index["default"].oneOfType([index["default"].number, index["default"].string]),
-  index: index["default"].number,
-  item: index["default"].object,
-  metaIconDescription: index["default"].string,
-  modifiers: index["default"].object,
-  multi: index["default"].bool,
-  multiSelection: index["default"].array,
-  navIconDescription: index["default"].string,
-  parentId: index["default"].string,
-  parentSelected: index["default"].string,
-  setAppliedModifiers: index["default"].func,
-  setDisplayMetaPanel: index["default"].func,
-  setFocus: index["default"].func,
-  setMultiSelection: index["default"].func,
-  setParentSelected: index["default"].func,
-  setSingleSelection: index["default"].func,
-  setSize: index["default"].number,
-  singleSelection: index["default"].string
+  appliedModifiers: index.default.array,
+  displayMetalPanel: index.default.object,
+  filteredItems: index.default.array,
+  focus: index.default.oneOfType([index.default.number, index.default.string]),
+  index: index.default.number,
+  item: index.default.object,
+  metaIconDescription: index.default.string,
+  modifiers: index.default.object,
+  multi: index.default.bool,
+  multiSelection: index.default.array,
+  navIconDescription: index.default.string,
+  parentId: index.default.string,
+  parentSelected: index.default.string,
+  setAppliedModifiers: index.default.func,
+  setDisplayMetaPanel: index.default.func,
+  setFocus: index.default.func,
+  setMultiSelection: index.default.func,
+  setParentSelected: index.default.func,
+  setSingleSelection: index.default.func,
+  setSize: index.default.number,
+  singleSelection: index.default.string
 };
 AddSelectRow.displayName = componentName;
 

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

@@ -11,7 +11,7 @@ export function AddSelectSidebar({ appliedModifiers, closeIconDescription, displ
     noSelectionDescription: any;
     noSelectionTitle: any;
     setDisplayMetaPanel: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace AddSelectSidebar {
     export namespace propTypes {
         let appliedModifiers: PropTypes.Requireable<any[]>;
@@ -29,6 +29,7 @@ export namespace AddSelectSidebar {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "AddSelectSidebar";
 export {};