@wistia/ui 0.8.0 → 0.8.1-beta.457b4199.8f2a9db

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.8.0
+ * @license @wistia/ui v0.8.1-beta.457b4199.8f2a9db
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -76,6 +76,7 @@ __export(index_exports, {
   Image: () => Image,
   ImageDimensionsValidator: () => import_validators.ImageDimensionsValidator,
   Input: () => Input,
+  InputClickToCopy: () => InputClickToCopy,
   Label: () => Label,
   Link: () => Link,
   Menu: () => Menu,
@@ -7032,11 +7033,14 @@ var Link = (0, import_react15.forwardRef)(
   }, ref) => {
     const inRouterContext = (0, import_react_router_dom.useInRouterContext)();
     const to = generateHref(props.href, type, disabled);
+    const shouldUseReactRouterLink = inRouterContext && type !== "external" && !to?.startsWith("http");
     const handleClick = async (event) => {
       if (disabled) {
         event.preventDefault();
       } else if (beforeAction) {
-        event.preventDefault();
+        if (!shouldUseReactRouterLink) {
+          event.preventDefault();
+        }
         try {
           await beforeAction();
         } catch (error) {
@@ -7080,7 +7084,6 @@ var Link = (0, import_react15.forwardRef)(
         ...commonProps,
         ...externalLinkProps
       };
-      const shouldUseReactRouterLink = inRouterContext && type !== "external" && !to?.startsWith("http");
       return shouldUseReactRouterLink ? /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
         StyledLink,
         {
@@ -12693,6 +12696,70 @@ var Thumbnail = (0, import_react66.forwardRef)(
   }
 );
 Thumbnail.displayName = "Thumbnail";
+
+// src/components/InputClickToCopy/InputClickToCopy.tsx
+var import_styled_components90 = __toESM(require("styled-components"));
+var import_react67 = require("react");
+var import_type_guards54 = require("@wistia/type-guards");
+var import_jsx_runtime271 = require("react/jsx-runtime");
+var StyledInput2 = (0, import_styled_components90.default)(Input)`
+  &:not([aria-disabled='true']) {
+    cursor: pointer;
+  }
+
+  &::selection {
+    background-color: transparent;
+  }
+`;
+var COPY_SUCCESS_DURATION = 2e3;
+var InputClickToCopy = (0, import_react67.forwardRef)(
+  ({ value, onCopy, ...props }, ref) => {
+    const [isCopied, setIsCopied] = (0, import_react67.useState)(false);
+    (0, import_react67.useEffect)(() => {
+      if (isCopied) {
+        const timeout = setTimeout(() => {
+          setIsCopied(false);
+        }, COPY_SUCCESS_DURATION);
+        return () => {
+          clearTimeout(timeout);
+        };
+      }
+      return () => null;
+    }, [isCopied]);
+    const handleClick = (event) => {
+      event.preventDefault();
+      if ((0, import_type_guards54.isFunction)(props.onClick)) {
+        props.onClick(event);
+      }
+      void copyToClipboard(value).then(() => {
+        setIsCopied(true);
+        if ((0, import_type_guards54.isFunction)(onCopy)) {
+          onCopy(value);
+        }
+        return value;
+      });
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+      StyledInput2,
+      {
+        "aria-label": "Click to Copy",
+        ...props,
+        ref,
+        onClick: handleClick,
+        readOnly: true,
+        rightIcon: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+          Icon,
+          {
+            colorScheme: "success",
+            type: "checkmark-circle"
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Icon, { type: "save-as-copy" }),
+        value
+      }
+    );
+  }
+);
+InputClickToCopy.displayName = "InputClickToCopy";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ActionButton,
@@ -12732,6 +12799,7 @@ Thumbnail.displayName = "Thumbnail";
   Image,
   ImageDimensionsValidator,
   Input,
+  InputClickToCopy,
   Label,
   Link,
   Menu,