@carbon/ibm-products 1.62.0 → 1.62.1
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +16 -2
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +2 -2
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +15 -0
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +16 -2
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +2 -2
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +16 -2
- package/css/index.css.map +1 -1
- package/css/index.min.css +2 -2
- package/css/index.min.css.map +1 -1
- package/es/components/Carousel/Carousel.js +194 -119
- package/es/components/Carousel/CarouselItem.js +8 -21
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +6 -7
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +3 -1
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -0
- package/es/components/Datagrid/Datagrid/DatagridRow.js +19 -10
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +19 -1
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +15 -1
- package/es/components/Datagrid/Datagrid/addons/stateReducer.js +67 -24
- package/es/components/Datagrid/useExpandedRow.js +3 -6
- package/es/components/Datagrid/useFocusRowExpander.js +40 -0
- package/es/components/Datagrid/useNestedRowExpander.js +9 -0
- package/es/components/Datagrid/useNestedRows.js +0 -4
- package/es/components/Datagrid/useRowExpander.js +9 -0
- package/es/components/Datagrid/useSelectRows.js +23 -11
- package/es/components/Guidebanner/Guidebanner.js +9 -12
- package/es/global/js/package-settings.js +0 -2
- package/lib/components/Carousel/Carousel.js +190 -114
- package/lib/components/Carousel/CarouselItem.js +9 -25
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +6 -7
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +3 -1
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -0
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +13 -3
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +19 -1
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +15 -1
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +70 -26
- package/lib/components/Datagrid/useExpandedRow.js +2 -5
- package/lib/components/Datagrid/useFocusRowExpander.js +46 -0
- package/lib/components/Datagrid/useNestedRowExpander.js +9 -0
- package/lib/components/Datagrid/useNestedRows.js +0 -4
- package/lib/components/Datagrid/useRowExpander.js +9 -0
- package/lib/components/Datagrid/useSelectRows.js +17 -4
- package/lib/components/Guidebanner/Guidebanner.js +9 -12
- package/lib/global/js/package-settings.js +0 -2
- package/package.json +2 -2
- package/scss/components/Carousel/_carousel.scss +1 -2
- package/scss/components/Datagrid/styles/_useExpandedRow.scss +21 -0
- package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +9 -0
- package/es/components/Carousel/utils.js +0 -98
- package/lib/components/Carousel/utils.js +0 -108
@@ -1,108 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.useWindowEvent = exports.useIsOverflow = exports.useIntersection = void 0;
|
8
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
9
|
-
var _react = require("react");
|
10
|
-
/**
|
11
|
-
* Copyright IBM Corp. 2023, 2023
|
12
|
-
*
|
13
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
14
|
-
* LICENSE file in the root directory of this source tree.
|
15
|
-
*/
|
16
|
-
|
17
|
-
var useIntersection = function useIntersection(element, threshold) {
|
18
|
-
var _useState = (0, _react.useState)(false),
|
19
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
20
|
-
isVisible = _useState2[0],
|
21
|
-
setState = _useState2[1];
|
22
|
-
(0, _react.useEffect)(function () {
|
23
|
-
var el = element.current;
|
24
|
-
var observer = new IntersectionObserver(function (_ref) {
|
25
|
-
var _ref2 = (0, _slicedToArray2.default)(_ref, 1),
|
26
|
-
entry = _ref2[0];
|
27
|
-
setState(entry.isIntersecting);
|
28
|
-
}, {
|
29
|
-
threshold: threshold
|
30
|
-
});
|
31
|
-
el && observer.observe(el);
|
32
|
-
return function () {
|
33
|
-
return observer.unobserve(el);
|
34
|
-
};
|
35
|
-
}, [element, threshold]);
|
36
|
-
return isVisible;
|
37
|
-
};
|
38
|
-
exports.useIntersection = useIntersection;
|
39
|
-
var useIsOverflow = function useIsOverflow(ref) {
|
40
|
-
var _useState3 = (0, _react.useState)(),
|
41
|
-
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
42
|
-
isScrollable = _useState4[0],
|
43
|
-
setIsScrollable = _useState4[1];
|
44
|
-
var _useState5 = (0, _react.useState)(),
|
45
|
-
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
46
|
-
mutationObserver = _useState6[0],
|
47
|
-
setMutationObserver = _useState6[1];
|
48
|
-
var _useState7 = (0, _react.useState)(),
|
49
|
-
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
50
|
-
resizeObserver = _useState8[0],
|
51
|
-
setResizeObserver = _useState8[1];
|
52
|
-
var checkOverflow = (0, _react.useCallback)(function () {
|
53
|
-
if (!ref.current) {
|
54
|
-
return;
|
55
|
-
}
|
56
|
-
var hasOverflow = ref.current.scrollWidth > ref.current.clientWidth;
|
57
|
-
setIsScrollable(hasOverflow);
|
58
|
-
}, [ref]);
|
59
|
-
(0, _react.useEffect)(function () {
|
60
|
-
if (!mutationObserver) {
|
61
|
-
return;
|
62
|
-
}
|
63
|
-
return function () {
|
64
|
-
if (mutationObserver) {
|
65
|
-
mutationObserver.disconnect();
|
66
|
-
}
|
67
|
-
if (resizeObserver) {
|
68
|
-
resizeObserver.disconnect();
|
69
|
-
}
|
70
|
-
};
|
71
|
-
});
|
72
|
-
(0, _react.useLayoutEffect)(function () {
|
73
|
-
var current = ref.current;
|
74
|
-
if (current) {
|
75
|
-
if ('ResizeObserver' in window && !resizeObserver) {
|
76
|
-
setResizeObserver(new ResizeObserver(checkOverflow).observe(current));
|
77
|
-
}
|
78
|
-
if ('MutationObserver' in window && !mutationObserver) {
|
79
|
-
setMutationObserver(new MutationObserver(checkOverflow).observe(current, {
|
80
|
-
attributes: false,
|
81
|
-
childList: true,
|
82
|
-
subtree: false
|
83
|
-
}));
|
84
|
-
}
|
85
|
-
checkOverflow();
|
86
|
-
}
|
87
|
-
}, [ref, checkOverflow, mutationObserver, resizeObserver]);
|
88
|
-
return isScrollable;
|
89
|
-
};
|
90
|
-
exports.useIsOverflow = useIsOverflow;
|
91
|
-
var useWindowEvent = function useWindowEvent(eventName, callback) {
|
92
|
-
var savedCallback = (0, _react.useRef)(null);
|
93
|
-
(0, _react.useEffect)(function () {
|
94
|
-
savedCallback.current = callback;
|
95
|
-
});
|
96
|
-
(0, _react.useEffect)(function () {
|
97
|
-
function handler(event) {
|
98
|
-
if (savedCallback.current) {
|
99
|
-
savedCallback.current(event);
|
100
|
-
}
|
101
|
-
}
|
102
|
-
window.addEventListener(eventName, handler);
|
103
|
-
return function () {
|
104
|
-
window.removeEventListener(eventName, handler);
|
105
|
-
};
|
106
|
-
}, [eventName]);
|
107
|
-
};
|
108
|
-
exports.useWindowEvent = useWindowEvent;
|