useToggle: Toggleable renamed from useSwitch: UseSwitch

src/index.ts

@@ -10,4 +10,4 @@ export * from './leaf/popup.js'
 export * from './leaf/tile-layer/tile-layer-osm.js'
 export * from './leaf/tile-layer/tile-layer.js'
 export * from './leaflet-types.js'
-export * from './state/use-switch'
+export * from './state/use-toggle'

src/leaf/map/fullscreen/control/added-listener.ts

@@ -6,15 +6,15 @@ import {
   updateControlAnchorTitle,
 } from './anchor/update-title'
 
-import { type ControlOnAdd, type SwitchGet } from '@stassi/leaf'
+import { type ControlOnAdd, type ToggleableState } from '@stassi/leaf'
 
 export type ControlAddedListenerOptions = {
   map: {
     control: {
       anchor: ControlAnchor & UpdateControlAnchorTitleAnchorOptions
       container: { element: HTMLElement }
     }
-    fullscreen: { state: { get: SwitchGet } }
+    fullscreen: { state: { get: ToggleableState } }
   }
 }
 

src/leaf/map/fullscreen/control/anchor/update-title.ts

@@ -1,6 +1,6 @@
 import { type ControlAnchorAssign } from './anchor'
 
-import { type SwitchGet } from '@stassi/leaf'
+import { type ToggleableState } from '@stassi/leaf'
 
 export type ControlAnchorTitleStates = Record<'false' | 'true', string>
 export type UpdateControlAnchorTitleAnchorOptions = {
@@ -11,7 +11,7 @@ export type UpdateControlAnchorTitleAnchorOptions = {
 export type UpdateControlAnchorTitleOptions = {
   map: {
     control: { anchor: UpdateControlAnchorTitleAnchorOptions }
-    fullscreen: { state: { get: SwitchGet } }
+    fullscreen: { state: { get: ToggleableState } }
   }
 }
 

src/leaf/map/fullscreen/fullscreen.ts

@@ -20,7 +20,7 @@ import {
   fullscreenMapLifecycleListener,
 } from './lifecycle-listener'
 
-import { control, useSwitch } from '@stassi/leaf'
+import { control, useToggle } from '@stassi/leaf'
 
 type FullscreenMapDomElement = {
   classNames: string[]
@@ -84,8 +84,8 @@ export function fullscreenMap({
   id,
   ...mapOptions
 }: FullscreenMapOptions): Map {
-  const { get: getFullscreenState, toggle: toggleFullscreenState } =
-      useSwitch(false),
+  const { state: getFullscreenState, toggle: toggleFullscreenState } =
+      useToggle(false),
     containerElement: HTMLElement = domElement({
       className: joinClassNames(containerClassNames),
       tag: containerTag,
@@ -115,7 +115,7 @@ export function fullscreenMap({
           },
           fullscreen: {
             className: joinClassNames(fullscreenMapClassNames),
-            state: { get: getFullscreenState, toggle: toggleFullscreenState },
+            state: { state: getFullscreenState, toggle: toggleFullscreenState },
           },
           lifecycleEvent: mapLifecycleEvent,
           map,

src/leaf/map/fullscreen/lifecycle-listener.ts

@@ -6,7 +6,12 @@ import {
   updateControlAnchorTitle,
 } from './control/anchor/update-title'
 
-import { type Map, type UseSwitch, domEventOff, domEventOn } from '@stassi/leaf'
+import {
+  type Map,
+  type Toggleable,
+  domEventOff,
+  domEventOn,
+} from '@stassi/leaf'
 
 export type FullscreenMapLifecycleEvent = 'ready' | 'unload'
 export type FullscreenMapLifecycleListenerOptions = {
@@ -19,7 +24,7 @@ export type FullscreenMapLifecycleListenerOptions = {
     }
     fullscreen: {
       className: string
-      state: UseSwitch
+      state: Toggleable
     }
     lifecycleEvent: FullscreenMapLifecycleEvent
     map: Map
@@ -35,7 +40,7 @@ export function fullscreenMapLifecycleListener({
     },
     fullscreen: {
       className: fullscreenMapClassName,
-      state: { get: getFullscreenState, toggle: toggleFullscreenState },
+      state: { state: getFullscreenState, toggle: toggleFullscreenState },
     },
     lifecycleEvent: mapLifecycleEvent,
     map,

src/state/use-toggle.ts

@@ -0,0 +1,19 @@
+type Callback<T> = () => T
+export type ToggleableState = Callback<boolean>
+export type ToggleableToggle = Callback<void>
+export type Toggleable = {
+  state: ToggleableState
+  toggle: ToggleableToggle
+}
+
+export function useToggle(initialState: boolean): Toggleable {
+  let innerState: boolean = initialState
+  return {
+    state(): boolean {
+      return innerState
+    },
+    toggle(): void {
+      innerState = !innerState
+    },
+  }
+}