@box/copy-input 2.1.34 → 2.1.35

package/dist/chunks/copy-input.js

@@ -1,76 +1 @@
-import { useCopyToClipboard as e } from "../esm/lib/utils.js";
-import t from "../esm/lib/messages.js";
-import n from "clsx";
-import { forwardRef as r, useCallback as i } from "react";
-import { useIntl as a } from "react-intl";
-import { BaseTextInput as o, Button as s, InlineError as c, Text as l, useUniqueId as u } from "@box/blueprint-web";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import '../styles/copy-input.css';var p = {
-	container: "_container_17qpw_1",
-	hasError: "_hasError_17qpw_6",
-	copyInput: "_copyInput_17qpw_16",
-	input: "_input_17qpw_20",
-	button: "_button_17qpw_28",
-	isCopied: "_isCopied_17qpw_45",
-	error: "_error_17qpw_66",
-	subtext: "_subtext_17qpw_67"
-}, m = /*#__PURE__*/ r((r, m) => {
-	let { ariaLive: h, "aria-describedby": g, "data-target-id": _, disabled: v, error: y, hideLabel: b, id: x, label: S, onCopy: C, subtext: w, successStateDuration: T, value: E, ...D } = r, { formatMessage: O } = a(), k = O(t.copyButtonLabel), A = O(t.copyButtonCopiedLabel), j = u("error-"), M = u("subtext-"), { copyToClipboard: N, inputRef: P, isCopied: F } = e({
-		copyTimeout: T,
-		isDisabled: v,
-		onCopy: C
-	}), I = i((e) => {
-		e.target.select();
-	}, []), L = i((e) => {
-		e.target instanceof HTMLInputElement && e.target.setSelectionRange(0, e.target.value.length);
-	}, []), R = !!y && !v, z = !y && !!w, B;
-	return z && (B = M), R && (B = j), /* @__PURE__ */ f("div", {
-		className: n(p.container, { [p.hasError]: R }),
-		children: [
-			/* @__PURE__ */ f("div", {
-				className: n(p.copyInput, { [p.isCopied]: F }),
-				children: [/* @__PURE__ */ d(o, {
-					...D,
-					ref: P,
-					"aria-describedby": n(g, B),
-					"aria-invalid": R,
-					className: p.input,
-					disabled: v,
-					hideLabel: b,
-					invalid: R,
-					label: S,
-					onCopy: N,
-					onFocus: I,
-					onSelect: L,
-					readOnly: !0,
-					value: E
-				}), /* @__PURE__ */ d(s, {
-					ref: m,
-					"aria-live": h,
-					className: p.button,
-					"data-target-id": _,
-					disabled: v,
-					onClick: N,
-					size: "large",
-					variant: "secondary",
-					children: F ? A : k
-				})]
-			}),
-			R && /* @__PURE__ */ d(c, {
-				className: p.error,
-				id: j,
-				children: y
-			}),
-			z && !R && /* @__PURE__ */ d(l, {
-				as: "p",
-				className: p.subtext,
-				color: "textOnLightSecondary",
-				id: M,
-				variant: "caption",
-				children: w
-			})
-		]
-	});
-});
-m.displayName = "CopyInput";
-export { m as t };
+import{useCopyToClipboard}from"../esm/lib/utils.js";import messages from"../esm/lib/messages.js";import clsx from"clsx";import{forwardRef,useCallback}from"react";import{useIntl}from"react-intl";import{BaseTextInput,Button,InlineError,Text,useUniqueId}from"@box/blueprint-web";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/copy-input.css';var copy_input_module_default={container:`_container_17qpw_1`,hasError:`_hasError_17qpw_6`,copyInput:`_copyInput_17qpw_16`,input:`_input_17qpw_20`,button:`_button_17qpw_28`,isCopied:`_isCopied_17qpw_45`,error:`_error_17qpw_66`,subtext:`_subtext_17qpw_67`},CopyInput=forwardRef((props,forwardedRef)=>{let{ariaLive,"aria-describedby":ariaDescribedBy,"data-target-id":dataTargetId,disabled,error,hideLabel,id,label,onCopy,subtext,successStateDuration,value,...rest}=props,{formatMessage}=useIntl(),defaultLabel=formatMessage(messages.copyButtonLabel),copiedLabel=formatMessage(messages.copyButtonCopiedLabel),errorId=useUniqueId(`error-`),subtextId=useUniqueId(`subtext-`),{copyToClipboard,inputRef,isCopied}=useCopyToClipboard({copyTimeout:successStateDuration,isDisabled:disabled,onCopy}),handleInputFocus=useCallback(event=>{event.target.select()},[]),handleSelect=useCallback(event=>{event.target instanceof HTMLInputElement&&event.target.setSelectionRange(0,event.target.value.length)},[]),hasError=!!error&&!disabled,hasSubtext=!error&&!!subtext,describedById;return hasSubtext&&(describedById=subtextId),hasError&&(describedById=errorId),jsxs(`div`,{className:clsx(copy_input_module_default.container,{[copy_input_module_default.hasError]:hasError}),children:[jsxs(`div`,{className:clsx(copy_input_module_default.copyInput,{[copy_input_module_default.isCopied]:isCopied}),children:[jsx(BaseTextInput,{...rest,ref:inputRef,"aria-describedby":clsx(ariaDescribedBy,describedById),"aria-invalid":hasError,className:copy_input_module_default.input,disabled,hideLabel,invalid:hasError,label,onCopy:copyToClipboard,onFocus:handleInputFocus,onSelect:handleSelect,readOnly:!0,value}),jsx(Button,{ref:forwardedRef,"aria-live":ariaLive,className:copy_input_module_default.button,"data-target-id":dataTargetId,disabled,onClick:copyToClipboard,size:`large`,variant:`secondary`,children:isCopied?copiedLabel:defaultLabel})]}),hasError&&jsx(InlineError,{className:copy_input_module_default.error,id:errorId,children:error}),hasSubtext&&!hasError&&jsx(Text,{as:`p`,className:copy_input_module_default.subtext,color:`textOnLightSecondary`,id:subtextId,variant:`caption`,children:subtext})]})});CopyInput.displayName=`CopyInput`;export{CopyInput as t};

