@oneplatformdev/ui 0.1.0-5 → 0.1.0-8

package/node_modules/@oneplatformdev/hooks/dist/useTernaryDarkMode/useTernaryDarkMode.js

@@ -0,0 +1,27 @@
+import { useLocalStorage as c } from "../useLocalStorage/useLocalStorage.js";
+import { useMediaQuery as m } from "../useMediaQuery/useMediaQuery.js";
+const y = "(prefers-color-scheme: dark)", M = "usehooks-ts-ternary-dark-mode";
+function f({
+  defaultValue: t = "system",
+  localStorageKey: n = M,
+  initializeWithValue: o = !0
+} = {}) {
+  const a = m(y, { initializeWithValue: o }), [e, s] = c(n, t, {
+    initializeWithValue: o
+  });
+  return {
+    isDarkMode: e === "dark" || e === "system" && a,
+    ternaryDarkMode: e,
+    setTernaryDarkMode: s,
+    toggleTernaryDarkMode: () => {
+      const r = ["light", "system", "dark"];
+      s((d) => {
+        const k = (r.indexOf(d) + 1) % r.length;
+        return r[k];
+      });
+    }
+  };
+}
+export {
+  f as useTernaryDarkMode
+};

package/node_modules/@oneplatformdev/hooks/dist/useTimeout/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useTimeout';
+//# sourceMappingURL=index.d.ts.map

package/node_modules/@oneplatformdev/hooks/dist/useTimeout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useTimeout/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/node_modules/@oneplatformdev/hooks/dist/useTimeout/index.js

@@ -0,0 +1,4 @@
+import { useTimeout as m } from "./useTimeout.js";
+export {
+  m as useTimeout
+};

package/node_modules/@oneplatformdev/hooks/dist/useTimeout/useTimeout.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Custom hook that handles timeouts in React components using the [`setTimeout API`](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout).
+ * @param {() => void} callback - The function to be executed when the timeout elapses.
+ * @param {number | null} delay - The duration (in milliseconds) for the timeout. Set to `null` to clear the timeout.
+ * @returns {void} This hook does not return anything.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-timeout)
+ * @example
+ * ```tsx
+ * // Usage of useTimeout hook
+ * useTimeout(() => {
+ *   // Code to be executed after the specified delay
+ * }, 1000); // Set a timeout of 1000 milliseconds (1 second)
+ * ```
+ */
+export declare function useTimeout(callback: () => void, delay: number | null): void;
+//# sourceMappingURL=useTimeout.d.ts.map

package/node_modules/@oneplatformdev/hooks/dist/useTimeout/useTimeout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimeout.d.ts","sourceRoot":"","sources":["../../src/useTimeout/useTimeout.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAwB3E"}

package/node_modules/@oneplatformdev/hooks/dist/useTimeout/useTimeout.js

@@ -0,0 +1,20 @@
+import { useRef as u, useEffect as f } from "react";
+import { useIsomorphicLayoutEffect as i } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
+function n(e, t) {
+  const r = u(e);
+  i(() => {
+    r.current = e;
+  }, [e]), f(() => {
+    if (!t && t !== 0)
+      return;
+    const o = setTimeout(() => {
+      r.current();
+    }, t);
+    return () => {
+      clearTimeout(o);
+    };
+  }, [t]);
+}
+export {
+  n as useTimeout
+};

package/node_modules/@oneplatformdev/hooks/dist/useToggle/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useToggle';
+//# sourceMappingURL=index.d.ts.map

package/node_modules/@oneplatformdev/hooks/dist/useToggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useToggle/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/node_modules/@oneplatformdev/hooks/dist/useToggle/index.js

@@ -0,0 +1,4 @@
+import { useToggle as g } from "./useToggle.js";
+export {
+  g as useToggle
+};

package/node_modules/@oneplatformdev/hooks/dist/useToggle/useToggle.d.ts

@@ -0,0 +1,18 @@
+import { Dispatch, SetStateAction } from 'react';
+/**
+ * Custom hook that manages a boolean toggle state in React components.
+ * @param {boolean} [defaultValue] - The initial value for the toggle state.
+ * @returns {[boolean, () => void, Dispatch<SetStateAction<boolean>>]} A tuple containing the current state,
+ * a function to toggle the state, and a function to set the state explicitly.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-toggle)
+ * @example
+ * ```tsx
+ * const [isToggled, toggle, setToggle] = useToggle(); // Initial value is false
+ * // OR
+ * const [isToggled, toggle, setToggle] = useToggle(true); // Initial value is true
+ * // Use isToggled in your component, toggle to switch the state, setToggle to set the state explicitly.
+ * ```
+ */
+export declare function useToggle(defaultValue?: boolean): [boolean, () => void, Dispatch<SetStateAction<boolean>>];
+//# sourceMappingURL=useToggle.d.ts.map

