@uxf/core 1.10.0 → 2.0.0
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 +182 -21
- package/Validators/FormValidator.js +2 -1
- package/Validators/Validator.js +2 -1
- package/constants/classes.d.ts +14 -0
- package/constants/classes.js +18 -0
- package/cookie/index.js +6 -5
- package/hooks/_useSimulatedButton.d.ts +15 -0
- package/hooks/_useSimulatedButton.js +51 -0
- package/hooks/useAnchorProps.d.ts +8 -0
- package/hooks/useAnchorProps.js +79 -0
- package/hooks/useBodyScrollLock.d.ts +4 -1
- package/hooks/useBodyScrollLock.js +23 -31
- package/hooks/useButtonProps.d.ts +6 -0
- package/hooks/useButtonProps.js +91 -0
- package/hooks/useClickableProps.d.ts +8 -0
- package/hooks/useClickableProps.js +75 -0
- package/hooks/useFocusReturn.d.ts +1 -0
- package/hooks/useFocusReturn.js +38 -0
- package/hooks/useFocusTrap.d.ts +1 -0
- package/hooks/useFocusTrap.js +149 -0
- package/hooks/useInputFocus.d.ts +7 -0
- package/hooks/useInputFocus.js +44 -0
- package/hooks/useIsMounted.js +4 -5
- package/hooks/useIsomorphicLayoutEffect.js +2 -1
- package/hooks/useKey.d.ts +9 -2
- package/hooks/useKey.js +20 -20
- package/hooks/useMinWindowWidth.d.ts +1 -1
- package/hooks/useMinWindowWidth.js +13 -19
- package/hooks/useMouseDragToScroll.d.ts +2 -0
- package/hooks/useMouseDragToScroll.js +67 -0
- package/hooks/usePagination.js +7 -3
- package/hooks/useRafState.d.ts +1 -1
- package/hooks/useRafState.js +6 -7
- package/hooks/useTabs.d.ts +15 -0
- package/hooks/useTabs.js +59 -0
- package/hooks/useUnmount.js +5 -4
- package/hooks/useUpdateEffect.d.ts +2 -1
- package/hooks/useUpdateEffect.js +11 -10
- package/hooks/useWindowScroll.d.ts +1 -1
- package/hooks/useWindowScroll.js +19 -21
- package/hooks/useWindowSize.d.ts +2 -2
- package/hooks/useWindowSize.js +17 -21
- package/index.js +13 -6
- package/next/index.js +6 -3
- package/package.json +21 -21
- package/utils/camelCaseToDash.js +2 -1
- package/utils/composeRefs.d.ts +2 -1
- package/utils/composeRefs.js +10 -9
- package/utils/cx.d.ts +3 -0
- package/utils/cx.js +59 -0
- package/utils/isBrowser.js +3 -1
- package/utils/isServer.js +4 -2
- package/utils/pagination.js +15 -8
- package/utils/pagination.test.js +2 -2
- package/utils/slugify.js +2 -1
- package/utils/trimTrailingZeros.js +2 -1
- package/hooks/useKeydownToMouseClick.d.ts +0 -3
- package/hooks/useKeydownToMouseClick.js +0 -24
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
14
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
15
|
+
if (!m) return o;
|
|
16
|
+
var i = m.call(o), r, ar = [], e;
|
|
17
|
+
try {
|
|
18
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
19
|
+
}
|
|
20
|
+
catch (error) { e = { error: error }; }
|
|
21
|
+
finally {
|
|
22
|
+
try {
|
|
23
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
24
|
+
}
|
|
25
|
+
finally { if (e) throw e.error; }
|
|
26
|
+
}
|
|
27
|
+
return ar;
|
|
28
|
+
};
|
|
29
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
30
|
+
exports.useMouseDragToScroll = void 0;
|
|
31
|
+
var react_1 = require("react");
|
|
32
|
+
function useMouseDragToScroll(containerRef) {
|
|
33
|
+
var position = (0, react_1.useRef)({ left: 0, top: 0, x: 0, y: 0 });
|
|
34
|
+
var _a = __read((0, react_1.useState)(), 2), style = _a[0], setStyle = _a[1];
|
|
35
|
+
(0, react_1.useEffect)(function () {
|
|
36
|
+
var node = containerRef.current;
|
|
37
|
+
if (!node) {
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
var mouseMoveHandler = function (e) {
|
|
41
|
+
var dx = e.clientX - position.current.x;
|
|
42
|
+
var dy = e.clientY - position.current.y;
|
|
43
|
+
node.scrollLeft = position.current.left - dx;
|
|
44
|
+
node.scrollTop = position.current.top - dy;
|
|
45
|
+
};
|
|
46
|
+
var mouseUpHandler = function () {
|
|
47
|
+
setStyle(function (prev) { return (__assign(__assign({}, prev), { cursor: "grab", userSelect: "unset" })); });
|
|
48
|
+
document.removeEventListener("mousemove", mouseMoveHandler);
|
|
49
|
+
document.removeEventListener("mouseup", mouseUpHandler);
|
|
50
|
+
};
|
|
51
|
+
var mouseDownHandler = function (e) {
|
|
52
|
+
position.current = { left: node.scrollLeft, top: node.scrollTop, x: e.clientX, y: e.clientY };
|
|
53
|
+
setStyle(function (prev) { return (__assign(__assign({}, prev), { cursor: "grabbing", userSelect: "none" })); });
|
|
54
|
+
document.addEventListener("mousemove", mouseMoveHandler);
|
|
55
|
+
document.addEventListener("mouseup", mouseUpHandler);
|
|
56
|
+
};
|
|
57
|
+
node.addEventListener("mousedown", mouseDownHandler);
|
|
58
|
+
return function () {
|
|
59
|
+
node.removeEventListener("mousedown", mouseDownHandler);
|
|
60
|
+
document.removeEventListener("mousedown", mouseMoveHandler);
|
|
61
|
+
document.removeEventListener("mousedown", mouseUpHandler);
|
|
62
|
+
};
|
|
63
|
+
}, [containerRef]);
|
|
64
|
+
return style;
|
|
65
|
+
}
|
|
66
|
+
exports.useMouseDragToScroll = useMouseDragToScroll;
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTW91c2VEcmFnVG9TY3JvbGwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaG9va3MvdXNlTW91c2VEcmFnVG9TY3JvbGwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsK0JBQThFO0FBRTlFLFNBQWdCLG9CQUFvQixDQUF3QixZQUEwQjtJQUNsRixJQUFNLFFBQVEsR0FBRyxJQUFBLGNBQU0sRUFBQyxFQUFFLElBQUksRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ25ELElBQUEsS0FBQSxPQUFvQixJQUFBLGdCQUFRLEdBQWlCLElBQUEsRUFBNUMsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUE2QixDQUFDO0lBRXBELElBQUEsaUJBQVMsRUFBQztRQUNOLElBQU0sSUFBSSxHQUFHLFlBQVksQ0FBQyxPQUFPLENBQUM7UUFDbEMsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNQLE9BQU87U0FDVjtRQUVELElBQU0sZ0JBQWdCLEdBQUcsVUFBQyxDQUFhO1lBQ25DLElBQU0sRUFBRSxHQUFHLENBQUMsQ0FBQyxPQUFPLEdBQUcsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDMUMsSUFBTSxFQUFFLEdBQUcsQ0FBQyxDQUFDLE9BQU8sR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztZQUUxQyxJQUFJLENBQUMsVUFBVSxHQUFHLFFBQVEsQ0FBQyxPQUFPLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQztZQUM3QyxJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQyxPQUFPLENBQUMsR0FBRyxHQUFHLEVBQUUsQ0FBQztRQUMvQyxDQUFDLENBQUM7UUFFRixJQUFNLGNBQWMsR0FBRztZQUNuQixRQUFRLENBQUMsVUFBQSxJQUFJLElBQUksT0FBQSx1QkFBTSxJQUFJLEtBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsT0FBTyxJQUFHLEVBQWxELENBQWtELENBQUMsQ0FBQztZQUVyRSxRQUFRLENBQUMsbUJBQW1CLENBQUMsV0FBVyxFQUFFLGdCQUFnQixDQUFDLENBQUM7WUFDNUQsUUFBUSxDQUFDLG1CQUFtQixDQUFDLFNBQVMsRUFBRSxjQUFjLENBQUMsQ0FBQztRQUM1RCxDQUFDLENBQUM7UUFFRixJQUFNLGdCQUFnQixHQUFHLFVBQUMsQ0FBYTtZQUNuQyxRQUFRLENBQUMsT0FBTyxHQUFHLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsR0FBRyxFQUFFLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUM5RixRQUFRLENBQUMsVUFBQSxJQUFJLElBQUksT0FBQSx1QkFBTSxJQUFJLEtBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxJQUFHLEVBQXJELENBQXFELENBQUMsQ0FBQztZQUV4RSxRQUFRLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxFQUFFLGdCQUFnQixDQUFDLENBQUM7WUFDekQsUUFBUSxDQUFDLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxjQUFjLENBQUMsQ0FBQztRQUN6RCxDQUFDLENBQUM7UUFFRixJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxFQUFFLGdCQUFnQixDQUFDLENBQUM7UUFDckQsT0FBTztZQUNILElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxXQUFXLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztZQUN4RCxRQUFRLENBQUMsbUJBQW1CLENBQUMsV0FBVyxFQUFFLGdCQUFnQixDQUFDLENBQUM7WUFDNUQsUUFBUSxDQUFDLG1CQUFtQixDQUFDLFdBQVcsRUFBRSxjQUFjLENBQUMsQ0FBQztRQUM5RCxDQUFDLENBQUM7SUFDTixDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDO0lBRW5CLE9BQU8sS0FBSyxDQUFDO0FBQ2pCLENBQUM7QUExQ0Qsb0RBMENDIn0=
|
package/hooks/usePagination.js
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.usePagination = void 0;
|
|
3
4
|
var react_1 = require("react");
|
|
4
5
|
var pagination_1 = require("../utils/pagination");
|
|
5
|
-
|
|
6
|
-
return react_1.useMemo(function () { return pagination_1.paginationGenerate(config); },
|
|
6
|
+
var usePagination = function (config) {
|
|
7
|
+
return (0, react_1.useMemo)(function () { return (0, pagination_1.paginationGenerate)(config); },
|
|
8
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
9
|
+
[
|
|
7
10
|
config.boundaryCount,
|
|
8
11
|
config.siblingCount,
|
|
9
12
|
config.count,
|
|
@@ -14,4 +17,5 @@ exports.usePagination = function (config) {
|
|
|
14
17
|
config.showLastButton,
|
|
15
18
|
]);
|
|
16
19
|
};
|
|
17
|
-
|
|
20
|
+
exports.usePagination = usePagination;
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy91c2VQYWdpbmF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLCtCQUFnQztBQUNoQyxrREFBMkY7QUFFcEYsSUFBTSxhQUFhLEdBQUcsVUFBQyxNQUF3QjtJQUNsRCxPQUFPLElBQUEsZUFBTyxFQUNWLGNBQU0sT0FBQSxJQUFBLCtCQUFrQixFQUFDLE1BQU0sQ0FBQyxFQUExQixDQUEwQjtJQUNoQyx1REFBdUQ7SUFDdkQ7UUFDSSxNQUFNLENBQUMsYUFBYTtRQUNwQixNQUFNLENBQUMsWUFBWTtRQUNuQixNQUFNLENBQUMsS0FBSztRQUNaLE1BQU0sQ0FBQyxJQUFJO1FBQ1gsTUFBTSxDQUFDLGNBQWM7UUFDckIsTUFBTSxDQUFDLGNBQWM7UUFDckIsTUFBTSxDQUFDLGVBQWU7UUFDdEIsTUFBTSxDQUFDLGNBQWM7S0FDeEIsQ0FDSixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBZlcsUUFBQSxhQUFhLGlCQWV4QiJ9
|
package/hooks/useRafState.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { Dispatch, SetStateAction } from "react";
|
|
2
|
-
export declare function useRafState<S>(initialState
|
|
2
|
+
export declare function useRafState<S = undefined>(initialState?: S | (() => S)): [S | undefined, Dispatch<SetStateAction<S | undefined>>];
|
package/hooks/useRafState.js
CHANGED
|
@@ -16,21 +16,20 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
16
16
|
return ar;
|
|
17
17
|
};
|
|
18
18
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
|
+
exports.useRafState = void 0;
|
|
19
20
|
var react_1 = require("react");
|
|
20
21
|
var useUnmount_1 = require("./useUnmount");
|
|
21
22
|
function useRafState(initialState) {
|
|
22
|
-
var frame = react_1.useRef(0);
|
|
23
|
-
var _a = __read(react_1.useState(initialState), 2), state = _a[0], setState = _a[1];
|
|
24
|
-
var setRafState = react_1.useCallback(function (value) {
|
|
23
|
+
var frame = (0, react_1.useRef)(0);
|
|
24
|
+
var _a = __read((0, react_1.useState)(initialState), 2), state = _a[0], setState = _a[1];
|
|
25
|
+
var setRafState = (0, react_1.useCallback)(function (value) {
|
|
25
26
|
cancelAnimationFrame(frame.current);
|
|
26
27
|
frame.current = requestAnimationFrame(function () {
|
|
27
28
|
setState(value);
|
|
28
29
|
});
|
|
29
30
|
}, []);
|
|
30
|
-
useUnmount_1.useUnmount(function () {
|
|
31
|
-
cancelAnimationFrame(frame.current);
|
|
32
|
-
});
|
|
31
|
+
(0, useUnmount_1.useUnmount)(function () { return cancelAnimationFrame(frame.current); });
|
|
33
32
|
return [state, setRafState];
|
|
34
33
|
}
|
|
35
34
|
exports.useRafState = useRafState;
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUmFmU3RhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaG9va3MvdXNlUmFmU3RhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLCtCQUFnRjtBQUNoRiwyQ0FBMEM7QUFFMUMsU0FBZ0IsV0FBVyxDQUN2QixZQUE0QjtJQUU1QixJQUFNLEtBQUssR0FBRyxJQUFBLGNBQU0sRUFBQyxDQUFDLENBQUMsQ0FBQztJQUNsQixJQUFBLEtBQUEsT0FBb0IsSUFBQSxnQkFBUSxFQUFDLFlBQVksQ0FBQyxJQUFBLEVBQXpDLEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBMEIsQ0FBQztJQUVqRCxJQUFNLFdBQVcsR0FBRyxJQUFBLG1CQUFXLEVBQUMsVUFBQyxLQUFvQztRQUNqRSxvQkFBb0IsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFcEMsS0FBSyxDQUFDLE9BQU8sR0FBRyxxQkFBcUIsQ0FBQztZQUNsQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDcEIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxJQUFBLHVCQUFVLEVBQUMsY0FBTSxPQUFBLG9CQUFvQixDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsRUFBbkMsQ0FBbUMsQ0FBQyxDQUFDO0lBRXRELE9BQU8sQ0FBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLENBQUM7QUFDaEMsQ0FBQztBQWpCRCxrQ0FpQkMifQ==
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { RefObject } from "react";
|
|
2
|
+
export interface UseTabs<T extends HTMLElement> {
|
|
3
|
+
activeTab?: number;
|
|
4
|
+
id: string;
|
|
5
|
+
onTabSelect?: (tabIndex: number) => void;
|
|
6
|
+
tabListRef: RefObject<T>;
|
|
7
|
+
tabsCount: number;
|
|
8
|
+
}
|
|
9
|
+
export declare function useTabs<T extends HTMLElement>({ activeTab, id, onTabSelect, tabListRef, tabsCount }: UseTabs<T>): {
|
|
10
|
+
activeTabIndex: number;
|
|
11
|
+
idPrefix: string;
|
|
12
|
+
onTabTitleClick: (index: number) => () => void;
|
|
13
|
+
tabContentIdPrefix: string;
|
|
14
|
+
tabTitleIdPrefix: string;
|
|
15
|
+
};
|
package/hooks/useTabs.js
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
3
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
4
|
+
if (!m) return o;
|
|
5
|
+
var i = m.call(o), r, ar = [], e;
|
|
6
|
+
try {
|
|
7
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
8
|
+
}
|
|
9
|
+
catch (error) { e = { error: error }; }
|
|
10
|
+
finally {
|
|
11
|
+
try {
|
|
12
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
13
|
+
}
|
|
14
|
+
finally { if (e) throw e.error; }
|
|
15
|
+
}
|
|
16
|
+
return ar;
|
|
17
|
+
};
|
|
18
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
|
+
exports.useTabs = void 0;
|
|
20
|
+
var react_1 = require("react");
|
|
21
|
+
var useKey_1 = require("./useKey");
|
|
22
|
+
var LEFT_RIGHT_ARROW_KEYS = function (e) { return e.key === "ArrowRight" || e.key === "ArrowLeft"; };
|
|
23
|
+
function useTabs(_a) {
|
|
24
|
+
var activeTab = _a.activeTab, id = _a.id, onTabSelect = _a.onTabSelect, tabListRef = _a.tabListRef, tabsCount = _a.tabsCount;
|
|
25
|
+
var _b = __read((0, react_1.useState)(activeTab || 0), 2), activeTabIndex = _b[0], setActiveTabIndex = _b[1];
|
|
26
|
+
var idPrefix = "".concat(id, "__tabs");
|
|
27
|
+
var tabTitleIdPrefix = "".concat(idPrefix, "__title");
|
|
28
|
+
var tabContentIdPrefix = "".concat(idPrefix, "__content");
|
|
29
|
+
var onTabTitleClick = (0, react_1.useCallback)(function (index) { return function () { return setActiveTabIndex(index); }; }, []);
|
|
30
|
+
(0, react_1.useEffect)(function () {
|
|
31
|
+
if (onTabSelect) {
|
|
32
|
+
onTabSelect(activeTabIndex);
|
|
33
|
+
}
|
|
34
|
+
}, [activeTabIndex, onTabSelect]);
|
|
35
|
+
var handleArrowKeysNavigation = (0, react_1.useCallback)(function (e) {
|
|
36
|
+
e.preventDefault();
|
|
37
|
+
setActiveTabIndex(function (current) {
|
|
38
|
+
var first = 0;
|
|
39
|
+
var last = tabsCount - 1;
|
|
40
|
+
if (e.key === "ArrowRight") {
|
|
41
|
+
return current < last ? current + 1 : first;
|
|
42
|
+
}
|
|
43
|
+
if (e.key === "ArrowLeft") {
|
|
44
|
+
return current > first ? current - 1 : last;
|
|
45
|
+
}
|
|
46
|
+
return current;
|
|
47
|
+
});
|
|
48
|
+
}, [tabsCount]);
|
|
49
|
+
(0, useKey_1.useKey)(LEFT_RIGHT_ARROW_KEYS, handleArrowKeysNavigation, { targetRef: tabListRef });
|
|
50
|
+
return {
|
|
51
|
+
activeTabIndex: activeTabIndex,
|
|
52
|
+
idPrefix: idPrefix,
|
|
53
|
+
onTabTitleClick: onTabTitleClick,
|
|
54
|
+
tabContentIdPrefix: tabContentIdPrefix,
|
|
55
|
+
tabTitleIdPrefix: tabTitleIdPrefix,
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
exports.useTabs = useTabs;
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy91c2VUYWJzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwrQkFBb0U7QUFDcEUsbUNBQWtDO0FBRWxDLElBQU0scUJBQXFCLEdBQUcsVUFBQyxDQUFnQixJQUFLLE9BQUEsQ0FBQyxDQUFDLEdBQUcsS0FBSyxZQUFZLElBQUksQ0FBQyxDQUFDLEdBQUcsS0FBSyxXQUFXLEVBQS9DLENBQStDLENBQUM7QUFVcEcsU0FBZ0IsT0FBTyxDQUF3QixFQUFpRTtRQUEvRCxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFNBQVMsZUFBQTtJQUN4RixJQUFBLEtBQUEsT0FBc0MsSUFBQSxnQkFBUSxFQUFTLFNBQVMsSUFBSSxDQUFDLENBQUMsSUFBQSxFQUFyRSxjQUFjLFFBQUEsRUFBRSxpQkFBaUIsUUFBb0MsQ0FBQztJQUU3RSxJQUFNLFFBQVEsR0FBRyxVQUFHLEVBQUUsV0FBUSxDQUFDO0lBQy9CLElBQU0sZ0JBQWdCLEdBQUcsVUFBRyxRQUFRLFlBQVMsQ0FBQztJQUM5QyxJQUFNLGtCQUFrQixHQUFHLFVBQUcsUUFBUSxjQUFXLENBQUM7SUFFbEQsSUFBTSxlQUFlLEdBQUcsSUFBQSxtQkFBVyxFQUFDLFVBQUMsS0FBYSxJQUFLLE9BQUEsY0FBTSxPQUFBLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxFQUF4QixDQUF3QixFQUE5QixDQUE4QixFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRTNGLElBQUEsaUJBQVMsRUFBQztRQUNOLElBQUksV0FBVyxFQUFFO1lBQ2IsV0FBVyxDQUFDLGNBQWMsQ0FBQyxDQUFDO1NBQy9CO0lBQ0wsQ0FBQyxFQUFFLENBQUMsY0FBYyxFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUM7SUFFbEMsSUFBTSx5QkFBeUIsR0FBRyxJQUFBLG1CQUFXLEVBQ3pDLFVBQUMsQ0FBZ0I7UUFDYixDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDbkIsaUJBQWlCLENBQUMsVUFBQSxPQUFPO1lBQ3JCLElBQU0sS0FBSyxHQUFHLENBQUMsQ0FBQztZQUNoQixJQUFNLElBQUksR0FBRyxTQUFTLEdBQUcsQ0FBQyxDQUFDO1lBQzNCLElBQUksQ0FBQyxDQUFDLEdBQUcsS0FBSyxZQUFZLEVBQUU7Z0JBQ3hCLE9BQU8sT0FBTyxHQUFHLElBQUksQ0FBQyxDQUFDLENBQUMsT0FBTyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO2FBQy9DO1lBQ0QsSUFBSSxDQUFDLENBQUMsR0FBRyxLQUFLLFdBQVcsRUFBRTtnQkFDdkIsT0FBTyxPQUFPLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7YUFDL0M7WUFDRCxPQUFPLE9BQU8sQ0FBQztRQUNuQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUMsRUFDRCxDQUFDLFNBQVMsQ0FBQyxDQUNkLENBQUM7SUFFRixJQUFBLGVBQU0sRUFBSSxxQkFBcUIsRUFBRSx5QkFBeUIsRUFBRSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO0lBRXZGLE9BQU87UUFDSCxjQUFjLGdCQUFBO1FBQ2QsUUFBUSxVQUFBO1FBQ1IsZUFBZSxpQkFBQTtRQUNmLGtCQUFrQixvQkFBQTtRQUNsQixnQkFBZ0Isa0JBQUE7S0FDbkIsQ0FBQztBQUNOLENBQUM7QUExQ0QsMEJBMENDIn0=
|
package/hooks/useUnmount.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useUnmount = void 0;
|
|
3
4
|
var react_1 = require("react");
|
|
4
5
|
function useUnmount(fn) {
|
|
5
|
-
var fnRef = react_1.useRef(fn);
|
|
6
|
-
// update the ref each render so if it
|
|
6
|
+
var fnRef = (0, react_1.useRef)(fn);
|
|
7
|
+
// update the ref each render so if it changed the newest callback will be invoked
|
|
7
8
|
fnRef.current = fn;
|
|
8
|
-
react_1.useEffect(function () { return function () { return fnRef.current(); }; }, []);
|
|
9
|
+
(0, react_1.useEffect)(function () { return function () { return fnRef.current(); }; }, []);
|
|
9
10
|
}
|
|
10
11
|
exports.useUnmount = useUnmount;
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVW5tb3VudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy91c2VVbm1vdW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLCtCQUEwQztBQUUxQyxTQUFnQixVQUFVLENBQUMsRUFBYTtJQUNwQyxJQUFNLEtBQUssR0FBRyxJQUFBLGNBQU0sRUFBQyxFQUFFLENBQUMsQ0FBQztJQUV6QixrRkFBa0Y7SUFDbEYsS0FBSyxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFFbkIsSUFBQSxpQkFBUyxFQUFDLGNBQU0sT0FBQSxjQUFNLE9BQUEsS0FBSyxDQUFDLE9BQU8sRUFBRSxFQUFmLENBQWUsRUFBckIsQ0FBcUIsRUFBRSxFQUFFLENBQUMsQ0FBQztBQUMvQyxDQUFDO0FBUEQsZ0NBT0MifQ==
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import { DependencyList, EffectCallback } from "react";
|
|
2
|
+
export declare function useUpdateEffect(effect: EffectCallback, deps?: DependencyList): void;
|
package/hooks/useUpdateEffect.js
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useUpdateEffect = void 0;
|
|
3
4
|
var react_1 = require("react");
|
|
4
|
-
function useUpdateEffect(
|
|
5
|
-
|
|
6
|
-
react_1.
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
function useUpdateEffect(effect, deps) {
|
|
6
|
+
if (deps === void 0) { deps = []; }
|
|
7
|
+
var firstRun = (0, react_1.useRef)(true);
|
|
8
|
+
(0, react_1.useEffect)(function () {
|
|
9
|
+
if (firstRun.current) {
|
|
10
|
+
firstRun.current = false;
|
|
11
|
+
return;
|
|
9
12
|
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
}, deps);
|
|
13
|
+
return effect();
|
|
14
|
+
}, deps); // eslint-disable-line react-hooks/exhaustive-deps
|
|
14
15
|
}
|
|
15
16
|
exports.useUpdateEffect = useUpdateEffect;
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVXBkYXRlRWZmZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2hvb2tzL3VzZVVwZGF0ZUVmZmVjdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSwrQkFBMEU7QUFFMUUsU0FBZ0IsZUFBZSxDQUFDLE1BQXNCLEVBQUUsSUFBeUI7SUFBekIscUJBQUEsRUFBQSxTQUF5QjtJQUM3RSxJQUFNLFFBQVEsR0FBRyxJQUFBLGNBQU0sRUFBQyxJQUFJLENBQUMsQ0FBQztJQUU5QixJQUFBLGlCQUFTLEVBQUM7UUFDTixJQUFJLFFBQVEsQ0FBQyxPQUFPLEVBQUU7WUFDbEIsUUFBUSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7WUFDekIsT0FBTztTQUNWO1FBQ0QsT0FBTyxNQUFNLEVBQUUsQ0FBQztJQUNwQixDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxrREFBa0Q7QUFDaEUsQ0FBQztBQVZELDBDQVVDIn0=
|
package/hooks/useWindowScroll.js
CHANGED
|
@@ -16,32 +16,30 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
16
16
|
return ar;
|
|
17
17
|
};
|
|
18
18
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
|
+
exports.useWindowScroll = void 0;
|
|
19
20
|
var react_1 = require("react");
|
|
20
21
|
var isBrowser_1 = require("../utils/isBrowser");
|
|
21
22
|
var useRafState_1 = require("./useRafState");
|
|
22
23
|
function useWindowScroll() {
|
|
23
|
-
var _a = __read(useRafState_1.useRafState(
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
react_1.useEffect(function () {
|
|
28
|
-
if (isBrowser_1.isBrowser) {
|
|
29
|
-
var handler_1 = function () {
|
|
30
|
-
setState({
|
|
31
|
-
x: window.pageXOffset,
|
|
32
|
-
y: window.pageYOffset,
|
|
33
|
-
});
|
|
34
|
-
};
|
|
35
|
-
window.addEventListener("scroll", handler_1, {
|
|
36
|
-
capture: false,
|
|
37
|
-
passive: true,
|
|
38
|
-
});
|
|
39
|
-
return function () {
|
|
40
|
-
window.removeEventListener("scroll", handler_1);
|
|
41
|
-
};
|
|
24
|
+
var _a = __read((0, useRafState_1.useRafState)(), 2), state = _a[0], setState = _a[1];
|
|
25
|
+
(0, react_1.useEffect)(function () {
|
|
26
|
+
if (!isBrowser_1.isBrowser) {
|
|
27
|
+
return;
|
|
42
28
|
}
|
|
43
|
-
|
|
29
|
+
var handler = function () {
|
|
30
|
+
return setState({
|
|
31
|
+
x: window.scrollX,
|
|
32
|
+
y: window.scrollY,
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
handler();
|
|
36
|
+
window.addEventListener("scroll", handler, {
|
|
37
|
+
capture: false,
|
|
38
|
+
passive: true,
|
|
39
|
+
});
|
|
40
|
+
return function () { return window.removeEventListener("scroll", handler); };
|
|
41
|
+
}, [setState]);
|
|
44
42
|
return state;
|
|
45
43
|
}
|
|
46
44
|
exports.useWindowScroll = useWindowScroll;
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlV2luZG93U2Nyb2xsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2hvb2tzL3VzZVdpbmRvd1Njcm9sbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsK0JBQWtDO0FBQ2xDLGdEQUErQztBQUMvQyw2Q0FBNEM7QUFFNUMsU0FBZ0IsZUFBZTtJQUNyQixJQUFBLEtBQUEsT0FBb0IsSUFBQSx5QkFBVyxHQUE0QixJQUFBLEVBQTFELEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBMkMsQ0FBQztJQUVsRSxJQUFBLGlCQUFTLEVBQUM7UUFDTixJQUFJLENBQUMscUJBQVMsRUFBRTtZQUNaLE9BQU87U0FDVjtRQUVELElBQU0sT0FBTyxHQUFHO1lBQ1osT0FBQSxRQUFRLENBQUM7Z0JBQ0wsQ0FBQyxFQUFFLE1BQU0sQ0FBQyxPQUFPO2dCQUNqQixDQUFDLEVBQUUsTUFBTSxDQUFDLE9BQU87YUFDcEIsQ0FBQztRQUhGLENBR0UsQ0FBQztRQUVQLE9BQU8sRUFBRSxDQUFDO1FBQ1YsTUFBTSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUU7WUFDdkMsT0FBTyxFQUFFLEtBQUs7WUFDZCxPQUFPLEVBQUUsSUFBSTtTQUNoQixDQUFDLENBQUM7UUFDSCxPQUFPLGNBQU0sT0FBQSxNQUFNLENBQUMsbUJBQW1CLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxFQUE3QyxDQUE2QyxDQUFDO0lBQy9ELENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFFZixPQUFPLEtBQUssQ0FBQztBQUNqQixDQUFDO0FBdkJELDBDQXVCQyJ9
|
package/hooks/useWindowSize.d.ts
CHANGED
package/hooks/useWindowSize.js
CHANGED
|
@@ -16,31 +16,27 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
16
16
|
return ar;
|
|
17
17
|
};
|
|
18
18
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
|
+
exports.useWindowSize = void 0;
|
|
19
20
|
var react_1 = require("react");
|
|
20
21
|
var isBrowser_1 = require("../utils/isBrowser");
|
|
21
22
|
var useRafState_1 = require("./useRafState");
|
|
22
|
-
function useWindowSize(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
height: isBrowser_1.isBrowser ? window.innerHeight : initialHeight,
|
|
28
|
-
}), 2), state = _a[0], setState = _a[1];
|
|
29
|
-
react_1.useEffect(function () {
|
|
30
|
-
if (isBrowser_1.isBrowser) {
|
|
31
|
-
var handler_1 = function () {
|
|
32
|
-
setState({
|
|
33
|
-
width: window.innerWidth,
|
|
34
|
-
height: window.innerHeight,
|
|
35
|
-
});
|
|
36
|
-
};
|
|
37
|
-
window.addEventListener("resize", handler_1);
|
|
38
|
-
return function () {
|
|
39
|
-
window.removeEventListener("resize", handler_1);
|
|
40
|
-
};
|
|
23
|
+
function useWindowSize() {
|
|
24
|
+
var _a = __read((0, useRafState_1.useRafState)(), 2), state = _a[0], setState = _a[1];
|
|
25
|
+
(0, react_1.useEffect)(function () {
|
|
26
|
+
if (!isBrowser_1.isBrowser) {
|
|
27
|
+
return;
|
|
41
28
|
}
|
|
42
|
-
|
|
29
|
+
var handler = function () {
|
|
30
|
+
return setState({
|
|
31
|
+
width: window.innerWidth,
|
|
32
|
+
height: window.innerHeight,
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
handler();
|
|
36
|
+
window.addEventListener("resize", handler);
|
|
37
|
+
return function () { return window.removeEventListener("resize", handler); };
|
|
38
|
+
}, [setState]);
|
|
43
39
|
return state;
|
|
44
40
|
}
|
|
45
41
|
exports.useWindowSize = useWindowSize;
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlV2luZG93U2l6ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy91c2VXaW5kb3dTaXplLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwrQkFBa0M7QUFDbEMsZ0RBQStDO0FBQy9DLDZDQUE0QztBQUU1QyxTQUFnQixhQUFhO0lBQ25CLElBQUEsS0FBQSxPQUFvQixJQUFBLHlCQUFXLEdBQXFDLElBQUEsRUFBbkUsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUFvRCxDQUFDO0lBRTNFLElBQUEsaUJBQVMsRUFBQztRQUNOLElBQUksQ0FBQyxxQkFBUyxFQUFFO1lBQ1osT0FBTztTQUNWO1FBRUQsSUFBTSxPQUFPLEdBQUc7WUFDWixPQUFBLFFBQVEsQ0FBQztnQkFDTCxLQUFLLEVBQUUsTUFBTSxDQUFDLFVBQVU7Z0JBQ3hCLE1BQU0sRUFBRSxNQUFNLENBQUMsV0FBVzthQUM3QixDQUFDO1FBSEYsQ0FHRSxDQUFDO1FBRVAsT0FBTyxFQUFFLENBQUM7UUFDVixNQUFNLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQzNDLE9BQU8sY0FBTSxPQUFBLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDLEVBQTdDLENBQTZDLENBQUM7SUFDL0QsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztJQUVmLE9BQU8sS0FBSyxDQUFDO0FBQ2pCLENBQUM7QUFwQkQsc0NBb0JDIn0=
|
package/index.js
CHANGED
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
function
|
|
3
|
-
|
|
4
|
-
}
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
5
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
13
|
// TODO @vejvis - remove me
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
__exportStar(require("./Validators/Validator"), exports);
|
|
15
|
+
__exportStar(require("./Validators/FormValidator"), exports);
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsMkJBQTJCO0FBQzNCLHlEQUF1QztBQUN2Qyw2REFBMkMifQ==
|
package/next/index.js
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
|
|
3
|
+
exports.queryParamToNumber = exports.queryParamToString = void 0;
|
|
4
|
+
var queryParamToString = function (param) { return (typeof param === "string" ? param : ""); };
|
|
5
|
+
exports.queryParamToString = queryParamToString;
|
|
6
|
+
var queryParamToNumber = function (param) {
|
|
5
7
|
return typeof param === "string" ? parseInt(param, 10) : 0;
|
|
6
8
|
};
|
|
7
|
-
|
|
9
|
+
exports.queryParamToNumber = queryParamToNumber;
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbmV4dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBTyxJQUFNLGtCQUFrQixHQUFHLFVBQUMsS0FBeUIsSUFBYSxPQUFBLENBQUMsT0FBTyxLQUFLLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUF4QyxDQUF3QyxDQUFDO0FBQXJHLFFBQUEsa0JBQWtCLHNCQUFtRjtBQUUzRyxJQUFNLGtCQUFrQixHQUFHLFVBQUMsS0FBeUI7SUFDeEQsT0FBQSxPQUFPLEtBQUssS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFBbkQsQ0FBbUQsQ0FBQztBQUQzQyxRQUFBLGtCQUFrQixzQkFDeUIifQ==
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/core",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0",
|
|
4
4
|
"description": "UXF Core",
|
|
5
5
|
"author": "Petr Vejvoda <vejvoda@uxf.cz>",
|
|
6
6
|
"homepage": "https://gitlab.com/uxf-npm/core#readme",
|
|
7
7
|
"license": "ISC",
|
|
8
|
-
"main": "
|
|
9
|
-
"typings": "
|
|
10
|
-
"module": "
|
|
8
|
+
"main": "index.js",
|
|
9
|
+
"typings": "index.d.ts",
|
|
10
|
+
"module": "index.js",
|
|
11
11
|
"publishConfig": {
|
|
12
12
|
"access": "public"
|
|
13
13
|
},
|
|
@@ -20,30 +20,30 @@
|
|
|
20
20
|
"clean": "rm -rf ./dist",
|
|
21
21
|
"compile": "tsc -P tsconfig.build.json",
|
|
22
22
|
"jest": "jest",
|
|
23
|
-
"
|
|
23
|
+
"lint": "./node_modules/.bin/eslint -c .eslintrc.js \"./**/*.ts*\"",
|
|
24
|
+
"test": "npm run-script lint && npm run-script typecheck && npm run-script jest",
|
|
24
25
|
"typecheck": "tsc --noEmit --skipLibCheck"
|
|
25
26
|
},
|
|
26
27
|
"bugs": {
|
|
27
28
|
"url": "https://gitlab.com/uxf-npm/core/issues"
|
|
28
29
|
},
|
|
29
30
|
"devDependencies": {
|
|
30
|
-
"@types/body-scroll-lock": "^
|
|
31
|
-
"@types/jest": "^
|
|
32
|
-
"@types/
|
|
33
|
-
"@types/
|
|
34
|
-
"@
|
|
35
|
-
"body-scroll-lock": "^
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
31
|
+
"@types/body-scroll-lock": "^3.1.0",
|
|
32
|
+
"@types/jest": "^27.4.0",
|
|
33
|
+
"@types/node": "^16.11.18",
|
|
34
|
+
"@types/react": "^17.0.2",
|
|
35
|
+
"@uxf/eslint-config": "^1.1.4",
|
|
36
|
+
"body-scroll-lock": "^4.0.0-beta.0",
|
|
37
|
+
"eslint": "^8.6.0",
|
|
38
|
+
"jest": "^27.4.5",
|
|
39
|
+
"prettier": "^2.5.1",
|
|
40
|
+
"react": "^17.0.2",
|
|
41
|
+
"ts-jest": "^27.1.2",
|
|
42
|
+
"typescript": "^4.5.4"
|
|
41
43
|
},
|
|
42
44
|
"peerDependencies": {
|
|
43
|
-
"body-scroll-lock": "^
|
|
44
|
-
"
|
|
45
|
-
"react": ">= 16.8"
|
|
45
|
+
"body-scroll-lock": "^4.0.0-beta.0",
|
|
46
|
+
"react": "^17.0.2"
|
|
46
47
|
},
|
|
47
|
-
"gitHead": "a2dee6aa67621f6eda17e63e88d0edf14f88455a"
|
|
48
|
-
"dependencies": {}
|
|
48
|
+
"gitHead": "a2dee6aa67621f6eda17e63e88d0edf14f88455a"
|
|
49
49
|
}
|
package/utils/camelCaseToDash.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.camelCaseToDash = void 0;
|
|
3
4
|
function camelCaseToDash(content) {
|
|
4
5
|
return content.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
|
|
5
6
|
}
|
|
6
7
|
exports.camelCaseToDash = camelCaseToDash;
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FtZWxDYXNlVG9EYXNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3V0aWxzL2NhbWVsQ2FzZVRvRGFzaC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSxTQUFnQixlQUFlLENBQUMsT0FBZTtJQUMzQyxPQUFPLE9BQU8sQ0FBQyxPQUFPLENBQUMsaUJBQWlCLEVBQUUsT0FBTyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7QUFDckUsQ0FBQztBQUZELDBDQUVDIn0=
|
package/utils/composeRefs.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import { Ref, RefCallback } from "react";
|
|
2
|
+
export declare function composeRefs<T>(...refs: Ref<T>[]): RefCallback<T>;
|
package/utils/composeRefs.js
CHANGED
|
@@ -1,22 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.composeRefs = void 0;
|
|
3
4
|
function composeRefs() {
|
|
4
|
-
var
|
|
5
|
+
var refs = [];
|
|
5
6
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
6
|
-
|
|
7
|
+
refs[_i] = arguments[_i];
|
|
7
8
|
}
|
|
8
|
-
return function (
|
|
9
|
-
|
|
10
|
-
if (!
|
|
9
|
+
return function (value) {
|
|
10
|
+
return refs.forEach(function (ref) {
|
|
11
|
+
if (!ref) {
|
|
11
12
|
return;
|
|
12
13
|
}
|
|
13
|
-
if (typeof
|
|
14
|
-
|
|
14
|
+
if (typeof ref === "function") {
|
|
15
|
+
ref(value);
|
|
15
16
|
return;
|
|
16
17
|
}
|
|
17
|
-
|
|
18
|
+
ref.current = value;
|
|
18
19
|
});
|
|
19
20
|
};
|
|
20
21
|
}
|
|
21
22
|
exports.composeRefs = composeRefs;
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9zZVJlZnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvY29tcG9zZVJlZnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBRUEsU0FBZ0IsV0FBVztJQUFJLGNBQWlCO1NBQWpCLFVBQWlCLEVBQWpCLHFCQUFpQixFQUFqQixJQUFpQjtRQUFqQix5QkFBaUI7O0lBQzVDLE9BQU8sVUFBQyxLQUFRO1FBQ1osT0FBQSxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQUEsR0FBRztZQUNaLElBQUksQ0FBQyxHQUFHLEVBQUU7Z0JBQ04sT0FBTzthQUNWO1lBQ0QsSUFBSSxPQUFPLEdBQUcsS0FBSyxVQUFVLEVBQUU7Z0JBQzFCLEdBQXNCLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQy9CLE9BQU87YUFDVjtZQUNBLEdBQTJCLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUNqRCxDQUFDLENBQUM7SUFURixDQVNFLENBQUM7QUFDWCxDQUFDO0FBWkQsa0NBWUMifQ==
|
package/utils/cx.d.ts
ADDED
package/utils/cx.js
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.cx = void 0;
|
|
4
|
+
function toVal(mix) {
|
|
5
|
+
var k;
|
|
6
|
+
var y;
|
|
7
|
+
var str = "";
|
|
8
|
+
if (typeof mix === "string" || typeof mix === "number") {
|
|
9
|
+
str += mix;
|
|
10
|
+
}
|
|
11
|
+
else if (typeof mix === "object") {
|
|
12
|
+
if (Array.isArray(mix)) {
|
|
13
|
+
for (k = 0; k < mix.length; k++) {
|
|
14
|
+
if (mix[k]) {
|
|
15
|
+
if ((y = toVal(mix[k]))) {
|
|
16
|
+
if (str) {
|
|
17
|
+
str += " ";
|
|
18
|
+
}
|
|
19
|
+
str += y;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
for (k in mix) {
|
|
26
|
+
if (mix === null || mix === void 0 ? void 0 : mix[k]) {
|
|
27
|
+
if (str) {
|
|
28
|
+
str += " ";
|
|
29
|
+
}
|
|
30
|
+
str += k;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
return str;
|
|
36
|
+
}
|
|
37
|
+
function cx() {
|
|
38
|
+
var classes = [];
|
|
39
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
40
|
+
classes[_i] = arguments[_i];
|
|
41
|
+
}
|
|
42
|
+
var i = 0;
|
|
43
|
+
var tmp;
|
|
44
|
+
var x;
|
|
45
|
+
var str = "";
|
|
46
|
+
while (i < classes.length) {
|
|
47
|
+
if ((tmp = classes[i++])) {
|
|
48
|
+
if ((x = toVal(tmp))) {
|
|
49
|
+
if (str) {
|
|
50
|
+
str += " ";
|
|
51
|
+
}
|
|
52
|
+
str += x;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
return str;
|
|
57
|
+
}
|
|
58
|
+
exports.cx = cx;
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvY3gudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBR0EsU0FBUyxLQUFLLENBQUMsR0FBZTtJQUMxQixJQUFJLENBQUMsQ0FBQztJQUNOLElBQUksQ0FBQyxDQUFDO0lBQ04sSUFBSSxHQUFHLEdBQUcsRUFBRSxDQUFDO0lBRWIsSUFBSSxPQUFPLEdBQUcsS0FBSyxRQUFRLElBQUksT0FBTyxHQUFHLEtBQUssUUFBUSxFQUFFO1FBQ3BELEdBQUcsSUFBSSxHQUFHLENBQUM7S0FDZDtTQUFNLElBQUksT0FBTyxHQUFHLEtBQUssUUFBUSxFQUFFO1FBQ2hDLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNwQixLQUFLLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7Z0JBQzdCLElBQUksR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFO29CQUNSLElBQUksQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7d0JBQ3JCLElBQUksR0FBRyxFQUFFOzRCQUNMLEdBQUcsSUFBSSxHQUFHLENBQUM7eUJBQ2Q7d0JBQ0QsR0FBRyxJQUFJLENBQUMsQ0FBQztxQkFDWjtpQkFDSjthQUNKO1NBQ0o7YUFBTTtZQUNILEtBQUssQ0FBQyxJQUFJLEdBQUcsRUFBRTtnQkFDWCxJQUFJLEdBQUcsYUFBSCxHQUFHLHVCQUFILEdBQUcsQ0FBRyxDQUFDLENBQUMsRUFBRTtvQkFDVixJQUFJLEdBQUcsRUFBRTt3QkFDTCxHQUFHLElBQUksR0FBRyxDQUFDO3FCQUNkO29CQUNELEdBQUcsSUFBSSxDQUFDLENBQUM7aUJBQ1o7YUFDSjtTQUNKO0tBQ0o7SUFFRCxPQUFPLEdBQUcsQ0FBQztBQUNmLENBQUM7QUFFRCxTQUFnQixFQUFFO0lBQUMsaUJBQXdCO1NBQXhCLFVBQXdCLEVBQXhCLHFCQUF3QixFQUF4QixJQUF3QjtRQUF4Qiw0QkFBd0I7O0lBQ3ZDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNWLElBQUksR0FBRyxDQUFDO0lBQ1IsSUFBSSxDQUFDLENBQUM7SUFDTixJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUM7SUFFYixPQUFPLENBQUMsR0FBRyxPQUFPLENBQUMsTUFBTSxFQUFFO1FBQ3ZCLElBQUksQ0FBQyxHQUFHLEdBQUcsT0FBTyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRTtZQUN0QixJQUFJLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFO2dCQUNsQixJQUFJLEdBQUcsRUFBRTtvQkFDTCxHQUFHLElBQUksR0FBRyxDQUFDO2lCQUNkO2dCQUNELEdBQUcsSUFBSSxDQUFDLENBQUM7YUFDWjtTQUNKO0tBQ0o7SUFFRCxPQUFPLEdBQUcsQ0FBQztBQUNmLENBQUM7QUFsQkQsZ0JBa0JDIn0=
|
package/utils/isBrowser.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.isBrowser = void 0;
|
|
4
|
+
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
3
5
|
exports.isBrowser = !!(typeof window !== "undefined" && window.document && window.document.createElement);
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXNCcm93c2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3V0aWxzL2lzQnJvd3Nlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSx1RUFBdUU7QUFDMUQsUUFBQSxTQUFTLEdBQUcsQ0FBQyxDQUFDLENBQUMsT0FBTyxNQUFNLEtBQUssV0FBVyxJQUFJLE1BQU0sQ0FBQyxRQUFRLElBQUksTUFBTSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsQ0FBQyJ9
|