@box/copy-input 1.38.0 → 1.39.1

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

@@ -1,84 +1,86 @@
-import { useUniqueId as _, BaseTextInput as k, Button as F, InlineError as O, Text as q } from "@box/blueprint-web";
-import i from "clsx";
-import { forwardRef as w, useCallback as f } from "react";
-import { useIntl as z } from "react-intl";
-import { messages as h } from "./messages.js";
-import { useClipboardCopy as H } from "./utils.js";
-import { jsxs as I, jsx as n } from "react/jsx-runtime";
-import '../../styles/copy-input.css';const U = "_formWrapper_241a0_2", A = "_hasError_241a0_7", G = "_copyInputWrapper_241a0_17", J = "_copied_241a0_21", K = "_copyButton_241a0_38", P = "_copyInput_241a0_17", Q = "_subtext_241a0_70", V = "_inlineError_241a0_71", e = {
-  formWrapper: U,
-  hasError: A,
-  copyInputWrapper: G,
-  copied: J,
-  copyButton: K,
-  copyInput: P,
-  subtext: Q,
-  inlineError: V
-}, X = /* @__PURE__ */ w((x, E) => {
+import { useUniqueId as _, BaseTextInput as F, Button as O, InlineError as q, Text as w } from "@box/blueprint-web";
+import c from "clsx";
+import { forwardRef as z, useCallback as f } from "react";
+import { useIntl as H } from "react-intl";
+import { messages as I } from "./messages.js";
+import { useClipboardCopy as U } from "./utils.js";
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
+import '../../styles/copy-input.css';const A = "_formWrapper_241a0_2", G = "_hasError_241a0_7", J = "_copyInputWrapper_241a0_17", K = "_copied_241a0_21", P = "_copyButton_241a0_38", Q = "_copyInput_241a0_17", V = "_subtext_241a0_70", X = "_inlineError_241a0_71", e = {
+  formWrapper: A,
+  hasError: G,
+  copyInputWrapper: J,
+  copied: K,
+  copyButton: P,
+  copyInput: Q,
+  subtext: V,
+  inlineError: X
+}, Y = /* @__PURE__ */ z((x, g) => {
   const {
-    id: Y,
-    value: g,
-    subtext: p,
-    error: o,
-    disabled: a,
-    ariaLive: B,
-    successStateDuration: C,
+    ariaLive: E,
+    "data-target-id": B,
+    disabled: o,
+    error: a,
+    hideLabel: C,
+    id: Z,
     label: v,
     onCopy: L,
-    hideLabel: W,
+    subtext: p,
+    successStateDuration: W,
+    value: N,
     ...l
-  } = x, d = z(), N = d.formatMessage(h.copyButtonLabel), S = d.formatMessage(h.copyButtonCopiedLabel), u = _("inline-error-"), y = _("subtext-"), {
+  } = x, d = H(), S = d.formatMessage(I.copyButtonLabel), T = d.formatMessage(I.copyButtonCopiedLabel), u = _("inline-error-"), y = _("subtext-"), {
     copied: m,
     handleCopy: b,
-    inputRef: T
-  } = H(a, L, C), D = f((t) => {
-    t.target.select();
-  }, []), M = f((t) => {
-    t.target instanceof HTMLInputElement && t.target.setSelectionRange(0, t.target.value.length);
-  }, []), r = !!o && !a, s = !o && !!p, R = r || s;
-  let c = "";
-  r ? c = u : s && (c = y);
-  const j = i(l["aria-describedby"], {
-    [c]: R
+    inputRef: D
+  } = U(o, L, W), M = f((r) => {
+    r.target.select();
+  }, []), R = f((r) => {
+    r.target instanceof HTMLInputElement && r.target.setSelectionRange(0, r.target.value.length);
+  }, []), t = !!a && !o, s = !a && !!p, j = t || s;
+  let i = "";
+  t ? i = u : s && (i = y);
+  const k = c(l["aria-describedby"], {
+    [i]: j
   });
-  return /* @__PURE__ */ I("div", {
-    className: i(e.formWrapper, {
-      [e.hasError]: o
+  return /* @__PURE__ */ h("div", {
+    className: c(e.formWrapper, {
+      [e.hasError]: a
     }),
-    children: [/* @__PURE__ */ I("div", {
-      className: i(e.copyInputWrapper, {
+    children: [/* @__PURE__ */ h("div", {
+      className: c(e.copyInputWrapper, {
         [e.copied]: m
       }),
-      children: [/* @__PURE__ */ n(k, {
+      children: [/* @__PURE__ */ n(F, {
         ...l,
-        ref: T,
-        "aria-describedby": j || void 0,
-        "aria-invalid": r,
+        ref: D,
+        "aria-describedby": k || void 0,
+        "aria-invalid": t,
         className: e.copyInput,
-        disabled: a,
-        hideLabel: W,
-        invalid: r,
+        disabled: o,
+        hideLabel: C,
+        invalid: t,
         label: v,
         onCopy: b,
-        onFocus: D,
-        onSelect: M,
+        onFocus: M,
+        onSelect: R,
         readOnly: !0,
-        value: g
-      }), /* @__PURE__ */ n(F, {
-        ref: E,
-        "aria-live": B,
+        value: N
+      }), /* @__PURE__ */ n(O, {
+        ref: g,
+        "aria-live": E,
         className: e.copyButton,
-        disabled: a,
+        "data-target-id": B,
+        disabled: o,
         onClick: b,
         size: "large",
         variant: "secondary",
-        children: m ? S : N
+        children: m ? T : S
       })]
-    }), r ? /* @__PURE__ */ n(O, {
+    }), t ? /* @__PURE__ */ n(q, {
       className: e.inlineError,
       id: u,
-      children: o
-    }) : s && /* @__PURE__ */ n(q, {
+      children: a
+    }) : s && /* @__PURE__ */ n(w, {
       as: "p",
       className: e.subtext,
       color: "textOnLightSecondary",
@@ -88,7 +90,7 @@ import '../../styles/copy-input.css';const U = "_formWrapper_241a0_2", A = "_has
     })]
   });
 });
-X.displayName = "CopyInput";
+Y.displayName = "CopyInput";
 export {
-  X as CopyInput
+  Y as CopyInput
 };

package/dist/types/lib/types.d.ts

@@ -10,6 +10,8 @@ export type CopyInputProps = Omit<TextInputProps, 'onCopy'> & {
     hideLabel?: boolean;
     /** Aria-live for the button */
     ariaLive?: 'off' | 'polite' | 'assertive';
+    /** Targeting id attribute for copy button */
+    'data-target-id'?: string;
     /** Duration (milliseconds) in which to show the copy success state.
      * @default 3000 [ms] */
     successStateDuration?: number;

package/package.json

@@ -1,19 +1,19 @@
 {
     "name": "@box/copy-input",
-    "version": "1.38.0",
+    "version": "1.39.1",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
-        "@box/blueprint-web": "^13.3.0",
-        "@box/blueprint-web-assets": "^4.101.14",
+        "@box/blueprint-web": "^13.3.1",
+        "@box/blueprint-web-assets": "^4.101.15",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^13.3.0",
-        "@box/blueprint-web-assets": "^4.101.14",
-        "@box/storybook-utils": "0.16.51",
-        "@box/eslint-plugin-blueprint": "1.0.5",
+        "@box/blueprint-web": "^13.3.1",
+        "@box/blueprint-web-assets": "^4.101.15",
+        "@box/storybook-utils": "0.16.52",
+        "@box/eslint-plugin-blueprint": "1.1.0",
         "react-intl": "^6.4.2"
     },
     "publishConfig": {