1 line
9.0 KiB
JSON
1 line
9.0 KiB
JSON
{"ast":null,"code":"import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport classNames from 'classnames';\nimport addEventListener from 'dom-helpers/addEventListener';\nimport canUseDOM from 'dom-helpers/canUseDOM';\nimport ownerDocument from 'dom-helpers/ownerDocument';\nimport removeEventListener from 'dom-helpers/removeEventListener';\nimport getScrollbarSize from 'dom-helpers/scrollbarSize';\nimport React from 'react';\nimport BaseModal from 'react-overlays/Modal';\nimport BootstrapModalManager from './BootstrapModalManager';\nimport Fade from './Fade';\nimport Body from './ModalBody';\nimport ModalContext from './ModalContext';\nimport ModalDialog from './ModalDialog';\nimport Footer from './ModalFooter';\nimport Header from './ModalHeader';\nimport Title from './ModalTitle';\nimport { createBootstrapComponent } from './ThemeProvider';\nvar defaultProps = {\n show: false,\n backdrop: true,\n keyboard: true,\n autoFocus: true,\n enforceFocus: true,\n restoreFocus: true,\n animation: true,\n dialogAs: ModalDialog,\n manager: new BootstrapModalManager()\n};\n/* eslint-disable no-use-before-define, react/no-multi-comp */\n\nfunction DialogTransition(props) {\n return React.createElement(Fade, props);\n}\n\nfunction BackdropTransition(props) {\n return React.createElement(Fade, props);\n}\n/* eslint-enable no-use-before-define */\n\n\nvar Modal = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(Modal, _React$Component);\n\n function Modal() {\n var _this;\n\n for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {\n _args[_key] = arguments[_key];\n }\n\n _this = _React$Component.call.apply(_React$Component, [this].concat(_args)) || this;\n _this.state = {\n style: {}\n };\n _this.modalContext = {\n onHide: function onHide() {\n return _this.props.onHide();\n }\n };\n\n _this.setModalRef = function (ref) {\n _this._modal = ref;\n };\n\n _this.handleDialogMouseDown = function () {\n _this._waitingForMouseUp = true;\n };\n\n _this.handleMouseUp = function (e) {\n if (_this._waitingForMouseUp && e.target === _this._modal.dialog) {\n _this._ignoreBackdropClick = true;\n }\n\n _this._waitingForMouseUp = false;\n };\n\n _this.handleClick = function (e) {\n if (_this._ignoreBackdropClick || e.target !== e.currentTarget) {\n _this._ignoreBackdropClick = false;\n return;\n }\n\n _this.props.onHide();\n };\n\n _this.handleEnter = function (node) {\n var _this$props;\n\n if (node) {\n node.style.display = 'block';\n\n _this.updateDialogStyle(node);\n }\n\n for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n args[_key2 - 1] = arguments[_key2];\n }\n\n if (_this.props.onEnter) (_this$props = _this.props).onEnter.apply(_this$props, [node].concat(args));\n };\n\n _this.handleEntering = function (node) {\n var _this$props2;\n\n for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {\n args[_key3 - 1] = arguments[_key3];\n }\n\n if (_this.props.onEntering) (_this$props2 = _this.props).onEntering.apply(_this$props2, [node].concat(args)); // FIXME: This should work even when animation is disabled.\n\n addEventListener(window, 'resize', _this.handleWindowResize);\n };\n\n _this.handleExited = function (node) {\n var _this$props3;\n\n if (node) node.style.display = ''; // RHL removes it sometimes\n\n for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {\n args[_key4 - 1] = arguments[_key4];\n }\n\n if (_this.props.onExited) (_this$props3 = _this.props).onExited.apply(_this$props3, args); // FIXME: This should work even when animation is disabled.\n\n removeEventListener(window, 'resize', _this.handleWindowResize);\n };\n\n _this.handleWindowResize = function () {\n _this.updateDialogStyle(_this._modal.dialog);\n };\n\n _this.renderBackdrop = function (props) {\n var _this$props4 = _this.props,\n bsPrefix = _this$props4.bsPrefix,\n backdropClassName = _this$props4.backdropClassName,\n animation = _this$props4.animation;\n return React.createElement(\"div\", _extends({}, props, {\n className: classNames(bsPrefix + \"-backdrop\", backdropClassName, !animation && 'show')\n }));\n };\n\n return _this;\n }\n\n var _proto = Modal.prototype;\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n // Clean up the listener if we need to.\n removeEventListener(window, 'resize', this.handleWindowResize);\n };\n\n _proto.updateDialogStyle = function updateDialogStyle(node) {\n if (!canUseDOM) return;\n var manager = this.props.manager;\n var containerIsOverflowing = manager.isContainerOverflowing(this._modal);\n var modalIsOverflowing = node.scrollHeight > ownerDocument(node).documentElement.clientHeight;\n this.setState({\n style: {\n paddingRight: containerIsOverflowing && !modalIsOverflowing ? getScrollbarSize() : undefined,\n paddingLeft: !containerIsOverflowing && modalIsOverflowing ? getScrollbarSize() : undefined\n }\n });\n };\n\n _proto.render = function render() {\n var _this$props5 = this.props,\n bsPrefix = _this$props5.bsPrefix,\n className = _this$props5.className,\n style = _this$props5.style,\n dialogClassName = _this$props5.dialogClassName,\n children = _this$props5.children,\n Dialog = _this$props5.dialogAs,\n show = _this$props5.show,\n animation = _this$props5.animation,\n backdrop = _this$props5.backdrop,\n keyboard = _this$props5.keyboard,\n manager = _this$props5.manager,\n onEscapeKeyDown = _this$props5.onEscapeKeyDown,\n onShow = _this$props5.onShow,\n onHide = _this$props5.onHide,\n container = _this$props5.container,\n autoFocus = _this$props5.autoFocus,\n enforceFocus = _this$props5.enforceFocus,\n restoreFocus = _this$props5.restoreFocus,\n onEntered = _this$props5.onEntered,\n onExit = _this$props5.onExit,\n onExiting = _this$props5.onExiting,\n _ = _this$props5.onExited,\n _1 = _this$props5.onEntering,\n _6 = _this$props5.onEnter,\n _4 = _this$props5.onEntering,\n _2 = _this$props5.backdropClassName,\n props = _objectWithoutPropertiesLoose(_this$props5, [\"bsPrefix\", \"className\", \"style\", \"dialogClassName\", \"children\", \"dialogAs\", \"show\", \"animation\", \"backdrop\", \"keyboard\", \"manager\", \"onEscapeKeyDown\", \"onShow\", \"onHide\", \"container\", \"autoFocus\", \"enforceFocus\", \"restoreFocus\", \"onEntered\", \"onExit\", \"onExiting\", \"onExited\", \"onEntering\", \"onEnter\", \"onEntering\", \"backdropClassName\"]);\n\n var clickHandler = backdrop === true ? this.handleClick : null;\n\n var baseModalStyle = _extends({}, style, {}, this.state.style); // Sets `display` always block when `animation` is false\n\n\n if (!animation) baseModalStyle.display = 'block';\n return React.createElement(ModalContext.Provider, {\n value: this.modalContext\n }, React.createElement(BaseModal, {\n show: show,\n backdrop: backdrop,\n container: container,\n keyboard: keyboard,\n autoFocus: autoFocus,\n enforceFocus: enforceFocus,\n restoreFocus: restoreFocus,\n onEscapeKeyDown: onEscapeKeyDown,\n onShow: onShow,\n onHide: onHide,\n onEntered: onEntered,\n onExit: onExit,\n onExiting: onExiting,\n manager: manager,\n ref: this.setModalRef,\n style: baseModalStyle,\n className: classNames(className, bsPrefix),\n containerClassName: bsPrefix + \"-open\",\n transition: animation ? DialogTransition : undefined,\n backdropTransition: animation ? BackdropTransition : undefined,\n renderBackdrop: this.renderBackdrop,\n onClick: clickHandler,\n onMouseUp: this.handleMouseUp,\n onEnter: this.handleEnter,\n onEntering: this.handleEntering,\n onExited: this.handleExited\n }, React.createElement(Dialog, _extends({}, props, {\n onMouseDown: this.handleDialogMouseDown,\n className: dialogClassName\n }), children)));\n };\n\n return Modal;\n}(React.Component);\n\nModal.defaultProps = defaultProps;\nvar DecoratedModal = createBootstrapComponent(Modal, 'modal');\nDecoratedModal.Body = Body;\nDecoratedModal.Header = Header;\nDecoratedModal.Title = Title;\nDecoratedModal.Footer = Footer;\nDecoratedModal.Dialog = ModalDialog;\nDecoratedModal.TRANSITION_DURATION = 300;\nDecoratedModal.BACKDROP_TRANSITION_DURATION = 150;\nexport default DecoratedModal;","map":null,"metadata":{},"sourceType":"module"} |