@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.
- package/es/components/ComposedModal/ComposedModal.js +172 -577
- package/es/components/ComposedModal/{next/ModalFooter.js → ModalFooter.js} +4 -4
- package/es/components/ComposedModal/{next/ModalHeader.js → ModalHeader.js} +2 -2
- package/es/components/DataTable/tools/sorting.js +8 -0
- package/es/components/Icon/Icon.Skeleton.js +4 -12
- package/es/components/InlineCheckbox/InlineCheckbox.js +0 -1
- package/es/components/Menu/Menu.js +1 -1
- package/es/components/NumberInput/NumberInput.Skeleton.js +3 -4
- package/es/components/NumberInput/NumberInput.js +311 -362
- package/es/components/TileGroup/TileGroup.js +1 -1
- package/es/index.js +5 -4
- package/es/internal/useControllableState.js +1 -1
- package/lib/components/ComposedModal/ComposedModal.js +174 -581
- package/lib/components/ComposedModal/{next/ModalFooter.js → ModalFooter.js} +4 -4
- package/lib/components/ComposedModal/{next/ModalHeader.js → ModalHeader.js} +2 -2
- package/lib/components/DataTable/tools/sorting.js +8 -0
- package/lib/components/Icon/Icon.Skeleton.js +4 -12
- package/lib/components/InlineCheckbox/InlineCheckbox.js +0 -1
- package/lib/components/Menu/Menu.js +1 -1
- package/lib/components/NumberInput/NumberInput.Skeleton.js +3 -4
- package/lib/components/NumberInput/NumberInput.js +308 -379
- package/lib/components/TileGroup/TileGroup.js +1 -1
- package/lib/index.js +57 -56
- package/lib/internal/useControllableState.js +1 -1
- package/package.json +6 -6
- package/scss/utilities/_hide-at-breakpoint.scss +9 -0
- package/es/components/ComposedModal/index.js +0 -19
- package/es/components/ComposedModal/next/ComposedModal.js +0 -225
- package/es/internal/FeatureFlags.js +0 -52
- package/es/prop-types/requiredIfValueExists.js +0 -32
- package/lib/components/ComposedModal/index.js +0 -45
- package/lib/components/ComposedModal/next/ComposedModal.js +0 -236
- package/lib/internal/FeatureFlags.js +0 -56
- 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('
|
|
12
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
13
|
var React = require('react');
|
|
14
14
|
var PropTypes = require('prop-types');
|
|
15
|
-
var Button = require('
|
|
16
|
-
var ButtonSet = require('
|
|
15
|
+
var Button = require('../Button/Button.js');
|
|
16
|
+
var ButtonSet = require('../ButtonSet/ButtonSet.js');
|
|
17
17
|
var cx = require('classnames');
|
|
18
|
-
var usePrefix = require('
|
|
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('
|
|
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('
|
|
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 = ["
|
|
24
|
+
var _excluded = ["className"];
|
|
25
25
|
|
|
26
26
|
var IconSkeleton = function IconSkeleton(_ref) {
|
|
27
|
-
var
|
|
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
|
|
|
@@ -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"].
|
|
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
|
-
|
|
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
|
|
53
|
+
exports["default"] = NumberInputSkeleton;
|