@chakra-ui/hooks/dist/cjs/use-clipboard.cjs

React hooks for Chakra components

'use client';
'use strict';

var react = require('react');
var copy = require('copy-to-clipboard');

function useClipboard(value, optionsOrTimeout = {}) {
  const [hasCopied, setHasCopied] = react.useState(false);
  const [valueState, setValueState] = react.useState(value);
  react.useEffect(() => setValueState(value), [value]);
  const { timeout = 1500, ...copyOptions } = typeof optionsOrTimeout === "number" ? { timeout: optionsOrTimeout } : optionsOrTimeout;
  const onCopy = react.useCallback(
    (valueToCopy) => {
      const value2 = typeof valueToCopy === "string" ? valueToCopy : valueState;
      if ("clipboard" in navigator) {
        navigator.clipboard.writeText(value2).then(() => setHasCopied(true)).catch(() => setHasCopied(copy(value2, copyOptions)));
      } else {
        setHasCopied(copy(value2, copyOptions));
      }
    },
    [valueState, copyOptions]
  );
  react.useEffect(() => {
    let timeoutId = null;
    if (hasCopied) {
      timeoutId = window.setTimeout(() => {
        setHasCopied(false);
      }, timeout);
    }
    return () => {
      if (timeoutId) {
        window.clearTimeout(timeoutId);
      }
    };
  }, [timeout, hasCopied]);
  return {
    value: valueState,
    setValue: setValueState,
    onCopy,
    hasCopied
  };
}

exports.useClipboard = useClipboard;