@chakra-ui/hooks - npm Package Compare versions

Comparing version 0.0.0-dev-20230112154520 to 0.0.0-dev-20230206135638

dist/index.js

@@ -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 @@

dist/use-clipboard.d.ts

@@ -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>>;

dist/use-clipboard.js

@@ -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:

package.json

 {
   "name": "@chakra-ui/hooks",
-  "version": "0.0.0-dev-20230112154520",
+  "version": "0.0.0-dev-20230206135638",
   "description": "React hooks for Chakra components",
@@ -31,6 +31,6 @@ "keywords": [
   "dependencies": {
-    "compute-scroll-into-view": "1.0.14",
+    "compute-scroll-into-view": "1.0.20",
     "copy-to-clipboard": "3.3.1",
-    "@chakra-ui/react-utils": "0.0.0-dev-20230112154520",
-    "@chakra-ui/utils": "0.0.0-dev-20230112154520"
+    "@chakra-ui/react-utils": "2.0.12",
+    "@chakra-ui/utils": "2.0.15"
   },
@@ -37,0 +37,0 @@ "peerDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

145998

increased by0.2%

Lines of code

4516

increased by0.4%

Dependency changes

• + Added@chakra-ui/react-utils@2.0.12(transitive)

• + Added@chakra-ui/utils@2.0.15(transitive)

• + Addedcompute-scroll-into-view@1.0.20(transitive)

• - Removed@chakra-ui/react-utils@0.0.0-dev-20230112154520(transitive)

• - Removed@chakra-ui/utils@0.0.0-dev-20230112154520(transitive)

• - Removedcompute-scroll-into-view@1.0.14(transitive)

• Updated@chakra-ui/react-utils@2.0.12

• Updated@chakra-ui/utils@2.0.15

• Updatedcompute-scroll-into-view@1.0.20