@itcase/ui 1.1.6 → 1.1.8

package/dist/components/Drawer.js

@@ -1,14 +1,6 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+import React__default, { useRef, useEffect, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -98,8 +90,8 @@ var EZDrawer = function EZDrawer(props) {
       lockBackgroundScroll = _props$lockBackground === void 0 ? false : _props$lockBackground,
       _props$overlayClassNa = props.overlayClassName,
       overlayClassName = _props$overlayClassNa === void 0 ? '' : _props$overlayClassNa;
-  var bodyRef = React.useRef(null);
-  React.useEffect(function () {
+  var bodyRef = useRef(null);
+  useEffect(function () {
     var updatePageScroll = function updatePageScroll() {
       bodyRef.current = window.document.querySelector('body');
 
@@ -114,7 +106,7 @@ var EZDrawer = function EZDrawer(props) {
 
     updatePageScroll();
   }, [open]);
-  var idSuffix = React.useMemo(function () {
+  var idSuffix = useMemo(function () {
     return customIdSuffix || (Math.random() + 1).toString(36).substring(7);
   }, [customIdSuffix]);
   var overlayStyles = {
@@ -128,21 +120,21 @@ var EZDrawer = function EZDrawer(props) {
     transitionDuration: duration + "ms"
   }, getDirectionStyle(direction, size), style);
 
-  return React__default.default.createElement("div", {
+  return React__default.createElement("div", {
     id: 'EZDrawer' + idSuffix,
     className: 'EZDrawer'
-  }, React__default.default.createElement("input", {
+  }, React__default.createElement("input", {
     type: 'checkbox',
     id: 'EZDrawer__checkbox' + idSuffix,
     className: 'EZDrawer__checkbox',
     onChange: onClose,
     checked: open
-  }), React__default.default.createElement("nav", {
+  }), React__default.createElement("nav", {
     role: 'navigation',
     id: 'EZDrawer__container' + idSuffix,
     style: drawerStyles,
     className: 'EZDrawer__container ' + className
-  }, children), enableOverlay && React__default.default.createElement("label", {
+  }, children), enableOverlay && React__default.createElement("label", {
     htmlFor: 'EZDrawer__checkbox' + idSuffix,
     id: 'EZDrawer__overlay' + idSuffix,
     className: 'EZDrawer__overlay ' + overlayClassName,
@@ -161,37 +153,40 @@ function Drawer(props) {
     after,
     dataTour,
     direction,
-    className
+    className,
+    enableOverlay
   } = props;
-  return /*#__PURE__*/React__default.default.createElement(EZDrawer, {
-    className: clsx__default.default('drawer', type && `drawer_type_${type}`, className, dataTour && `data-tour-${dataTour}`),
+  return /*#__PURE__*/React__default.createElement(EZDrawer, {
+    className: clsx('drawer', type && `drawer_type_${type}`, className, dataTour && `data-tour-${dataTour}`),
     direction: direction || 'right',
-    lockBackgroundScroll: true,
+    lockBackgroundScroll: false,
     open: isOpenModal,
     overlayClassName: "drawer__overlay",
     size: size || 600,
-    onClose: closeModal
-  }, before && /*#__PURE__*/React__default.default.createElement("div", {
+    onClose: closeModal,
+    enableOverlay: enableOverlay
+  }, before && /*#__PURE__*/React__default.createElement("div", {
     className: "drawer__before"
-  }, before), children && /*#__PURE__*/React__default.default.createElement("div", {
+  }, before), children && /*#__PURE__*/React__default.createElement("div", {
     className: "drawer__wrapper"
-  }, children), after && /*#__PURE__*/React__default.default.createElement("div", {
+  }, children), after && /*#__PURE__*/React__default.createElement("div", {
     className: "drawer__after"
   }, after));
 }
 Drawer.propTypes = {
-  isOpenModal: PropTypes__default.default.bool.isRequired,
-  after: PropTypes__default.default.any,
-  before: PropTypes__default.default.any,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  closeModal: PropTypes__default.default.func,
-  dataTour: PropTypes__default.default.string,
-  direction: PropTypes__default.default.string,
+  isOpenModal: PropTypes.bool.isRequired,
+  after: PropTypes.any,
+  before: PropTypes.any,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  closeModal: PropTypes.func,
+  dataTour: PropTypes.string,
+  direction: PropTypes.string,
   // "right", "left", "top", "bottom"
-  size: PropTypes__default.default.number,
+  size: PropTypes.number,
   // width in px
-  type: PropTypes__default.default.string
+  type: PropTypes.string,
+  enableOverlay: PropTypes.bool
 };
 Drawer.__docgenInfo = {
   "description": "",
@@ -267,8 +262,15 @@ Drawer.__docgenInfo = {
         "name": "string"
       },
       "required": false
+    },
+    "enableOverlay": {
+      "description": "",
+      "type": {
+        "name": "bool"
+      },
+      "required": false
     }
   }
 };
 
-exports.Drawer = Drawer;
+export { Drawer };