@contentful/f36-drag-handle
Advanced tools
Comparing version 4.0.1-next-v4-9155.2412 to 4.0.1-next-v4-9168.2413
@@ -1,2 +0,2 @@ | ||
var e=l(require("@babel/runtime/helpers/extends")),{cx:r,css:o}=require("emotion"),t=require("react"),n=l(t),{useCallback:a,forwardRef:i,useState:s}=t,{DragIcon:u}=require("@contentful/f36-icons"),d=l(require("@contentful/f36-tokens"));function l(e){return e&&e.__esModule?e.default:e}var c,b,g,f,m={};c=m,b="DragHandle",g=()=>p,Object.defineProperty(c,b,{get:g,set:f,enumerable:!0,configurable:!0});const p=i((({className:t,isActive:i,isFocused:l,isHovered:c,label:b,onBlur:g,onFocus:f,onMouseEnter:m,onMouseLeave:p,testId:v="cf-ui-drag-handle",style:y,...h},x)=>{const E={label:o({name:"1b512s9",styles:"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;"}),root:({isActive:e,isFocused:t,isHovered:n})=>r(o({alignItems:"center",backgroundColor:d.gray100,border:0,borderBottomLeftRadius:d.borderRadiusMedium,borderRight:`1px solid ${d.gray200}`,borderTopLeftRadius:d.borderRadiusMedium,boxSizing:"border-box",display:"flex",justifyContent:"center",padding:0,position:"relative",transition:`background-color ${d.transitionDurationDefault} ${d.transitionEasingDefault}`,width:d.spacingL,"&:hover, &:focus":{backgroundColor:d.colorElementLight}},""),(e||t||n)&&o({backgroundColor:d.gray200,cursor:e?"grabbing":"grab"},""))},[M,k]=s(l),[D,L]=s(c),R=a((e=>{k(!0),f&&f(e)}),[f]),q=a((e=>{k(!1),g&&g(e)}),[g]),C=a((e=>{L(!0),m&&m(e)}),[m]),F=a((e=>{L(!1),p&&p(e)}),[p]);return n.createElement("button",e({type:"button"},h,{className:r(E.root({isActive:i,isFocused:M,isHovered:D}),t),onBlur:q,onFocus:R,onMouseEnter:C,onMouseLeave:F,"data-test-id":v,ref:x,style:y}),n.createElement(u,{variant:"muted"}),n.createElement("span",{className:E.label},b))}));var v,y;p.displayName="DragHandle",v=module.exports,y=m,Object.keys(y).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(v,e,{enumerable:!0,get:function(){return y[e]}})})); | ||
var e=l(require("@babel/runtime/helpers/extends")),{cx:r,css:o}=require("emotion"),t=require("react"),n=l(t),{forwardRef:a,useCallback:i,useState:s}=t,{DragIcon:u}=require("@contentful/f36-icons"),d=l(require("@contentful/f36-tokens"));function l(e){return e&&e.__esModule?e.default:e}var c,b,g,f,m={};c=m,b="DragHandle",g=()=>p,Object.defineProperty(c,b,{get:g,set:f,enumerable:!0,configurable:!0});const p=a((({className:t,isActive:a,isFocused:l,isHovered:c,label:b,onBlur:g,onFocus:f,onMouseEnter:m,onMouseLeave:p,testId:v="cf-ui-drag-handle",style:y,...h},x)=>{const E={label:o({name:"1b512s9",styles:"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;"}),root:({isActive:e,isFocused:t,isHovered:n})=>r(o({alignItems:"center",backgroundColor:d.gray100,border:0,borderBottomLeftRadius:d.borderRadiusMedium,borderRight:`1px solid ${d.gray200}`,borderTopLeftRadius:d.borderRadiusMedium,boxSizing:"border-box",display:"flex",justifyContent:"center",padding:0,position:"relative",transition:`background-color ${d.transitionDurationDefault} ${d.transitionEasingDefault}`,width:d.spacingL,"&:hover, &:focus":{backgroundColor:d.colorElementLight}},""),(e||t||n)&&o({backgroundColor:d.gray200,cursor:e?"grabbing":"grab"},""))},[M,k]=s(l),[D,L]=s(c),R=i((e=>{k(!0),f&&f(e)}),[f]),q=i((e=>{k(!1),g&&g(e)}),[g]),C=i((e=>{L(!0),m&&m(e)}),[m]),F=i((e=>{L(!1),p&&p(e)}),[p]);return n.createElement("button",e({type:"button"},h,{className:r(E.root({isActive:a,isFocused:M,isHovered:D}),t),onBlur:q,onFocus:R,onMouseEnter:C,onMouseLeave:F,"data-test-id":v,ref:x,style:y}),n.createElement(u,{variant:"muted"}),n.createElement("span",{className:E.label},b))}));var v,y;p.displayName="DragHandle",v=module.exports,y=m,Object.keys(y).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(v,e,{enumerable:!0,get:function(){return y[e]}})})); | ||
//# sourceMappingURL=main.js.map |
@@ -1,2 +0,2 @@ | ||
import e from"@babel/runtime/helpers/esm/extends";import{cx as o,css as r}from"emotion";import t,{useCallback as a,useState as s,forwardRef as n}from"react";import{DragIcon as i}from"@contentful/f36-icons";import d from"@contentful/f36-tokens";var l,c,u,b;l={},c="DragHandle",u=()=>m,Object.defineProperty(l,c,{get:u,set:b,enumerable:!0,configurable:!0});const m=n((({className:n,isActive:l,isFocused:c,isHovered:u,label:b,onBlur:m,onFocus:g,onMouseEnter:f,onMouseLeave:p,testId:v="cf-ui-drag-handle",style:y,...h},x)=>{const D={label:r({name:"1b512s9",styles:"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;"}),root:({isActive:e,isFocused:t,isHovered:a})=>o(r({alignItems:"center",backgroundColor:d.gray100,border:0,borderBottomLeftRadius:d.borderRadiusMedium,borderRight:`1px solid ${d.gray200}`,borderTopLeftRadius:d.borderRadiusMedium,boxSizing:"border-box",display:"flex",justifyContent:"center",padding:0,position:"relative",transition:`background-color ${d.transitionDurationDefault} ${d.transitionEasingDefault}`,width:d.spacingL,"&:hover, &:focus":{backgroundColor:d.colorElementLight}},""),(e||t||a)&&r({backgroundColor:d.gray200,cursor:e?"grabbing":"grab"},""))},[E,k]=s(c),[H,L]=s(u),M=a((e=>{k(!0),g&&g(e)}),[g]),R=a((e=>{k(!1),m&&m(e)}),[m]),C=a((e=>{L(!0),f&&f(e)}),[f]),F=a((e=>{L(!1),p&&p(e)}),[p]);return t.createElement("button",e({type:"button"},h,{className:o(D.root({isActive:l,isFocused:E,isHovered:H}),n),onBlur:R,onFocus:M,onMouseEnter:C,onMouseLeave:F,"data-test-id":v,ref:x,style:y}),t.createElement(i,{variant:"muted"}),t.createElement("span",{className:D.label},b))}));m.displayName="DragHandle";export{m as DragHandle}; | ||
import e from"@babel/runtime/helpers/esm/extends";import{cx as o,css as r}from"emotion";import t,{forwardRef as a,useCallback as s,useState as n}from"react";import{DragIcon as i}from"@contentful/f36-icons";import d from"@contentful/f36-tokens";var l,c,u,b;l={},c="DragHandle",u=()=>m,Object.defineProperty(l,c,{get:u,set:b,enumerable:!0,configurable:!0});const m=a((({className:a,isActive:l,isFocused:c,isHovered:u,label:b,onBlur:m,onFocus:g,onMouseEnter:f,onMouseLeave:p,testId:v="cf-ui-drag-handle",style:y,...h},x)=>{const D={label:r({name:"1b512s9",styles:"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;"}),root:({isActive:e,isFocused:t,isHovered:a})=>o(r({alignItems:"center",backgroundColor:d.gray100,border:0,borderBottomLeftRadius:d.borderRadiusMedium,borderRight:`1px solid ${d.gray200}`,borderTopLeftRadius:d.borderRadiusMedium,boxSizing:"border-box",display:"flex",justifyContent:"center",padding:0,position:"relative",transition:`background-color ${d.transitionDurationDefault} ${d.transitionEasingDefault}`,width:d.spacingL,"&:hover, &:focus":{backgroundColor:d.colorElementLight}},""),(e||t||a)&&r({backgroundColor:d.gray200,cursor:e?"grabbing":"grab"},""))},[E,k]=n(c),[H,L]=n(u),M=s((e=>{k(!0),g&&g(e)}),[g]),R=s((e=>{k(!1),m&&m(e)}),[m]),C=s((e=>{L(!0),f&&f(e)}),[f]),F=s((e=>{L(!1),p&&p(e)}),[p]);return t.createElement("button",e({type:"button"},h,{className:o(D.root({isActive:l,isFocused:E,isHovered:H}),a),onBlur:R,onFocus:M,onMouseEnter:C,onMouseLeave:F,"data-test-id":v,ref:x,style:y}),t.createElement(i,{variant:"muted"}),t.createElement("span",{className:D.label},b))}));m.displayName="DragHandle";export{m as DragHandle}; | ||
//# sourceMappingURL=module.js.map |
{ | ||
"name": "@contentful/f36-drag-handle", | ||
"version": "4.0.1-next-v4-9155.2412+a8fb03d4", | ||
"version": "4.0.1-next-v4-9168.2413+4186f37c", | ||
"description": "Forma 36: DragHandle component", | ||
@@ -10,5 +10,5 @@ "scripts": { | ||
"@babel/runtime": "^7.6.2", | ||
"@contentful/f36-core": "4.0.1-next-v4-9155.2412+a8fb03d4", | ||
"@contentful/f36-icons": "4.0.1-next-v4-9155.2412+a8fb03d4", | ||
"@contentful/f36-tokens": "4.0.1-next-v4-9155.2412+a8fb03d4", | ||
"@contentful/f36-core": "4.0.1-next-v4-9168.2413+4186f37c", | ||
"@contentful/f36-icons": "4.0.1-next-v4-9168.2413+4186f37c", | ||
"@contentful/f36-tokens": "4.0.1-next-v4-9168.2413+4186f37c", | ||
"emotion": "^10.0.17" | ||
@@ -37,3 +37,3 @@ }, | ||
}, | ||
"gitHead": "a8fb03d4471a672485729d9e9b3a664dbdc53df1" | ||
"gitHead": "4186f37c3eff41d00bb53df50952e8a8b93763b3" | ||
} |
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