@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.
Files changed (56) hide show
  1. package/css/index-full-carbon.css +16 -2
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +2 -2
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +15 -0
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +16 -2
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +2 -2
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +16 -2
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +2 -2
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/Carousel/Carousel.js +194 -119
  18. package/es/components/Carousel/CarouselItem.js +8 -21
  19. package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +6 -7
  20. package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +3 -1
  21. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -0
  22. package/es/components/Datagrid/Datagrid/DatagridRow.js +19 -10
  23. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +19 -1
  24. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +15 -1
  25. package/es/components/Datagrid/Datagrid/addons/stateReducer.js +67 -24
  26. package/es/components/Datagrid/useExpandedRow.js +3 -6
  27. package/es/components/Datagrid/useFocusRowExpander.js +40 -0
  28. package/es/components/Datagrid/useNestedRowExpander.js +9 -0
  29. package/es/components/Datagrid/useNestedRows.js +0 -4
  30. package/es/components/Datagrid/useRowExpander.js +9 -0
  31. package/es/components/Datagrid/useSelectRows.js +23 -11
  32. package/es/components/Guidebanner/Guidebanner.js +9 -12
  33. package/es/global/js/package-settings.js +0 -2
  34. package/lib/components/Carousel/Carousel.js +190 -114
  35. package/lib/components/Carousel/CarouselItem.js +9 -25
  36. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +6 -7
  37. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +3 -1
  38. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -0
  39. package/lib/components/Datagrid/Datagrid/DatagridRow.js +13 -3
  40. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +19 -1
  41. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +15 -1
  42. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +70 -26
  43. package/lib/components/Datagrid/useExpandedRow.js +2 -5
  44. package/lib/components/Datagrid/useFocusRowExpander.js +46 -0
  45. package/lib/components/Datagrid/useNestedRowExpander.js +9 -0
  46. package/lib/components/Datagrid/useNestedRows.js +0 -4
  47. package/lib/components/Datagrid/useRowExpander.js +9 -0
  48. package/lib/components/Datagrid/useSelectRows.js +17 -4
  49. package/lib/components/Guidebanner/Guidebanner.js +9 -12
  50. package/lib/global/js/package-settings.js +0 -2
  51. package/package.json +2 -2
  52. package/scss/components/Carousel/_carousel.scss +1 -2
  53. package/scss/components/Datagrid/styles/_useExpandedRow.scss +21 -0
  54. package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +9 -0
  55. package/es/components/Carousel/utils.js +0 -98
  56. 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;