Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@contentful/f36-copybutton
Advanced tools
@contentful/f36-copybutton - npm Package Compare versions
Comparing version 4.0.1-next-v4-6664.2273 to 4.0.1-next-v4-6682.2274
@@ -1,2 +0,2 @@ | ||
| var e=d(require("@babel/runtime/helpers/extends")),{cx:t,css:o}=require("emotion"),r=require("react"),n=d(r),{useState:a,useRef:i,useCallback:u}=r,c=d(require("react-copy-to-clipboard")),{CopyIcon:l}=require("@contentful/f36-icons"),{Tooltip:s}=require("@contentful/f36-tooltip"),p=d(require("@contentful/f36-tokens"));function d(e){return e&&e.__esModule?e.default:e}var f,b,y,m,g={};f=g,b="CopyButton",y=()=>C,Object.defineProperty(f,b,{get:y,set:m,enumerable:!0,configurable:!0});function h(r,d){const{onCopy:f,value:b,className:y,testId:m="cf-ui-copy-button",tooltipText:g="Copy to clipboard",tooltipCopiedText:h="Copied!",tooltipProps:C,...v}=r,x={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}},"")},[k,q]=a(!1),w=i(null),E=u((e=>{f&&f(e),q(!0),setTimeout((()=>{q(!1),w.current&&w.current.blur()}),1e3)}),[f]);return n.createElement("div",e({ref:d,"data-test-id":m,className:t(x.wrapper,y)},v),n.createElement(c,{text:b,onCopy:E},n.createElement(s,e({content:k?h:g},C),n.createElement("button",{type:"button",ref:w,className:t(x.copyButton),"aria-label":`Copy ${b} to clipboard`},n.createElement(l,{variant:"muted"})))))}const C=n.forwardRef(h);var v,x;v=module.exports,x=g,Object.keys(x).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(v,e,{enumerable:!0,get:function(){return x[e]}})})); | ||
| var e=d(require("@babel/runtime/helpers/extends")),{cx:t,css:o}=require("emotion"),r=require("react"),n=d(r),{useRef:a,useCallback:i,useState:u}=r,c=d(require("react-copy-to-clipboard")),{CopyIcon:l}=require("@contentful/f36-icons"),{Tooltip:s}=require("@contentful/f36-tooltip"),p=d(require("@contentful/f36-tokens"));function d(e){return e&&e.__esModule?e.default:e}var f,b,y,m,g={};f=g,b="CopyButton",y=()=>C,Object.defineProperty(f,b,{get:y,set:m,enumerable:!0,configurable:!0});function h(r,d){const{onCopy:f,value:b,className:y,testId:m="cf-ui-copy-button",tooltipText:g="Copy to clipboard",tooltipCopiedText:h="Copied!",tooltipProps:C,...v}=r,x={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}},"")},[k,q]=u(!1),w=a(null),E=i((e=>{f&&f(e),q(!0),setTimeout((()=>{q(!1),w.current&&w.current.blur()}),1e3)}),[f]);return n.createElement("div",e({ref:d,"data-test-id":m,className:t(x.wrapper,y)},v),n.createElement(c,{text:b,onCopy:E},n.createElement(s,e({content:k?h:g},C),n.createElement("button",{type:"button",ref:w,className:t(x.copyButton),"aria-label":`Copy ${b} to clipboard`},n.createElement(l,{variant:"muted"})))))}const C=n.forwardRef(h);var v,x;v=module.exports,x=g,Object.keys(x).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(v,e,{enumerable:!0,get:function(){return x[e]}})})); | ||
| //# sourceMappingURL=main.js.map |
@@ -1,2 +0,2 @@ | ||
| import t from"@babel/runtime/helpers/esm/extends";import{cx as e,css as o}from"emotion";import r,{useCallback as n,useState as a,useRef 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]=a(!1),B=i(null),E=n((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,{useCallback as n,useRef 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=a(null),E=n((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-6664.2273+00c2a7bb", | ||
| "version": "4.0.1-next-v4-6682.2274+7248ebda", | ||
| "description": "Forma 36: CopyButton component", | ||
@@ -10,6 +10,6 @@ "scripts": { | ||
| "@babel/runtime": "^7.6.2", | ||
| "@contentful/f36-core": "4.0.1-next-v4-6664.2273+00c2a7bb", | ||
| "@contentful/f36-icons": "4.0.1-next-v4-6664.2273+00c2a7bb", | ||
| "@contentful/f36-tokens": "4.0.1-next-v4-6664.2273+00c2a7bb", | ||
| "@contentful/f36-tooltip": "4.0.1-next-v4-6664.2273+00c2a7bb", | ||
| "@contentful/f36-core": "4.0.1-next-v4-6682.2274+7248ebda", | ||
| "@contentful/f36-icons": "4.0.1-next-v4-6682.2274+7248ebda", | ||
| "@contentful/f36-tokens": "4.0.1-next-v4-6682.2274+7248ebda", | ||
| "@contentful/f36-tooltip": "4.0.1-next-v4-6682.2274+7248ebda", | ||
| "emotion": "^10.0.17", | ||
@@ -39,3 +39,3 @@ "react-copy-to-clipboard": "^5.0.3" | ||
| }, | ||
| "gitHead": "00c2a7bb8dbb16bd1bbcda2fc7c0d687ffc02231" | ||
| "gitHead": "7248ebda54d37b087366a3f3726b14321ef0730a" | ||
| } |
New alerts
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
Fixed alerts
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
No metric changes