@contentful/f36-copybutton - npm Package Compare versions

Comparing version 4.0.1-next-v4-7985.2333 to 4.0.1-next-v4-8006.2334

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),{useState:a,useCallback:i,useRef: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]=a(!1),D=l(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]}})}));
		var e=p(require("@babel/runtime/helpers/extends")),{cx:o,css:t}=require("emotion"),r=require("react"),n=p(r),{useCallback:a,useState:i,useRef: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]=i(!1),D=l(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]}})}));
		//# sourceMappingURL=main.js.map

package.json

		{
		"name": "@contentful/f36-copybutton",
		"version": "4.0.1-next-v4-7985.2333+57bebbc0",
		"version": "4.0.1-next-v4-8006.2334+54d895dd",
		"description": "Forma 36: CopyButton component",
		@@ -10,6 +10,6 @@ "scripts": {
		"@babel/runtime": "^7.6.2",
		"@contentful/f36-core": "4.0.1-next-v4-7985.2333+57bebbc0",
		"@contentful/f36-icons": "4.0.1-next-v4-7985.2333+57bebbc0",
		"@contentful/f36-tokens": "4.0.1-next-v4-7985.2333+57bebbc0",
		"@contentful/f36-tooltip": "4.0.1-next-v4-7985.2333+57bebbc0",
		"@contentful/f36-core": "4.0.1-next-v4-8006.2334+54d895dd",
		"@contentful/f36-icons": "4.0.1-next-v4-8006.2334+54d895dd",
		"@contentful/f36-tokens": "4.0.1-next-v4-8006.2334+54d895dd",
		"@contentful/f36-tooltip": "4.0.1-next-v4-8006.2334+54d895dd",
		"emotion": "^10.0.17",
		@@ -39,3 +39,3 @@ "react-copy-to-clipboard": "^5.0.3"
		},
		"gitHead": "57bebbc08552e65d6b046b5ab1ce6a7bf7723642"
		"gitHead": "54d895dd58473f0f4fb452e1ac594549b0c5230d"
		}

@contentful/f36-copybutton - npm Package Compare versions

New alerts

Fixed alerts

Dependency changes