@carbon/react 1.9.0-rc.0 → 1.11.0-rc.0

package/es/components/ComposedModal/{next/ModalFooter.js → ModalFooter.js}

@@ -5,13 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import Button from '../../Button/Button.js';
-import ButtonSet from '../../ButtonSet/ButtonSet.js';
+import Button from '../Button/Button.js';
+import ButtonSet from '../ButtonSet/ButtonSet.js';
 import cx from 'classnames';
-import { usePrefix } from '../../../internal/usePrefix.js';
+import { usePrefix } from '../../internal/usePrefix.js';
 
 var _excluded = ["children", "className", "closeModal", "danger", "inputref", "onRequestClose", "onRequestSubmit", "primaryButtonDisabled", "primaryButtonText", "primaryClassName", "secondaryButtonText", "secondaryButtons", "secondaryClassName"];
 

package/es/components/ComposedModal/{next/ModalHeader.js → ModalHeader.js}

@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { Close } from '@carbon/icons-react';
-import { usePrefix } from '../../../internal/usePrefix.js';
+import { usePrefix } from '../../internal/usePrefix.js';
 
 var _excluded = ["buttonOnClick", "children", "className", "closeClassName", "closeIconClassName", "closeModal", "iconDescription", "label", "labelClassName", "title", "titleClassName"];
 var ModalHeader = /*#__PURE__*/React__default.forwardRef(function ModalHeader(_ref, ref) {

package/es/components/DataTable/tools/sorting.js

@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { typeof as _typeof } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { getCellId } from './cells.js';
 import { sortStates } from '../state/sortStates.js';
 
@@ -29,6 +30,13 @@ var compare = function compare(a, b) {
 
   if (typeof a === 'string' && typeof b === 'string') {
     return compareStrings(a, b, locale);
+  } // if column has React elements, this should sort by the child string if there is one
+
+
+  if (_typeof(a) === 'object' && _typeof(b) === 'object') {
+    if (typeof a.props.children === 'string' && typeof b.props.children === 'string') {
+      return compareStrings(a.props.children, b.props.children, locale);
+    }
   }
 
   return compareStrings('' + a, '' + b, locale);

package/es/components/Dropdown/Dropdown.js

@@ -142,24 +142,17 @@ var Dropdown = /*#__PURE__*/React__default.forwardRef(function Dropdown(_ref, re
     isOpen: isOpen,
     translateWithId: translateWithId
   })), /*#__PURE__*/React__default.createElement(ListBox.Menu, getMenuProps(), isOpen && items.map(function (item, index) {
-    var _menuItemOptionRefs$c;
-
     var itemProps = getItemProps({
       item: item,
       index: index,
       disabled: item.disabled
     });
     var title = itemToElement ? item.text : itemToString(item);
-
-    var _ref3 = (menuItemOptionRefs === null || menuItemOptionRefs === void 0 ? void 0 : (_menuItemOptionRefs$c = menuItemOptionRefs.current[index]) === null || _menuItemOptionRefs$c === void 0 ? void 0 : _menuItemOptionRefs$c.current) || {},
-        offsetWidth = _ref3.offsetWidth,
-        scrollWidth = _ref3.scrollWidth;
-
     return /*#__PURE__*/React__default.createElement(ListBox.MenuItem, _extends({
       key: itemProps.id,
       isActive: selectedItem === item,
       isHighlighted: highlightedIndex === index || selectedItem === item,
-      title: offsetWidth < scrollWidth && title || undefined,
+      title: title,
       ref: {
         menuItemOptionRef: menuItemOptionRefs.current[index]
       }

package/es/components/Icon/Icon.Skeleton.js

@@ -11,18 +11,15 @@ import React__default from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["style", "className"];
+var _excluded = ["className"];
 
 var IconSkeleton = function IconSkeleton(_ref) {
-  var style = _ref.style,
-      className = _ref.className,
+  var className = _ref.className,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix();
 
-  var props = _objectSpread2({
-    style: style
-  }, rest);
+  var props = _objectSpread2({}, rest);
 
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: cx("".concat(prefix, "--icon--skeleton"), className)
@@ -33,12 +30,7 @@ IconSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes.string,
-
-  /**
-   * The CSS styles.
-   */
-  style: PropTypes.object
+  className: PropTypes.string
 };
 var IconSkeleton$1 = IconSkeleton;
 

package/es/components/InlineCheckbox/InlineCheckbox.js

@@ -44,7 +44,6 @@ var InlineCheckbox = /*#__PURE__*/React__default.forwardRef(function InlineCheck
 
   if (indeterminate) {
     inputProps.checked = false;
-    inputProps['aria-checked'] = 'mixed';
   }
 
   useEffect(function () {

package/es/components/ModalWrapper/ModalWrapper.js

@@ -45,7 +45,9 @@ var ModalWrapper = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleClose", function (evt) {
-      if (evt && !_this.modal.current.innerModal.current.contains(evt.target) && _this.props.preventCloseOnClickOutside) {
+      var innerModal = _this.modal.current.querySelector('div');
+
+      if (_this.modal.current && evt && !innerModal.contains(evt.target) && _this.props.preventCloseOnClickOutside) {
         return;
       } else {
         _this.setState({
@@ -61,11 +63,13 @@ var ModalWrapper = /*#__PURE__*/function (_React$Component) {
           handleSubmit = _this$props.handleSubmit,
           shouldCloseAfterSubmit = _this$props.shouldCloseAfterSubmit;
 
-      if (handleSubmit()) {
-        if (shouldCloseAfterSubmit) {
-          _this.handleClose();
-        }
+      if (handleSubmit && shouldCloseAfterSubmit) {
+        handleSubmit();
+
+        _this.handleClose();
       }
+
+      handleSubmit();
     });
 
     return _this;
@@ -151,6 +155,7 @@ _defineProperty(ModalWrapper, "propTypes", {
 });
 
 _defineProperty(ModalWrapper, "defaultProps", {
+  shouldCloseAfterSubmit: true,
   primaryButtonText: 'Save',
   secondaryButtonText: 'Cancel',
   triggerButtonIconDescription: 'Provide icon description if icon is used',

package/es/components/ModalWrapper/index.js

@@ -0,0 +1,12 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import ModalWrapper$1 from './ModalWrapper.js';
+
+var ModalWrapper = ModalWrapper$1;
+
+export { ModalWrapper as default };

package/es/components/NumberInput/NumberInput.js

@@ -316,9 +316,9 @@ NumberInput.propTypes = {
   min: PropTypes.number,
 
   /**
-   * The new value is available in 'imaginaryTarget.value'
-   * i.e. to get the value: evt.imaginaryTarget.value
-   *
+   * Provide an optional handler that is called when the internal state of
+   * NumberInput changes. This handler is called with event and state info.
+   * `(event, { value, direction }) => void`
    */
   onChange: PropTypes.func,
 

package/es/components/TileGroup/TileGroup.js

@@ -72,7 +72,7 @@ var TileGroup = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "renderLegend", function (legend) {
       if (legend) {
         return /*#__PURE__*/React__default.createElement("legend", {
-          className: "".concat(_this.prefix, "--label")
+          className: "".concat(_this.context, "--label")
         }, legend);
       }
     });

package/es/index.js

@@ -18,7 +18,6 @@ export { ClassPrefix } from './components/ClassPrefix/index.js';
 export { default as CodeSnippetSkeleton } from './components/CodeSnippet/CodeSnippet.Skeleton.js';
 export { default as CodeSnippet } from './components/CodeSnippet/CodeSnippet.js';
 export { default as ComboBox } from './components/ComboBox/ComboBox.js';
-export { ComposedModal, ModalFooter, ModalHeader } from './components/ComposedModal/index.js';
 export { default as ContentSwitcher } from './components/ContentSwitcher/index.js';
 export { default as Copy } from './components/Copy/Copy.js';
 export { default as CopyButton } from './components/CopyButton/CopyButton.js';
@@ -40,7 +39,7 @@ export { default as Link } from './components/Link/Link.js';
 export { default as ListItem } from './components/ListItem/ListItem.js';
 export { default as Loading } from './components/Loading/Loading.js';
 export { default as Modal } from './components/Modal/Modal.js';
-export { default as ModalWrapper } from './components/ModalWrapper/ModalWrapper.js';
+export { default as ModalWrapper } from './components/ModalWrapper/index.js';
 import './components/MultiSelect/index.js';
 export { default as OrderedList } from './components/OrderedList/OrderedList.js';
 export { default as OverflowMenu } from './components/OverflowMenu/index.js';
@@ -139,7 +138,9 @@ export { default as unstable_Menu } from './components/Menu/Menu.js';
 export { default as unstable_TreeView } from './components/TreeView/TreeView.js';
 export { default as Breadcrumb } from './components/Breadcrumb/Breadcrumb.js';
 export { default as BreadcrumbItem } from './components/Breadcrumb/BreadcrumbItem.js';
-export { ModalBody } from './components/ComposedModal/ComposedModal.js';
+export { default as ComposedModal, ModalBody } from './components/ComposedModal/ComposedModal.js';
+export { ModalHeader } from './components/ComposedModal/ModalHeader.js';
+export { ModalFooter } from './components/ComposedModal/ModalFooter.js';
 export { default as Table } from './components/DataTable/Table.js';
 export { default as TableActionList } from './components/DataTable/TableActionList.js';
 export { default as TableBatchAction } from './components/DataTable/TableBatchAction.js';

package/es/internal/useControllableState.js

@@ -17,7 +17,7 @@ import { warning } from './warning.js';
  * owners of controlled components.
  *
  * Note: this hook will warn if a component is switching from controlled to
- * uncontrolled, or vice-verse.
+ * uncontrolled, or vice-versa.
  *
  * @param {object} config
  * @param {string} config.name - the name of the custom component