@kaspernj/api-maker 1.0.381 → 1.0.383

package/src/use-destroyed-event.mjs

@@ -1,4 +1,4 @@
-import {useCallback, useEffect, useMemo} from "react"
+import {useCallback, useMemo} from "react"
 import debounceFunction from "debounce"
 import ModelEvents from "./model-events.mjs"
 import useShape from "set-state-compare/src/use-shape.js"
@@ -34,7 +34,7 @@ const apiMakerUseDestroyedEvent = (model, onDestroyed, props) => {
     }
   }, [])
 
-  useEffect(() => {
+  useMemo(() => {
     let connectDestroyed, onConnectedListener
 
     if (model) {

package/src/use-event-emitter.mjs

@@ -1,7 +1,7 @@
-import {useEffect} from "react"
+import {useMemo} from "react"
 
 const ApiMakerUseEventEmitter = (events, event, onCalled) => {
-  useEffect(() => {
+  useMemo(() => {
     if (events) {
       events.addListener(event, onCalled)
 

package/src/use-event-listener.mjs

@@ -1,11 +1,11 @@
-import {useCallback, useEffect} from "react"
+import {useCallback, useMemo} from "react"
 
 const ApiMakerUseEventListener = (target, event, onCalled) => {
   const onCalledCallback = useCallback((...args) => {
     onCalled.apply(null, args)
   }, [target, event, onCalled])
 
-  useEffect(() => {
+  useMemo(() => {
     if (target) {
       target.addEventListener(event, onCalledCallback)
 

package/src/use-model.mjs

@@ -1,4 +1,4 @@
-import {useCallback, useEffect, useState} from "react"
+import {useCallback, useMemo, useState} from "react"
 import Devise from "./devise.mjs"
 import * as inflection from "inflection"
 import ModelEvents from "./model-events.mjs"
@@ -90,12 +90,12 @@ const useModel = (modelClassArg, argsArg = {}) => {
     }
   }, [])
 
-  useEffect(
+  useMemo(
     () => { loadModel() },
     cacheArgs
   )
 
-  useEffect(() => {
+  useMemo(() => {
     let reloadModelCallback
 
     if (args.events) {
@@ -109,7 +109,7 @@ const useModel = (modelClassArg, argsArg = {}) => {
     }
   }, [args.events])
 
-  useEffect(() => {
+  useMemo(() => {
     let connectUpdated
 
     if (model && args.eventUpdated) {
@@ -129,7 +129,7 @@ const useModel = (modelClassArg, argsArg = {}) => {
     loadModel()
   }, [])
 
-  useEffect(() => {
+  useMemo(() => {
     Devise.events().addListener("onDeviseSignIn", onSignedIn)
     Devise.events().addListener("onDeviseSignOut", onSignedOut)
 
@@ -147,7 +147,7 @@ const useModel = (modelClassArg, argsArg = {}) => {
     s.p.onDestroyed(forwardArgs)
   }, [])
 
-  useEffect(() => {
+  useMemo(() => {
     let connectDestroyed
 
     if (model && args.onDestroyed) {

package/src/use-resize-observer.mjs

@@ -8,7 +8,7 @@ const useResizeObserver = (element, callback) => {
   }, [])
   const observer = useMemo(() => new ResizeObserver(onResize), [])
 
-  useEffect(() => {
+  useMemo(() => {
     if (element) {
       observer.observe(element)
     }

package/src/use-updated-event.mjs

@@ -1,4 +1,4 @@
-import {useCallback, useEffect, useMemo} from "react"
+import {useCallback, useMemo} from "react"
 import debounceFunction from "debounce"
 import ModelEvents from "./model-events.mjs"
 import useShape from "set-state-compare/src/use-shape.js"
@@ -32,7 +32,7 @@ const apiMakerUseUpdatedEvent = (model, onUpdated, {active = true, debounce, onC
     }
   }, [])
 
-  useEffect(() => {
+  useMemo(() => {
     let connectUpdated, onConnectedListener
 
     if (model) {

package/src/utils/checkbox.jsx

@@ -0,0 +1,33 @@
+import BaseComponent from "../base-component"
+import {CheckBox, Text, View} from "react-native"
+import {memo} from "react"
+import PropTypes from "prop-types"
+import propTypesExact from "prop-types-exact"
+import {shapeComponent} from "set-state-compare/src/shape-component.js"
+
+export default memo(shapeComponent(class ApiMakerUtilsCheckbox extends BaseComponent {
+  static defaultProps = {
+    label: undefined
+  }
+
+  static propTypes = propTypesExact({
+    checked: PropTypes.bool.isRequired,
+    label: PropTypes.string,
+    onValueChange: PropTypes.func.isRequired
+  })
+
+  render() {
+    const {checked, label, onValueChange} = this.p
+
+    return (
+      <View dataSet={{component: "api-maker--utils--checkbox"}} style={{flexDirection: "row", alignItems: "center"}}>
+        <CheckBox onValueChange={onValueChange} value={checked} />
+        {label &&
+          <Text style={{marginLeft: 3}}>
+            {label}
+          </Text>
+        }
+      </View>
+    )
+  }
+}))