react-modern-drawer - npm Package Compare versions

Comparing version 1.2.0 to 1.2.1

dist/index.d.ts

@@ -16,6 +16,7 @@ import React from 'react';
     size?: number | string;
-    className?: string | undefined;
-    customIdSuffix?: string | undefined;
+    className?: string;
+    customIdSuffix?: string;
+    overlayClassName?: string;
 };
 declare const EZDrawer: React.FC<Props>;
 export default EZDrawer;

dist/index.js

@@ -91,3 +91,5 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
       _props$lockBackground = props.lockBackgroundScroll,
-      lockBackgroundScroll = _props$lockBackground === void 0 ? false : _props$lockBackground;
+      lockBackgroundScroll = _props$lockBackground === void 0 ? false : _props$lockBackground,
+      _props$overlayClassNa = props.overlayClassName,
+      overlayClassName = _props$overlayClassNa === void 0 ? '' : _props$overlayClassNa;
   var bodyRef = React.useRef(null);
@@ -140,3 +142,3 @@ React.useEffect(function () {
     id: 'EZDrawer__overlay' + idSuffix,
-    className: 'EZDrawer__overlay',
+    className: 'EZDrawer__overlay ' + overlayClassName,
     style: overlayStyles
@@ -143,0 +145,0 @@ }));

dist/index.modern.js

@@ -88,3 +88,5 @@ import React, { useRef, useEffect, useMemo } from 'react';
       _props$lockBackground = props.lockBackgroundScroll,
-      lockBackgroundScroll = _props$lockBackground === void 0 ? false : _props$lockBackground;
+      lockBackgroundScroll = _props$lockBackground === void 0 ? false : _props$lockBackground,
+      _props$overlayClassNa = props.overlayClassName,
+      overlayClassName = _props$overlayClassNa === void 0 ? '' : _props$overlayClassNa;
   var bodyRef = useRef(null);
@@ -137,3 +139,3 @@ useEffect(function () {
     id: 'EZDrawer__overlay' + idSuffix,
-    className: 'EZDrawer__overlay',
+    className: 'EZDrawer__overlay ' + overlayClassName,
     style: overlayStyles
@@ -140,0 +142,0 @@ }));

package.json

 {
     "name": "react-modern-drawer",
-    "version": "1.2.0",
+    "version": "1.2.1",
     "description": "Creating drawers in react made easy!",
@@ -5,0 +5,0 @@ "author": "Farzin-Firoozi",

README.md

@@ -87,2 +87,3 @@ # react-modern-drawer
 | className            | string              | no       | undefined                                | -                                         | normal regular classNames and stuff                                                         |
+| overlayClassName     | string              | no       | undefined                                | -                                         | normal regular classNames and stuff                                                         |
 | customIdSuffix       | string              | no       | A random string based on `Math.random()` | -                                         | Used for making different ids for drawers, can be customized for special cases.             |
@@ -89,0 +90,0 @@ | lockBackgroundScroll | boolean             | no       | false                                    | -                                         | Locks the body scroll when drawer is open.                                                  |

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

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

Improved metrics

Total package byte prevSize

38609

increased by2.46%

Lines of code

302

increased by1.68%

Number of lines in readme file

106

increased by0.95%

No dependency changes