@contentful/f36-copybutton - npm Package Compare versions

Comparing version 4.0.1-next-v4-7911.2329 to 4.0.1-next-v4-7926.2330

dist/main.js

@@ -1,2 +0,2 @@
-var e=p(require("@babel/runtime/helpers/extends")),{cx:o,css:t}=require("emotion"),r=require("react"),n=p(r),{useCallback:a,useRef:i,useState:l}=r,u=p(require("react-copy-to-clipboard")),{CopyIcon:c}=require("@contentful/f36-icons"),{Tooltip:s}=require("@contentful/f36-tooltip"),d=p(require("@contentful/f36-tokens"));function p(e){return e&&e.__esModule?e.default:e}var b,f,y,g,m={};b=m,f="CopyButton",y=()=>C,Object.defineProperty(b,f,{get:y,set:g,enumerable:!0,configurable:!0});function h(r,p){const{onCopy:b,value:f,className:y,testId:g="cf-ui-copy-button",tooltipText:m="Copy to clipboard",tooltipCopiedText:h="Copied!",tooltipProps:C,isDisabled:v=!1,size:x="medium",...w}=r,k=(({size:e})=>{const o="small"===e?"32px":"40px";return{wrapper:t({display:"inline-block",height:o,position:"relative",width:o},""),copyButton:t({alignItems:"center",background:d.colorWhite,border:`1px solid ${d.gray300}`,display:"inline-flex",height:"100%",justifyContent:"center",outline:"none",padding:0,transition:`background ${d.transitionDurationShort} ${d.transitionEasingDefault}`,width:"100%","&:hover":{backgroundColor:d.gray100,cursor:"pointer"},"&:active":{backgroundColor:d.gray200,cursor:"pointer"},"&:focus":{boxShadow:d.glowMuted}},""),copyButtonDisabled:t({cursor:"not-allowed",backgroundColor:d.gray100,"&:hover":{cursor:"not-allowed",backgroundColor:d.gray100},"&:focus":{borderColor:d.gray300,boxShadow:"none"},"&:active, &:active:hover":{borderColor:d.gray300,boxShadow:"none"}},"")}})({size:x}),[q,E]=l(!1),D=i(null),B=a((e=>{b&&b(e),E(!0),setTimeout((()=>{E(!1),D.current&&D.current.blur()}),1e3)}),[b]);return n.createElement("div",e({ref:p,"data-test-id":g,className:o(k.wrapper,y)},w),n.createElement(u,{text:f,onCopy:B},n.createElement(s,e({content:q?h:m},C,{isDisabled:v}),n.createElement("button",{type:"button",ref:D,className:o(k.copyButton,{[k.copyButtonDisabled]:v}),"aria-label":`Copy ${f} to clipboard`,disabled:v},n.createElement(c,{variant:"muted",size:"small"===x?"tiny":"small"})))))}const C=n.forwardRef(h);var v,x;v=module.exports,x=m,Object.keys(x).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(v,e,{enumerable:!0,get:function(){return x[e]}})}));
+var e=p(require("@babel/runtime/helpers/extends")),{cx:o,css:t}=require("emotion"),r=require("react"),n=p(r),{useRef:a,useCallback:i,useState:l}=r,u=p(require("react-copy-to-clipboard")),{CopyIcon:c}=require("@contentful/f36-icons"),{Tooltip:s}=require("@contentful/f36-tooltip"),d=p(require("@contentful/f36-tokens"));function p(e){return e&&e.__esModule?e.default:e}var b,f,y,g,m={};b=m,f="CopyButton",y=()=>C,Object.defineProperty(b,f,{get:y,set:g,enumerable:!0,configurable:!0});function h(r,p){const{onCopy:b,value:f,className:y,testId:g="cf-ui-copy-button",tooltipText:m="Copy to clipboard",tooltipCopiedText:h="Copied!",tooltipProps:C,isDisabled:v=!1,size:x="medium",...w}=r,k=(({size:e})=>{const o="small"===e?"32px":"40px";return{wrapper:t({display:"inline-block",height:o,position:"relative",width:o},""),copyButton:t({alignItems:"center",background:d.colorWhite,border:`1px solid ${d.gray300}`,display:"inline-flex",height:"100%",justifyContent:"center",outline:"none",padding:0,transition:`background ${d.transitionDurationShort} ${d.transitionEasingDefault}`,width:"100%","&:hover":{backgroundColor:d.gray100,cursor:"pointer"},"&:active":{backgroundColor:d.gray200,cursor:"pointer"},"&:focus":{boxShadow:d.glowMuted}},""),copyButtonDisabled:t({cursor:"not-allowed",backgroundColor:d.gray100,"&:hover":{cursor:"not-allowed",backgroundColor:d.gray100},"&:focus":{borderColor:d.gray300,boxShadow:"none"},"&:active, &:active:hover":{borderColor:d.gray300,boxShadow:"none"}},"")}})({size:x}),[q,E]=l(!1),D=a(null),B=i((e=>{b&&b(e),E(!0),setTimeout((()=>{E(!1),D.current&&D.current.blur()}),1e3)}),[b]);return n.createElement("div",e({ref:p,"data-test-id":g,className:o(k.wrapper,y)},w),n.createElement(u,{text:f,onCopy:B},n.createElement(s,e({content:q?h:m},C,{isDisabled:v}),n.createElement("button",{type:"button",ref:D,className:o(k.copyButton,{[k.copyButtonDisabled]:v}),"aria-label":`Copy ${f} to clipboard`,disabled:v},n.createElement(c,{variant:"muted",size:"small"===x?"tiny":"small"})))))}const C=n.forwardRef(h);var v,x;v=module.exports,x=m,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

