@kaspernj/api-maker 1.0.319 → 1.0.321
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/package.json
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
]
|
|
17
17
|
},
|
|
18
18
|
"name": "@kaspernj/api-maker",
|
|
19
|
-
"version": "1.0.
|
|
19
|
+
"version": "1.0.321",
|
|
20
20
|
"type": "module",
|
|
21
21
|
"description": "",
|
|
22
22
|
"main": "index.js",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"on-location-changed": ">= 1.0.8",
|
|
53
53
|
"qs": ">= 6.9.3",
|
|
54
54
|
"replaceall": ">= 0.1.6",
|
|
55
|
-
"set-state-compare": ">= 1.0.
|
|
55
|
+
"set-state-compare": ">= 1.0.28",
|
|
56
56
|
"spark-md5": "^3.0.2",
|
|
57
57
|
"strftime": ">= 0.10.0",
|
|
58
58
|
"uniqunize": "^1.0.1",
|
|
@@ -61,8 +61,6 @@
|
|
|
61
61
|
"peerDependencies": {
|
|
62
62
|
"prop-types": "^15.7.2",
|
|
63
63
|
"prop-types-exact": ">= 1.2.0",
|
|
64
|
-
"react": ">= 17.0.2",
|
|
65
|
-
"react-test-renderer": "^17.0.1",
|
|
66
64
|
"source-map": "^0.7.3",
|
|
67
65
|
"stacktrace-parser": ">= 0.1.9"
|
|
68
66
|
},
|
|
@@ -2,21 +2,21 @@ import "./style"
|
|
|
2
2
|
import EventListener from "../../../event-listener"
|
|
3
3
|
import PropTypes from "prop-types"
|
|
4
4
|
import PropTypesExact from "prop-types-exact"
|
|
5
|
-
import {memo, useCallback, useRef
|
|
6
|
-
import useShape from "set-state-compare/src/use-
|
|
5
|
+
import {memo, useCallback, useRef} from "react"
|
|
6
|
+
import useShape from "set-state-compare/src/use-s.js"
|
|
7
7
|
|
|
8
8
|
const ApiMakerSuperAdminLayoutHeader = ({actions, onTriggerMenu, title}) => {
|
|
9
|
-
const
|
|
9
|
+
const s = useShape()
|
|
10
10
|
const headerActionsRef = useRef()
|
|
11
|
-
const setHeaderActionsActive =
|
|
11
|
+
const setHeaderActionsActive = s.useState("headerActionsActive", false)
|
|
12
12
|
const onGearsClicked = useCallback((e) => {
|
|
13
13
|
e.preventDefault()
|
|
14
|
-
setHeaderActionsActive(!
|
|
14
|
+
setHeaderActionsActive(!s.state.headerActionsActive)
|
|
15
15
|
}, [])
|
|
16
16
|
|
|
17
17
|
const onWindowMouseUp = useCallback((e) => {
|
|
18
18
|
// Close the header actions menu if clicked happened outside
|
|
19
|
-
if (
|
|
19
|
+
if (s.state.headerActionsActive && headerActionsRef.current && !headerActionsRef.current.contains(e.target)) setHeaderActionsActive(false)
|
|
20
20
|
}, [])
|
|
21
21
|
|
|
22
22
|
return (
|
|
@@ -26,7 +26,7 @@ const ApiMakerSuperAdminLayoutHeader = ({actions, onTriggerMenu, title}) => {
|
|
|
26
26
|
{title}
|
|
27
27
|
</div>
|
|
28
28
|
{actions &&
|
|
29
|
-
<div className="header-actions-container" data-active={
|
|
29
|
+
<div className="header-actions-container" data-active={s.state.headerActionsActive}>
|
|
30
30
|
<div className="header-actions" ref={headerActionsRef}>
|
|
31
31
|
{actions}
|
|
32
32
|
</div>
|
|
@@ -8,7 +8,7 @@ import PropTypes from "prop-types"
|
|
|
8
8
|
import PropTypesExact from "prop-types-exact"
|
|
9
9
|
import {memo, useCallback, useEffect} from "react"
|
|
10
10
|
import useCurrentUser from "../../use-current-user"
|
|
11
|
-
import useShape from "set-state-compare/src/use-
|
|
11
|
+
import useShape from "set-state-compare/src/use-s.js"
|
|
12
12
|
|
|
13
13
|
const NoAccess = React.lazy(() => import("./no-access"))
|
|
14
14
|
|
|
@@ -23,7 +23,7 @@ const ApiMakerSuperAdminLayout = ({
|
|
|
23
23
|
menu,
|
|
24
24
|
...restProps
|
|
25
25
|
}) => {
|
|
26
|
-
const
|
|
26
|
+
const s = useShape()
|
|
27
27
|
const currentUser = useCurrentUser()
|
|
28
28
|
|
|
29
29
|
useEffect(() => {
|
|
@@ -39,21 +39,21 @@ const ApiMakerSuperAdminLayout = ({
|
|
|
39
39
|
document.title = "Wooftech"
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
const setMenuTriggered =
|
|
42
|
+
const setMenuTriggered = s.useState("menuTriggered", false)
|
|
43
43
|
const noAccess = !currentUser
|
|
44
44
|
const onRequestMenuClose = useCallback(() => setMenuTriggered(false), [])
|
|
45
45
|
const onTriggerMenu = useCallback((e) => {
|
|
46
46
|
e.preventDefault()
|
|
47
|
-
setMenuTriggered(!
|
|
47
|
+
setMenuTriggered(!s.state.menuTriggered)
|
|
48
48
|
}, [])
|
|
49
49
|
|
|
50
50
|
return (
|
|
51
|
-
<div className={classNames("components--admin--layout", className)} data-menu-triggered={
|
|
51
|
+
<div className={classNames("components--admin--layout", className)} data-menu-triggered={s.state.menuTriggered} {...restProps}>
|
|
52
52
|
<Menu
|
|
53
53
|
active={active}
|
|
54
54
|
noAccess={noAccess}
|
|
55
55
|
onRequestMenuClose={onRequestMenuClose}
|
|
56
|
-
triggered={
|
|
56
|
+
triggered={s.state.menuTriggered}
|
|
57
57
|
/>
|
|
58
58
|
<Header actions={actions} onTriggerMenu={onTriggerMenu} title={headerTitle} />
|
|
59
59
|
<div className="app-layout-content-container">
|