@carbon/react 1.8.0 → 1.10.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/es/components/ComposedModal/ComposedModal.js +172 -577
  2. package/es/components/ComposedModal/{next/ModalFooter.js → ModalFooter.js} +4 -4
  3. package/es/components/ComposedModal/{next/ModalHeader.js → ModalHeader.js} +2 -2
  4. package/es/components/DataTable/tools/sorting.js +8 -0
  5. package/es/components/Icon/Icon.Skeleton.js +4 -12
  6. package/es/components/InlineCheckbox/InlineCheckbox.js +0 -1
  7. package/es/components/Menu/Menu.js +1 -1
  8. package/es/components/NumberInput/NumberInput.Skeleton.js +3 -4
  9. package/es/components/NumberInput/NumberInput.js +311 -362
  10. package/es/components/TileGroup/TileGroup.js +1 -1
  11. package/es/index.js +5 -4
  12. package/es/internal/useControllableState.js +1 -1
  13. package/lib/components/ComposedModal/ComposedModal.js +174 -581
  14. package/lib/components/ComposedModal/{next/ModalFooter.js → ModalFooter.js} +4 -4
  15. package/lib/components/ComposedModal/{next/ModalHeader.js → ModalHeader.js} +2 -2
  16. package/lib/components/DataTable/tools/sorting.js +8 -0
  17. package/lib/components/Icon/Icon.Skeleton.js +4 -12
  18. package/lib/components/InlineCheckbox/InlineCheckbox.js +0 -1
  19. package/lib/components/Menu/Menu.js +1 -1
  20. package/lib/components/NumberInput/NumberInput.Skeleton.js +3 -4
  21. package/lib/components/NumberInput/NumberInput.js +308 -379
  22. package/lib/components/TileGroup/TileGroup.js +1 -1
  23. package/lib/index.js +57 -56
  24. package/lib/internal/useControllableState.js +1 -1
  25. package/package.json +6 -6
  26. package/scss/utilities/_hide-at-breakpoint.scss +9 -0
  27. package/es/components/ComposedModal/index.js +0 -19
  28. package/es/components/ComposedModal/next/ComposedModal.js +0 -225
  29. package/es/internal/FeatureFlags.js +0 -52
  30. package/es/prop-types/requiredIfValueExists.js +0 -32
  31. package/lib/components/ComposedModal/index.js +0 -45
  32. package/lib/components/ComposedModal/next/ComposedModal.js +0 -236
  33. package/lib/internal/FeatureFlags.js +0 -56
  34. package/lib/prop-types/requiredIfValueExists.js +0 -36
@@ -9,13 +9,13 @@
9
9
 
10
10
  Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
- var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
12
+ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
13
  var React = require('react');
14
14
  var PropTypes = require('prop-types');
15
- var Button = require('../../Button/Button.js');
16
- var ButtonSet = require('../../ButtonSet/ButtonSet.js');
15
+ var Button = require('../Button/Button.js');
16
+ var ButtonSet = require('../ButtonSet/ButtonSet.js');
17
17
  var cx = require('classnames');
18
- var usePrefix = require('../../../internal/usePrefix.js');
18
+ var usePrefix = require('../../internal/usePrefix.js');
19
19
 
20
20
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
21
21
 
@@ -9,12 +9,12 @@
9
9
 
10
10
  Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
- var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
12
+ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
13
  var React = require('react');
14
14
  var PropTypes = require('prop-types');
15
15
  var cx = require('classnames');
16
16
  var iconsReact = require('@carbon/icons-react');
17
- var usePrefix = require('../../../internal/usePrefix.js');
17
+ var usePrefix = require('../../internal/usePrefix.js');
18
18
 
19
19
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
20
 
@@ -9,6 +9,7 @@
9
9
 
10
10
  Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
+ var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
12
13
  var cells = require('./cells.js');
13
14
  var sortStates = require('../state/sortStates.js');
14
15
 
