@panneau/core 2.0.71 → 2.0.83
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/es/hooks.js +42 -2
- package/lib/hooks.js +42 -1
- package/package.json +2 -2
package/es/hooks.js
CHANGED
|
@@ -260,9 +260,10 @@ var useForm = function useForm() {
|
|
|
260
260
|
}, [finalPostForm, action, value]);
|
|
261
261
|
var onSubmit = useCallback(function (e) {
|
|
262
262
|
e.preventDefault();
|
|
263
|
+
console.log('hey ya');
|
|
263
264
|
// This one is very important with multiple forms
|
|
264
265
|
// Nested forms (even in portals) will bubble the onSubmit event to the parent
|
|
265
|
-
e.stopPropagation();
|
|
266
|
+
// e.stopPropagation();
|
|
266
267
|
submit();
|
|
267
268
|
}, [submit, action]);
|
|
268
269
|
var status = null;
|
|
@@ -889,6 +890,45 @@ var useResourceUrlGenerator = function useResourceUrlGenerator() {
|
|
|
889
890
|
};
|
|
890
891
|
};
|
|
891
892
|
|
|
893
|
+
var useResourceQuery = function useResourceQuery() {
|
|
894
|
+
var initialValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
895
|
+
var paginated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
896
|
+
var initialQuery = useMemo(function () {
|
|
897
|
+
return paginated ? _objectSpread({
|
|
898
|
+
page: 1,
|
|
899
|
+
count: 10
|
|
900
|
+
}, initialValues) : initialValues || null;
|
|
901
|
+
}, [paginated, initialValues]);
|
|
902
|
+
var _useState = useState(initialQuery),
|
|
903
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
904
|
+
query = _useState2[0],
|
|
905
|
+
setQuery = _useState2[1];
|
|
906
|
+
useEffect(function () {
|
|
907
|
+
setQuery(initialQuery);
|
|
908
|
+
}, [initialQuery, setQuery]);
|
|
909
|
+
var onPageChange = useCallback(function (newPage) {
|
|
910
|
+
setQuery(_objectSpread(_objectSpread({}, query), {}, {
|
|
911
|
+
page: newPage || 1
|
|
912
|
+
}));
|
|
913
|
+
}, [query, setQuery]);
|
|
914
|
+
var onQueryChange = useCallback(function (newQuery) {
|
|
915
|
+
var finalQuery = newQuery !== null ? Object.keys(newQuery).reduce(function (currentQuery, key) {
|
|
916
|
+
var val = newQuery[key];
|
|
917
|
+
return val !== null ? _objectSpread(_objectSpread({}, currentQuery), {}, _defineProperty({}, key, val)) : currentQuery;
|
|
918
|
+
}, null) : null;
|
|
919
|
+
setQuery(finalQuery);
|
|
920
|
+
}, [query, setQuery]);
|
|
921
|
+
var onQueryReset = useCallback(function () {
|
|
922
|
+
setQuery(initialQuery);
|
|
923
|
+
}, [initialQuery, setQuery]);
|
|
924
|
+
return {
|
|
925
|
+
query: query,
|
|
926
|
+
onPageChange: onPageChange,
|
|
927
|
+
onQueryChange: onQueryChange,
|
|
928
|
+
onQueryReset: onQueryReset
|
|
929
|
+
};
|
|
930
|
+
};
|
|
931
|
+
|
|
892
932
|
var _excluded = ["width", "height"];
|
|
893
933
|
var useScreenSize = function useScreenSize(_ref) {
|
|
894
934
|
var _ref$width = _ref.width,
|
|
@@ -999,4 +1039,4 @@ var useScreenSizeFromWindow = function useScreenSizeFromWindow(opts) {
|
|
|
999
1039
|
var eventsManager = typeof window !== 'undefined' ? new EventsManager(window) : null;
|
|
1000
1040
|
var useWindowEvent = createUseEvent(eventsManager);
|
|
1001
1041
|
|
|
1002
|
-
export { getObserver, useAnimationFrame, useDocumentEvent, useForm, useFormattedDate, useFormattedTime, useIntersectionObserver, useIsVisible, useLoadedFonts, useMediaApi, useMediasParser, useObserver, useResizeObserver, useResourceUrlGenerator, useScreenSizeFromElement, useScreenSizeFromWindow, useWindowEvent };
|
|
1042
|
+
export { getObserver, useAnimationFrame, useDocumentEvent, useForm, useFormattedDate, useFormattedTime, useIntersectionObserver, useIsVisible, useLoadedFonts, useMediaApi, useMediasParser, useObserver, useResizeObserver, useResourceQuery, useResourceUrlGenerator, useScreenSizeFromElement, useScreenSizeFromWindow, useWindowEvent };
|
package/lib/hooks.js
CHANGED
|
@@ -295,9 +295,10 @@ var useForm = function useForm() {
|
|
|
295
295
|
}, [finalPostForm, action, value]);
|
|
296
296
|
var onSubmit = react.useCallback(function (e) {
|
|
297
297
|
e.preventDefault();
|
|
298
|
+
console.log('hey ya');
|
|
298
299
|
// This one is very important with multiple forms
|
|
299
300
|
// Nested forms (even in portals) will bubble the onSubmit event to the parent
|
|
300
|
-
e.stopPropagation();
|
|
301
|
+
// e.stopPropagation();
|
|
301
302
|
submit();
|
|
302
303
|
}, [submit, action]);
|
|
303
304
|
var status = null;
|
|
@@ -924,6 +925,45 @@ var useResourceUrlGenerator = function useResourceUrlGenerator() {
|
|
|
924
925
|
};
|
|
925
926
|
};
|
|
926
927
|
|
|
928
|
+
var useResourceQuery = function useResourceQuery() {
|
|
929
|
+
var initialValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
930
|
+
var paginated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
931
|
+
var initialQuery = react.useMemo(function () {
|
|
932
|
+
return paginated ? _objectSpread__default["default"]({
|
|
933
|
+
page: 1,
|
|
934
|
+
count: 10
|
|
935
|
+
}, initialValues) : initialValues || null;
|
|
936
|
+
}, [paginated, initialValues]);
|
|
937
|
+
var _useState = react.useState(initialQuery),
|
|
938
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
939
|
+
query = _useState2[0],
|
|
940
|
+
setQuery = _useState2[1];
|
|
941
|
+
react.useEffect(function () {
|
|
942
|
+
setQuery(initialQuery);
|
|
943
|
+
}, [initialQuery, setQuery]);
|
|
944
|
+
var onPageChange = react.useCallback(function (newPage) {
|
|
945
|
+
setQuery(_objectSpread__default["default"](_objectSpread__default["default"]({}, query), {}, {
|
|
946
|
+
page: newPage || 1
|
|
947
|
+
}));
|
|
948
|
+
}, [query, setQuery]);
|
|
949
|
+
var onQueryChange = react.useCallback(function (newQuery) {
|
|
950
|
+
var finalQuery = newQuery !== null ? Object.keys(newQuery).reduce(function (currentQuery, key) {
|
|
951
|
+
var val = newQuery[key];
|
|
952
|
+
return val !== null ? _objectSpread__default["default"](_objectSpread__default["default"]({}, currentQuery), {}, _defineProperty__default["default"]({}, key, val)) : currentQuery;
|
|
953
|
+
}, null) : null;
|
|
954
|
+
setQuery(finalQuery);
|
|
955
|
+
}, [query, setQuery]);
|
|
956
|
+
var onQueryReset = react.useCallback(function () {
|
|
957
|
+
setQuery(initialQuery);
|
|
958
|
+
}, [initialQuery, setQuery]);
|
|
959
|
+
return {
|
|
960
|
+
query: query,
|
|
961
|
+
onPageChange: onPageChange,
|
|
962
|
+
onQueryChange: onQueryChange,
|
|
963
|
+
onQueryReset: onQueryReset
|
|
964
|
+
};
|
|
965
|
+
};
|
|
966
|
+
|
|
927
967
|
var _excluded = ["width", "height"];
|
|
928
968
|
var useScreenSize = function useScreenSize(_ref) {
|
|
929
969
|
var _ref$width = _ref.width,
|
|
@@ -1047,6 +1087,7 @@ exports.useMediaApi = useMediaApi;
|
|
|
1047
1087
|
exports.useMediasParser = useMediasParser;
|
|
1048
1088
|
exports.useObserver = useObserver;
|
|
1049
1089
|
exports.useResizeObserver = useResizeObserver;
|
|
1090
|
+
exports.useResourceQuery = useResourceQuery;
|
|
1050
1091
|
exports.useResourceUrlGenerator = useResourceUrlGenerator;
|
|
1051
1092
|
exports.useScreenSizeFromElement = useScreenSizeFromElement;
|
|
1052
1093
|
exports.useScreenSizeFromWindow = useScreenSizeFromWindow;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@panneau/core",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.83",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -114,5 +114,5 @@
|
|
|
114
114
|
"publishConfig": {
|
|
115
115
|
"access": "public"
|
|
116
116
|
},
|
|
117
|
-
"gitHead": "
|
|
117
|
+
"gitHead": "2f2300a3f55d94d6913eb25cde7f035b3c8e0915"
|
|
118
118
|
}
|