dist/module.js

@@ -1,2 +0,2 @@
-import o from"@babel/runtime/helpers/esm/extends";import{cx as t,css as e}from"emotion";import r,{useState as a,useCallback as n,useRef as i}from"react";import l from"react-copy-to-clipboard";import{CopyIcon as s}from"@contentful/f36-icons";import{Tooltip as c}from"@contentful/f36-tooltip";import p from"@contentful/f36-tokens";var u,d,m,b;u={},d="CopyButton",m=()=>y,Object.defineProperty(u,d,{get:m,set:b,enumerable:!0,configurable:!0});function f(u,d){const{onCopy:m,value:b,className:f,testId:y="cf-ui-copy-button",tooltipText:g="Copy to clipboard",tooltipCopiedText:C="Copied!",tooltipProps:h,isDisabled:x=!1,size:v="medium",...w}=u,k=(({size:o})=>{const t="small"===o?"32px":"40px";return{wrapper:e({display:"inline-block",height:t,position:"relative",width:t},""),copyButton:e({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}},""),copyButtonDisabled:e({cursor:"not-allowed",backgroundColor:p.gray100,"&:hover":{cursor:"not-allowed",backgroundColor:p.gray100},"&:focus":{borderColor:p.gray300,boxShadow:"none"},"&:active, &:active:hover":{borderColor:p.gray300,boxShadow:"none"}},"")}})({size:v}),[B,D]=a(!1),E=i(null),S=n((o=>{m&&m(o),D(!0),setTimeout((()=>{D(!1),E.current&&E.current.blur()}),1e3)}),[m]);return r.createElement("div",o({ref:d,"data-test-id":y,className:t(k.wrapper,f)},w),r.createElement(l,{text:b,onCopy:S},r.createElement(c,o({content:B?C:g},h,{isDisabled:x}),r.createElement("button",{type:"button",ref:E,className:t(k.copyButton,{[k.copyButtonDisabled]:x}),"aria-label":`Copy ${b} to clipboard`,disabled:x},r.createElement(s,{variant:"muted",size:"small"===v?"tiny":"small"})))))}const y=r.forwardRef(f);export{y as CopyButton};
+import o from"@babel/runtime/helpers/esm/extends";import{cx as t,css as e}from"emotion";import r,{useRef as a,useState as n,useCallback as i}from"react";import l from"react-copy-to-clipboard";import{CopyIcon as s}from"@contentful/f36-icons";import{Tooltip as c}from"@contentful/f36-tooltip";import p from"@contentful/f36-tokens";var u,d,m,b;u={},d="CopyButton",m=()=>y,Object.defineProperty(u,d,{get:m,set:b,enumerable:!0,configurable:!0});function f(u,d){const{onCopy:m,value:b,className:f,testId:y="cf-ui-copy-button",tooltipText:g="Copy to clipboard",tooltipCopiedText:C="Copied!",tooltipProps:h,isDisabled:x=!1,size:v="medium",...w}=u,k=(({size:o})=>{const t="small"===o?"32px":"40px";return{wrapper:e({display:"inline-block",height:t,position:"relative",width:t},""),copyButton:e({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}},""),copyButtonDisabled:e({cursor:"not-allowed",backgroundColor:p.gray100,"&:hover":{cursor:"not-allowed",backgroundColor:p.gray100},"&:focus":{borderColor:p.gray300,boxShadow:"none"},"&:active, &:active:hover":{borderColor:p.gray300,boxShadow:"none"}},"")}})({size:v}),[B,D]=n(!1),E=a(null),S=i((o=>{m&&m(o),D(!0),setTimeout((()=>{D(!1),E.current&&E.current.blur()}),1e3)}),[m]);return r.createElement("div",o({ref:d,"data-test-id":y,className:t(k.wrapper,f)},w),r.createElement(l,{text:b,onCopy:S},r.createElement(c,o({content:B?C:g},h,{isDisabled:x}),r.createElement("button",{type:"button",ref:E,className:t(k.copyButton,{[k.copyButtonDisabled]:x}),"aria-label":`Copy ${b} to clipboard`,disabled:x},r.createElement(s,{variant:"muted",size:"small"===v?"tiny":"small"})))))}const y=r.forwardRef(f);export{y as CopyButton};
 //# sourceMappingURL=module.js.map