package/node_modules/@oneplatformdev/hooks/dist/useToggle/useToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.d.ts","sourceRoot":"","sources":["../../src/useToggle/useToggle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAErD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CACvB,YAAY,CAAC,EAAE,OAAO,GACrB,CAAC,OAAO,EAAE,MAAM,IAAI,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAQ1D"}

package/node_modules/@oneplatformdev/hooks/dist/useToggle/useToggle.js

@@ -0,0 +1,10 @@
+import { useState as s, useCallback as a } from "react";
+function r(t) {
+  const [o, e] = s(!!t), u = a(() => {
+    e((l) => !l);
+  }, []);
+  return [o, u, e];
+}
+export {
+  r as useToggle
+};

package/node_modules/@oneplatformdev/hooks/dist/useUnmount/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useUnmount';
+//# sourceMappingURL=index.d.ts.map

package/node_modules/@oneplatformdev/hooks/dist/useUnmount/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useUnmount/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/node_modules/@oneplatformdev/hooks/dist/useUnmount/index.js

@@ -0,0 +1,4 @@
+import { useUnmount as m } from "./useUnmount.js";
+export {
+  m as useUnmount
+};

package/node_modules/@oneplatformdev/hooks/dist/useUnmount/useUnmount.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Custom hook that runs a cleanup function when the component is unmounted.
+ * @param {() => void} func - The cleanup function to be executed on unmount.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-unmount)
+ * @example
+ * ```tsx
+ * useUnmount(() => {
+ *   // Cleanup logic here
+ * });
+ * ```
+ */
+export declare function useUnmount(func: () => void): void;
+//# sourceMappingURL=useUnmount.d.ts.map

package/node_modules/@oneplatformdev/hooks/dist/useUnmount/useUnmount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUnmount.d.ts","sourceRoot":"","sources":["../../src/useUnmount/useUnmount.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,IAAI,QAW1C"}

package/node_modules/@oneplatformdev/hooks/dist/useUnmount/useUnmount.js

@@ -0,0 +1,13 @@
+import { useRef as n, useEffect as r } from "react";
+function f(e) {
+  const t = n(e);
+  t.current = e, r(
+    () => () => {
+      t.current();
+    },
+    []
+  );
+}
+export {
+  f as useUnmount
+};

package/node_modules/@oneplatformdev/hooks/dist/useWindowSize/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useWindowSize';
+//# sourceMappingURL=index.d.ts.map

package/node_modules/@oneplatformdev/hooks/dist/useWindowSize/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useWindowSize/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/node_modules/@oneplatformdev/hooks/dist/useWindowSize/index.js

@@ -0,0 +1,4 @@
+import { useWindowSize as i } from "./useWindowSize.js";
+export {
+  i as useWindowSize
+};

package/node_modules/@oneplatformdev/hooks/dist/useWindowSize/useWindowSize.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Represent the dimension of the window.
+ * @template T - The type of the dimension (number or undefined).
+ */
+type WindowSize<T extends number | undefined = number | undefined> = {
+    /** The width of the window. */
+    width: T;
+    /** The height of the window. */
+    height: T;
+};
+/**
+ * Hook options.
+ * @template InitializeWithValue - If `true` (default), the hook will initialize reading the window size. In SSR, you should set it to `false`, returning `undefined` initially.
+ */
+type UseWindowSizeOptions<InitializeWithValue extends boolean | undefined> = {
+    /**
+     * If `true` (default), the hook will initialize reading the window size. In SSR, you should set it to `false`, returning `undefined` initially.
+     * @default true
+     */
+    initializeWithValue: InitializeWithValue;
+    /**
+     * The delay in milliseconds before the state is updated (disabled by default for retro-compatibility).
+     * @default undefined
+     */
+    debounceDelay?: number;
+};
+export declare function useWindowSize(options: UseWindowSizeOptions<false>): WindowSize;
+export declare function useWindowSize(options?: Partial<UseWindowSizeOptions<true>>): WindowSize<number>;
+export {};
+//# sourceMappingURL=useWindowSize.d.ts.map

