@kaspernj/api-maker 1.0.319 → 1.0.320

package/package.json

@@ -16,7 +16,7 @@
     ]
   },
   "name": "@kaspernj/api-maker",
-  "version": "1.0.319",
+  "version": "1.0.320",
   "type": "module",
   "description": "",
   "main": "index.js",
@@ -52,7 +52,7 @@
     "on-location-changed": ">= 1.0.8",
     "qs": ">= 6.9.3",
     "replaceall": ">= 0.1.6",
-    "set-state-compare": ">= 1.0.26",
+    "set-state-compare": ">= 1.0.28",
     "spark-md5": "^3.0.2",
     "strftime": ">= 0.10.0",
     "uniqunize": "^1.0.1",

package/src/super-admin/layout/header/index.jsx

@@ -2,21 +2,21 @@ import "./style"
 import EventListener from "../../../event-listener"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
-import {memo, useCallback, useRef, useState} from "react"
-import useShape from "set-state-compare/src/use-shape.js"
+import {memo, useCallback, useRef} from "react"
+import useShape from "set-state-compare/src/use-s.js"
 
 const ApiMakerSuperAdminLayoutHeader = ({actions, onTriggerMenu, title}) => {
-  const shape = useShape()
+  const s = useShape()
   const headerActionsRef = useRef()
-  const setHeaderActionsActive = shape.useState("headerActionsActive", false)
+  const setHeaderActionsActive = s.useState("headerActionsActive", false)
   const onGearsClicked = useCallback((e) => {
     e.preventDefault()
-    setHeaderActionsActive(!shape.state.headerActionsActive)
+    setHeaderActionsActive(!s.state.headerActionsActive)
   }, [])
 
   const onWindowMouseUp = useCallback((e) => {
     // Close the header actions menu if clicked happened outside
-    if (shape.state.headerActionsActive && headerActionsRef.current && !headerActionsRef.current.contains(e.target)) setHeaderActionsActive(false)
+    if (s.state.headerActionsActive && headerActionsRef.current && !headerActionsRef.current.contains(e.target)) setHeaderActionsActive(false)
   }, [])
 
   return (
@@ -26,7 +26,7 @@ const ApiMakerSuperAdminLayoutHeader = ({actions, onTriggerMenu, title}) => {
         {title}
       </div>
       {actions &&
-        <div className="header-actions-container" data-active={shape.state.headerActionsActive}>
+        <div className="header-actions-container" data-active={s.state.headerActionsActive}>
           <div className="header-actions" ref={headerActionsRef}>
             {actions}
           </div>

package/src/super-admin/layout/index.jsx

@@ -8,7 +8,7 @@ import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
 import {memo, useCallback, useEffect} from "react"
 import useCurrentUser from "../../use-current-user"
-import useShape from "set-state-compare/src/use-shape.js"
+import useShape from "set-state-compare/src/use-s.js"
 
 const NoAccess = React.lazy(() => import("./no-access"))
 
@@ -23,7 +23,7 @@ const ApiMakerSuperAdminLayout = ({
   menu,
   ...restProps
 }) => {
-  const shape = useShape()
+  const s = useShape()
   const currentUser = useCurrentUser()
 
   useEffect(() => {
@@ -39,21 +39,21 @@ const ApiMakerSuperAdminLayout = ({
     document.title = "Wooftech"
   }
 
-  const setMenuTriggered = shape.useState("menuTriggered", false)
+  const setMenuTriggered = s.useState("menuTriggered", false)
   const noAccess = !currentUser
   const onRequestMenuClose = useCallback(() => setMenuTriggered(false), [])
   const onTriggerMenu = useCallback((e) => {
     e.preventDefault()
-    setMenuTriggered(!shape.state.menuTriggered)
+    setMenuTriggered(!s.state.menuTriggered)
   }, [])
 
   return (
-    <div className={classNames("components--admin--layout", className)} data-menu-triggered={shape.state.menuTriggered} {...restProps}>
+    <div className={classNames("components--admin--layout", className)} data-menu-triggered={s.state.menuTriggered} {...restProps}>
       <Menu
         active={active}
         noAccess={noAccess}
         onRequestMenuClose={onRequestMenuClose}
-        triggered={shape.state.menuTriggered}
+        triggered={s.state.menuTriggered}
       />
       <Header actions={actions} onTriggerMenu={onTriggerMenu} title={headerTitle} />
       <div className="app-layout-content-container">