framework7-react - npm Package Compare versions

Comparing version 0.8.2-beta-2 to 0.8.2-beta-3

dist/src/Framework7.d.ts

@@ -135,5 +135,5 @@ export interface IFramework7Params {
 
-    openPanel(side: string): void;
+    openPanel(animate: boolean): void;
 
-    closePanel(side: string): void;
+    closePanel(animate: boolean): void;
 
@@ -140,0 +140,0 @@ initPageScrollToolbars(pageContainer: HTMLElement | string): void;

dist/src/utils/OverscrollFix.js

@@ -22,14 +22,22 @@ "use strict";
         scrollMap.left = conditionParentUntilTrue(touchTarget, function (element) {
-            return element.scrollLeft > 0;
+            return element.scrollLeft > 0 &&
+                (window.getComputedStyle(element).overflow !== "hidden") &&
+                (window.getComputedStyle(element).overflowX !== "hidden");
         });
         scrollMap.top = conditionParentUntilTrue(touchTarget, function (element) {
-            return element.scrollTop > 0;
+            return element.scrollTop > 0 &&
+                (window.getComputedStyle(element).overflow !== "hidden") &&
+                (window.getComputedStyle(element).overflowY !== "hidden");
         });
         scrollMap.right = conditionParentUntilTrue(touchTarget, function (element) {
             return element.scrollWidth > element.clientWidth &&
-                element.scrollWidth - element.clientWidth > element.scrollLeft;
+                element.scrollWidth - element.clientWidth > element.scrollLeft &&
+                (window.getComputedStyle(element).overflow !== "hidden") &&
+                (window.getComputedStyle(element).overflowX !== "hidden");
         });
         scrollMap.bottom = conditionParentUntilTrue(touchTarget, function (element) {
             return element.scrollHeight > element.clientHeight &&
-                element.scrollHeight - element.clientHeight > element.scrollTop;
+                element.scrollHeight - element.clientHeight > element.scrollTop &&
+                (window.getComputedStyle(element).overflow !== "hidden") &&
+                (window.getComputedStyle(element).overflowY !== "hidden");
         });
@@ -36,0 +44,0 @@ touchScreenX = e.targetTouches[0].screenX;

dist/src/utils/reactify-vue/react-class-creation-and-runtime/VueComponentClass.js

@@ -10,2 +10,3 @@ "use strict";
 };
+var React = require("react");
 var change_case_1 = require("change-case");
@@ -66,3 +67,3 @@ var handleStateSet = function (stateObject, key, value, vueComponent, self) {
             var parentElement = this.$el;
-            return this.children.map(function (element, index) {
+            return React.Children.toArray(this.children).map(function (element, index) {
                 return __assign({}, element, { $el: parentElement.children[index] });
@@ -69,0 +70,0 @@ });

package.json

 {
   "name": "framework7-react",
-  "version": "0.8.2-beta-2",
+  "version": "0.8.2-beta-3",
   "description": "A React version of Framework7",
@@ -5,0 +5,0 @@ "main": "dist/framework7-react/index.js",

README.md

@@ -9,11 +9,8 @@ # Framework7 React
 
-```
-npm install --save framework7-react
-```
+[Starter template](https://github.com/bencompton/framework7-react-app-template)
 
+Official docs are coming soon...
 
-Official docs are coming soon. For now, check out the [kitchen sink code](https://github.com/bencompton/framework7-react/tree/master/kitchen-sink) for an example of how to consume Framework7 React.
+## Kitchen Sink
 
-## Building + running the kitchen sink
-
 Ensure that [gulp](https://www.npmjs.com/package/gulp) and [typings](https://www.npmjs.com/package/typings) are installed globally, then run the following:
@@ -20,0 +17,0 @@

No alert changes

Improved metrics

Total package byte prevSize

1132994

increased by0.1%

Lines of code

22033

increased by0.04%

Worsened metrics

Number of lines in readme file

73

decreased by-3.95%

No dependency changes