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

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

@@ -9,13 +9,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var Button = require('../../Button/Button.js');
-var ButtonSet = require('../../ButtonSet/ButtonSet.js');
+var Button = require('../Button/Button.js');
+var ButtonSet = require('../ButtonSet/ButtonSet.js');
 var cx = require('classnames');
-var usePrefix = require('../../../internal/usePrefix.js');
+var usePrefix = require('../../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -9,12 +9,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
-var usePrefix = require('../../../internal/usePrefix.js');
+var usePrefix = require('../../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -9,6 +9,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var cells = require('./cells.js');
 var sortStates = require('../state/sortStates.js');
 
@@ -33,6 +34,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 (_rollupPluginBabelHelpers["typeof"](a) === 'object' && _rollupPluginBabelHelpers["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/lib/components/Dropdown/Dropdown.js

@@ -152,24 +152,17 @@ var Dropdown = /*#__PURE__*/React__default["default"].forwardRef(function Dropdo
     isOpen: isOpen,
     translateWithId: translateWithId
   })), /*#__PURE__*/React__default["default"].createElement(ListBox["default"].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["default"].createElement(ListBox["default"].MenuItem, _rollupPluginBabelHelpers["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/lib/components/Icon/Icon.Skeleton.js

@@ -21,18 +21,15 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["style", "className"];
+var _excluded = ["className"];
 
 var IconSkeleton = function IconSkeleton(_ref) {
-  var style = _ref.style,
-      className = _ref.className,
+  var className = _ref.className,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix.usePrefix();
 
-  var props = _rollupPluginBabelHelpers.objectSpread2({
-    style: style
-  }, rest);
+  var props = _rollupPluginBabelHelpers.objectSpread2({}, rest);
 
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: cx__default["default"]("".concat(prefix, "--icon--skeleton"), className)
@@ -43,12 +40,7 @@ IconSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * The CSS styles.
-   */
-  style: PropTypes__default["default"].object
+  className: PropTypes__default["default"].string
 };
 var IconSkeleton$1 = IconSkeleton;
 

package/lib/components/InlineCheckbox/InlineCheckbox.js

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

package/lib/components/ModalWrapper/ModalWrapper.js

@@ -54,7 +54,9 @@ var ModalWrapper = /*#__PURE__*/function (_React$Component) {
     });
 
     _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.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({
@@ -70,11 +72,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;
@@ -160,6 +164,7 @@ _rollupPluginBabelHelpers.defineProperty(ModalWrapper, "propTypes", {
 });
 
 _rollupPluginBabelHelpers.defineProperty(ModalWrapper, "defaultProps", {
+  shouldCloseAfterSubmit: true,
   primaryButtonText: 'Save',
   secondaryButtonText: 'Cancel',
   triggerButtonIconDescription: 'Provide icon description if icon is used',

package/lib/components/ModalWrapper/index.js

@@ -0,0 +1,16 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ModalWrapper$1 = require('./ModalWrapper.js');
+
+var ModalWrapper = ModalWrapper$1["default"];
+
+exports["default"] = ModalWrapper;

package/lib/components/NumberInput/NumberInput.js

@@ -326,9 +326,9 @@ NumberInput.propTypes = {
   min: PropTypes__default["default"].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__default["default"].func,
 

package/lib/components/TileGroup/TileGroup.js

@@ -81,7 +81,7 @@ var TileGroup = /*#__PURE__*/function (_React$Component) {
     _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "renderLegend", function (legend) {
       if (legend) {
         return /*#__PURE__*/React__default["default"].createElement("legend", {
-          className: "".concat(_this.prefix, "--label")
+          className: "".concat(_this.context, "--label")
         }, legend);
       }
     });

package/lib/index.js

@@ -18,11 +18,10 @@ var Button = require('./components/Button/Button.js');
 var ButtonSet = require('./components/ButtonSet/ButtonSet.js');
 var Checkbox_Skeleton = require('./components/Checkbox/Checkbox.Skeleton.js');
 var Checkbox = require('./components/Checkbox/Checkbox.js');
-var index$c = require('./components/ClassPrefix/index.js');
+var index$d = require('./components/ClassPrefix/index.js');
 var CodeSnippet_Skeleton = require('./components/CodeSnippet/CodeSnippet.Skeleton.js');
 var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
 var ComboBox = require('./components/ComboBox/ComboBox.js');
-var index$d = require('./components/ComposedModal/index.js');
 var index = require('./components/ContentSwitcher/index.js');
 var Copy = require('./components/Copy/Copy.js');
 var CopyButton = require('./components/CopyButton/CopyButton.js');
@@ -44,18 +43,18 @@ var Link = require('./components/Link/Link.js');
 var ListItem = require('./components/ListItem/ListItem.js');
 var Loading = require('./components/Loading/Loading.js');
 var Modal = require('./components/Modal/Modal.js');
-var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
+var index$2 = require('./components/ModalWrapper/index.js');
 require('./components/MultiSelect/index.js');
 var OrderedList = require('./components/OrderedList/OrderedList.js');
-var index$2 = require('./components/OverflowMenu/index.js');
-var index$3 = require('./components/OverflowMenuItem/index.js');
-var index$4 = require('./components/Pagination/index.js');
+var index$3 = require('./components/OverflowMenu/index.js');
+var index$4 = require('./components/OverflowMenuItem/index.js');
+var index$5 = require('./components/Pagination/index.js');
 var PaginationNav = require('./components/PaginationNav/PaginationNav.js');
 var PrimaryButton = require('./components/PrimaryButton/PrimaryButton.js');
 var index$f = require('./components/ProgressIndicator/index.js');
 var RadioButton = require('./components/RadioButton/RadioButton.js');
 var RadioButtonGroup = require('./components/RadioButtonGroup/RadioButtonGroup.js');
-var index$5 = require('./components/Search/index.js');
+var index$6 = require('./components/Search/index.js');
 var SearchFilterButton = require('./components/SearchFilterButton/SearchFilterButton.js');
 var SearchLayoutButton = require('./components/SearchLayoutButton/SearchLayoutButton.js');
 var ExpandableSearch = require('./components/ExpandableSearch/ExpandableSearch.js');
@@ -65,11 +64,11 @@ var Select = require('./components/Select/Select.js');
 var SelectItem = require('./components/SelectItem/SelectItem.js');
 var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js');
 var Switch = require('./components/Switch/Switch.js');
-var index$6 = require('./components/Slider/index.js');
+var index$7 = require('./components/Slider/index.js');
 var index$g = require('./components/StructuredList/index.js');
-var index$7 = require('./components/Tab/index.js');
+var index$8 = require('./components/Tab/index.js');
 var TabContent = require('./components/TabContent/TabContent.js');
-var index$8 = require('./components/Tabs/index.js');
+var index$9 = require('./components/Tabs/index.js');
 var Tag_Skeleton = require('./components/Tag/Tag.Skeleton.js');
 var Tag = require('./components/Tag/Tag.js');
 var TextArea_Skeleton = require('./components/TextArea/TextArea.Skeleton.js');
@@ -77,9 +76,9 @@ var TextArea = require('./components/TextArea/TextArea.js');
 require('./components/TextInput/index.js');
 var index$h = require('./components/Tile/index.js');
 var RadioTile = require('./components/RadioTile/RadioTile.js');
-var index$9 = require('./components/TileGroup/index.js');
-var index$a = require('./components/TimePicker/index.js');
-var index$b = require('./components/TimePickerSelect/index.js');
+var index$a = require('./components/TileGroup/index.js');
+var index$b = require('./components/TimePicker/index.js');
+var index$c = require('./components/TimePickerSelect/index.js');
 var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
 var Toggle = require('./components/Toggle/Toggle.js');
 var index$i = require('./components/Toggletip/index.js');
@@ -144,6 +143,8 @@ var TreeView = require('./components/TreeView/TreeView.js');
 var Breadcrumb = require('./components/Breadcrumb/Breadcrumb.js');
 var BreadcrumbItem = require('./components/Breadcrumb/BreadcrumbItem.js');
 var ComposedModal = require('./components/ComposedModal/ComposedModal.js');
+var ModalHeader = require('./components/ComposedModal/ModalHeader.js');
+var ModalFooter = require('./components/ComposedModal/ModalFooter.js');
 var Table = require('./components/DataTable/Table.js');
 var TableActionList = require('./components/DataTable/TableActionList.js');
 var TableBatchAction = require('./components/DataTable/TableBatchAction.js');
@@ -211,13 +212,10 @@ exports.Button = Button["default"];
 exports.ButtonSet = ButtonSet["default"];
 exports.CheckboxSkeleton = Checkbox_Skeleton["default"];
 exports.Checkbox = Checkbox["default"];
-exports.ClassPrefix = index$c.ClassPrefix;
+exports.ClassPrefix = index$d.ClassPrefix;
 exports.CodeSnippetSkeleton = CodeSnippet_Skeleton["default"];
 exports.CodeSnippet = CodeSnippet["default"];
 exports.ComboBox = ComboBox["default"];
-exports.ComposedModal = index$d.ComposedModal;
-exports.ModalFooter = index$d.ModalFooter;
-exports.ModalHeader = index$d.ModalHeader;
 exports.ContentSwitcher = index["default"];
 exports.Copy = Copy["default"];
 exports.CopyButton = CopyButton["default"];
@@ -239,17 +237,17 @@ exports.Link = Link["default"];
 exports.ListItem = ListItem["default"];
 exports.Loading = Loading["default"];
 exports.Modal = Modal["default"];
-exports.ModalWrapper = ModalWrapper["default"];
+exports.ModalWrapper = index$2["default"];
 exports.OrderedList = OrderedList["default"];
-exports.OverflowMenu = index$2["default"];
-exports.OverflowMenuItem = index$3["default"];
-exports.Pagination = index$4["default"];
+exports.OverflowMenu = index$3["default"];
+exports.OverflowMenuItem = index$4["default"];
+exports.Pagination = index$5["default"];
 exports.PaginationNav = PaginationNav["default"];
 exports.PrimaryButton = PrimaryButton["default"];
 exports.ProgressIndicator = index$f.ProgressIndicator;
 exports.RadioButton = RadioButton["default"];
 exports.RadioButtonGroup = RadioButtonGroup["default"];
-exports.Search = index$5["default"];
+exports.Search = index$6["default"];
 exports.SearchFilterButton = SearchFilterButton["default"];
 exports.SearchLayoutButton = SearchLayoutButton["default"];
 exports.ExpandableSearch = ExpandableSearch["default"];
@@ -259,16 +257,16 @@ exports.Select = Select["default"];
 exports.SelectItem = SelectItem["default"];
 exports.SelectItemGroup = SelectItemGroup["default"];
 exports.Switch = Switch["default"];
-exports.Slider = index$6["default"];
+exports.Slider = index$7["default"];
 exports.StructuredListBody = index$g.StructuredListBody;
 exports.StructuredListCell = index$g.StructuredListCell;
 exports.StructuredListHead = index$g.StructuredListHead;
 exports.StructuredListInput = index$g.StructuredListInput;
 exports.StructuredListRow = index$g.StructuredListRow;
 exports.StructuredListWrapper = index$g.StructuredListWrapper;
-exports.Tab = index$7["default"];
+exports.Tab = index$8["default"];
 exports.TabContent = TabContent["default"];
-exports.Tabs = index$8["default"];
+exports.Tabs = index$9["default"];
 exports.TagSkeleton = Tag_Skeleton["default"];
 exports.Tag = Tag["default"];
 exports.TextAreaSkeleton = TextArea_Skeleton["default"];
@@ -280,9 +278,9 @@ exports.Tile = index$h.Tile;
 exports.TileAboveTheFoldContent = index$h.TileAboveTheFoldContent;
 exports.TileBelowTheFoldContent = index$h.TileBelowTheFoldContent;
 exports.RadioTile = RadioTile["default"];
-exports.TileGroup = index$9["default"];
-exports.TimePicker = index$a["default"];
-exports.TimePickerSelect = index$b["default"];
+exports.TileGroup = index$a["default"];
+exports.TimePicker = index$b["default"];
+exports.TimePickerSelect = index$c["default"];
 exports.ToggleSkeleton = Toggle_Skeleton["default"];
 exports.Toggle = Toggle.Toggle;
 exports.Toggletip = index$i.Toggletip;
@@ -356,7 +354,10 @@ exports.unstable_Menu = Menu["default"];
 exports.unstable_TreeView = TreeView["default"];
 exports.Breadcrumb = Breadcrumb["default"];
 exports.BreadcrumbItem = BreadcrumbItem["default"];
+exports.ComposedModal = ComposedModal["default"];
 exports.ModalBody = ComposedModal.ModalBody;
+exports.ModalHeader = ModalHeader.ModalHeader;
+exports.ModalFooter = ModalFooter.ModalFooter;
 exports.Table = Table["default"];
 exports.TableActionList = TableActionList["default"];
 exports.TableBatchAction = TableBatchAction["default"];

package/lib/internal/useControllableState.js

@@ -21,7 +21,7 @@ var warning = require('./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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.9.0-rc.0",
+  "version": "1.11.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -44,9 +44,9 @@
   "dependencies": {
     "@babel/runtime": "^7.18.3",
     "@carbon/feature-flags": "^0.8.0",
-    "@carbon/icons-react": "^11.7.0-rc.0",
-    "@carbon/layout": "^11.5.0-rc.0",
-    "@carbon/styles": "^1.9.0-rc.0",
+    "@carbon/icons-react": "^11.7.0",
+    "@carbon/layout": "^11.5.0",
+    "@carbon/styles": "^1.11.0-rc.0",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.1",
     "copy-to-clipboard": "^3.3.1",
@@ -73,7 +73,7 @@
     "@babel/preset-env": "^7.18.2",
     "@babel/preset-react": "^7.17.12",
     "@carbon/test-utils": "^10.25.0",
-    "@carbon/themes": "^11.6.0-rc.0",
+    "@carbon/themes": "^11.7.0-rc.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^21.0.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
@@ -129,5 +129,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "5a23e3960d9bf5b652b96b6a051ae2b04cfa9a08"
+  "gitHead": "cb49412fa3c020b4945869c3413b7c2d0f9a7b35"
 }

package/es/components/ComposedModal/index.js

@@ -1,19 +0,0 @@
-/**
- * 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 * as FeatureFlags from '@carbon/feature-flags';
-import { ModalHeader as ModalHeader$1 } from './next/ModalHeader.js';
-import { ModalFooter as ModalFooter$1 } from './next/ModalFooter.js';
-import ComposedModalNext from './next/ComposedModal.js';
-import ComposedModal$1, { ModalHeader as ModalHeader$2, ModalFooter as ModalFooter$2 } from './ComposedModal.js';
-export { ModalBody } from './ComposedModal.js';
-
-var ModalHeader = FeatureFlags.enabled('enable-v11-release') ? ModalHeader$1 : ModalHeader$2;
-var ModalFooter = FeatureFlags.enabled('enable-v11-release') ? ModalFooter$1 : ModalFooter$2;
-var ComposedModal = FeatureFlags.enabled('enable-v11-release') ? ComposedModalNext : ComposedModal$1;
-
-export { ComposedModal, ModalFooter, ModalHeader };