carbon-react 125.9.2 → 125.9.3

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 (9) hide show
  1. package/esm/components/pages/page/page.style.js +1 -2
  2. package/esm/components/pages/pages.component.js +2 -8
  3. package/esm/components/pages/pages.config.js +0 -4
  4. package/esm/components/pages/pages.style.js +0 -1
  5. package/lib/components/pages/page/page.style.js +1 -2
  6. package/lib/components/pages/pages.component.js +2 -8
  7. package/lib/components/pages/pages.config.js +0 -4
  8. package/lib/components/pages/pages.style.js +0 -1
  9. package/package.json +1 -1
package/esm/components/pages/page/page.style.js CHANGED
@@ -3,14 +3,13 @@ import { padding } from "styled-system";
3
3
  import BaseTheme from "../../../style/themes/base";
4
4
  const StyledPage = styled.div`
5
5
  width: 100%;
6
- height: 100%;
6
+ position: absolute;
7
7
  `;
8
8
  const StyledPageContent = styled.div`
9
9
  ${padding}
10
10
  box-sizing: border-box;
11
11
  width: 100%;
12
12
  height: 100%;
13
- overflow-y: auto;
14
13
  `;
15
14
  StyledPage.defaultProps = {
16
15
  theme: BaseTheme
package/esm/components/pages/pages.component.js CHANGED
@@ -23,23 +23,17 @@ const Pages = ({
23
23
  return `carousel-transition-${transition}`;
24
24
  };
25
25
  const handleVisiblePage = () => {
26
- let index = pageIndex;
27
- const visiblePage = React.Children.toArray(children)[index];
26
+ const visiblePage = React.Children.toArray(children)[pageIndex];
28
27
 
29
28
  /* istanbul ignore if */
30
29
  if (! /*#__PURE__*/React.isValidElement(visiblePage)) return visiblePage;
31
- index = visiblePage.props.id || index;
32
30
  const additionalProps = {
33
31
  transitionName,
34
32
  timeout: TRANSITION_TIME,
35
33
  "data-element": "visible-page",
36
- key: `carbon-page-${visiblePage.props.id || pageIndex}`,
37
34
  className: visiblePage.props.className
38
35
  };
39
- return /*#__PURE__*/React.cloneElement(visiblePage, {
40
- ...visiblePage.props,
41
- ...additionalProps
42
- });
36
+ return /*#__PURE__*/React.cloneElement(visiblePage, additionalProps);
43
37
  };
44
38
  const numOfPages = useCallback(() => {
45
39
  return Array.isArray(children) ? children.length : 1;
package/esm/components/pages/pages.config.js CHANGED
@@ -5,7 +5,6 @@ const slideAnimation = css`
5
5
  .slide-next-enter {
6
6
  opacity: 0;
7
7
  left: 100%;
8
- position: absolute;
9
8
  }
10
9
 
11
10
  .slide-next-enter.slide-next-enter-active {
@@ -17,7 +16,6 @@ const slideAnimation = css`
17
16
  .slide-next-exit {
18
17
  opacity: 1;
19
18
  left: 0;
20
- position: relative;
21
19
  }
22
20
 
23
21
  .slide-next-exit.slide-next-exit-active {
@@ -30,7 +28,6 @@ const slideAnimation = css`
30
28
  .slide-previous-enter {
31
29
  opacity: 0;
32
30
  left: -100%;
33
- position: absolute;
34
31
  }
35
32
 
36
33
  .slide-previous-enter.slide-previous-enter-active {
@@ -42,7 +39,6 @@ const slideAnimation = css`
42
39
  .slide-previous-exit {
43
40
  opacity: 1;
44
41
  left: 0;
45
- position: relative;
46
42
  }
47
43
 
48
44
  .slide-previous-exit.slide-previous-exit-active {
package/esm/components/pages/pages.style.js CHANGED
@@ -16,7 +16,6 @@ const PagesContent = styled.div`
16
16
  `;
17
17
  const PagesWrapperStyle = styled.div`
18
18
  .carbon-carousel__content {
19
- overflow: hidden;
20
19
  position: relative;
21
20
  }
22
21
  ${slideAnimation}
package/lib/components/pages/page/page.style.js CHANGED
@@ -10,14 +10,13 @@ var _base = _interopRequireDefault(require("../../../style/themes/base"));
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
  const StyledPage = exports.StyledPage = _styledComponents.default.div`
12
12
  width: 100%;
13
- height: 100%;
13
+ position: absolute;
14
14
  `;
15
15
  const StyledPageContent = exports.StyledPageContent = _styledComponents.default.div`
16
16
  ${_styledSystem.padding}
17
17
  box-sizing: border-box;
18
18
  width: 100%;
19
19
  height: 100%;
20
- overflow-y: auto;
21
20
  `;
22
21
  StyledPage.defaultProps = {
23
22
  theme: _base.default
package/lib/components/pages/pages.component.js CHANGED
@@ -38,23 +38,17 @@ const Pages = ({
38
38
  return `carousel-transition-${transition}`;
39
39
  };
40
40
  const handleVisiblePage = () => {
41
- let index = pageIndex;
42
- const visiblePage = _react.default.Children.toArray(children)[index];
41
+ const visiblePage = _react.default.Children.toArray(children)[pageIndex];
43
42
 
44
43
  /* istanbul ignore if */
45
44
  if (! /*#__PURE__*/_react.default.isValidElement(visiblePage)) return visiblePage;
46
- index = visiblePage.props.id || index;
47
45
  const additionalProps = {
48
46
  transitionName,
49
47
  timeout: TRANSITION_TIME,
50
48
  "data-element": "visible-page",
51
- key: `carbon-page-${visiblePage.props.id || pageIndex}`,
52
49
  className: visiblePage.props.className
53
50
  };
54
- return /*#__PURE__*/_react.default.cloneElement(visiblePage, {
55
- ...visiblePage.props,
56
- ...additionalProps
57
- });
51
+ return /*#__PURE__*/_react.default.cloneElement(visiblePage, additionalProps);
58
52
  };
59
53
  const numOfPages = (0, _react.useCallback)(() => {
60
54
  return Array.isArray(children) ? children.length : 1;
package/lib/components/pages/pages.config.js CHANGED
@@ -11,7 +11,6 @@ const slideAnimation = exports.slideAnimation = (0, _styledComponents.css)`
11
11
  .slide-next-enter {
12
12
  opacity: 0;
13
13
  left: 100%;
14
- position: absolute;
15
14
  }
16
15
 
17
16
  .slide-next-enter.slide-next-enter-active {
@@ -23,7 +22,6 @@ const slideAnimation = exports.slideAnimation = (0, _styledComponents.css)`
23
22
  .slide-next-exit {
24
23
  opacity: 1;
25
24
  left: 0;
26
- position: relative;
27
25
  }
28
26
 
29
27
  .slide-next-exit.slide-next-exit-active {
@@ -36,7 +34,6 @@ const slideAnimation = exports.slideAnimation = (0, _styledComponents.css)`
36
34
  .slide-previous-enter {
37
35
  opacity: 0;
38
36
  left: -100%;
39
- position: absolute;
40
37
  }
41
38
 
42
39
  .slide-previous-enter.slide-previous-enter-active {
@@ -48,7 +45,6 @@ const slideAnimation = exports.slideAnimation = (0, _styledComponents.css)`
48
45
  .slide-previous-exit {
49
46
  opacity: 1;
50
47
  left: 0;
51
- position: relative;
52
48
  }
53
49
 
54
50
  .slide-previous-exit.slide-previous-exit-active {
package/lib/components/pages/pages.style.js CHANGED
@@ -23,7 +23,6 @@ const PagesContent = exports.PagesContent = _styledComponents.default.div`
23
23
  `;
24
24
  const PagesWrapperStyle = exports.PagesWrapperStyle = _styledComponents.default.div`
25
25
  .carbon-carousel__content {
26
- overflow: hidden;
27
26
  position: relative;
28
27
  }
29
28
  ${_pages.slideAnimation}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "125.9.2",
3
+ "version": "125.9.3",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",