@codeleap/hooks 4.3.0 → 4.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/hooks",
-  "version": "4.3.0",
+  "version": "4.3.2",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -9,19 +9,19 @@
     "directory": "packages/hooks"
   },
   "devDependencies": {
-    "@codeleap/config": "4.3.0",
-    "@codeleap/types": "4.3.0",
-    "@codeleap/utils": "4.3.0",
-    "@codeleap/logger": "4.3.0",
+    "@codeleap/config": "4.3.2",
+    "@codeleap/types": "4.3.2",
+    "@codeleap/utils": "4.3.2",
+    "@codeleap/logger": "4.3.2",
     "ts-node-dev": "1.1.8"
   },
   "scripts": {
     "build": "echo 'No build needed'"
   },
   "peerDependencies": {
-    "@codeleap/types": "4.3.0",
-    "@codeleap/utils": "4.3.0",
-    "@codeleap/logger": "4.3.0",
+    "@codeleap/types": "4.3.2",
+    "@codeleap/utils": "4.3.2",
+    "@codeleap/logger": "4.3.2",
     "axios": "^1.7.9",
     "typescript": "5.0.4",
     "react": "18.1.0",

package/package.json.bak

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/hooks",
-  "version": "4.3.0",
+  "version": "4.3.2",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {

package/src/index.ts

@@ -31,6 +31,7 @@ export * from './useEffectOnce'
 export * from './useUnmount'
 export * from './useSearch'
 export * from './usePartialState'
+export * from './useIsClient'
 export * from './GlobalContext'
 
 export {

package/src/useIsClient.ts

@@ -0,0 +1,17 @@
+import { useEffect, useState } from 'react'
+
+/**
+ * Hook to check if the code is running on the client-side.
+ * @return `isClient: true` after the component is mounted in the browser.
+ */
+export function useIsClient() {
+  const [isClient, setIsClient] = useState(false)
+ 
+  useEffect(() => {
+    setIsClient(true)
+  }, [])
+
+  return {
+    isClient
+  }
+}

package/src/useModal.ts

@@ -1,10 +1,25 @@
-import { useBooleanToggle } from './useBooleanToggle'
+import { TypeGuards } from '@codeleap/types'
+import { useState } from 'react'
 
 export function useModal(startsOpen = false) {
-  const [visible, toggle] = useBooleanToggle(startsOpen)
+  const [visible, setVisible] = useState(startsOpen)
+
+  function open() {
+    setVisible(true)
+  }
+
+  function close() {
+    setVisible(false)
+  }
+
+  function toggle(forceVisible?: boolean) {
+    setVisible(prev => TypeGuards.isBoolean(forceVisible) ? forceVisible : !prev)
+  }
 
   return {
     visible, 
     toggle,
+    open,
+    close,
   }
 }