package/dist/esm/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/copy-input.js";
-export { e as CopyInput };
+import{t as CopyInput}from"../chunks/copy-input.js";export{CopyInput};

package/dist/esm/lib/copy-input.js

@@ -1,2 +1 @@
-import { t as e } from "../../chunks/copy-input.js";
-export { e as CopyInput };
+import{t as CopyInput}from"../../chunks/copy-input.js";export{CopyInput};

package/dist/esm/lib/messages.js

@@ -1,12 +1 @@
-import { defineMessages as e } from "react-intl";
-var t = e({
-	copyButtonLabel: {
-		id: "groupSharedFeatures.copyButton.copyButtonLabel",
-		defaultMessage: "Copy"
-	},
-	copyButtonCopiedLabel: {
-		id: "groupSharedFeatures.copyButton.copyButtonCopiedLabel",
-		defaultMessage: "Copied"
-	}
-});
-export { t as default };
+import{defineMessages}from"react-intl";var messages=defineMessages({copyButtonLabel:{id:`groupSharedFeatures.copyButton.copyButtonLabel`,defaultMessage:`Copy`},copyButtonCopiedLabel:{id:`groupSharedFeatures.copyButton.copyButtonCopiedLabel`,defaultMessage:`Copied`}});export{messages as default};

package/dist/esm/lib/utils.js

@@ -1,27 +1 @@
-import { useCallback as e, useRef as t, useState as n } from "react";
-var r = 3e3, i = ({ copyTimeout: i = r, isDisabled: a, onCopy: o }) => {
-	let s = t(null), [c, l] = n(!1);
-	return {
-		copyToClipboard: e(async () => {
-			if (!s.current || c || a) return;
-			if (!navigator.clipboard && !document.queryCommandSupported("copy")) {
-				o && o(/* @__PURE__ */ Error("Copying to clipboard is not supported"));
-				return;
-			}
-			let e = s.current.value ?? "";
-			try {
-				navigator.clipboard ? (await navigator.clipboard.writeText(e), s.current.select()) : (s.current.select(), document.execCommand("copy")), o && o(e), l(!0), setTimeout(() => l(!1), i);
-			} catch (e) {
-				o && o(e);
-			}
-		}, [
-			i,
-			c,
-			a,
-			o
-		]),
-		inputRef: s,
-		isCopied: c
-	};
-};
-export { i as useCopyToClipboard };
+import{useCallback,useRef,useState}from"react";var COPY_TIMEOUT_MS=3e3,useCopyToClipboard=({copyTimeout=COPY_TIMEOUT_MS,isDisabled,onCopy})=>{let inputRef=useRef(null),[isCopied,setIsCopied]=useState(!1);return{copyToClipboard:useCallback(async()=>{if(!inputRef.current||isCopied||isDisabled)return;if(!navigator.clipboard&&!document.queryCommandSupported(`copy`)){onCopy&&onCopy(Error(`Copying to clipboard is not supported`));return}let value=inputRef.current.value??``;try{navigator.clipboard?(await navigator.clipboard.writeText(value),inputRef.current.select()):(inputRef.current.select(),document.execCommand(`copy`)),onCopy&&onCopy(value),setIsCopied(!0),setTimeout(()=>setIsCopied(!1),copyTimeout)}catch(error){onCopy&&onCopy(error)}},[copyTimeout,isCopied,isDisabled,onCopy]),inputRef,isCopied}};export{useCopyToClipboard};

package/package.json

@@ -1,19 +1,19 @@
 {
     "name": "@box/copy-input",
-    "version": "2.1.34",
+    "version": "2.1.35",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
-        "@box/blueprint-web": "^16.13.0",
-        "@box/blueprint-web-assets": "^5.5.9",
+        "@box/blueprint-web": "^16.13.1",
+        "@box/blueprint-web-assets": "^5.5.10",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^16.13.0",
-        "@box/blueprint-web-assets": "^5.5.9",
-        "@box/eslint-plugin-blueprint": "2.1.10",
-        "@box/storybook-utils": "1.1.33",
+        "@box/blueprint-web": "^16.13.1",
+        "@box/blueprint-web-assets": "^5.5.10",
+        "@box/eslint-plugin-blueprint": "2.1.11",
+        "@box/storybook-utils": "1.1.34",
         "react-intl": "^6.4.2"
     },
     "publishConfig": {