package/node_modules/@oneplatformdev/hooks/dist/useWindowSize/useWindowSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../src/useWindowSize/useWindowSize.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,KAAK,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,IAAI;IACnE,+BAA+B;IAC/B,KAAK,EAAE,CAAC,CAAA;IACR,gCAAgC;IAChC,MAAM,EAAE,CAAC,CAAA;CACV,CAAA;AAED;;;GAGG;AACH,KAAK,oBAAoB,CAAC,mBAAmB,SAAS,OAAO,GAAG,SAAS,IAAI;IAC3E;;;OAGG;IACH,mBAAmB,EAAE,mBAAmB,CAAA;IACxC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAKD,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB,CAAC,KAAK,CAAC,GAAG,UAAU,CAAA;AAE/E,wBAAgB,aAAa,CAC3B,OAAO,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,GAC5C,UAAU,CAAC,MAAM,CAAC,CAAA"}

package/node_modules/@oneplatformdev/hooks/dist/useWindowSize/useWindowSize.js

@@ -0,0 +1,31 @@
+import { useState as r } from "react";
+import { useDebounceCallback as u } from "../useDebounceCallback/useDebounceCallback.js";
+import { useEventListener as w } from "../useEventListener/useEventListener.js";
+import { useIsomorphicLayoutEffect as h } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
+const s = typeof window > "u";
+function m(e = {}) {
+  let { initializeWithValue: i = !0 } = e;
+  s && (i = !1);
+  const [o, t] = r(() => i ? {
+    width: window.innerWidth,
+    height: window.innerHeight
+  } : {
+    width: void 0,
+    height: void 0
+  }), d = u(
+    t,
+    e.debounceDelay
+  );
+  function n() {
+    (e.debounceDelay ? d : t)({
+      width: window.innerWidth,
+      height: window.innerHeight
+    });
+  }
+  return w("resize", n), h(() => {
+    n();
+  }, []), o;
+}
+export {
+  m as useWindowSize
+};

package/node_modules/@oneplatformdev/hooks/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@oneplatformdev/hooks",
+  "version": "0.1.0-9",
+  "description": "React hook library",
+  "author": "One Platform Development Team",
+  "keywords": [
+    "react",
+    "oneplatform",
+    "hooks",
+    "typescript"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/oneplatformdev/core.git",
+    "directory": "packages/hooks"
+  },
+  "bugs": {
+    "url": "https://github.com/oneplatformdev/core/issues"
+  },
+  "homepage": "private package",
+  "private": false,
+  "license": "MIT",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "@oneplatformdev/source": "./src/index.ts",
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    },
+    "./*": {
+      "types": "./*.d.ts",
+      "import": "./*.js",
+      "default": "./*.js"
+    }
+  },
+  "files": [
+    "**/*",
+    "dist",
+    "README.md",
+    "LICENSE",
+    "!**/*.tsbuildinfo"
+  ],
+  "dependencies": {
+    "lodash.debounce": "^4.0.8"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "@types/react": ">=18",
+    "@types/lodash.debounce": "^4.0.9"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    },
+    "@types/react-dom": {
+      "optional": true
+    },
+    "@types/lodash.debounce": {
+      "optional": true
+    }
+  }
+}

package/node_modules/@oneplatformdev/hooks/src/index.ts

@@ -0,0 +1,36 @@
+export * from './useBoolean';
+export * from './useClickAnyWhere';
+export * from './useCopyToClipboard';
+export * from './useCountdown';
+export * from './useCounter';
+export * from './useDarkMode';
+export * from './useDebounceCallback';
+export * from './useDebounceValue';
+export * from './useDocumentTitle';
+export * from './useEventCallback';
+export * from './useEventListener';
+export * from './useHover';
+export * from './useIntersectionObserver';
+export * from './useInterval';
+export * from './useIsClient';
+export * from './useIsMobile';
+export * from './useIsMounted';
+export * from './useIsomorphicLayoutEffect';
+export * from './useLocalStorage';
+export * from './useLockBody';
+export * from './useMap';
+export * from './useMediaQuery';
+export * from './useOnClickOutside';
+export * from './useReadLocalStorage';
+export * from './useResizeObserver';
+export * from './useScreen';
+export * from './useScript';
+export * from './useScrollLock';
+export * from './useSessionStorage';
+export * from './useStep';
+export * from './useTernaryDarkMode';
+export * from './useTimeout';
+export * from './useToggle';
+export * from './useUnmount';
+export * from './useWindowSize';
+export * from './useQueryString';

