@carbon/ibm-products 1.62.0 → 1.62.1

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 (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;