react-drawers - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

CHANGELOG.md

@@ -0,1 +1,7 @@
+# Version 1.2.0
+10th February 2019
+
+* **New Features**
+  * Automatic z-index management, useful for shadows, ...
+
 # Version 1.1.0
@@ -2,0 +8,0 @@ 9th November 2019

dist/index.es.js

@@ -23,2 +23,10 @@ import React, { useContext } from 'react';
 
+var getZIndex = function getZIndex(mode, item) {
+  var idx = mode.indexOf(item);
+  if (idx === -1) {
+    return undefined;
+  }
+  return 4 - idx;
+};
+
 function styleInject(css, ref) {
@@ -70,3 +78,4 @@ if ( ref === void 0 ) ref = {};
     left: 0,
-    transform: 'translate3d(' + (left - leftWidth) + 'px, 0, 0)'
+    transform: 'translate3d(' + (left - leftWidth) + 'px, 0, 0)',
+    zIndex: getZIndex(mode, 'L')
   };
@@ -103,3 +112,4 @@ return React.createElement(
     right: 0,
-    transform: 'translate3d(' + (rightWidth - right) + 'px, 0, 0)'
+    transform: 'translate3d(' + (rightWidth - right) + 'px, 0, 0)',
+    zIndex: getZIndex(mode, 'R')
   };
@@ -136,3 +146,4 @@ return React.createElement(
     top: 0,
-    transform: 'translate3d(0, ' + (top - topHeight) + 'px, 0)'
+    transform: 'translate3d(0, ' + (top - topHeight) + 'px, 0)',
+    zIndex: getZIndex(mode, 'T')
   };
@@ -169,3 +180,4 @@ return React.createElement(
     bottom: 0,
-    transform: 'translate3d(0, ' + (bottomHeight - bottom) + 'px, 0)'
+    transform: 'translate3d(0, ' + (bottomHeight - bottom) + 'px, 0)',
+    zIndex: getZIndex(mode, 'B')
   };
@@ -172,0 +184,0 @@ return React.createElement(

dist/index.js

@@ -28,2 +28,10 @@ 'use strict';
 
+var getZIndex = function getZIndex(mode, item) {
+  var idx = mode.indexOf(item);
+  if (idx === -1) {
+    return undefined;
+  }
+  return 4 - idx;
+};
+
 function styleInject(css, ref) {
@@ -75,3 +83,4 @@ if ( ref === void 0 ) ref = {};
     left: 0,
-    transform: 'translate3d(' + (left - leftWidth) + 'px, 0, 0)'
+    transform: 'translate3d(' + (left - leftWidth) + 'px, 0, 0)',
+    zIndex: getZIndex(mode, 'L')
   };
@@ -108,3 +117,4 @@ return React__default.createElement(
     right: 0,
-    transform: 'translate3d(' + (rightWidth - right) + 'px, 0, 0)'
+    transform: 'translate3d(' + (rightWidth - right) + 'px, 0, 0)',
+    zIndex: getZIndex(mode, 'R')
   };
@@ -141,3 +151,4 @@ return React__default.createElement(
     top: 0,
-    transform: 'translate3d(0, ' + (top - topHeight) + 'px, 0)'
+    transform: 'translate3d(0, ' + (top - topHeight) + 'px, 0)',
+    zIndex: getZIndex(mode, 'T')
   };
@@ -174,3 +185,4 @@ return React__default.createElement(
     bottom: 0,
-    transform: 'translate3d(0, ' + (bottomHeight - bottom) + 'px, 0)'
+    transform: 'translate3d(0, ' + (bottomHeight - bottom) + 'px, 0)',
+    zIndex: getZIndex(mode, 'B')
   };
@@ -177,0 +189,0 @@ return React__default.createElement(

package.json

 {
   "name": "react-drawers",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Collapsible docked panels for React",
   "author": "[e-mail]",
   "license": "MIT",
-  "repository": "https://github.com/inmagik/react-drawers",
+  "repository": "osioalberto/react-drawers",
   "main": "dist/index.js",
@@ -9,0 +9,0 @@ "module": "dist/index.es.js",

New alerts

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Fixed alerts

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

335210

increased by0.62%

Lines of code

3971

increased by0.56%

No dependency changes