@carbon/react 1.0.0-rc.0 → 1.0.2

package/lib/components/DataTable/TableToolbarSearch.js

@@ -15,7 +15,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var index = require('../Search/index.js');
 var instanceId = require('./tools/instanceId.js');
-var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -24,7 +23,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["className", "searchContainerClass", "onChange", "onClear", "translateWithId", "placeHolderText", "placeholder", "labelText", "expanded", "defaultExpanded", "defaultValue", "disabled", "onExpand", "persistent", "persistant", "id", "onBlur", "onFocus"];
+var _excluded = ["className", "searchContainerClass", "onChange", "onClear", "translateWithId", "placeholder", "labelText", "expanded", "defaultExpanded", "defaultValue", "disabled", "onExpand", "persistent", "id", "onBlur", "onFocus"];
 var getInstanceId = instanceId["default"]();
 var translationKeys = {
   'carbon.table.toolbar.search.label': 'Filter table',
@@ -43,7 +42,6 @@ var TableToolbarSearch = function TableToolbarSearch(_ref) {
       onChangeProp = _ref.onChange,
       onClear = _ref.onClear,
       t = _ref.translateWithId,
-      placeHolderText = _ref.placeHolderText,
       placeholder = _ref.placeholder,
       labelText = _ref.labelText,
       expandedProp = _ref.expanded,
@@ -52,7 +50,6 @@ var TableToolbarSearch = function TableToolbarSearch(_ref) {
       disabled = _ref.disabled,
       onExpand = _ref.onExpand,
       persistent = _ref.persistent,
-      persistant = _ref.persistant,
       id = _ref.id,
       onBlur = _ref.onBlur,
       onFocus = _ref.onFocus,
@@ -93,13 +90,13 @@ var TableToolbarSearch = function TableToolbarSearch(_ref) {
     }
   }, //eslint-disable-next-line react-hooks/exhaustive-deps
   []);
-  var searchClasses = cx__default["default"](className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, searchContainerClass, searchContainerClass), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--toolbar-search-container-active"), expanded), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--toolbar-search-container-disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--toolbar-search-container-expandable"), !persistent || !persistent && !persistant), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--toolbar-search-container-persistent"), persistent || persistant), _cx));
+  var searchClasses = cx__default["default"](className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, searchContainerClass, searchContainerClass), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--toolbar-search-container-active"), expanded), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--toolbar-search-container-disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--toolbar-search-container-expandable"), !persistent), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--toolbar-search-container-persistent"), persistent), _cx));
 
   var handleExpand = function handleExpand(event) {
     var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !expanded;
 
     if (!disabled) {
-      if (!controlled && (!persistent || !persistent && !persistant)) {
+      if (!controlled && !persistent) {
         setExpandedState(value);
       }
 
@@ -131,7 +128,7 @@ var TableToolbarSearch = function TableToolbarSearch(_ref) {
     value: value,
     id: typeof id !== 'undefined' ? id : uniqueId.toString(),
     labelText: labelText || t('carbon.table.toolbar.search.label'),
-    placeholder: placeHolderText || placeholder || t('carbon.table.toolbar.search.placeholder'),
+    placeholder: placeholder || t('carbon.table.toolbar.search.placeholder'),
     onChange: onChange,
     onClear: onClear,
     onFocus: onFocus ? function (event) {
@@ -209,18 +206,12 @@ TableToolbarSearch.propTypes = {
    * input as the second.
    */
   onFocus: PropTypes__default["default"].func,
-  persistant: deprecate["default"](PropTypes__default["default"].bool, "\nThe prop `persistant` for TableToolbarSearch has been deprecated in favor of `persistent`. Please use `persistent` instead."),
 
   /**
    * Whether the search should be allowed to expand
    */
   persistent: PropTypes__default["default"].bool,
 
-  /**
-   * Deprecated in favor of `placeholder`
-   */
-  placeHolderText: deprecate["default"](PropTypes__default["default"].string, "\nThe prop `placeHolderText` for TableToolbarSearch has been deprecated in favor of `placeholder`. Please use `placeholder` instead."),
-
   /**
    * Provide an optional placeholder text for the Search component
    */

package/lib/components/DatePickerInput/next/DatePickerInput.js

@@ -15,7 +15,6 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../../internal/usePrefix.js');
-var deprecate = require('../../../prop-types/deprecate.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -23,9 +22,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["datePickerType", "disabled", "helperText", "hideLabel", "id", "invalid", "invalidText", "labelText", "onClick", "onChange", "pattern", "placeholder", "size", "type", "warn", "warnText"],
-    _excluded2 = ["openCalendar", "iconDescription"],
-    _excluded3 = ["datePickerType", "invalid", "warn"];
+var _excluded = ["datePickerType", "disabled", "helperText", "hideLabel", "id", "invalid", "invalidText", "labelText", "onClick", "onChange", "pattern", "placeholder", "size", "type", "warn", "warnText"];
 var DatePickerInput = /*#__PURE__*/React__default["default"].forwardRef(function DatePickerInput(props, ref) {
   var _cx, _cx2, _cx4;
 
@@ -76,18 +73,12 @@ var DatePickerInput = /*#__PURE__*/React__default["default"].forwardRef(function
   var helperTextClasses = cx__default["default"]("".concat(prefix, "--form__helper-text"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--form__helper-text--disabled"), disabled));
   var inputClasses = cx__default["default"]("".concat(prefix, "--date-picker__input"), (_cx4 = {}, _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--date-picker__input--").concat(size), size), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--date-picker__input--invalid"), invalid), _cx4));
   var containerClasses = cx__default["default"]("".concat(prefix, "--date-picker-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--date-picker--nolabel"), !labelText));
-
-  var _rest = _rollupPluginBabelHelpers.objectSpread2({}, rest),
-      openCalendar = _rest.openCalendar,
-      iconDescription = _rest.iconDescription,
-      other = _rollupPluginBabelHelpers.objectWithoutProperties(_rest, _excluded2);
-
-  var input = invalid ? /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, datePickerInputProps, {
+  var input = invalid ? /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, rest, datePickerInputProps, {
     disabled: disabled,
     ref: ref,
     "data-invalid": true,
     className: inputClasses
-  })) : /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, datePickerInputProps, {
+  })) : /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, rest, datePickerInputProps, {
     disabled: disabled,
     className: inputClasses,
     ref: ref
@@ -101,9 +92,7 @@ var DatePickerInput = /*#__PURE__*/React__default["default"].forwardRef(function
     className: wrapperClasses
   }, input, /*#__PURE__*/React__default["default"].createElement(DatePickerIcon, {
     datePickerType: datePickerType,
-    iconDescription: iconDescription,
     invalid: invalid,
-    openCalendar: openCalendar,
     warn: warn
   })), invalid && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--form-requirement")
@@ -138,11 +127,6 @@ DatePickerInput.propTypes = {
    */
   hideLabel: PropTypes__default["default"].bool,
 
-  /**
-   * The description of the calendar icon.
-   */
-  iconDescription: deprecate["default"](PropTypes__default["default"].string, "\nThe prop `iconDescriptionInput` for DatePickerInput has been deprecated and is no longer used"),
-
   /**
    * Specify an id that uniquely identifies the `<input>`
    */
@@ -175,11 +159,6 @@ DatePickerInput.propTypes = {
    */
   onClick: PropTypes__default["default"].func,
 
-  /**
-   * Provide a function to be called when the input field is clicked
-   */
-  openCalendar: deprecate["default"](PropTypes__default["default"].func, "\nThe prop `openCalendar` for DatePickerInput has been deprecated and is no longer used"),
-
   /**
    * Provide a regular expression that the input value must match
    */
@@ -224,9 +203,7 @@ DatePickerInput.propTypes = {
 function DatePickerIcon(_ref) {
   var datePickerType = _ref.datePickerType,
       invalid = _ref.invalid,
-      warn = _ref.warn,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded3);
-
+      warn = _ref.warn;
   var prefix = usePrefix.usePrefix();
 
   if (datePickerType === 'simple' && !invalid && !warn) {
@@ -247,11 +224,9 @@ function DatePickerIcon(_ref) {
 
   return /*#__PURE__*/React__default["default"].createElement(iconsReact.Calendar, {
     className: "".concat(prefix, "--date-picker__icon"),
-    "aria-label": rest.iconDescription,
-    onClick: rest.openCalendar,
     role: "img",
     "aria-hidden": "true"
-  }, rest.iconDescription && /*#__PURE__*/React__default["default"].createElement("title", null, rest.iconDescription));
+  });
 }
 
 DatePickerIcon.propTypes = {

package/lib/components/Dropdown/Dropdown.Skeleton.js

@@ -13,7 +13,6 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
-var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
 
@@ -23,18 +22,15 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["className", "size", "inline"];
+var _excluded = ["className", "size"];
 
 var DropdownSkeleton = function DropdownSkeleton(_ref) {
-  var _cx;
-
   var className = _ref.className,
-      size = _ref.size;
-      _ref.inline;
-      var rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+      size = _ref.size,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix.usePrefix();
-  var wrapperClasses = cx__default["default"](className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--skeleton"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--dropdown-v2"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--form-item"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--").concat(size), size), _cx));
+  var wrapperClasses = cx__default["default"](className, "".concat(prefix, "--skeleton"), "".concat(prefix, "--dropdown-v2"), "".concat(prefix, "--list-box"), "".concat(prefix, "--form-item"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--list-box--").concat(size), size));
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: wrapperClasses
   }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -50,11 +46,6 @@ DropdownSkeleton.propTypes = {
    */
   className: PropTypes__default["default"].string,
 
-  /**
-   * Specify whether you want the inline version of this control
-   */
-  inline: deprecate["default"](PropTypes__default["default"].bool, "The `inline` prop has been deprecated and will\n    be removed in the next major release. To specify the inline variant of Dropdown, please use the `type` prop."),
-
   /**
    * Specify the size of the ListBox.
    */

package/lib/components/Dropdown/Dropdown.js

@@ -16,9 +16,7 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var iconsReact = require('@carbon/icons-react');
 require('../ListBox/index.js');
-var createPropAdapter = require('../../tools/createPropAdapter.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
-var deprecate = require('../../prop-types/deprecate.js');
 var index = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var ListBox = require('../ListBox/ListBox.js');
@@ -71,14 +69,16 @@ var Dropdown = /*#__PURE__*/React__default["default"].forwardRef(function Dropdo
       other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix.usePrefix();
-  var selectProps = createPropAdapter.mapDownshiftProps(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, downshiftProps), {}, {
+
+  var selectProps = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, downshiftProps), {}, {
     items: items,
     itemToString: itemToString,
     initialSelectedItem: initialSelectedItem,
     onSelectedItemChange: onSelectedItemChange
-  })); // only set selectedItem if the prop is defined. Setting if it is undefined
+  }); // only set selectedItem if the prop is defined. Setting if it is undefined
   // will overwrite default selected items from useSelect
 
+
   if (controlledSelectedItem !== undefined) {
     selectProps.selectedItem = controlledSelectedItem;
   }
@@ -229,11 +229,6 @@ Dropdown.propTypes = {
    */
   initialSelectedItem: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string, PropTypes__default["default"].number]),
 
-  /**
-   * Specify whether you want the inline version of this control
-   */
-  inline: deprecate["default"](PropTypes__default["default"].bool, "The `inline` prop has been deprecated and will\n    be removed in the next major release. To specify the inline variant of Dropdown, please use the `type` prop."),
-
   /**
    * Specify if the currently selected value is invalid.
    */

package/lib/components/ExpandableSearch/ExpandableSearch.js

@@ -26,6 +26,11 @@ function ExpandableSearch(props) {
       expanded = _useState2[0],
       setExpanded = _useState2[1];
 
+  var _useState3 = React.useState(false),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      hasContent = _useState4[0],
+      setHasContent = _useState4[1];
+
   var searchRef = React.useRef(null);
   var prefix = usePrefix.usePrefix();
 
@@ -38,36 +43,25 @@ function ExpandableSearch(props) {
   function handleBlur(evt) {
     var relatedTargetIsAllowed = evt.relatedTarget && evt.relatedTarget.classList.contains("".concat(prefix, "--search-close"));
 
-    if (expanded && !relatedTargetIsAllowed && !searchRef.current.state.hasContent) {
+    if (expanded && !relatedTargetIsAllowed && !hasContent) {
       setExpanded(false);
     }
   }
 
-  React.useEffect(function () {
-    var _searchRef$current2;
-
-    function focusInput() {
-      var _searchRef$current;
-
-      if (!expanded && (_searchRef$current = searchRef.current) !== null && _searchRef$current !== void 0 && _searchRef$current.input) {
-        searchRef.current.input.focus();
-      }
-    }
-
-    if ((_searchRef$current2 = searchRef.current) !== null && _searchRef$current2 !== void 0 && _searchRef$current2.magnifier) {
-      var magnifier = searchRef.current.magnifier;
-      magnifier.addEventListener('click', focusInput);
-      return function () {
-        magnifier.removeEventListener('click', focusInput);
-      };
-    }
-  }, [expanded, searchRef]);
   var classes = cx__default["default"]("".concat(prefix, "--search--expandable"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--search--expanded"), expanded), props.className);
   return /*#__PURE__*/React__default["default"].createElement(index["default"], _rollupPluginBabelHelpers["extends"]({}, props, {
     ref: searchRef,
     className: classes,
     onFocus: handleFocus,
-    onBlur: handleBlur
+    onBlur: handleBlur,
+    onChange: function onChange(event) {
+      setHasContent(event.target.value !== '');
+    },
+    onExpand: function onExpand() {
+      var _searchRef$current$fo, _searchRef$current;
+
+      (_searchRef$current$fo = (_searchRef$current = searchRef.current).focus) === null || _searchRef$current$fo === void 0 ? void 0 : _searchRef$current$fo.call(_searchRef$current);
+    }
   }));
 }
 

package/lib/components/FormGroup/FormGroup.js

@@ -13,7 +13,6 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
-var index = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -22,7 +21,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["legendId", "legendText", "invalid", "children", "className", "message", "messageText", "hasMargin"];
+var _excluded = ["legendId", "legendText", "invalid", "children", "className", "message", "messageText"];
 
 var FormGroup = function FormGroup(_ref) {
   var legendId = _ref.legendId,
@@ -32,14 +31,10 @@ var FormGroup = function FormGroup(_ref) {
       className = _ref.className,
       message = _ref.message,
       messageText = _ref.messageText,
-      hasMargin = _ref.hasMargin,
       other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix.usePrefix();
-  var enabled = index.useFeatureFlag('enable-v11-release');
-  var classNamesLegend = cx__default["default"]("".concat(prefix, "--label"), [enabled ? null : className]); // TODO - remove `fieldset--no-margin` in v11
-
-  var classNamesFieldset = cx__default["default"]("".concat(prefix, "--fieldset"), className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--fieldset--no-margin"), !hasMargin));
+  var classNamesFieldset = cx__default["default"]("".concat(prefix, "--fieldset"), className);
   return /*#__PURE__*/React__default["default"].createElement("fieldset", _rollupPluginBabelHelpers["extends"]({}, invalid && {
     'data-invalid': ''
   }, {
@@ -47,7 +42,7 @@ var FormGroup = function FormGroup(_ref) {
   }, other, {
     "aria-labelledby": other['aria-labelledby'] || legendId
   }), /*#__PURE__*/React__default["default"].createElement("legend", {
-    className: classNamesLegend,
+    className: "".concat(prefix, "--label"),
     id: legendId || other['aria-labelledby']
   }, legendText), children, message ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--form__requirements")
@@ -65,11 +60,6 @@ FormGroup.propTypes = {
    */
   className: PropTypes__default["default"].string,
 
-  /**
-   * Specify whether or not the FormGroup should provide bottom margin
-   */
-  hasMargin: PropTypes__default["default"].bool,
-
   /**
    * Specify whether the <FormGroup> is invalid
    */

package/lib/components/IconButton/index.js

@@ -44,7 +44,6 @@ var IconButton = /*#__PURE__*/React__default["default"].forwardRef(function Icon
     label: label,
     leaveDelayMs: leaveDelayMs
   }, /*#__PURE__*/React__default["default"].createElement(Button["default"], _rollupPluginBabelHelpers["extends"]({}, rest, {
-    hasIconOnly: true,
     kind: kind,
     ref: ref,
     size: size

package/lib/components/InlineLoading/InlineLoading.js

@@ -14,7 +14,6 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
-var deprecate = require('../../prop-types/deprecate.js');
 var Loading = require('../Loading/Loading.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
@@ -24,14 +23,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["className", "success", "status", "iconDescription", "description", "onSuccess", "successDelay"];
+var _excluded = ["className", "status", "iconDescription", "description", "onSuccess", "successDelay"];
 function InlineLoading(_ref) {
   var _title, _title2;
 
   var className = _ref.className,
-      success = _ref.success,
       _ref$status = _ref.status,
-      status = _ref$status === void 0 ? success ? 'finished' : 'active' : _ref$status,
+      status = _ref$status === void 0 ? 'active' : _ref$status,
       iconDescription = _ref.iconDescription,
       description = _ref.description,
       onSuccess = _ref.onSuccess,
@@ -111,11 +109,6 @@ InlineLoading.propTypes = {
    */
   status: PropTypes__default["default"].oneOf(['inactive', 'active', 'finished', 'error']),
 
-  /**
-   * Specify whether the load was successful
-   */
-  success: deprecate["default"](PropTypes__default["default"].bool, "\nThe prop `success` for InlineLoading has been deprecated in favor of `status`. Please use `status=\"finished\"` instead."),
-
   /**
    * Provide a delay for the `setTimeout` for success
    */

package/lib/components/ListBox/ListBox.js

@@ -15,6 +15,11 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var ListBoxPropTypes = require('./ListBoxPropTypes.js');
 var usePrefix = require('../../internal/usePrefix.js');
+var ListBoxField = require('./ListBoxField.js');
+var ListBoxMenu = require('./ListBoxMenu.js');
+var ListBoxMenuIcon = require('./ListBoxMenuIcon.js');
+var ListBoxMenuItem = require('./ListBoxMenuItem.js');
+var ListBoxSelection = require('./ListBoxSelection.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -134,6 +139,11 @@ ListBox.defaultProps = {
   disabled: false,
   type: 'default'
 };
+ListBox.Field = ListBoxField["default"];
+ListBox.Menu = ListBoxMenu["default"];
+ListBox.MenuIcon = ListBoxMenuIcon["default"];
+ListBox.MenuItem = ListBoxMenuItem["default"];
+ListBox.Selection = ListBoxSelection["default"];
 var ListBox$1 = ListBox;
 
 exports["default"] = ListBox$1;

package/lib/components/Modal/next/Modal.js

@@ -17,7 +17,6 @@ var iconsReact = require('@carbon/icons-react');
 var toggleClass = require('../../../tools/toggleClass.js');
 var Button = require('../../Button/Button.js');
 var ButtonSet = require('../../ButtonSet/ButtonSet.js');
-var deprecate = require('../../../prop-types/deprecate.js');
 var requiredIfGivenPropIsTruthy = require('../../../prop-types/requiredIfGivenPropIsTruthy.js');
 var wrapFocus = require('../../../internal/wrapFocus.js');
 var setupGetInstanceId = require('../../../tools/setupGetInstanceId.js');
@@ -31,10 +30,10 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _Modal$propTypes;
 
-var _excluded = ["children", "className", "modalHeading", "modalLabel", "modalAriaLabel", "passiveModal", "hasForm", "secondaryButtonText", "primaryButtonText", "open", "onRequestClose", "onRequestSubmit", "onSecondarySubmit", "iconDescription", "primaryButtonDisabled", "danger", "alert", "secondaryButtons", "selectorPrimaryFocus", "selectorsFloatingMenus", "shouldSubmitOnEnter", "size", "hasScrollingContent", "closeButtonLabel", "preventCloseOnClickOutside"];
+var _excluded = ["children", "className", "modalHeading", "modalLabel", "modalAriaLabel", "passiveModal", "secondaryButtonText", "primaryButtonText", "open", "onRequestClose", "onRequestSubmit", "onSecondarySubmit", "primaryButtonDisabled", "danger", "alert", "secondaryButtons", "selectorPrimaryFocus", "selectorsFloatingMenus", "shouldSubmitOnEnter", "size", "hasScrollingContent", "closeButtonLabel", "preventCloseOnClickOutside"];
 var getInstanceId = setupGetInstanceId["default"]();
 var Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_ref, ref) {
-  var _classNames, _classNames3;
+  var _classNames;
 
   var children = _ref.children,
       className = _ref.className,
@@ -42,14 +41,12 @@ var Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_re
       modalLabel = _ref.modalLabel,
       modalAriaLabel = _ref.modalAriaLabel,
       passiveModal = _ref.passiveModal,
-      hasForm = _ref.hasForm,
       secondaryButtonText = _ref.secondaryButtonText,
       primaryButtonText = _ref.primaryButtonText,
       open = _ref.open,
       onRequestClose = _ref.onRequestClose,
       onRequestSubmit = _ref.onRequestSubmit,
       onSecondarySubmit = _ref.onSecondarySubmit,
-      iconDescription = _ref.iconDescription,
       primaryButtonDisabled = _ref.primaryButtonDisabled,
       danger = _ref.danger,
       alert = _ref.alert,
@@ -119,13 +116,13 @@ var Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_re
   var onSecondaryButtonClick = onSecondarySubmit ? onSecondarySubmit : onRequestClose;
   var modalClasses = cx__default["default"]("".concat(prefix, "--modal"), (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--modal-tall"), !passiveModal), _rollupPluginBabelHelpers.defineProperty(_classNames, 'is-visible', open), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--modal--danger"), danger), _rollupPluginBabelHelpers.defineProperty(_classNames, className, className), _classNames));
   var containerClasses = cx__default["default"]("".concat(prefix, "--modal-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--modal-container--").concat(size), size));
-  var contentClasses = cx__default["default"]("".concat(prefix, "--modal-content"), (_classNames3 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--modal-content--with-form"), hasForm), _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--modal-scroll-content"), hasScrollingContent), _classNames3));
+  var contentClasses = cx__default["default"]("".concat(prefix, "--modal-content"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--modal-scroll-content"), hasScrollingContent));
   var footerClasses = cx__default["default"]("".concat(prefix, "--modal-footer"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--modal-footer--three-button"), Array.isArray(secondaryButtons) && secondaryButtons.length === 2));
   var modalButton = /*#__PURE__*/React__default["default"].createElement("button", {
     className: modalCloseButtonClass,
     type: "button",
     onClick: onRequestClose,
-    title: ariaLabel ? ariaLabel : iconDescription,
+    title: ariaLabel,
     "aria-label": closeButtonLabel ? closeButtonLabel : 'close',
     ref: button
   }, /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, {
@@ -253,7 +250,7 @@ Modal.propTypes = (_Modal$propTypes = {
    * Should go hand in hand with the danger prop.
    */
   alert: PropTypes__default["default"].bool
-}, _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, 'aria-label', requiredIfGivenPropIsTruthy["default"]('hasScrollingContent', PropTypes__default["default"].string)), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "children", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "className", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "closeButtonLabel", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "danger", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "focusTrap", deprecate["default"](PropTypes__default["default"].bool, "\nThe prop `focusTrap` for Modal has been deprecated, as the feature of `focusTrap` runs by default.")), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "hasForm", deprecate["default"](PropTypes__default["default"].bool, "\nThe prop `hasForm` for Modal has been deprecated, as the feature of `hasForm` runs by default.")), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "hasScrollingContent", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "iconDescription", deprecate["default"](PropTypes__default["default"].string, 'The iconDescription prop is no longer needed and can be safely removed. This prop will be removed in the next major release of Carbon.')), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "id", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "modalAriaLabel", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "modalHeading", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "modalLabel", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onKeyDown", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onRequestClose", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onRequestSubmit", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onSecondarySubmit", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "open", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "passiveModal", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "preventCloseOnClickOutside", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "primaryButtonDisabled", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "primaryButtonText", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "secondaryButtonText", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "secondaryButtons", function secondaryButtons(props, propName, componentName) {
+}, _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, 'aria-label', requiredIfGivenPropIsTruthy["default"]('hasScrollingContent', PropTypes__default["default"].string)), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "children", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "className", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "closeButtonLabel", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "danger", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "hasScrollingContent", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "id", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "modalAriaLabel", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "modalHeading", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "modalLabel", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onKeyDown", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onRequestClose", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onRequestSubmit", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onSecondarySubmit", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "open", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "passiveModal", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "preventCloseOnClickOutside", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "primaryButtonDisabled", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "primaryButtonText", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "secondaryButtonText", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "secondaryButtons", function secondaryButtons(props, propName, componentName) {
   if (props.secondaryButtons) {
     if (!Array.isArray(props.secondaryButtons) || props.secondaryButtons.length !== 2) {
       return new Error("".concat(propName, " needs to be an array of two button config objects"));

package/lib/components/MultiSelect/FilterableMultiSelect.js

@@ -20,7 +20,6 @@ var filter = require('../ComboBox/tools/filter.js');
 var MultiSelectPropTypes = require('./MultiSelectPropTypes.js');
 require('../ListBox/index.js');
 var Selection = require('../../internal/Selection.js');
-var createPropAdapter = require('../../tools/createPropAdapter.js');
 var itemToString = require('./tools/itemToString.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
@@ -233,7 +232,7 @@ var FilterableMultiSelect = /*#__PURE__*/function (_React$Component) {
             var selectedItems = _ref2.selectedItems,
                 onItemChange = _ref2.onItemChange,
                 _clearSelection = _ref2.clearSelection;
-            return /*#__PURE__*/React__default["default"].createElement(Downshift__default["default"], _rollupPluginBabelHelpers["extends"]({}, createPropAdapter.mapDownshiftProps(downshiftProps), {
+            return /*#__PURE__*/React__default["default"].createElement(Downshift__default["default"], _rollupPluginBabelHelpers["extends"]({}, downshiftProps, {
               highlightedIndex: highlightedIndex,
               id: id,
               isOpen: isOpen,

package/lib/components/MultiSelect/MultiSelect.js

@@ -22,7 +22,6 @@ var itemToString = require('./tools/itemToString.js');
 var sorting = require('./tools/sorting.js');
 var Selection = require('../../internal/Selection.js');
 var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
-var createPropAdapter = require('../../tools/createPropAdapter.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 var index = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
@@ -120,7 +119,7 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
       onItemChange = _useSelection.onItemChange,
       clearSelection = _useSelection.clearSelection;
 
-  var _useSelect = Downshift.useSelect(createPropAdapter.mapDownshiftProps(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, downshiftProps), {}, {
+  var _useSelect = Downshift.useSelect(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, downshiftProps), {}, {
     highlightedIndex: highlightedIndex,
     isOpen: isOpen,
     itemToString: function itemToString(items) {
@@ -131,7 +130,7 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
     onStateChange: onStateChange,
     selectedItem: controlledSelectedItems,
     items: items
-  }))),
+  })),
       getToggleButtonProps = _useSelect.getToggleButtonProps,
       getLabelProps = _useSelect.getLabelProps,
       getMenuProps = _useSelect.getMenuProps,

package/lib/components/MultiSelect/next/FilterableMultiSelect.js

@@ -20,7 +20,6 @@ var filter = require('../../ComboBox/tools/filter.js');
 var MultiSelectPropTypes = require('../MultiSelectPropTypes.js');
 require('../../ListBox/index.js');
 var Selection = require('../../../internal/Selection.js');
-var createPropAdapter = require('../../../tools/createPropAdapter.js');
 var itemToString = require('../tools/itemToString.js');
 var mergeRefs = require('../../../tools/mergeRefs.js');
 var useId = require('../../../internal/useId.js');
@@ -214,7 +213,7 @@ var FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(fu
       var selectedItems = _ref3.selectedItems,
           onItemChange = _ref3.onItemChange,
           _clearSelection = _ref3.clearSelection;
-      return /*#__PURE__*/React__default["default"].createElement(Downshift__default["default"], _rollupPluginBabelHelpers["extends"]({}, createPropAdapter.mapDownshiftProps(downshiftProps), {
+      return /*#__PURE__*/React__default["default"].createElement(Downshift__default["default"], _rollupPluginBabelHelpers["extends"]({}, downshiftProps, {
         highlightedIndex: highlightedIndex,
         id: id,
         isOpen: isOpen,