pcln-carousel - npm Package Compare versions

Comparing version 1.0.7 to 1.1.0-beta-toggle-name.0

dist/cjs/Carousel.js

@@ -30,2 +30,4 @@ "use strict";
 
+var _StretchSlide = require("./StretchSlide");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -102,3 +104,11 @@
       sideButtonMargin = _ref2$sideButtonMargi === void 0 ? '-30px' : _ref2$sideButtonMargi,
-      sidePositionArrowButton = _ref2.sidePositionArrowButton;
+      sidePositionArrowButton = _ref2.sidePositionArrowButton,
+      _ref2$stretchSlideHei = _ref2.stretchSlideHeight,
+      stretchSlideHeight = _ref2$stretchSlideHei === void 0 ? true : _ref2$stretchSlideHei;
+
+  var _useState3 = (0, _react.useState)(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      height = _useState4[0],
+      setHeight = _useState4[1];
+
   var widths = (0, _layoutToFlexWidths.layoutToFlexWidths)(layout, children.length);
@@ -160,3 +170,8 @@ var layoutSize = layout === null || layout === void 0 ? void 0 : layout.split('-').length;
         p: slideSpacing
-      }, item))
+      }, !layout && stretchSlideHeight ? /*#__PURE__*/_react["default"].createElement(_StretchSlide.StretchSlide, {
+        slideSpacing: slideSpacing,
+        slideContents: item,
+        height: height,
+        setHeight: setHeight
+      }) : item))
     );
@@ -247,3 +262,6 @@ })), sidePositionArrowButton ? /*#__PURE__*/(0, _react.cloneElement)(sidePositionArrowButton, {
   /** Custom styled arrow button component */
-  sidePositionArrowButton: _propTypes["default"].element
+  sidePositionArrowButton: _propTypes["default"].element,
+
+  /** Set height of slides based on tallest slide */
+  stretchSlideHeight: _propTypes["default"].bool
 };

dist/esm/Carousel.js

@@ -23,2 +23,3 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 import { getSlideKey, getVisibleSlidesArray, useResponsiveVisibleSlides } from './helpers';
+import { StretchSlide } from './StretchSlide';
 
@@ -78,3 +79,11 @@ var ChangeDetector = function ChangeDetector(_ref) {
       sideButtonMargin = _ref2$sideButtonMargi === void 0 ? '-30px' : _ref2$sideButtonMargi,
-      sidePositionArrowButton = _ref2.sidePositionArrowButton;
+      sidePositionArrowButton = _ref2.sidePositionArrowButton,
+      _ref2$stretchSlideHei = _ref2.stretchSlideHeight,
+      stretchSlideHeight = _ref2$stretchSlideHei === void 0 ? true : _ref2$stretchSlideHei;
+
+  var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      height = _useState4[0],
+      setHeight = _useState4[1];
+
   var widths = layoutToFlexWidths(layout, children.length);
@@ -136,3 +145,8 @@ var layoutSize = layout === null || layout === void 0 ? void 0 : layout.split('-').length;
         p: slideSpacing
-      }, item))
+      }, !layout && stretchSlideHeight ? /*#__PURE__*/React.createElement(StretchSlide, {
+        slideSpacing: slideSpacing,
+        slideContents: item,
+        height: height,
+        setHeight: setHeight
+      }) : item))
     );
@@ -221,3 +235,6 @@ })), sidePositionArrowButton ? /*#__PURE__*/cloneElement(sidePositionArrowButton, {
   /** Custom styled arrow button component */
-  sidePositionArrowButton: PropTypes.element
+  sidePositionArrowButton: PropTypes.element,
+
+  /** Set height of slides based on tallest slide */
+  stretchSlideHeight: PropTypes.bool
 };

package.json

 {
   "name": "pcln-carousel",
-  "version": "1.0.7",
+  "version": "1.1.0-beta-toggle-name.0",
   "description": "Priceline Design System Carousel Component",
@@ -55,4 +55,4 @@ "main": "dist/cjs/index.js",
     "npm-run-all": "^4.1.5",
-    "pcln-icons": "4.8.0",
-    "pcln-design-system": "4.21.0",
+    "pcln-icons": "4.8.1-beta-toggle-name.0",
+    "pcln-design-system": "4.22.0-beta-toggle-name.0",
     "react": "^17.0.2",
@@ -68,3 +68,3 @@ "react-dom": "^17.0.2",
     "styled-components": ">=4.4.1",
-    "pcln-design-system": "4.21.0"
+    "pcln-design-system": "4.22.0-beta-toggle-name.0"
   },
@@ -71,0 +71,0 @@ "scripts": {

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

61998

increased by8.65%

Number of package files

34

increased by13.33%

Lines of code

968

increased by10.5%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

No dependency changes