package/node_modules/@oneplatformdev/hooks/src/useBoolean/index.ts

@@ -0,0 +1 @@
+export * from './useBoolean'

package/node_modules/@oneplatformdev/hooks/src/useBoolean/useBoolean.ts

@@ -0,0 +1,50 @@
+import { useCallback, useState } from 'react'
+
+import type { Dispatch, SetStateAction } from 'react'
+
+/** The useBoolean return type. */
+type UseBooleanReturn = {
+  /** The current boolean state value. */
+  value: boolean
+  /** Function to set the boolean state directly. */
+  setValue: Dispatch<SetStateAction<boolean>>
+  /** Function to set the boolean state to `true`. */
+  setTrue: () => void
+  /** Function to set the boolean state to `false`. */
+  setFalse: () => void
+  /** Function to toggle the boolean state. */
+  toggle: () => void
+}
+
+/**
+ * Custom hook that handles boolean state with useful utility functions.
+ * @param {boolean} [defaultValue] - The initial value for the boolean state (default is `false`).
+ * @returns {UseBooleanReturn} An object containing the boolean state value and utility functions to manipulate the state.
+ * @throws Will throw an error if `defaultValue` is an invalid boolean value.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-boolean)
+ * @example
+ * ```tsx
+ * const { value, setTrue, setFalse, toggle } = useBoolean(true);
+ * ```
+ */
+export function useBoolean(defaultValue = false): UseBooleanReturn {
+  if (typeof defaultValue !== 'boolean') {
+    throw new Error('defaultValue must be `true` or `false`')
+  }
+  const [value, setValue] = useState(defaultValue)
+
+  const setTrue = useCallback(() => {
+    setValue(true)
+  }, [])
+
+  const setFalse = useCallback(() => {
+    setValue(false)
+  }, [])
+
+  const toggle = useCallback(() => {
+    setValue(x => !x)
+  }, [])
+
+  return { value, setValue, setTrue, setFalse, toggle }
+}

package/node_modules/@oneplatformdev/hooks/src/useClickAnyWhere/index.ts

@@ -0,0 +1 @@
+export * from './useClickAnyWhere'

package/node_modules/@oneplatformdev/hooks/src/useClickAnyWhere/useClickAnyWhere.ts

@@ -0,0 +1,22 @@
+import { useEventListener } from '../useEventListener'
+
+/**
+ * Custom hook that handles click events anywhere on the document.
+ * @param {Function} handler - The function to be called when a click event is detected anywhere on the document.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-click-any-where)
+ * @example
+ * ```tsx
+ * const handleClick = (event) => {
+ *   console.log('Document clicked!', event);
+ * };
+ *
+ * // Attach click event handler to document
+ * useClickAnywhere(handleClick);
+ * ```
+ */
+export function useClickAnyWhere(handler: (event: MouseEvent) => void) {
+  useEventListener('click', event => {
+    handler(event)
+  })
+}

package/node_modules/@oneplatformdev/hooks/src/useCopyToClipboard/index.ts

@@ -0,0 +1 @@
+export * from './useCopyToClipboard'

package/node_modules/@oneplatformdev/hooks/src/useCopyToClipboard/useCopyToClipboard.ts

