react-simple-pull-to-refresh 1.3.2 → 1.3.4
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.
- package/README.md +2 -0
- package/build/index.cjs.js +2 -2
- package/build/index.esm.js +2 -2
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -83,6 +83,8 @@ return (
|
|
|
83
83
|
|
|
84
84
|
## Changelog
|
|
85
85
|
|
|
86
|
+
1.3.3: Update package.json peerDependencies to support react 18 - (From: [@mjauernig](https://github.com/mjauernig))
|
|
87
|
+
|
|
86
88
|
1.3.2: Fix build issue encountered with 1.3.1
|
|
87
89
|
|
|
88
90
|
1.3.1: Fix issue preventing fixed elements to work properly - (From: [@ManuDoni](https://github.com/ManuDoni))
|
package/build/index.cjs.js
CHANGED
|
@@ -74,7 +74,7 @@ function styleInject(css, ref) {
|
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
-
var css = ".lds-ellipsis {\n display: inline-block;\n position: relative;\n width: 64px;\n height: 64px
|
|
77
|
+
var css = ".lds-ellipsis {\n display: inline-block;\n position: relative;\n width: 64px;\n height: 64px;\n}\n\n.lds-ellipsis div {\n position: absolute;\n top: 27px;\n width: 11px;\n height: 11px;\n border-radius: 50%;\n background: rgb(54, 54, 54);\n animation-timing-function: cubic-bezier(0, 1, 1, 0);\n}\n\n.lds-ellipsis div:nth-child(1) {\n left: 6px;\n animation: lds-ellipsis1 0.6s infinite;\n}\n\n.lds-ellipsis div:nth-child(2) {\n left: 6px;\n animation: lds-ellipsis2 0.6s infinite;\n}\n\n.lds-ellipsis div:nth-child(3) {\n left: 26px;\n animation: lds-ellipsis2 0.6s infinite;\n}\n\n.lds-ellipsis div:nth-child(4) {\n left: 45px;\n animation: lds-ellipsis3 0.6s infinite;\n}\n\n@keyframes lds-ellipsis1 {\n 0% {\n transform: scale(0);\n }\n 100% {\n transform: scale(1);\n }\n}\n@keyframes lds-ellipsis3 {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0);\n }\n}\n@keyframes lds-ellipsis2 {\n 0% {\n transform: translate(0, 0);\n }\n 100% {\n transform: translate(19px, 0);\n }\n}";
|
|
78
78
|
styleInject(css);
|
|
79
79
|
|
|
80
80
|
// Source: https://loading.io/css/
|
|
@@ -91,7 +91,7 @@ var PullingContent = function () {
|
|
|
91
91
|
React__default.createElement("p", null, "\u21A7\u00A0\u00A0pull to refresh\u00A0\u00A0\u21A7")));
|
|
92
92
|
};
|
|
93
93
|
|
|
94
|
-
var css$1 = ".ptr,\n.ptr__children {\n height: 100%;\n width: 100%;\n overflow: hidden;\n -webkit-overflow-scrolling: touch;\n position: relative
|
|
94
|
+
var css$1 = ".ptr,\n.ptr__children {\n height: 100%;\n width: 100%;\n overflow: hidden;\n -webkit-overflow-scrolling: touch;\n position: relative;\n}\n\n.ptr.ptr--fetch-more-treshold-breached .ptr__fetch-more {\n display: block;\n}\n\n.ptr__fetch-more {\n display: none;\n}\n\n/**\n * Pull down transition \n */\n.ptr__children,\n.ptr__pull-down {\n transition: transform 0.2s cubic-bezier(0, 0, 0.31, 1);\n}\n\n.ptr__pull-down {\n position: absolute;\n overflow: hidden;\n left: 0;\n right: 0;\n top: 0;\n visibility: hidden;\n}\n.ptr__pull-down > div {\n display: none;\n}\n\n.ptr--dragging {\n /**\n * Hide PullMore content is treshold breached\n */\n}\n.ptr--dragging.ptr--pull-down-treshold-breached .ptr__pull-down--pull-more {\n display: none;\n}\n.ptr--dragging {\n /**\n * Otherwize, display content\n */\n}\n.ptr--dragging .ptr__pull-down--pull-more {\n display: block;\n}\n\n.ptr--pull-down-treshold-breached {\n /**\n * Force opacity to 1 is pull down trashold breached\n */\n}\n.ptr--pull-down-treshold-breached .ptr__pull-down {\n opacity: 1 !important;\n}\n.ptr--pull-down-treshold-breached {\n /**\n * And display loader\n */\n}\n.ptr--pull-down-treshold-breached .ptr__pull-down--loading {\n display: block;\n}\n\n.ptr__loader {\n margin: 0 auto;\n text-align: center;\n}";
|
|
95
95
|
styleInject(css$1);
|
|
96
96
|
|
|
97
97
|
var PullToRefresh = function (_a) {
|
package/build/index.esm.js
CHANGED
|
@@ -69,7 +69,7 @@ function styleInject(css, ref) {
|
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
-
var css = ".lds-ellipsis {\n display: inline-block;\n position: relative;\n width: 64px;\n height: 64px
|
|
72
|
+
var css = ".lds-ellipsis {\n display: inline-block;\n position: relative;\n width: 64px;\n height: 64px;\n}\n\n.lds-ellipsis div {\n position: absolute;\n top: 27px;\n width: 11px;\n height: 11px;\n border-radius: 50%;\n background: rgb(54, 54, 54);\n animation-timing-function: cubic-bezier(0, 1, 1, 0);\n}\n\n.lds-ellipsis div:nth-child(1) {\n left: 6px;\n animation: lds-ellipsis1 0.6s infinite;\n}\n\n.lds-ellipsis div:nth-child(2) {\n left: 6px;\n animation: lds-ellipsis2 0.6s infinite;\n}\n\n.lds-ellipsis div:nth-child(3) {\n left: 26px;\n animation: lds-ellipsis2 0.6s infinite;\n}\n\n.lds-ellipsis div:nth-child(4) {\n left: 45px;\n animation: lds-ellipsis3 0.6s infinite;\n}\n\n@keyframes lds-ellipsis1 {\n 0% {\n transform: scale(0);\n }\n 100% {\n transform: scale(1);\n }\n}\n@keyframes lds-ellipsis3 {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0);\n }\n}\n@keyframes lds-ellipsis2 {\n 0% {\n transform: translate(0, 0);\n }\n 100% {\n transform: translate(19px, 0);\n }\n}";
|
|
73
73
|
styleInject(css);
|
|
74
74
|
|
|
75
75
|
// Source: https://loading.io/css/
|
|
@@ -86,7 +86,7 @@ var PullingContent = function () {
|
|
|
86
86
|
React.createElement("p", null, "\u21A7\u00A0\u00A0pull to refresh\u00A0\u00A0\u21A7")));
|
|
87
87
|
};
|
|
88
88
|
|
|
89
|
-
var css$1 = ".ptr,\n.ptr__children {\n height: 100%;\n width: 100%;\n overflow: hidden;\n -webkit-overflow-scrolling: touch;\n position: relative
|
|
89
|
+
var css$1 = ".ptr,\n.ptr__children {\n height: 100%;\n width: 100%;\n overflow: hidden;\n -webkit-overflow-scrolling: touch;\n position: relative;\n}\n\n.ptr.ptr--fetch-more-treshold-breached .ptr__fetch-more {\n display: block;\n}\n\n.ptr__fetch-more {\n display: none;\n}\n\n/**\n * Pull down transition \n */\n.ptr__children,\n.ptr__pull-down {\n transition: transform 0.2s cubic-bezier(0, 0, 0.31, 1);\n}\n\n.ptr__pull-down {\n position: absolute;\n overflow: hidden;\n left: 0;\n right: 0;\n top: 0;\n visibility: hidden;\n}\n.ptr__pull-down > div {\n display: none;\n}\n\n.ptr--dragging {\n /**\n * Hide PullMore content is treshold breached\n */\n}\n.ptr--dragging.ptr--pull-down-treshold-breached .ptr__pull-down--pull-more {\n display: none;\n}\n.ptr--dragging {\n /**\n * Otherwize, display content\n */\n}\n.ptr--dragging .ptr__pull-down--pull-more {\n display: block;\n}\n\n.ptr--pull-down-treshold-breached {\n /**\n * Force opacity to 1 is pull down trashold breached\n */\n}\n.ptr--pull-down-treshold-breached .ptr__pull-down {\n opacity: 1 !important;\n}\n.ptr--pull-down-treshold-breached {\n /**\n * And display loader\n */\n}\n.ptr--pull-down-treshold-breached .ptr__pull-down--loading {\n display: block;\n}\n\n.ptr__loader {\n margin: 0 auto;\n text-align: center;\n}";
|
|
90
90
|
styleInject(css$1);
|
|
91
91
|
|
|
92
92
|
var PullToRefresh = function (_a) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-simple-pull-to-refresh",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.4",
|
|
4
4
|
"description": "A Simple Pull To Refresh Component for React Application",
|
|
5
5
|
"main": "build/index.cjs.js",
|
|
6
6
|
"module": "build/index.esm.js",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"@types/react": "^16.9.9",
|
|
32
32
|
"@types/react-dom": "^16.9.2",
|
|
33
33
|
"ncp": "^2.0.0",
|
|
34
|
-
"
|
|
34
|
+
"sass": "^1.70.0",
|
|
35
35
|
"npm-run-all": "^4.1.5",
|
|
36
36
|
"rollup": "^1.25.0",
|
|
37
37
|
"rollup-plugin-delete": "^1.1.0",
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
"typescript": "3.7.5"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
|
-
"react": "^16.10.2 || ^17.0.0",
|
|
44
|
-
"react-dom": "^16.10.2 || ^17.0.0"
|
|
43
|
+
"react": "^16.10.2 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
44
|
+
"react-dom": "^16.10.2 || ^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
45
45
|
},
|
|
46
46
|
"files": [
|
|
47
47
|
"build"
|