@clake/react-bootstrap4-window 0.7.1 → 0.7.2

package/lib/WModal.js

@@ -1,484 +0,0 @@
-/* @clake/react-bootstrap4-window v0.7.1 | by Clake
- * Copyright (c) 2024 Clake,
- * 2024-03-13T11:37:05+0800
- */
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _bind = _interopRequireDefault(require("classnames/bind"));
-
-var _reactBootstrap = require("@clake/react-bootstrap4");
-
-require("./css/WModal.less");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var ModalAlert = 0;
-var ModalConfirm = 1;
-var ModalLoading = 2;
-var ModalView = 3;
-var BaseModal = 950;
-var defBtns = {
-  ok: 'Ok',
-  cancel: 'Cancel'
-};
-
-var WModal =
-/*#__PURE__*/
-function (_React$Component) {
-  _inherits(WModal, _React$Component);
-
-  function WModal(props) {
-    var _this;
-
-    _classCallCheck(this, WModal);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(WModal).call(this, props));
-
-    _defineProperty(_assertThisInitialized(_this), "closeHandler", function (e) {
-      if (typeof _this.props.onClose === 'function') {
-        _this.props.onClose();
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "openHandler", function (e) {
-      if (typeof _this.props.onOpen === 'function') {
-        _this.props.onOpen();
-      }
-    });
-
-    _this.state = {
-      content: '',
-      title: '',
-      isCloseBtn: true,
-      type: ModalAlert,
-      center: _this.props.center,
-      fade: _this.props.fade,
-      show: false,
-      header: true,
-      btns: defBtns
-    }; //modal type
-
-    _this.modalType = ModalAlert; //alert confirm callback function
-
-    _this.callback = null;
-    _this.domId = 'modal-' + _reactBootstrap.Common.RandomString(16);
-
-    if (_this.props.id) {
-      _this.domId = _this.props.id;
-    }
-
-    _this.offsetIndex = document.querySelectorAll(".modal").length * 10;
-    _this.is_open = false;
-    _this.fadeTime = {
-      open: 0,
-      close: 0
-    };
-    return _this;
-  }
-
-  _createClass(WModal, [{
-    key: "shouldComponentUpdate",
-    value: function shouldComponentUpdate(nextProps, nextState) {
-      return this.state.content !== nextState.content;
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {}
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {}
-  }, {
-    key: "open",
-    value: function open() {
-      var _this2 = this;
-
-      if (this.is_open) {
-        clearTimeout(this.fadeTime.open);
-        clearTimeout(this.fadeTime.close);
-      }
-
-      this._main.classList.add('d-block');
-
-      this.is_open = true;
-
-      if (this.state.fade) {
-        this.fadeTime.open = setTimeout(function () {
-          _this2._shadow.classList.add('modal-show');
-
-          _this2._dialog.style.opacity = '1';
-          _this2._dialog.style.marginTop = '1.75rem';
-        }, 150);
-      }
-    }
-  }, {
-    key: "close",
-    value: function close() {
-      var _this3 = this;
-
-      if (this.state.fade) {
-        this._dialog.style.opacity = '0';
-        this._dialog.style.marginTop = '-1rem';
-
-        this._shadow.classList.remove('modal-show');
-      }
-
-      this.fadeTime.close = setTimeout(function () {
-        if (_this3 !== null && _this3 !== void 0 && _this3._main) {
-          _this3._main.classList.remove('d-block');
-
-          _this3.is_open = false;
-        }
-      }, 150);
-    }
-  }, {
-    key: "alert",
-
-    /**
-     * modal alert method
-     * opt example
-     * {
-     *      title: '',
-     *      content: ''
-     *      [,callback: func]
-     * }
-     * @param opt object
-     */
-    value: function alert(opt, cb) {
-      var _this4 = this;
-
-      this.callback = opt.callback || cb || null;
-      this.modalType = ModalAlert;
-      this.setState({
-        title: opt.title || 'Prompt',
-        content: opt.content || opt || '',
-        isCloseBtn: true,
-        type: ModalAlert,
-        center: opt.center || this.props.center,
-        fade: opt.fade || this.props.fade,
-        header: typeof opt.header === 'undefined' ? true : opt.header,
-        btns: typeof opt.btns != 'undefined' ? opt.btns : defBtns
-      }, function () {
-        _this4.open({
-          backdrop: 'static',
-          keyboard: false
-        });
-      });
-    }
-    /**
-     * modal confirm method
-     * opt example
-     * {
-     *      title:'',
-     *      content:'',
-     *      [callback: func]
-     * }
-     * @param opt
-     */
-
-  }, {
-    key: "confirm",
-    value: function confirm(opt, cb) {
-      var _this5 = this;
-
-      this.callback = opt.callback || cb || null;
-      this.modalType = ModalConfirm;
-      this.setState({
-        title: opt.title || 'Prompt',
-        content: opt.content || '',
-        isCloseBtn: true,
-        type: ModalConfirm,
-        center: opt.center || this.props.center,
-        fade: opt.fade || this.props.fade,
-        header: typeof opt.header === 'undefined' ? true : opt.header,
-        btns: typeof opt.btns != 'undefined' ? opt.btns : defBtns
-      }, function () {
-        _this5.open({
-          backdrop: 'static',
-          keyboard: false
-        });
-      });
-    }
-    /**
-     * modal loading method
-     * @param opt
-     */
-
-  }, {
-    key: "loading",
-    value: function loading(opt) {
-      var _this6 = this;
-
-      this.modalType = ModalLoading;
-      this.setState({
-        title: opt.title || 'Prompt',
-        // content:(
-        //     <React.Fragment>
-        //         <Icon icon='spinner'/>&nbsp;&nbsp;&nbsp;{content}
-        //     </React.Fragment>
-        // ),
-        content: opt.content || opt || '',
-        isCloseBtn: false,
-        type: ModalLoading,
-        center: opt.center || this.props.center,
-        fade: this.props.fade,
-        header: opt.header || false
-      }, function () {
-        _this6.open({
-          backdrop: 'static',
-          keyboard: false
-        });
-      });
-    }
-    /**
-     * modal view method
-     * opt example
-     * {
-     *      title:'',
-     *      content:flex,
-     *      [callback:func]
-     * }
-     * @param opt
-     */
-
-  }, {
-    key: "view",
-    value: function view(opt) {
-      var _this7 = this;
-
-      this.callback = opt.callback || null;
-      this.modalType = ModalView;
-      this.setState({
-        title: opt.title || 'Prompt',
-        content: opt.content || '',
-        isCloseBtn: true,
-        type: ModalView,
-        center: opt.center || this.props.center,
-        fade: opt.fade || this.props.fade,
-        header: typeof opt.header === 'undefined' ? true : opt.header
-      }, function () {
-        _this7.open({
-          backdrop: 'static',
-          keyboard: false
-        });
-      });
-    }
-  }, {
-    key: "getMainClasses",
-    value: function getMainClasses() {
-      var base = 'wmodal-main';
-
-      if (this.state.fade) {
-        base = (0, _bind["default"])(base, 'wmodal-fade');
-      }
-
-      return (0, _bind["default"])(base, this.props.className);
-    }
-  }, {
-    key: "getClasses",
-    value: function getClasses() {
-      var base = 'modal wmodal-sm d-block';
-
-      if (this.modalType === ModalView) {
-        base = (0, _bind["default"])(base, "bd-example-modal-lg");
-      }
-
-      if (this.state.fade) {
-        base = (0, _bind["default"])(base, 'wmodal-fade');
-      }
-
-      return (0, _bind["default"])(base, this.props.className);
-    }
-  }, {
-    key: "getDialogStyles",
-    value: function getDialogStyles() {
-      var base = {};
-
-      if (this.state.width) {
-        base['maxWidth'] = this.state.width;
-      } else if (this.props.width) {
-        base['maxWidth'] = this.props.width;
-      }
-
-      return base;
-    }
-  }, {
-    key: "getDialogClasses",
-    value: function getDialogClasses() {
-      var base = 'modal-dialog';
-
-      if (this.modalType === ModalView) {
-        base = (0, _bind["default"])(base, "modal-lg");
-      }
-
-      if (this.state.center) {
-        base = (0, _bind["default"])(base, "modal-dialog-centered");
-      }
-
-      return (0, _bind["default"])(base, this.props.className);
-    }
-  }, {
-    key: "getShadowClasses",
-    value: function getShadowClasses() {
-      var base = 'modal-backdrop ck-modal-shadow show';
-      return (0, _bind["default"])(base, this.props.className);
-    }
-  }, {
-    key: "renderFooter",
-    value: function renderFooter() {
-      var _this8 = this;
-
-      var content = null;
-
-      switch (this.state.type) {
-        case ModalAlert:
-          content = _react["default"].createElement(_reactBootstrap.Button, {
-            className: "w-100",
-            size: "sm",
-            "data-dismiss": "modal",
-            onClick: function onClick(e) {
-              _this8.close();
-
-              if (typeof _this8.callback === 'function') {
-                _this8.callback(1);
-              }
-            }
-          }, this.state.btns['ok']);
-          break;
-
-        case ModalConfirm:
-          content = _react["default"].createElement("div", {
-            className: "row flex-grow-1 g-1"
-          }, _react["default"].createElement(_reactBootstrap.ButtonGroup, null, _react["default"].createElement(_reactBootstrap.Button, {
-            className: "col-6",
-            size: "sm",
-            onClick: function onClick() {
-              _this8.close();
-
-              if (typeof _this8.callback === 'function') {
-                _this8.callback(1);
-              }
-            }
-          }, this.state.btns['ok']), _react["default"].createElement(_reactBootstrap.Button, {
-            className: "col-6",
-            size: "sm",
-            onClick: function onClick() {
-              _this8.close();
-
-              if (typeof _this8.callback === 'function') {
-                _this8.callback(0);
-              }
-            },
-            theme: "secondary"
-          }, this.state.btns['cancel'])));
-          break;
-
-        default:
-          return null;
-      }
-
-      return _react["default"].createElement("div", {
-        className: "modal-footer"
-      }, content);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this9 = this;
-
-      var modalIndex = {
-        zIndex: BaseModal + this.offsetIndex + 2
-      };
-      var shadowIndex = {
-        zIndex: BaseModal + this.offsetIndex + 1
-      };
-      return _react["default"].createElement("div", {
-        ref: function ref(c) {
-          return _this9._main = c;
-        },
-        className: this.getMainClasses()
-      }, _react["default"].createElement("div", {
-        ref: function ref(c) {
-          return _this9._shadow = c;
-        },
-        className: this.getShadowClasses(),
-        style: shadowIndex,
-        id: "".concat(this.domId, "-shadow")
-      }), _react["default"].createElement("div", {
-        className: this.getClasses(),
-        style: modalIndex,
-        tabIndex: "-1",
-        id: this.domId,
-        role: "dialog"
-      }, _react["default"].createElement("div", {
-        ref: function ref(c) {
-          return _this9._dialog = c;
-        },
-        className: this.getDialogClasses(),
-        style: this.getDialogStyles(),
-        role: "document"
-      }, _react["default"].createElement("div", {
-        className: "modal-content"
-      }, this.state.header ? _react["default"].createElement("div", {
-        className: "modal-header"
-      }, _react["default"].createElement("h6", {
-        className: "modal-title"
-      }, this.state.title), this.state.isCloseBtn ? _react["default"].createElement("button", {
-        type: "button",
-        className: "btn-close",
-        onClick: function onClick() {
-          _this9.close();
-        }
-      }) : null) : null, _react["default"].createElement("div", {
-        className: "modal-body"
-      }, this.state.type === ModalLoading ? _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactBootstrap.Load, null), "\xA0\xA0\xA0", this.state.content) : this.state.content), this.renderFooter()))));
-    }
-  }]);
-
-  return WModal;
-}(_react["default"].Component);
-
-WModal.propTypes = {
-  onOpen: _propTypes["default"].func,
-  onClose: _propTypes["default"].func,
-  center: _propTypes["default"].bool,
-  fade: _propTypes["default"].bool,
-  blurSelector: _propTypes["default"].string,
-  width: _propTypes["default"].string
-};
-WModal.defaultProps = {
-  center: false,
-  width: '300px',
-  fade: true
-};
-var _default = WModal;
-exports["default"] = _default;
-//# sourceMappingURL=WModal.js.map