@@ -33,6 +34,13 @@ var compare = function compare(a, b) {
33
34
 
34
35
  if (typeof a === 'string' && typeof b === 'string') {
35
36
  return compareStrings(a, b, locale);
37
+ } // if column has React elements, this should sort by the child string if there is one
38
+
39
+
40
+ if (_rollupPluginBabelHelpers["typeof"](a) === 'object' && _rollupPluginBabelHelpers["typeof"](b) === 'object') {
41
+ if (typeof a.props.children === 'string' && typeof b.props.children === 'string') {
42
+ return compareStrings(a.props.children, b.props.children, locale);
43
+ }
36
44
  }
37
45
 
38
46
  return compareStrings('' + a, '' + b, locale);
@@ -21,18 +21,15 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
21
21
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
22
  var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
23
23
 
24
- var _excluded = ["style", "className"];
24
+ var _excluded = ["className"];
25
25
 
26
26
  var IconSkeleton = function IconSkeleton(_ref) {
27
- var style = _ref.style,
28
- className = _ref.className,
27
+ var className = _ref.className,
29
28
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
30
29
 
31
30
  var prefix = usePrefix.usePrefix();
32
31
 
33
- var props = _rollupPluginBabelHelpers.objectSpread2({
34
- style: style
35
- }, rest);
32
+ var props = _rollupPluginBabelHelpers.objectSpread2({}, rest);
36
33
 
37
34
  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
38
35
  className: cx__default["default"]("".concat(prefix, "--icon--skeleton"), className)
@@ -43,12 +40,7 @@ IconSkeleton.propTypes = {
43
40
  /**
44
41
  * Specify an optional className to add.
45
42
  */
46
- className: PropTypes__default["default"].string,
47
-
48
- /**
49
- * The CSS styles.
50
- */
51
- style: PropTypes__default["default"].object
43
+ className: PropTypes__default["default"].string
52
44
  };
53
45
  var IconSkeleton$1 = IconSkeleton;
54
46
 
@@ -53,7 +53,6 @@ var InlineCheckbox = /*#__PURE__*/React__default["default"].forwardRef(function
53
53
 
54
54
  if (indeterminate) {
55
55
  inputProps.checked = false;
56
- inputProps['aria-checked'] = 'mixed';
57
56
  }
58
57
 
59
58
  React.useEffect(function () {
@@ -322,7 +322,7 @@ Menu.propTypes = {
322
322
  /**
323
323
  * Optionally pass an element the Menu should be appended to as a child. Defaults to document.body.
324
324
  */
325
- target: PropTypes__default["default"].element,
325
+ target: PropTypes__default["default"].object,
326
326
 
327
327
  /**
328
328
  * Specify the x position where this menu is rendered
@@ -23,7 +23,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
23
23
 
24
24
  var _excluded = ["hideLabel", "className"];
25
25
 
26
- var NumberInputSkeleton = function NumberInputSkeleton(_ref) {
26
+ function NumberInputSkeleton(_ref) {
27
27
  var hideLabel = _ref.hideLabel,
28
28
  className = _ref.className,
29
29
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
@@ -36,7 +36,7 @@ var NumberInputSkeleton = function NumberInputSkeleton(_ref) {
36
36
  }), /*#__PURE__*/React__default["default"].createElement("div", {
37
37
  className: "".concat(prefix, "--number ").concat(prefix, "--skeleton")
38
38
  }));
39
- };
39
+ }
40
40
 
41
41
  NumberInputSkeleton.propTypes = {
42
42
  /**
@@ -49,6 +49,5 @@ NumberInputSkeleton.propTypes = {
49
49
  */
50
50
  hideLabel: PropTypes__default["default"].bool
51
51
  };
52
- var NumberInputSkeleton$1 = NumberInputSkeleton;
53
52
 
54
- exports["default"] = NumberInputSkeleton$1;
53
+ exports["default"] = NumberInputSkeleton;