@@ -0,0 +1,58 @@
+import { useCallback, useState } from 'react'
+
+/**
+ * The copied text as `string` or `null` if nothing has been copied yet.
+ */
+type CopiedValue = string | null
+
+/**
+ * Function to copy text to the clipboard.
+ * @param text - The text to copy to the clipboard.
+ * @returns {Promise<boolean>} A promise that resolves to `true` if the text was copied successfully, or `false` otherwise.
+ */
+type CopyFn = (text: string) => Promise<boolean>
+
+/**
+ * Custom hook that copies text to the clipboard using the [`Clipboard API`](https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API).
+ * @returns {[CopiedValue, CopyFn]} An tuple containing the copied text and a function to copy text to the clipboard.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-copy-to-clipboard)
+ * @example
+ * ```tsx
+ * const [copiedText, copyToClipboard] = useCopyToClipboard();
+ * const textToCopy = 'Hello, world!';
+ *
+ * // Attempt to copy text to the clipboard
+ * copyToClipboard(textToCopy)
+ *   .then(success => {
+ *     if (success) {
+ *       console.log(`Text "${textToCopy}" copied to clipboard successfully.`);
+ *     } else {
+ *       console.error('Failed to copy text to clipboard.');
+ *     }
+ *   });
+ * ```
+ */
+export function useCopyToClipboard(): [CopiedValue, CopyFn] {
+  const [copiedText, setCopiedText] = useState<CopiedValue>(null)
+
+  const copy: CopyFn = useCallback(async text => {
+    if (!navigator?.clipboard) {
+      console.warn('Clipboard not supported')
+      return false
+    }
+
+    // Try to save to clipboard then save it in the state if worked
+    try {
+      await navigator.clipboard.writeText(text)
+      setCopiedText(text)
+      return true
+    } catch (error) {
+      console.warn('Copy failed', error)
+      setCopiedText(null)
+      return false
+    }
+  }, [])
+
+  return [copiedText, copy]
+}

package/node_modules/@oneplatformdev/hooks/src/useCountdown/index.ts

@@ -0,0 +1 @@
+export * from './useCountdown'

package/node_modules/@oneplatformdev/hooks/src/useCountdown/useCountdown.ts

@@ -0,0 +1,102 @@
+import { useCallback } from 'react'
+
+import { useBoolean } from '../useBoolean'
+import { useCounter } from '../useCounter'
+import { useInterval } from '../useInterval'
+
+/** The countdown's options. */
+type CountdownOptions = {
+  /** The countdown's starting number, initial value of the returned number. */
+  countStart: number
+
+  /**
+   * The countdown's interval, in milliseconds.
+   * @default 1000
+   */
+  intervalMs?: number
+  /**
+   * True if the countdown is increment.
+   * @default false
+   */
+  isIncrement?: boolean
+
+  /**
+   * The countdown's stopping number. Pass `-Infinity` to decrease forever.
+   * @default 0
+   */
+  countStop?: number
+}
+
+/** The countdown's controllers. */
+type CountdownControllers = {
+  /** Start the countdown. */
+  startCountdown: () => void
+  /** Stop the countdown. */
+  stopCountdown: () => void
+  /** Reset the countdown. */
+  resetCountdown: () => void
+}
+
+/**
+ * Custom hook that manages countdown.
+ * @param {CountdownOptions} countdownOptions - The countdown's options.
+ * @returns {[number, CountdownControllers]} An array containing the countdown's count and its controllers.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-countdown)
+ * @example
+ * ```tsx
+ * const [counter, { start, stop, reset }] = useCountdown({
+ *   countStart: 10,
+ *   intervalMs: 1000,
+ *   isIncrement: false,
+ * });
+ * ```
+ */
+export function useCountdown({
+  countStart,
+  countStop = 0,
+  intervalMs = 1000,
+  isIncrement = false,
+}: CountdownOptions): [number, CountdownControllers] {
+  const {
+    count,
+    increment,
+    decrement,
+    reset: resetCounter,
+  } = useCounter(countStart)
+
+  /*
+   * Note: used to control the useInterval
+   * running: If true, the interval is running
+   * start: Should set running true to trigger interval
+   * stop: Should set running false to remove interval.
+   */
+  const {
+    value: isCountdownRunning,
+    setTrue: startCountdown,
+    setFalse: stopCountdown,
+  } = useBoolean(false)
+
+  // Will set running false and reset the seconds to initial value.
+  const resetCountdown = useCallback(() => {
+    stopCountdown()
+    resetCounter()
+  }, [stopCountdown, resetCounter])
+
+  const countdownCallback = useCallback(() => {
+    if (count === countStop) {
+      stopCountdown()
+      return
+    }
+
+    if (isIncrement) {
+      increment()
+    } else {
+      decrement()
+    }
+  }, [count, countStop, decrement, increment, isIncrement, stopCountdown])
+
+  useInterval(countdownCallback, isCountdownRunning ? intervalMs : null)
+
+  return [count, { startCountdown, stopCountdown, resetCountdown }]
+}

package/node_modules/@oneplatformdev/hooks/src/useCounter/index.ts

@@ -0,0 +1 @@
+export * from './useCounter'