@contentful/f36-copybutton
Advanced tools
Comparing version 4.0.1-next-v4-6548.2251 to 4.0.1-next-v4-6652.2269
@@ -1,2 +0,2 @@ | ||
import t from"@babel/runtime/helpers/esm/extends";import{cx as e,css as o}from"emotion";import r,{useState as n,useRef as a,useCallback as i}from"react";import c from"react-copy-to-clipboard";import{CopyIcon as l}from"@contentful/f36-icons";import{Tooltip as s}from"@contentful/f36-tooltip";import p from"@contentful/f36-tokens";var u,m,f,d;u={},m="CopyButton",f=()=>y,Object.defineProperty(u,m,{get:f,set:d,enumerable:!0,configurable:!0});function b(u,m){const{onCopy:f,value:d,className:b,testId:y="cf-ui-copy-button",tooltipText:g="Copy to clipboard",tooltipCopiedText:C="Copied!",tooltipProps:h,...x}=u,k={wrapper:o({display:"inline-block",height:`calc(1rem * (40 / ${p.fontBaseDefault}))`,position:"relative",width:`calc(1rem * (40 / ${p.fontBaseDefault}))`},""),copyButton:o({alignItems:"center",background:p.colorWhite,border:`1px solid ${p.gray300}`,display:"inline-flex",height:"100%",justifyContent:"center",outline:"none",padding:0,transition:`background ${p.transitionDurationShort} ${p.transitionEasingDefault}`,width:"100%","&:hover":{backgroundColor:p.gray100,cursor:"pointer"},"&:active":{backgroundColor:p.gray200,cursor:"pointer"},"&:focus":{boxShadow:p.glowMuted}},"")},[v,w]=n(!1),B=a(null),E=i((t=>{f&&f(t),w(!0),setTimeout((()=>{w(!1),B.current&&B.current.blur()}),1e3)}),[f]);return r.createElement("div",t({ref:m,"data-test-id":y,className:e(k.wrapper,b)},x),r.createElement(c,{text:d,onCopy:E},r.createElement(s,t({content:v?C:g},h),r.createElement("button",{type:"button",ref:B,className:e(k.copyButton),"aria-label":`Copy ${d} to clipboard`},r.createElement(l,{variant:"muted"})))))}const y=r.forwardRef(b);export{y as CopyButton}; | ||
import t from"@babel/runtime/helpers/esm/extends";import{cx as e,css as o}from"emotion";import r,{useRef as n,useCallback as a,useState as i}from"react";import c from"react-copy-to-clipboard";import{CopyIcon as l}from"@contentful/f36-icons";import{Tooltip as s}from"@contentful/f36-tooltip";import p from"@contentful/f36-tokens";var u,m,f,d;u={},m="CopyButton",f=()=>y,Object.defineProperty(u,m,{get:f,set:d,enumerable:!0,configurable:!0});function b(u,m){const{onCopy:f,value:d,className:b,testId:y="cf-ui-copy-button",tooltipText:g="Copy to clipboard",tooltipCopiedText:C="Copied!",tooltipProps:h,...x}=u,k={wrapper:o({display:"inline-block",height:`calc(1rem * (40 / ${p.fontBaseDefault}))`,position:"relative",width:`calc(1rem * (40 / ${p.fontBaseDefault}))`},""),copyButton:o({alignItems:"center",background:p.colorWhite,border:`1px solid ${p.gray300}`,display:"inline-flex",height:"100%",justifyContent:"center",outline:"none",padding:0,transition:`background ${p.transitionDurationShort} ${p.transitionEasingDefault}`,width:"100%","&:hover":{backgroundColor:p.gray100,cursor:"pointer"},"&:active":{backgroundColor:p.gray200,cursor:"pointer"},"&:focus":{boxShadow:p.glowMuted}},"")},[v,w]=i(!1),B=n(null),E=a((t=>{f&&f(t),w(!0),setTimeout((()=>{w(!1),B.current&&B.current.blur()}),1e3)}),[f]);return r.createElement("div",t({ref:m,"data-test-id":y,className:e(k.wrapper,b)},x),r.createElement(c,{text:d,onCopy:E},r.createElement(s,t({content:v?C:g},h),r.createElement("button",{type:"button",ref:B,className:e(k.copyButton),"aria-label":`Copy ${d} to clipboard`},r.createElement(l,{variant:"muted"})))))}const y=r.forwardRef(b);export{y as CopyButton}; | ||
//# sourceMappingURL=module.js.map |
{ | ||
"name": "@contentful/f36-copybutton", | ||
"version": "4.0.1-next-v4-6548.2251+ae9665da", | ||
"version": "4.0.1-next-v4-6652.2269+bf759ac5", | ||
"description": "Forma 36: CopyButton component", | ||
@@ -10,6 +10,6 @@ "scripts": { | ||
"@babel/runtime": "^7.6.2", | ||
"@contentful/f36-core": "4.0.1-next-v4-6548.2251+ae9665da", | ||
"@contentful/f36-icons": "4.0.1-next-v4-6548.2251+ae9665da", | ||
"@contentful/f36-tokens": "4.0.1-next-v4-6548.2251+ae9665da", | ||
"@contentful/f36-tooltip": "4.0.1-next-v4-6548.2251+ae9665da", | ||
"@contentful/f36-core": "4.0.1-next-v4-6652.2269+bf759ac5", | ||
"@contentful/f36-icons": "4.0.1-next-v4-6652.2269+bf759ac5", | ||
"@contentful/f36-tokens": "4.0.1-next-v4-6652.2269+bf759ac5", | ||
"@contentful/f36-tooltip": "4.0.1-next-v4-6652.2269+bf759ac5", | ||
"emotion": "^10.0.17", | ||
@@ -39,3 +39,3 @@ "react-copy-to-clipboard": "^5.0.3" | ||
}, | ||
"gitHead": "ae9665da75f49a4d419c4bfa234a695fad309abb" | ||
"gitHead": "bf759ac52a20cf22ef5dc413d6fac04d494b7687" | ||
} |
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
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
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
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package