package/lib/WModal.js.map

@@ -1,5 +0,0 @@
-/* @clake/react-bootstrap4-window v0.7.1 | by Clake
- * Copyright (c) 2024 Clake,
- * 2024-03-13T11:37:05+0800
- */
-{"version":3,"sources":["WModal.js"],"names":["ModalAlert","ModalConfirm","ModalLoading","ModalView","BaseModal","defBtns","ok","cancel","WModal","props","e","onClose","onOpen","state","content","title","isCloseBtn","type","center","fade","show","header","btns","modalType","callback","domId","Common","RandomString","id","offsetIndex","document","querySelectorAll","length","is_open","fadeTime","open","close","nextProps","nextState","clearTimeout","_main","classList","add","setTimeout","_shadow","_dialog","style","opacity","marginTop","remove","opt","cb","setState","backdrop","keyboard","base","className","width","modalIndex","zIndex","shadowIndex","c","getMainClasses","getShadowClasses","getClasses","getDialogClasses","getDialogStyles","renderFooter","React","Component","propTypes","PropTypes","func","bool","blurSelector","string","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport {\n    Button,\n    Load,\n    Common,\n    ButtonGroup\n} from '@clake/react-bootstrap4';\nimport './css/WModal.less';\n\nconst ModalAlert = 0;\nconst ModalConfirm = 1;\nconst ModalLoading = 2;\nconst ModalView = 3;\nconst BaseModal = 950;\n\nconst defBtns = {\n    ok:'Ok',\n    cancel:'Cancel',\n};\n\nclass WModal extends React.Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            content:'',\n            title:'',\n            isCloseBtn:true,\n            type:ModalAlert,\n            center:this.props.center,\n            fade:this.props.fade,\n            show:false,\n            header:true,\n            btns:defBtns,\n        };\n        //modal type\n        this.modalType = ModalAlert;\n        //alert confirm callback function\n        this.callback = null;\n\n        this.domId = 'modal-'+Common.RandomString(16);\n        if (this.props.id) {\n            this.domId = this.props.id;\n        }\n        this.offsetIndex = document.querySelectorAll(\".modal\").length * 10;\n        this.is_open = false;\n        this.fadeTime = {\n            open:0,\n            close:0\n        };\n    }\n\n    shouldComponentUpdate(nextProps, nextState) {\n        return this.state.content !== nextState.content\n    }\n\n    componentDidMount() {\n\n    }\n\n    componentWillUnmount() {\n\n    }\n\n    open() {\n        if (this.is_open) {\n            clearTimeout(this.fadeTime.open);\n            clearTimeout(this.fadeTime.close);\n        }\n\n        this._main.classList.add('d-block');\n        this.is_open = true;\n        if (this.state.fade) {\n            this.fadeTime.open = setTimeout(()=>{\n                this._shadow.classList.add('modal-show');\n                this._dialog.style.opacity = '1';\n                this._dialog.style.marginTop = '1.75rem';\n            },150);\n        }\n    }\n\n    close() {\n        if (this.state.fade) {\n            this._dialog.style.opacity = '0';\n            this._dialog.style.marginTop = '-1rem';\n            this._shadow.classList.remove('modal-show');\n        }\n        this.fadeTime.close = setTimeout(()=>{\n            if (this?._main) {\n                this._main.classList.remove('d-block');\n                this.is_open = false;\n            }\n        },150);\n    }\n\n    closeHandler = (e)=>{\n        if (typeof this.props.onClose === 'function') {\n            this.props.onClose();\n        }\n    };\n\n    openHandler = (e) =>{\n        if (typeof this.props.onOpen === 'function') {\n            this.props.onOpen();\n        }\n    };\n\n    /**\n     * modal alert method\n     * opt example\n     * {\n     *      title: '',\n     *      content: ''\n     *      [,callback: func]\n     * }\n     * @param opt object\n     */\n    alert(opt,cb) {\n        this.callback = opt.callback||cb||null;\n        this.modalType = ModalAlert;\n        this.setState({\n            title:opt.title||'Prompt',\n            content:opt.content||opt||'',\n            isCloseBtn:true,\n            type:ModalAlert,\n            center:opt.center||this.props.center,\n            fade:opt.fade||this.props.fade,\n            header: typeof opt.header === 'undefined' ? true:opt.header,\n            btns: typeof opt.btns != 'undefined' ? opt.btns:defBtns,\n        },()=>{\n            this.open({\n                backdrop:'static',\n                keyboard:false,\n            });\n        });\n    }\n\n    /**\n     * modal confirm method\n     * opt example\n     * {\n     *      title:'',\n     *      content:'',\n     *      [callback: func]\n     * }\n     * @param opt\n     */\n    confirm(opt,cb) {\n        this.callback = opt.callback||cb||null;\n        this.modalType = ModalConfirm;\n        this.setState({\n            title:opt.title||'Prompt',\n            content:opt.content||'',\n            isCloseBtn:true,\n            type:ModalConfirm,\n            center:opt.center||this.props.center,\n            fade:opt.fade||this.props.fade,\n            header: typeof opt.header === 'undefined' ? true:opt.header,\n            btns: typeof opt.btns != 'undefined' ? opt.btns:defBtns,\n        },()=>{\n            this.open({\n                backdrop:'static',\n                keyboard:false,\n            });\n        });\n    }\n\n    /**\n     * modal loading method\n     * @param opt\n     */\n    loading(opt) {\n        this.modalType = ModalLoading;\n        this.setState({\n            title:opt.title||'Prompt',\n            // content:(\n            //     <React.Fragment>\n            //         <Icon icon='spinner'/>&nbsp;&nbsp;&nbsp;{content}\n            //     </React.Fragment>\n            // ),\n            content:opt.content||opt||'',\n            isCloseBtn:false,\n            type:ModalLoading,\n            center:opt.center||this.props.center,\n            fade:this.props.fade,\n            header: opt.header||false,\n        },()=>{\n            this.open({\n                backdrop:'static',\n                keyboard:false,\n            });\n        });\n    }\n\n    /**\n     * modal view method\n     * opt example\n     * {\n     *      title:'',\n     *      content:flex,\n     *      [callback:func]\n     * }\n     * @param opt\n     */\n    view(opt) {\n        this.callback = opt.callback||null;\n        this.modalType = ModalView;\n        this.setState({\n            title:opt.title||'Prompt',\n            content:opt.content||'',\n            isCloseBtn:true,\n            type:ModalView,\n            center:opt.center||this.props.center,\n            fade:opt.fade||this.props.fade,\n            header: typeof opt.header === 'undefined' ? true:opt.header\n        },()=>{\n            this.open({\n                backdrop:'static',\n                keyboard:false,\n            });\n        });\n    }\n\n    getMainClasses() {\n        let base = 'wmodal-main';\n\n        if (this.state.fade) {\n            base = classNames(base,'wmodal-fade');\n        }\n\n        return classNames(base,this.props.className);\n    }\n\n    getClasses() {\n        let base = 'modal wmodal-sm d-block';\n        if (this.modalType === ModalView) {\n            base = classNames(base,\"bd-example-modal-lg\");\n        }\n\n        if (this.state.fade) {\n            base = classNames(base,'wmodal-fade');\n        }\n\n        return classNames(base,this.props.className);\n    }\n\n    getDialogStyles() {\n        let base = {};\n        if (this.state.width) {\n            base['maxWidth'] = this.state.width;\n        } else if (this.props.width) {\n            base['maxWidth'] = this.props.width;\n        }\n        return base;\n    }\n\n    getDialogClasses() {\n        let base = 'modal-dialog';\n        if (this.modalType === ModalView) {\n            base = classNames(base,\"modal-lg\");\n        }\n        if (this.state.center) {\n            base = classNames(base,\"modal-dialog-centered\");\n        }\n\n        return classNames(base,this.props.className);\n    }\n\n    getShadowClasses() {\n        let base = 'modal-backdrop ck-modal-shadow show';\n\n        return classNames(base,this.props.className);\n    }\n\n    renderFooter() {\n        let content = null;\n        switch (this.state.type) {\n            case ModalAlert:\n                content = (\n                    <Button className=\"w-100\" size='sm' data-dismiss=\"modal\" onClick={e=>{\n                        this.close();\n                        if (typeof this.callback === 'function') {\n                            this.callback(1);\n                        }\n                    }}>{this.state.btns['ok']}</Button>\n                );\n                break;\n            case ModalConfirm:\n                content = (\n                    <div className='row flex-grow-1 g-1'>\n                        <ButtonGroup>\n                        <Button className='col-6' size='sm' onClick={()=>{\n                            this.close();\n                            if (typeof this.callback === 'function') {\n                                this.callback(1);\n                            }\n                        }}>{this.state.btns['ok']}</Button>\n                        <Button className='col-6' size='sm' onClick={()=>{\n                            this.close();\n                            if (typeof this.callback === 'function') {\n                                this.callback(0);\n                            }\n                        }} theme='secondary'>{this.state.btns['cancel']}</Button>\n                        </ButtonGroup>\n                    </div>\n                );\n                break;\n            default:\n                return null;\n        }\n\n        return (\n            <div className=\"modal-footer\">\n                {content}\n            </div>\n        )\n    }\n\n    render() {\n        let modalIndex = {zIndex:BaseModal+this.offsetIndex+2};\n        let shadowIndex = {zIndex:BaseModal+this.offsetIndex+1};\n        return (\n            <div ref={c=>this._main=c} className={this.getMainClasses()}>\n                <div ref={c=>this._shadow=c} className={this.getShadowClasses()} style={shadowIndex} id={`${this.domId}-shadow`}/>\n                <div className={this.getClasses()} style={modalIndex} tabIndex=\"-1\" id={this.domId} role=\"dialog\">\n                    <div ref={c=>this._dialog=c} className={this.getDialogClasses()} style={this.getDialogStyles()} role=\"document\">\n                        <div className=\"modal-content\">\n                            {this.state.header?<div className=\"modal-header\">\n                                <h6 className=\"modal-title\">{this.state.title}</h6>\n                                {this.state.isCloseBtn?<button type=\"button\" className=\"btn-close\" onClick={()=>{\n                                    this.close();\n                                }}>\n                                </button>:null}\n                            </div>:null}\n                            <div className=\"modal-body\">\n                                {this.state.type === ModalLoading?<React.Fragment>\n                                    <Load/>&nbsp;&nbsp;&nbsp;{this.state.content}\n                                </React.Fragment>:this.state.content}\n                            </div>\n                            {this.renderFooter()}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n}\n\nWModal.propTypes = {\n    onOpen: PropTypes.func,\n    onClose: PropTypes.func,\n    center: PropTypes.bool,\n    fade: PropTypes.bool,\n    blurSelector: PropTypes.string,\n    width: PropTypes.string\n};\n\nWModal.defaultProps = {\n    center:false,\n    width: '300px',\n    fade:true,\n};\n\nexport default WModal;"],"file":"WModal.js"}