package.json

 {
   "name": "@contentful/f36-copybutton",
-  "version": "4.0.1-next-v4-7911.2329+84246d32",
+  "version": "4.0.1-next-v4-7926.2330+dd855845",
   "description": "Forma 36: CopyButton component",
@@ -10,6 +10,6 @@ "scripts": {
     "@babel/runtime": "^7.6.2",
-    "@contentful/f36-core": "4.0.1-next-v4-7911.2329+84246d32",
-    "@contentful/f36-icons": "4.0.1-next-v4-7911.2329+84246d32",
-    "@contentful/f36-tokens": "4.0.1-next-v4-7911.2329+84246d32",
-    "@contentful/f36-tooltip": "4.0.1-next-v4-7911.2329+84246d32",
+    "@contentful/f36-core": "4.0.1-next-v4-7926.2330+dd855845",
+    "@contentful/f36-icons": "4.0.1-next-v4-7926.2330+dd855845",
+    "@contentful/f36-tokens": "4.0.1-next-v4-7926.2330+dd855845",
+    "@contentful/f36-tooltip": "4.0.1-next-v4-7926.2330+dd855845",
     "emotion": "^10.0.17",
@@ -39,3 +39,3 @@ "react-copy-to-clipboard": "^5.0.3"
   },
-  "gitHead": "84246d32f6fae0d1bbc64ee07967269feba8f91e"
+  "gitHead": "dd855845b994b71774b657d781df4749be58b969"
 }

New alerts

License Policy Violation

License

This 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 risk

This 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

License

This 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 risk

This 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

Dependency changes

• Updated@contentful/f36-core@4.0.1-next-v4-7926.2330+dd855845

• Updated@contentful/f36-icons@4.0.1-next-v4-7926.2330+dd855845

• Updated@contentful/f36-tokens@4.0.1-next-v4-7926.2330+dd855845

• Updated@contentful/f36-tooltip@4.0.1-next-v4-7926.2330+dd855845