@chakra-ui/hooks
Advanced tools
Comparing version 2.1.5 to 2.1.6
@@ -163,10 +163,11 @@ "use strict"; | ||
var import_copy_to_clipboard = __toESM(require("copy-to-clipboard")); | ||
function useClipboard(initialValue, optionsOrTimeout = {}) { | ||
function useClipboard(value, optionsOrTimeout = {}) { | ||
const [hasCopied, setHasCopied] = (0, import_react6.useState)(false); | ||
const [value, setValue] = (0, import_react6.useState)(initialValue); | ||
const [valueState, setValueState] = (0, import_react6.useState)(value); | ||
(0, import_react6.useEffect)(() => setValueState(value), [value]); | ||
const { timeout = 1500, ...copyOptions } = typeof optionsOrTimeout === "number" ? { timeout: optionsOrTimeout } : optionsOrTimeout; | ||
const onCopy = (0, import_react6.useCallback)(() => { | ||
const didCopy = (0, import_copy_to_clipboard.default)(value, copyOptions); | ||
const didCopy = (0, import_copy_to_clipboard.default)(valueState, copyOptions); | ||
setHasCopied(didCopy); | ||
}, [value, copyOptions]); | ||
}, [valueState, copyOptions]); | ||
(0, import_react6.useEffect)(() => { | ||
@@ -185,3 +186,8 @@ let timeoutId = null; | ||
}, [timeout, hasCopied]); | ||
return { value, setValue, onCopy, hasCopied }; | ||
return { | ||
value: valueState, | ||
setValue: setValueState, | ||
onCopy, | ||
hasCopied | ||
}; | ||
} | ||
@@ -188,0 +194,0 @@ |
@@ -16,3 +16,3 @@ import * as react from 'react'; | ||
* | ||
* @param initialValue the text or value to copy | ||
* @param value the text or value to copy | ||
* @param {Number} [optionsOrTimeout=1500] optionsOrTimeout - delay (in ms) to switch back to initial state once copied. | ||
@@ -25,3 +25,3 @@ * @param {Object} optionsOrTimeout | ||
*/ | ||
declare function useClipboard(initialValue: string, optionsOrTimeout?: number | UseClipboardOptions): { | ||
declare function useClipboard(value: string, optionsOrTimeout?: number | UseClipboardOptions): { | ||
value: string; | ||
@@ -28,0 +28,0 @@ setValue: react.Dispatch<react.SetStateAction<string>>; |
@@ -34,10 +34,11 @@ "use strict"; | ||
var import_copy_to_clipboard = __toESM(require("copy-to-clipboard")); | ||
function useClipboard(initialValue, optionsOrTimeout = {}) { | ||
function useClipboard(value, optionsOrTimeout = {}) { | ||
const [hasCopied, setHasCopied] = (0, import_react.useState)(false); | ||
const [value, setValue] = (0, import_react.useState)(initialValue); | ||
const [valueState, setValueState] = (0, import_react.useState)(value); | ||
(0, import_react.useEffect)(() => setValueState(value), [value]); | ||
const { timeout = 1500, ...copyOptions } = typeof optionsOrTimeout === "number" ? { timeout: optionsOrTimeout } : optionsOrTimeout; | ||
const onCopy = (0, import_react.useCallback)(() => { | ||
const didCopy = (0, import_copy_to_clipboard.default)(value, copyOptions); | ||
const didCopy = (0, import_copy_to_clipboard.default)(valueState, copyOptions); | ||
setHasCopied(didCopy); | ||
}, [value, copyOptions]); | ||
}, [valueState, copyOptions]); | ||
(0, import_react.useEffect)(() => { | ||
@@ -56,3 +57,8 @@ let timeoutId = null; | ||
}, [timeout, hasCopied]); | ||
return { value, setValue, onCopy, hasCopied }; | ||
return { | ||
value: valueState, | ||
setValue: setValueState, | ||
onCopy, | ||
hasCopied | ||
}; | ||
} | ||
@@ -59,0 +65,0 @@ // Annotate the CommonJS export names for ESM import in node: |
{ | ||
"name": "@chakra-ui/hooks", | ||
"version": "2.1.5", | ||
"version": "2.1.6", | ||
"description": "React hooks for Chakra components", | ||
@@ -31,4 +31,4 @@ "keywords": [ | ||
"dependencies": { | ||
"compute-scroll-into-view": "1.0.14", | ||
"copy-to-clipboard": "3.3.1", | ||
"compute-scroll-into-view": "1.0.20", | ||
"copy-to-clipboard": "3.3.3", | ||
"@chakra-ui/react-utils": "2.0.12", | ||
@@ -35,0 +35,0 @@ "@chakra-ui/utils": "2.0.15" |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
145979
4516
+ Addedcompute-scroll-into-view@1.0.20(transitive)
+ Addedcopy-to-clipboard@3.3.3(transitive)
- Removedcompute-scroll-into-view@1.0.14(transitive)
- Removedcopy-to-clipboard@3.3.1(transitive)
Updatedcopy-to-clipboard@3.3.3