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

package/lib/components/AddSelect/AddSelectBreadcrumbs.js

@@ -7,20 +7,13 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@carbon/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');
 
-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__breadcrumbs");
 var componentName = 'AddSelectBreadcrumbs';
 var AddSelectBreadcrumbs = function AddSelectBreadcrumbs(_ref) {
@@ -31,13 +24,13 @@ var AddSelectBreadcrumbs = function AddSelectBreadcrumbs(_ref) {
     e.preventDefault();
     onClick(idx);
   };
-  var classNames = cx__default["default"](blockClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-multi"), multi));
-  return /*#__PURE__*/React__default["default"].createElement(react.Breadcrumb, {
+  var classNames = cx(blockClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-multi"), multi));
+  return /*#__PURE__*/React.createElement(react.Breadcrumb, {
     noTrailingSlash: true,
     className: classNames
   }, path.map(function (entry, idx) {
     var isCurrentPage = idx === path.length - 1;
-    return /*#__PURE__*/React__default["default"].createElement(react.BreadcrumbItem, {
+    return /*#__PURE__*/React.createElement(react.BreadcrumbItem, {
       key: entry.id,
       isCurrentPage: isCurrentPage,
       onClick: function onClick(e) {
@@ -48,9 +41,9 @@ var AddSelectBreadcrumbs = function AddSelectBreadcrumbs(_ref) {
   }));
 };
 AddSelectBreadcrumbs.propTypes = {
-  multi: index["default"].bool,
-  onClick: index["default"].func,
-  path: index["default"].array
+  multi: index.default.bool,
+  onClick: index.default.func,
+  path: index.default.array
 };
 AddSelectBreadcrumbs.displayName = componentName;
 

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

@@ -10,7 +10,7 @@ export function AddSelectColumn({ columnInputPlaceholder, filterByLabel, header,
     setMultiSelection: any;
     setPath: any;
     sortByLabel: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace AddSelectColumn {
     export namespace propTypes {
         let columnInputPlaceholder: PropTypes.Requireable<string>;
@@ -26,6 +26,7 @@ export namespace AddSelectColumn {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "AddSelectColumn";
 export {};

package/lib/components/AddSelect/AddSelectColumn.js

@@ -7,11 +7,9 @@
 
 '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 react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var settings = require('../../settings.js');
@@ -22,10 +20,6 @@ var useItemSort = require('./hooks/useItemSort.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var useParentSelect = require('./hooks/useParentSelect.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _excluded = ["columnInputPlaceholder", "filterByLabel", "header", "items", "multiSelection", "parentId", "path", "setMultiSelection", "setPath", "sortByLabel"];
 var blockClass = "".concat(settings.pkg.prefix, "--add-select");
 var colClass = "".concat(blockClass, "__column");
@@ -43,7 +37,7 @@ var AddSelectColumn = function AddSelectColumn(_ref) {
     sortByLabel = _ref.sortByLabel,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var carbonPrefix = react.usePrefix();
-  var _useParentSelect = useParentSelect["default"](),
+  var _useParentSelect = useParentSelect.default(),
     parentSelected = _useParentSelect.parentSelected,
     setParentSelected = _useParentSelect.setParentSelected;
   var _useState = React.useState(''),
@@ -149,23 +143,23 @@ var AddSelectColumn = function AddSelectColumn(_ref) {
     setParentSelected(id);
     setPath(id, title, parentId);
   };
-  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: colClass
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(colClass, "-search-bar")
-  }, /*#__PURE__*/React__default["default"].createElement(react.Search, {
+  }, /*#__PURE__*/React.createElement(react.Search, {
     value: searchTerm,
     onChange: function onChange(e) {
       return setSearchTerm(e.target.value);
     },
     placeholder: columnInputPlaceholder,
     className: "".concat(colClass, "-input"),
-    id: uuidv4["default"](),
+    id: uuidv4.default(),
     labelText: columnInputPlaceholder,
     size: "md"
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(colClass, "-sort-filter")
-  }, /*#__PURE__*/React__default["default"].createElement(AddSelectSort.AddSelectSort, {
+  }, /*#__PURE__*/React.createElement(AddSelectSort.AddSelectSort, {
     items: entries,
     setSortAttribute: setSortAttribute,
     setSortDirection: setSortDirection,
@@ -173,9 +167,9 @@ var AddSelectColumn = function AddSelectColumn(_ref) {
     sortDirection: sortDirection,
     sortBy: sortBy,
     sortByLabel: sortByLabel
-  }), filterByOpts.length > 0 && /*#__PURE__*/React__default["default"].createElement(react.OverflowMenu, {
+  }), filterByOpts.length > 0 && /*#__PURE__*/React.createElement(react.OverflowMenu, {
     renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/React__default["default"].createElement(icons.Filter, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(icons.Filter, _rollupPluginBabelHelpers.extends({
         size: 32
       }, props));
     },
@@ -184,12 +178,12 @@ var AddSelectColumn = function AddSelectColumn(_ref) {
     "aria-label": filterByLabel,
     iconDescription: filterByLabel
   }, filterByOpts.map(function (opt) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       key: opt,
       className: "".concat(carbonPrefix, "--overflow-menu-options__option")
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "".concat(carbonPrefix, "--overflow-menu-options__btn")
-    }, /*#__PURE__*/React__default["default"].createElement(react.Checkbox, {
+    }, /*#__PURE__*/React.createElement(react.Checkbox, {
       id: opt,
       labelText: opt,
       onChange: function onChange(event, _ref3) {
@@ -200,26 +194,26 @@ var AddSelectColumn = function AddSelectColumn(_ref) {
         return o === opt;
       }) ? true : false
     })));
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+  })))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__tags")
-  }, /*#__PURE__*/React__default["default"].createElement(react.Checkbox, {
-    id: "".concat(uuidv4["default"](), "-select-all"),
+  }, /*#__PURE__*/React.createElement(react.Checkbox, {
+    id: "".concat(uuidv4.default(), "-select-all"),
     className: "".concat(colClass, "__select-all"),
     checked: allSelected,
     onChange: selectAllHandler,
-    labelText: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
+    labelText: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
       className: "".concat(blockClass, "__tag-label")
-    }, header), /*#__PURE__*/React__default["default"].createElement(react.Tag, {
+    }, header), /*#__PURE__*/React.createElement(react.Tag, {
       type: "gray",
       size: "sm"
     }, colItems.length))
-  })), /*#__PURE__*/React__default["default"].createElement(AddSelectList.AddSelectList, _rollupPluginBabelHelpers["extends"]({}, props, {
+  })), /*#__PURE__*/React.createElement(AddSelectList.AddSelectList, _rollupPluginBabelHelpers.extends({}, props, {
     filteredItems: colItems,
     setMultiSelection: setMultiSelection,
     multiSelection: multiSelection,
     setParentSelected: parentSelectionHandler,
     parentSelected: parentSelected
-  }))), selectedItem && itemInPath && /*#__PURE__*/React__default["default"].createElement(AddSelectColumn, _rollupPluginBabelHelpers["extends"]({
+  }))), selectedItem && itemInPath && /*#__PURE__*/React.createElement(AddSelectColumn, _rollupPluginBabelHelpers.extends({
     columnInputPlaceholder: columnInputPlaceholder,
     header: selectedItem.title,
     items: selectedItem.children,
@@ -233,16 +227,16 @@ var AddSelectColumn = function AddSelectColumn(_ref) {
   }, props)));
 };
 AddSelectColumn.propTypes = {
-  columnInputPlaceholder: index["default"].string,
-  filterByLabel: index["default"].string,
-  header: index["default"].string,
-  items: index["default"].object,
-  multiSelection: index["default"].array,
-  parentId: index["default"].string,
-  path: index["default"].array,
-  setMultiSelection: index["default"].func,
-  setPath: index["default"].func,
-  sortByLabel: index["default"].string
+  columnInputPlaceholder: index.default.string,
+  filterByLabel: index.default.string,
+  header: index.default.string,
+  items: index.default.object,
+  multiSelection: index.default.array,
+  parentId: index.default.string,
+  path: index.default.array,
+  setMultiSelection: index.default.func,
+  setPath: index.default.func,
+  sortByLabel: index.default.string
 };
 AddSelectColumn.displayName = componentName;
 

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

@@ -14,7 +14,7 @@ export function AddSelectFilter({ appliedFilters, clearFiltersText, filterOpts,
     primaryButtonText: any;
     searchTerm: any;
     secondaryButtonText: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace AddSelectFilter {
     export namespace propTypes {
         let appliedFilters: PropTypes.Requireable<object>;
@@ -35,6 +35,7 @@ export namespace AddSelectFilter {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "AddSelectFilter";
 export {};

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 {};