@carbon/react 1.9.0 → 1.10.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/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/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';
@@ -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