New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@trendmicro/react-modal
Advanced tools
@trendmicro/react-modal - npm Package Compare versions
Comparing version 2.3.0 to 3.0.0
1077
lib/index.js
@@ -1,2 +0,2 @@ | ||
| /*! react-modal v2.3.0 | (c) 2018 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-modal */ | ||
| /*! react-modal v3.0.0 | (c) 2019 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-modal */ | ||
| module.exports = | ||
@@ -41,10 +41,30 @@ /******/ (function(modules) { // webpackBootstrap | ||
| /******/ if(!__webpack_require__.o(exports, name)) { | ||
| /******/ Object.defineProperty(exports, name, { | ||
| /******/ configurable: false, | ||
| /******/ enumerable: true, | ||
| /******/ get: getter | ||
| /******/ }); | ||
| /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); | ||
| /******/ } | ||
| /******/ }; | ||
| /******/ | ||
| /******/ // define __esModule on exports | ||
| /******/ __webpack_require__.r = function(exports) { | ||
| /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { | ||
| /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); | ||
| /******/ } | ||
| /******/ Object.defineProperty(exports, '__esModule', { value: true }); | ||
| /******/ }; | ||
| /******/ | ||
| /******/ // create a fake namespace object | ||
| /******/ // mode & 1: value is a module id, require it | ||
| /******/ // mode & 2: merge all properties of value into the ns | ||
| /******/ // mode & 4: return value when already ns object | ||
| /******/ // mode & 8|1: behave like require | ||
| /******/ __webpack_require__.t = function(value, mode) { | ||
| /******/ if(mode & 1) value = __webpack_require__(value); | ||
| /******/ if(mode & 8) return value; | ||
| /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; | ||
| /******/ var ns = Object.create(null); | ||
| /******/ __webpack_require__.r(ns); | ||
| /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); | ||
| /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); | ||
| /******/ return ns; | ||
| /******/ }; | ||
| /******/ | ||
| /******/ // getDefaultExport function for compatibility with non-harmony modules | ||
@@ -65,707 +85,810 @@ /******/ __webpack_require__.n = function(module) { | ||
| /******/ | ||
| /******/ | ||
| /******/ // Load entry module and return exports | ||
| /******/ return __webpack_require__(__webpack_require__.s = 6); | ||
| /******/ return __webpack_require__(__webpack_require__.s = "./src/index.js"); | ||
| /******/ }) | ||
| /************************************************************************/ | ||
| /******/ ([ | ||
| /* 0 */ | ||
| /***/ (function(module, exports) { | ||
| /******/ ({ | ||
| module.exports = require("classnames"); | ||
| /***/ "./src/Modal.jsx": | ||
| /*!***********************!*\ | ||
| !*** ./src/Modal.jsx ***! | ||
| \***********************/ | ||
| /*! exports provided: default */ | ||
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
| /***/ }), | ||
| /* 1 */ | ||
| /***/ (function(module, exports) { | ||
| "use strict"; | ||
| __webpack_require__.r(__webpack_exports__); | ||
| /* harmony import */ var _trendmicro_react_portal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @trendmicro/react-portal */ "@trendmicro/react-portal"); | ||
| /* harmony import */ var _trendmicro_react_portal__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_trendmicro_react_portal__WEBPACK_IMPORTED_MODULE_0__); | ||
| /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "classnames"); | ||
| /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__); | ||
| /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types"); | ||
| /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__); | ||
| /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react"); | ||
| /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__); | ||
| /* harmony import */ var _ModalOverlay__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ModalOverlay */ "./src/ModalOverlay.jsx"); | ||
| /* harmony import */ var _ModalContent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ModalContent */ "./src/ModalContent.jsx"); | ||
| /* harmony import */ var _index_styl__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./index.styl */ "./src/index.styl"); | ||
| /* harmony import */ var _index_styl__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_index_styl__WEBPACK_IMPORTED_MODULE_6__); | ||
| 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); } | ||
| module.exports = require("react"); | ||
| function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } | ||
| /***/ }), | ||
| /* 2 */ | ||
| /***/ (function(module, exports) { | ||
| function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
| // removed by extract-text-webpack-plugin | ||
| module.exports = {"modal-overlay":"modal---modal-overlay---3D5Nr","modalOverlay":"modal---modal-overlay---3D5Nr","centered":"modal---centered---1Tdo5","modal-content":"modal---modal-content---3pwnC","modalContent":"modal---modal-content---3pwnC","xs":"modal---xs---1z3ff","modal-body":"modal---modal-body---2HFnG","modalBody":"modal---modal-body---2HFnG","modal-header":"modal---modal-header---2YL1L","modalHeader":"modal---modal-header---2YL1L","sm":"modal---sm---20_2_","md":"modal---md---2-zYL","lg":"modal---lg---Hdvxb","close-button":"modal---close-button---2UJ1Z","closeButton":"modal---close-button---2UJ1Z","padding":"modal---padding---2ENnv","close":"modal---close---28rLZ","modal-title":"modal---modal-title---2JFyt","modalTitle":"modal---modal-title---2JFyt","ellipsis":"modal---ellipsis---1BpLN","modal-footer":"modal---modal-footer---20LPi","modalFooter":"modal---modal-footer---20LPi"}; | ||
| function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } | ||
| /***/ }), | ||
| /* 3 */ | ||
| /***/ (function(module, exports) { | ||
| function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
| module.exports = require("prop-types"); | ||
| function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
| /***/ }), | ||
| /* 4 */ | ||
| /***/ (function(module, exports, __webpack_require__) { | ||
| 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); } } | ||
| "use strict"; | ||
| 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); } | ||
| exports.__esModule = true; | ||
| function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| 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); } | ||
| var _class, _temp2; | ||
| function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } | ||
| var _classnames = __webpack_require__(0); | ||
| function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
| var _classnames2 = _interopRequireDefault(_classnames); | ||
| 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 _propTypes = __webpack_require__(3); | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| var _react = __webpack_require__(1); | ||
| var _react2 = _interopRequireDefault(_react); | ||
| var _reactDom = __webpack_require__(9); | ||
| var _reactDom2 = _interopRequireDefault(_reactDom); | ||
| var _index = __webpack_require__(2); | ||
| var _index2 = _interopRequireDefault(_index); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| var deprecate = function deprecate(_ref) { | ||
| var deprecatedPropName = _ref.deprecatedPropName, | ||
| remappedPropName = _ref.remappedPropName; | ||
| function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } | ||
| if (remappedPropName) { | ||
| console.warn("Warning: the \"".concat(deprecatedPropName, "\" prop is deprecated. Use \"").concat(remappedPropName, "\" instead.")); | ||
| return; | ||
| } | ||
| function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
| function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } | ||
| function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } | ||
| var isModifiedEvent = function isModifiedEvent(event) { | ||
| return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey); | ||
| console.warn("Warning: the \"".concat(deprecatedPropName, "\" prop is deprecated.")); | ||
| }; | ||
| /** | ||
| * @example ../styleguide/Modal.md | ||
| */ | ||
| var isLeftClickEvent = function isLeftClickEvent(event) { | ||
| return event.button === 0; | ||
| }; | ||
| var ModalOverlay = (_temp2 = _class = function (_PureComponent) { | ||
| _inherits(ModalOverlay, _PureComponent); | ||
| var Modal = | ||
| /*#__PURE__*/ | ||
| function (_PureComponent) { | ||
| _inherits(Modal, _PureComponent); | ||
| function ModalOverlay() { | ||
| var _temp, _this, _ret; | ||
| function Modal() { | ||
| var _getPrototypeOf2; | ||
| _classCallCheck(this, ModalOverlay); | ||
| var _this; | ||
| for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { | ||
| args[_key] = arguments[_key]; | ||
| } | ||
| _classCallCheck(this, Modal); | ||
| return _ret = (_temp = (_this = _possibleConstructorReturn(this, _PureComponent.call.apply(_PureComponent, [this].concat(args))), _this), _this.node = null, _this.handleClick = function (event) { | ||
| var _this$props = _this.props, | ||
| disableOverlay = _this$props.disableOverlay, | ||
| onClose = _this$props.onClose; | ||
| for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { | ||
| args[_key] = arguments[_key]; | ||
| } | ||
| _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Modal)).call.apply(_getPrototypeOf2, [this].concat(args))); | ||
| if (disableOverlay) { | ||
| return; | ||
| } | ||
| _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleClose", function (event) { | ||
| if (typeof _this.props.onClose === 'function') { | ||
| _this.props.onClose(event); | ||
| } | ||
| }); | ||
| var isOverlayTarget = event.target === _this.node; | ||
| var canClose = !isModifiedEvent(event) && isLeftClickEvent(event) && isOverlayTarget; | ||
| return _this; | ||
| } | ||
| if (canClose && typeof onClose === 'function') { | ||
| onClose(event); | ||
| } | ||
| }, _temp), _possibleConstructorReturn(_this, _ret); | ||
| _createClass(Modal, [{ | ||
| key: "renderCloseButton", | ||
| value: function renderCloseButton() { | ||
| return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("button", { | ||
| type: "button", | ||
| className: _index_styl__WEBPACK_IMPORTED_MODULE_6___default.a.close, | ||
| onClick: this.handleClose | ||
| }); | ||
| } | ||
| }, { | ||
| key: "renderModalContent", | ||
| value: function renderModalContent(_ref2) { | ||
| var showCloseButton = _ref2.showCloseButton, | ||
| size = _ref2.size, | ||
| className = _ref2.className, | ||
| children = _ref2.children, | ||
| props = _objectWithoutProperties(_ref2, ["showCloseButton", "size", "className", "children"]); | ||
| ModalOverlay.prototype.render = function render() { | ||
| var _this2 = this; | ||
| return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_ModalContent__WEBPACK_IMPORTED_MODULE_5__["default"], _extends({}, props, { | ||
| className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(className, _defineProperty({}, _index_styl__WEBPACK_IMPORTED_MODULE_6___default.a.closeButton, showCloseButton)), | ||
| size: size | ||
| }), children, showCloseButton && this.renderCloseButton()); | ||
| } | ||
| }, { | ||
| key: "render", | ||
| value: function render() { | ||
| var _this$props = this.props, | ||
| onClose = _this$props.onClose, | ||
| show = _this$props.show, | ||
| showCloseButton = _this$props.showCloseButton, | ||
| showOverlay = _this$props.showOverlay, | ||
| disableOverlay = _this$props.disableOverlay, | ||
| disableOverlayClick = _this$props.disableOverlayClick, | ||
| overlayClassName = _this$props.overlayClassName, | ||
| overlayStyle = _this$props.overlayStyle, | ||
| size = _this$props.size, | ||
| props = _objectWithoutProperties(_this$props, ["onClose", "show", "showCloseButton", "showOverlay", "disableOverlay", "disableOverlayClick", "overlayClassName", "overlayStyle", "size"]); | ||
| var _props = this.props, | ||
| disableOverlay = _props.disableOverlay, | ||
| onClose = _props.onClose, | ||
| className = _props.className, | ||
| props = _objectWithoutProperties(_props, ['disableOverlay', 'onClose', 'className']); | ||
| if (disableOverlay !== undefined) { | ||
| deprecate({ | ||
| deprecatedPropName: 'disableOverlay', | ||
| remappedPropName: 'disableOverlayClick' | ||
| }); | ||
| return _react2.default.createElement( | ||
| 'div', | ||
| _extends({ | ||
| ref: function ref(c) { | ||
| if (!c) { | ||
| _this2.node = null; | ||
| return; | ||
| } | ||
| _this2.node = _reactDom2.default.findDOMNode(c); | ||
| } | ||
| }, props, { | ||
| role: 'presentation', | ||
| className: (0, _classnames2.default)(className, _index2.default.modalOverlay, _index2.default.centered), | ||
| onClick: this.handleClick | ||
| }), | ||
| this.props.children | ||
| ); | ||
| }; | ||
| if (disableOverlay && disableOverlayClick === false) { | ||
| disableOverlayClick = true; | ||
| } | ||
| } | ||
| return ModalOverlay; | ||
| }(_react.PureComponent), _class.propTypes = { | ||
| disableOverlay: _propTypes2.default.bool, | ||
| onClose: _propTypes2.default.func | ||
| }, _temp2); | ||
| exports.default = ModalOverlay; | ||
| if (!show) { | ||
| return null; | ||
| } | ||
| /***/ }), | ||
| /* 5 */ | ||
| /***/ (function(module, exports, __webpack_require__) { | ||
| var modalContent = this.renderModalContent(_objectSpread({ | ||
| showCloseButton: showCloseButton, | ||
| size: size | ||
| }, props)); | ||
| "use strict"; | ||
| if (!showOverlay) { | ||
| return modalContent; | ||
| } | ||
| return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_trendmicro_react_portal__WEBPACK_IMPORTED_MODULE_0___default.a, null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_ModalOverlay__WEBPACK_IMPORTED_MODULE_4__["default"], { | ||
| className: overlayClassName, | ||
| style: overlayStyle, | ||
| disableOverlayClick: disableOverlayClick, | ||
| onClose: onClose | ||
| }, modalContent)); | ||
| } | ||
| }]); | ||
| exports.__esModule = true; | ||
| return Modal; | ||
| }(react__WEBPACK_IMPORTED_MODULE_3__["PureComponent"]); | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| _defineProperty(Modal, "propTypes", { | ||
| // A callback fired on clicking the overlay or the close button (x). | ||
| onClose: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func, | ||
| // Whether the modal is visible. | ||
| show: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool, | ||
| // Whether the close button (x) is visible. | ||
| showCloseButton: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool, | ||
| // Display an overlay in the background. Defaults to `true`. | ||
| showOverlay: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool, | ||
| // Don't close the modal on clicking the overlay. Defaults to `false`. | ||
| disableOverlayClick: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool, | ||
| // className to assign to modal overlay. | ||
| overlayClassName: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string, | ||
| // style to assign to modal overlay. | ||
| overlayStyle: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.object, | ||
| // Extra Small: W400 x H240 px (minimum height) | ||
| // Small: W544 x H304 px (minimum height) | ||
| // Medium: W688 x H304 px (minimum height) | ||
| // Large: W928 x H304 px (minimum height) | ||
| size: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOf(['', 'xs', 'sm', 'md', 'lg', 'large', 'medium', 'small', 'extra-small']) | ||
| }); | ||
| var _classnames = __webpack_require__(0); | ||
| _defineProperty(Modal, "defaultProps", { | ||
| disableOverlayClick: false, | ||
| show: true, | ||
| showCloseButton: true, | ||
| showOverlay: true, | ||
| size: '' | ||
| }); | ||
| var _classnames2 = _interopRequireDefault(_classnames); | ||
| /* harmony default export */ __webpack_exports__["default"] = (Modal); | ||
| var _propTypes = __webpack_require__(3); | ||
| /***/ }), | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| /***/ "./src/ModalBody.jsx": | ||
| /*!***************************!*\ | ||
| !*** ./src/ModalBody.jsx ***! | ||
| \***************************/ | ||
| /*! exports provided: default */ | ||
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
| var _react = __webpack_require__(1); | ||
| "use strict"; | ||
| __webpack_require__.r(__webpack_exports__); | ||
| /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "classnames"); | ||
| /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__); | ||
| /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types"); | ||
| /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__); | ||
| /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react"); | ||
| /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__); | ||
| /* harmony import */ var _index_styl__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./index.styl */ "./src/index.styl"); | ||
| /* harmony import */ var _index_styl__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_index_styl__WEBPACK_IMPORTED_MODULE_3__); | ||
| 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); } | ||
| var _react2 = _interopRequireDefault(_react); | ||
| function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
| var _index = __webpack_require__(2); | ||
| function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } | ||
| var _index2 = _interopRequireDefault(_index); | ||
| function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
| function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } | ||
| 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); } } | ||
| var mapSizeToStyle = function mapSizeToStyle(size) { | ||
| return { | ||
| 'xs': _index2.default.xs, | ||
| 'sm': _index2.default.sm, | ||
| 'md': _index2.default.md, | ||
| 'lg': _index2.default.lg, | ||
| 'extra-small': _index2.default.xs, | ||
| 'small': _index2.default.sm, | ||
| 'medium': _index2.default.md, | ||
| 'large': _index2.default.lg | ||
| }[size]; | ||
| }; | ||
| function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } | ||
| var ModalContent = function ModalContent(_ref) { | ||
| var className = _ref.className, | ||
| size = _ref.size, | ||
| props = _objectWithoutProperties(_ref, ['className', 'size']); | ||
| function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); } | ||
| return _react2.default.createElement('div', _extends({}, props, { | ||
| className: (0, _classnames2.default)(className, _index2.default.modalContent, mapSizeToStyle(size)) | ||
| })); | ||
| }; | ||
| function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
| ModalContent.propTypes = { | ||
| size: _propTypes2.default.oneOf(['', 'xs', 'sm', 'md', 'lg', 'large', 'medium', 'small', 'extra-small']) | ||
| }; | ||
| function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } | ||
| exports.default = ModalContent; | ||
| 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); } | ||
| /***/ }), | ||
| /* 6 */ | ||
| /***/ (function(module, exports, __webpack_require__) { | ||
| function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } | ||
| "use strict"; | ||
| 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 _Modal = __webpack_require__(7); | ||
| var _Modal2 = _interopRequireDefault(_Modal); | ||
| var _ModalOverlay = __webpack_require__(4); | ||
| var _ModalOverlay2 = _interopRequireDefault(_ModalOverlay); | ||
| var _ModalContent = __webpack_require__(5); | ||
| var ModalBody = | ||
| /*#__PURE__*/ | ||
| function (_PureComponent) { | ||
| _inherits(ModalBody, _PureComponent); | ||
| var _ModalContent2 = _interopRequireDefault(_ModalContent); | ||
| function ModalBody() { | ||
| _classCallCheck(this, ModalBody); | ||
| var _ModalHeader = __webpack_require__(10); | ||
| return _possibleConstructorReturn(this, _getPrototypeOf(ModalBody).apply(this, arguments)); | ||
| } | ||
| var _ModalHeader2 = _interopRequireDefault(_ModalHeader); | ||
| _createClass(ModalBody, [{ | ||
| key: "render", | ||
| value: function render() { | ||
| var _this$props = this.props, | ||
| _this$props$style = _this$props.style, | ||
| style = _this$props$style === void 0 ? {} : _this$props$style, | ||
| padding = _this$props.padding, | ||
| props = _objectWithoutProperties(_this$props, ["style", "padding"]); | ||
| var _ModalTitle = __webpack_require__(11); | ||
| if (typeof padding === 'string') { | ||
| style.padding = padding; | ||
| } | ||
| var _ModalTitle2 = _interopRequireDefault(_ModalTitle); | ||
| return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", _extends({}, props, { | ||
| style: style, | ||
| className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_index_styl__WEBPACK_IMPORTED_MODULE_3___default.a.modalBody, _defineProperty({}, _index_styl__WEBPACK_IMPORTED_MODULE_3___default.a.padding, !!padding)) | ||
| })); | ||
| } | ||
| }]); | ||
| var _ModalBody = __webpack_require__(12); | ||
| return ModalBody; | ||
| }(react__WEBPACK_IMPORTED_MODULE_2__["PureComponent"]); | ||
| var _ModalBody2 = _interopRequireDefault(_ModalBody); | ||
| _defineProperty(ModalBody, "propTypes", { | ||
| padding: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]) | ||
| }); | ||
| var _ModalFooter = __webpack_require__(13); | ||
| _defineProperty(ModalBody, "defaultProps", { | ||
| padding: true | ||
| }); | ||
| var _ModalFooter2 = _interopRequireDefault(_ModalFooter); | ||
| /* harmony default export */ __webpack_exports__["default"] = (ModalBody); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| /***/ }), | ||
| _Modal2.default.Overlay = _ModalOverlay2.default; | ||
| _Modal2.default.Content = _ModalContent2.default; | ||
| _Modal2.default.Header = _ModalHeader2.default; | ||
| _Modal2.default.Title = _ModalTitle2.default; | ||
| _Modal2.default.Body = _ModalBody2.default; | ||
| _Modal2.default.Footer = _ModalFooter2.default; | ||
| /***/ "./src/ModalContent.jsx": | ||
| /*!******************************!*\ | ||
| !*** ./src/ModalContent.jsx ***! | ||
| \******************************/ | ||
| /*! exports provided: default */ | ||
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
| module.exports = _Modal2.default; | ||
| "use strict"; | ||
| __webpack_require__.r(__webpack_exports__); | ||
| /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "classnames"); | ||
| /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__); | ||
| /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types"); | ||
| /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__); | ||
| /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react"); | ||
| /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__); | ||
| /* harmony import */ var _index_styl__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./index.styl */ "./src/index.styl"); | ||
| /* harmony import */ var _index_styl__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_index_styl__WEBPACK_IMPORTED_MODULE_3__); | ||
| function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
| /***/ }), | ||
| /* 7 */ | ||
| /***/ (function(module, exports, __webpack_require__) { | ||
| function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } | ||
| "use strict"; | ||
| function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
| exports.__esModule = true; | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| var _class, _temp2; | ||
| var _reactPortal = __webpack_require__(8); | ||
| var _reactPortal2 = _interopRequireDefault(_reactPortal); | ||
| var mapSizeToStyle = function mapSizeToStyle(size) { | ||
| return { | ||
| 'xs': _index_styl__WEBPACK_IMPORTED_MODULE_3___default.a.xs, | ||
| 'sm': _index_styl__WEBPACK_IMPORTED_MODULE_3___default.a.sm, | ||
| 'md': _index_styl__WEBPACK_IMPORTED_MODULE_3___default.a.md, | ||
| 'lg': _index_styl__WEBPACK_IMPORTED_MODULE_3___default.a.lg, | ||
| 'extra-small': _index_styl__WEBPACK_IMPORTED_MODULE_3___default.a.xs, | ||
| 'small': _index_styl__WEBPACK_IMPORTED_MODULE_3___default.a.sm, | ||
| 'medium': _index_styl__WEBPACK_IMPORTED_MODULE_3___default.a.md, | ||
| 'large': _index_styl__WEBPACK_IMPORTED_MODULE_3___default.a.lg | ||
| }[size]; | ||
| }; | ||
| var _classnames = __webpack_require__(0); | ||
| var ModalContent = function ModalContent(_ref) { | ||
| var className = _ref.className, | ||
| size = _ref.size, | ||
| props = _objectWithoutProperties(_ref, ["className", "size"]); | ||
| var _classnames2 = _interopRequireDefault(_classnames); | ||
| return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", _extends({}, props, { | ||
| className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(className, _index_styl__WEBPACK_IMPORTED_MODULE_3___default.a.modalContent, mapSizeToStyle(size)) | ||
| })); | ||
| }; | ||
| var _propTypes = __webpack_require__(3); | ||
| ModalContent.propTypes = { | ||
| size: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['', 'xs', 'sm', 'md', 'lg', 'large', 'medium', 'small', 'extra-small']) | ||
| }; | ||
| /* harmony default export */ __webpack_exports__["default"] = (ModalContent); | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| /***/ }), | ||
| var _react = __webpack_require__(1); | ||
| /***/ "./src/ModalFooter.jsx": | ||
| /*!*****************************!*\ | ||
| !*** ./src/ModalFooter.jsx ***! | ||
| \*****************************/ | ||
| /*! exports provided: default */ | ||
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
| var _react2 = _interopRequireDefault(_react); | ||
| "use strict"; | ||
| __webpack_require__.r(__webpack_exports__); | ||
| /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "classnames"); | ||
| /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__); | ||
| /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types"); | ||
| /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__); | ||
| /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react"); | ||
| /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__); | ||
| /* harmony import */ var _index_styl__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./index.styl */ "./src/index.styl"); | ||
| /* harmony import */ var _index_styl__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_index_styl__WEBPACK_IMPORTED_MODULE_3__); | ||
| 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); } | ||
| var _ModalOverlay = __webpack_require__(4); | ||
| function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
| var _ModalOverlay2 = _interopRequireDefault(_ModalOverlay); | ||
| function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } | ||
| var _ModalContent = __webpack_require__(5); | ||
| function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
| var _ModalContent2 = _interopRequireDefault(_ModalContent); | ||
| function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
| var _index = __webpack_require__(2); | ||
| 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); } } | ||
| var _index2 = _interopRequireDefault(_index); | ||
| function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); } | ||
| function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } | ||
| function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
| function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
| function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } | ||
| function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : 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 _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } | ||
| function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } | ||
| var Modal = (_temp2 = _class = function (_PureComponent) { | ||
| _inherits(Modal, _PureComponent); | ||
| 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; } | ||
| function Modal() { | ||
| var _temp, _this, _ret; | ||
| _classCallCheck(this, Modal); | ||
| for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { | ||
| args[_key] = arguments[_key]; | ||
| } | ||
| return _ret = (_temp = (_this = _possibleConstructorReturn(this, _PureComponent.call.apply(_PureComponent, [this].concat(args))), _this), _this.handleClose = function (event) { | ||
| if (typeof _this.props.onClose === 'function') { | ||
| _this.props.onClose(event); | ||
| } | ||
| }, _temp), _possibleConstructorReturn(_this, _ret); | ||
| } | ||
| Modal.prototype.renderCloseButton = function renderCloseButton() { | ||
| return _react2.default.createElement('button', { | ||
| type: 'button', | ||
| className: _index2.default.close, | ||
| onClick: this.handleClose | ||
| }); | ||
| }; | ||
| Modal.prototype.renderModalContent = function renderModalContent(_ref) { | ||
| var _cx; | ||
| var ModalFooter = | ||
| /*#__PURE__*/ | ||
| function (_PureComponent) { | ||
| _inherits(ModalFooter, _PureComponent); | ||
| var showCloseButton = _ref.showCloseButton, | ||
| size = _ref.size, | ||
| className = _ref.className, | ||
| children = _ref.children, | ||
| props = _objectWithoutProperties(_ref, ['showCloseButton', 'size', 'className', 'children']); | ||
| function ModalFooter() { | ||
| _classCallCheck(this, ModalFooter); | ||
| return _react2.default.createElement( | ||
| _ModalContent2.default, | ||
| _extends({}, props, { | ||
| className: (0, _classnames2.default)(className, (_cx = {}, _cx[_index2.default.closeButton] = showCloseButton, _cx)), | ||
| size: size | ||
| }), | ||
| children, | ||
| showCloseButton && this.renderCloseButton() | ||
| ); | ||
| }; | ||
| return _possibleConstructorReturn(this, _getPrototypeOf(ModalFooter).apply(this, arguments)); | ||
| } | ||
| Modal.prototype.render = function render() { | ||
| var _props = this.props, | ||
| onClose = _props.onClose, | ||
| show = _props.show, | ||
| showCloseButton = _props.showCloseButton, | ||
| showOverlay = _props.showOverlay, | ||
| disableOverlay = _props.disableOverlay, | ||
| overlayClassName = _props.overlayClassName, | ||
| overlayStyle = _props.overlayStyle, | ||
| size = _props.size, | ||
| props = _objectWithoutProperties(_props, ['onClose', 'show', 'showCloseButton', 'showOverlay', 'disableOverlay', 'overlayClassName', 'overlayStyle', 'size']); | ||
| _createClass(ModalFooter, [{ | ||
| key: "render", | ||
| value: function render() { | ||
| var _this$props = this.props, | ||
| _this$props$style = _this$props.style, | ||
| style = _this$props$style === void 0 ? {} : _this$props$style, | ||
| padding = _this$props.padding, | ||
| props = _objectWithoutProperties(_this$props, ["style", "padding"]); | ||
| if (!show) { | ||
| return null; | ||
| } | ||
| if (typeof padding === 'string') { | ||
| style.padding = padding; | ||
| } | ||
| var modalContent = this.renderModalContent(_extends({ | ||
| showCloseButton: showCloseButton, | ||
| size: size | ||
| }, props)); | ||
| return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", _extends({}, props, { | ||
| style: style, | ||
| className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_index_styl__WEBPACK_IMPORTED_MODULE_3___default.a.modalFooter, _defineProperty({}, _index_styl__WEBPACK_IMPORTED_MODULE_3___default.a.padding, !!padding)) | ||
| })); | ||
| } | ||
| }]); | ||
| if (!showOverlay) { | ||
| return modalContent; | ||
| } | ||
| return ModalFooter; | ||
| }(react__WEBPACK_IMPORTED_MODULE_2__["PureComponent"]); | ||
| return _react2.default.createElement( | ||
| _reactPortal2.default, | ||
| null, | ||
| _react2.default.createElement( | ||
| _ModalOverlay2.default, | ||
| { | ||
| className: overlayClassName, | ||
| style: overlayStyle, | ||
| disableOverlay: disableOverlay, | ||
| onClose: onClose | ||
| }, | ||
| modalContent | ||
| ) | ||
| ); | ||
| }; | ||
| _defineProperty(ModalFooter, "propTypes", { | ||
| padding: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]) | ||
| }); | ||
| return Modal; | ||
| }(_react.PureComponent), _class.propTypes = { | ||
| // A callback fired on clicking the overlay or the close button (x). | ||
| onClose: _propTypes2.default.func, | ||
| _defineProperty(ModalFooter, "defaultProps", { | ||
| padding: true | ||
| }); | ||
| // Whether the modal is visible. | ||
| show: _propTypes2.default.bool, | ||
| /* harmony default export */ __webpack_exports__["default"] = (ModalFooter); | ||
| // Whether the close button (x) is visible. | ||
| showCloseButton: _propTypes2.default.bool, | ||
| /***/ }), | ||
| // Display an overlay in the background. Defaults to `true`. | ||
| showOverlay: _propTypes2.default.bool, | ||
| /***/ "./src/ModalHeader.jsx": | ||
| /*!*****************************!*\ | ||
| !*** ./src/ModalHeader.jsx ***! | ||
| \*****************************/ | ||
| /*! exports provided: default */ | ||
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
| // Don't close the modal on clicking the overlay. Defaults to `false`. | ||
| disableOverlay: _propTypes2.default.bool, | ||
| "use strict"; | ||
| __webpack_require__.r(__webpack_exports__); | ||
| /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "classnames"); | ||
| /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__); | ||
| /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types"); | ||
| /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__); | ||
| /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react"); | ||
| /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__); | ||
| /* harmony import */ var _index_styl__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./index.styl */ "./src/index.styl"); | ||
| /* harmony import */ var _index_styl__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_index_styl__WEBPACK_IMPORTED_MODULE_3__); | ||
| 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); } | ||
| // className to assign to modal overlay. | ||
| overlayClassName: _propTypes2.default.string, | ||
| function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
| // style to assign to modal overlay. | ||
| overlayStyle: _propTypes2.default.object, | ||
| function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } | ||
| // Extra Small: W400 x H240 px (minimum height) | ||
| // Small: W544 x H304 px (minimum height) | ||
| // Medium: W688 x H304 px (minimum height) | ||
| // Large: W928 x H304 px (minimum height) | ||
| size: _propTypes2.default.oneOf(['', 'xs', 'sm', 'md', 'lg', 'large', 'medium', 'small', 'extra-small']) | ||
| }, _class.defaultProps = { | ||
| disableOverlay: false, | ||
| show: true, | ||
| showCloseButton: true, | ||
| showOverlay: true, | ||
| size: '' | ||
| }, _temp2); | ||
| exports.default = Modal; | ||
| function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
| /***/ }), | ||
| /* 8 */ | ||
| /***/ (function(module, exports) { | ||
| function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
| module.exports = require("@trendmicro/react-portal"); | ||
| 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); } } | ||
| /***/ }), | ||
| /* 9 */ | ||
| /***/ (function(module, exports) { | ||
| function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } | ||
| module.exports = require("react-dom"); | ||
| function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); } | ||
| /***/ }), | ||
| /* 10 */ | ||
| /***/ (function(module, exports, __webpack_require__) { | ||
| function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
| "use strict"; | ||
| function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } | ||
| 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); } | ||
| exports.__esModule = true; | ||
| function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| 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 _class, _temp; | ||
| var _classnames = __webpack_require__(0); | ||
| var _classnames2 = _interopRequireDefault(_classnames); | ||
| var _propTypes = __webpack_require__(3); | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| var _react = __webpack_require__(1); | ||
| var ModalHeader = | ||
| /*#__PURE__*/ | ||
| function (_PureComponent) { | ||
| _inherits(ModalHeader, _PureComponent); | ||
| var _react2 = _interopRequireDefault(_react); | ||
| function ModalHeader() { | ||
| _classCallCheck(this, ModalHeader); | ||
| var _index = __webpack_require__(2); | ||
| return _possibleConstructorReturn(this, _getPrototypeOf(ModalHeader).apply(this, arguments)); | ||
| } | ||
| var _index2 = _interopRequireDefault(_index); | ||
| _createClass(ModalHeader, [{ | ||
| key: "render", | ||
| value: function render() { | ||
| var _this$props = this.props, | ||
| _this$props$style = _this$props.style, | ||
| style = _this$props$style === void 0 ? {} : _this$props$style, | ||
| padding = _this$props.padding, | ||
| props = _objectWithoutProperties(_this$props, ["style", "padding"]); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| if (typeof padding === 'string') { | ||
| style.padding = padding; | ||
| } | ||
| function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } | ||
| return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", _extends({}, props, { | ||
| style: style, | ||
| className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_index_styl__WEBPACK_IMPORTED_MODULE_3___default.a.modalHeader, _defineProperty({}, _index_styl__WEBPACK_IMPORTED_MODULE_3___default.a.padding, !!padding)) | ||
| })); | ||
| } | ||
| }]); | ||
| function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
| return ModalHeader; | ||
| }(react__WEBPACK_IMPORTED_MODULE_2__["PureComponent"]); | ||
| function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } | ||
| _defineProperty(ModalHeader, "propTypes", { | ||
| padding: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]) | ||
| }); | ||
| function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } | ||
| _defineProperty(ModalHeader, "defaultProps", { | ||
| padding: true | ||
| }); | ||
| var ModalHeader = (_temp = _class = function (_PureComponent) { | ||
| _inherits(ModalHeader, _PureComponent); | ||
| /* harmony default export */ __webpack_exports__["default"] = (ModalHeader); | ||
| function ModalHeader() { | ||
| _classCallCheck(this, ModalHeader); | ||
| /***/ }), | ||
| return _possibleConstructorReturn(this, _PureComponent.apply(this, arguments)); | ||
| } | ||
| /***/ "./src/ModalOverlay.jsx": | ||
| /*!******************************!*\ | ||
| !*** ./src/ModalOverlay.jsx ***! | ||
| \******************************/ | ||
| /*! exports provided: default */ | ||
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
| ModalHeader.prototype.render = function render() { | ||
| var _classNames; | ||
| "use strict"; | ||
| __webpack_require__.r(__webpack_exports__); | ||
| /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "classnames"); | ||
| /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__); | ||
| /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types"); | ||
| /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__); | ||
| /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react"); | ||
| /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__); | ||
| /* harmony import */ var _index_styl__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./index.styl */ "./src/index.styl"); | ||
| /* harmony import */ var _index_styl__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_index_styl__WEBPACK_IMPORTED_MODULE_3__); | ||
| 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); } | ||
| var _props = this.props, | ||
| _props$style = _props.style, | ||
| style = _props$style === undefined ? {} : _props$style, | ||
| padding = _props.padding, | ||
| props = _objectWithoutProperties(_props, ['style', 'padding']); | ||
| function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
| if (typeof padding === 'string') { | ||
| style.padding = padding; | ||
| } | ||
| function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } | ||
| return _react2.default.createElement('div', _extends({}, props, { | ||
| style: style, | ||
| className: (0, _classnames2.default)(_index2.default.modalHeader, (_classNames = {}, _classNames[_index2.default.padding] = !!padding, _classNames)) | ||
| })); | ||
| }; | ||
| function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
| return ModalHeader; | ||
| }(_react.PureComponent), _class.propTypes = { | ||
| padding: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string]) | ||
| }, _class.defaultProps = { | ||
| padding: true | ||
| }, _temp); | ||
| exports.default = ModalHeader; | ||
| function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
| /***/ }), | ||
| /* 11 */ | ||
| /***/ (function(module, exports, __webpack_require__) { | ||
| 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); } } | ||
| "use strict"; | ||
| 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); } | ||
| exports.__esModule = true; | ||
| function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| 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); } | ||
| var _react = __webpack_require__(1); | ||
| function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } | ||
| var _react2 = _interopRequireDefault(_react); | ||
| function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
| var _classnames = __webpack_require__(0); | ||
| 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 _classnames2 = _interopRequireDefault(_classnames); | ||
| var _index = __webpack_require__(2); | ||
| var _index2 = _interopRequireDefault(_index); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| var ModalTitle = function ModalTitle(props) { | ||
| var _classNames; | ||
| var children = props.children; | ||
| var isModifiedEvent = function isModifiedEvent(event) { | ||
| return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey); | ||
| }; | ||
| var doEllipsis = typeof children === 'string'; | ||
| return _react2.default.createElement('div', _extends({}, props, { | ||
| className: (0, _classnames2.default)(_index2.default.modalTitle, (_classNames = {}, _classNames[_index2.default.ellipsis] = doEllipsis, _classNames)) | ||
| })); | ||
| var isLeftClickEvent = function isLeftClickEvent(event) { | ||
| return event.button === 0; | ||
| }; | ||
| exports.default = ModalTitle; | ||
| var ModalOverlay = | ||
| /*#__PURE__*/ | ||
| function (_PureComponent) { | ||
| _inherits(ModalOverlay, _PureComponent); | ||
| /***/ }), | ||
| /* 12 */ | ||
| /***/ (function(module, exports, __webpack_require__) { | ||
| function ModalOverlay() { | ||
| var _getPrototypeOf2; | ||
| "use strict"; | ||
| var _this; | ||
| _classCallCheck(this, ModalOverlay); | ||
| exports.__esModule = true; | ||
| for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { | ||
| args[_key] = arguments[_key]; | ||
| } | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(ModalOverlay)).call.apply(_getPrototypeOf2, [this].concat(args))); | ||
| var _class, _temp; | ||
| _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "ref", react__WEBPACK_IMPORTED_MODULE_2___default.a.createRef()); | ||
| var _classnames = __webpack_require__(0); | ||
| _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleClick", function (event) { | ||
| var _this$props = _this.props, | ||
| disableOverlayClick = _this$props.disableOverlayClick, | ||
| onClose = _this$props.onClose; | ||
| var _classnames2 = _interopRequireDefault(_classnames); | ||
| if (disableOverlayClick) { | ||
| return; | ||
| } | ||
| var _propTypes = __webpack_require__(3); | ||
| var node = _this.ref.current; | ||
| var isOverlayTarget = event.target === node; | ||
| var canClose = !isModifiedEvent(event) && isLeftClickEvent(event) && isOverlayTarget; | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| if (canClose && typeof onClose === 'function') { | ||
| onClose(event); | ||
| } | ||
| }); | ||
| var _react = __webpack_require__(1); | ||
| return _this; | ||
| } | ||
| var _react2 = _interopRequireDefault(_react); | ||
| _createClass(ModalOverlay, [{ | ||
| key: "render", | ||
| value: function render() { | ||
| var _this$props2 = this.props, | ||
| disableOverlayClick = _this$props2.disableOverlayClick, | ||
| onClose = _this$props2.onClose, | ||
| className = _this$props2.className, | ||
| props = _objectWithoutProperties(_this$props2, ["disableOverlayClick", "onClose", "className"]); | ||
| var _index = __webpack_require__(2); | ||
| return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", _extends({ | ||
| ref: this.ref | ||
| }, props, { | ||
| role: "presentation", | ||
| className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(className, _index_styl__WEBPACK_IMPORTED_MODULE_3___default.a.modalOverlay, _index_styl__WEBPACK_IMPORTED_MODULE_3___default.a.centered), | ||
| onClick: this.handleClick | ||
| }), this.props.children); | ||
| } | ||
| }]); | ||
| var _index2 = _interopRequireDefault(_index); | ||
| return ModalOverlay; | ||
| }(react__WEBPACK_IMPORTED_MODULE_2__["PureComponent"]); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| _defineProperty(ModalOverlay, "propTypes", { | ||
| disableOverlayClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool, | ||
| onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func | ||
| }); | ||
| function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } | ||
| /* harmony default export */ __webpack_exports__["default"] = (ModalOverlay); | ||
| function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
| /***/ }), | ||
| function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } | ||
| /***/ "./src/ModalTitle.jsx": | ||
| /*!****************************!*\ | ||
| !*** ./src/ModalTitle.jsx ***! | ||
| \****************************/ | ||
| /*! exports provided: default */ | ||
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
| function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } | ||
| "use strict"; | ||
| __webpack_require__.r(__webpack_exports__); | ||
| /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | ||
| /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | ||
| /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "classnames"); | ||
| /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__); | ||
| /* harmony import */ var _index_styl__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index.styl */ "./src/index.styl"); | ||
| /* harmony import */ var _index_styl__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_index_styl__WEBPACK_IMPORTED_MODULE_2__); | ||
| function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
| var ModalBody = (_temp = _class = function (_PureComponent) { | ||
| _inherits(ModalBody, _PureComponent); | ||
| 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; } | ||
| function ModalBody() { | ||
| _classCallCheck(this, ModalBody); | ||
| return _possibleConstructorReturn(this, _PureComponent.apply(this, arguments)); | ||
| } | ||
| ModalBody.prototype.render = function render() { | ||
| var _classNames; | ||
| var _props = this.props, | ||
| _props$style = _props.style, | ||
| style = _props$style === undefined ? {} : _props$style, | ||
| padding = _props.padding, | ||
| props = _objectWithoutProperties(_props, ['style', 'padding']); | ||
| if (typeof padding === 'string') { | ||
| style.padding = padding; | ||
| } | ||
| var ModalTitle = function ModalTitle(props) { | ||
| var children = props.children; | ||
| var doEllipsis = typeof children === 'string'; | ||
| return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", _extends({}, props, { | ||
| className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_styl__WEBPACK_IMPORTED_MODULE_2___default.a.modalTitle, _defineProperty({}, _index_styl__WEBPACK_IMPORTED_MODULE_2___default.a.ellipsis, doEllipsis)) | ||
| })); | ||
| }; | ||
| return _react2.default.createElement('div', _extends({}, props, { | ||
| style: style, | ||
| className: (0, _classnames2.default)(_index2.default.modalBody, (_classNames = {}, _classNames[_index2.default.padding] = !!padding, _classNames)) | ||
| })); | ||
| }; | ||
| /* harmony default export */ __webpack_exports__["default"] = (ModalTitle); | ||
| return ModalBody; | ||
| }(_react.PureComponent), _class.propTypes = { | ||
| padding: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string]) | ||
| }, _class.defaultProps = { | ||
| padding: true | ||
| }, _temp); | ||
| exports.default = ModalBody; | ||
| /***/ }), | ||
| /* 13 */ | ||
| /***/ (function(module, exports, __webpack_require__) { | ||
| /***/ "./src/index.js": | ||
| /*!**********************!*\ | ||
| !*** ./src/index.js ***! | ||
| \**********************/ | ||
| /*! exports provided: default */ | ||
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
| "use strict"; | ||
| __webpack_require__.r(__webpack_exports__); | ||
| /* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Modal */ "./src/Modal.jsx"); | ||
| /* harmony import */ var _ModalOverlay__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ModalOverlay */ "./src/ModalOverlay.jsx"); | ||
| /* harmony import */ var _ModalContent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ModalContent */ "./src/ModalContent.jsx"); | ||
| /* harmony import */ var _ModalHeader__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ModalHeader */ "./src/ModalHeader.jsx"); | ||
| /* harmony import */ var _ModalTitle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ModalTitle */ "./src/ModalTitle.jsx"); | ||
| /* harmony import */ var _ModalBody__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ModalBody */ "./src/ModalBody.jsx"); | ||
| /* harmony import */ var _ModalFooter__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ModalFooter */ "./src/ModalFooter.jsx"); | ||
| exports.__esModule = true; | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| var _class, _temp; | ||
| var _classnames = __webpack_require__(0); | ||
| var _classnames2 = _interopRequireDefault(_classnames); | ||
| var _propTypes = __webpack_require__(3); | ||
| _Modal__WEBPACK_IMPORTED_MODULE_0__["default"].Overlay = _ModalOverlay__WEBPACK_IMPORTED_MODULE_1__["default"]; | ||
| _Modal__WEBPACK_IMPORTED_MODULE_0__["default"].Content = _ModalContent__WEBPACK_IMPORTED_MODULE_2__["default"]; | ||
| _Modal__WEBPACK_IMPORTED_MODULE_0__["default"].Header = _ModalHeader__WEBPACK_IMPORTED_MODULE_3__["default"]; | ||
| _Modal__WEBPACK_IMPORTED_MODULE_0__["default"].Title = _ModalTitle__WEBPACK_IMPORTED_MODULE_4__["default"]; | ||
| _Modal__WEBPACK_IMPORTED_MODULE_0__["default"].Body = _ModalBody__WEBPACK_IMPORTED_MODULE_5__["default"]; | ||
| _Modal__WEBPACK_IMPORTED_MODULE_0__["default"].Footer = _ModalFooter__WEBPACK_IMPORTED_MODULE_6__["default"]; | ||
| /* harmony default export */ __webpack_exports__["default"] = (_Modal__WEBPACK_IMPORTED_MODULE_0__["default"]); | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| /***/ }), | ||
| var _react = __webpack_require__(1); | ||
| /***/ "./src/index.styl": | ||
| /*!************************!*\ | ||
| !*** ./src/index.styl ***! | ||
| \************************/ | ||
| /*! no static exports found */ | ||
| /***/ (function(module, exports, __webpack_require__) { | ||
| var _react2 = _interopRequireDefault(_react); | ||
| // extracted by mini-css-extract-plugin | ||
| module.exports = {"modal-overlay":"modal---modal-overlay---3D5Nr","modalOverlay":"modal---modal-overlay---3D5Nr","centered":"modal---centered---1Tdo5","modal-content":"modal---modal-content---3pwnC","modalContent":"modal---modal-content---3pwnC","xs":"modal---xs---1z3ff","modal-body":"modal---modal-body---2HFnG","modalBody":"modal---modal-body---2HFnG","modal-header":"modal---modal-header---2YL1L","modalHeader":"modal---modal-header---2YL1L","sm":"modal---sm---20_2_","md":"modal---md---2-zYL","lg":"modal---lg---Hdvxb","close-button":"modal---close-button---2UJ1Z","closeButton":"modal---close-button---2UJ1Z","padding":"modal---padding---2ENnv","close":"modal---close---28rLZ","modal-title":"modal---modal-title---2JFyt","modalTitle":"modal---modal-title---2JFyt","ellipsis":"modal---ellipsis---1BpLN","modal-footer":"modal---modal-footer---20LPi","modalFooter":"modal---modal-footer---20LPi"}; | ||
| var _index = __webpack_require__(2); | ||
| /***/ }), | ||
| var _index2 = _interopRequireDefault(_index); | ||
| /***/ "@trendmicro/react-portal": | ||
| /*!*******************************************!*\ | ||
| !*** external "@trendmicro/react-portal" ***! | ||
| \*******************************************/ | ||
| /*! no static exports found */ | ||
| /***/ (function(module, exports) { | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| module.exports = require("@trendmicro/react-portal"); | ||
| function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } | ||
| /***/ }), | ||
| function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
| /***/ "classnames": | ||
| /*!*****************************!*\ | ||
| !*** external "classnames" ***! | ||
| \*****************************/ | ||
| /*! no static exports found */ | ||
| /***/ (function(module, exports) { | ||
| function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } | ||
| module.exports = require("classnames"); | ||
| function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } | ||
| /***/ }), | ||
| var ModalFooter = (_temp = _class = function (_PureComponent) { | ||
| _inherits(ModalFooter, _PureComponent); | ||
| /***/ "prop-types": | ||
| /*!*****************************!*\ | ||
| !*** external "prop-types" ***! | ||
| \*****************************/ | ||
| /*! no static exports found */ | ||
| /***/ (function(module, exports) { | ||
| function ModalFooter() { | ||
| _classCallCheck(this, ModalFooter); | ||
| module.exports = require("prop-types"); | ||
| return _possibleConstructorReturn(this, _PureComponent.apply(this, arguments)); | ||
| } | ||
| /***/ }), | ||
| ModalFooter.prototype.render = function render() { | ||
| var _classNames; | ||
| /***/ "react": | ||
| /*!************************!*\ | ||
| !*** external "react" ***! | ||
| \************************/ | ||
| /*! no static exports found */ | ||
| /***/ (function(module, exports) { | ||
| var _props = this.props, | ||
| _props$style = _props.style, | ||
| style = _props$style === undefined ? {} : _props$style, | ||
| padding = _props.padding, | ||
| props = _objectWithoutProperties(_props, ['style', 'padding']); | ||
| module.exports = require("react"); | ||
| if (typeof padding === 'string') { | ||
| style.padding = padding; | ||
| } | ||
| /***/ }) | ||
| return _react2.default.createElement('div', _extends({}, props, { | ||
| style: style, | ||
| className: (0, _classnames2.default)(_index2.default.modalFooter, (_classNames = {}, _classNames[_index2.default.padding] = !!padding, _classNames)) | ||
| })); | ||
| }; | ||
| return ModalFooter; | ||
| }(_react.PureComponent), _class.propTypes = { | ||
| padding: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string]) | ||
| }, _class.defaultProps = { | ||
| padding: true | ||
| }, _temp); | ||
| exports.default = ModalFooter; | ||
| /***/ }) | ||
| /******/ ]); | ||
| /******/ }); | ||
| //# sourceMappingURL=index.js.map |
| { | ||
| "name": "@trendmicro/react-modal", | ||
| "version": "2.3.0", | ||
| "version": "3.0.0", | ||
| "description": "React Modal component", | ||
@@ -11,12 +11,15 @@ "main": "lib/index.js", | ||
| "scripts": { | ||
| "prepublish": "npm run lint && npm test && npm run clean && npm run build && npm run build-examples", | ||
| "build": "webpack && npm run cleancss", | ||
| "build-examples": "cd examples; webpack", | ||
| "prepublish": "npm run lint && npm test && npm run clean && npm run build && npm run styleguide:build", | ||
| "build": "webpack-cli && npm run cleancss", | ||
| "clean": "rm -f {lib,dist}/*", | ||
| "cleancss": "cleancss -o dist/react-modal.min.css dist/react-modal.css", | ||
| "demo": "http-server -p 8000 docs/", | ||
| "lint": "eslint ./src", | ||
| "test": "tap test/*.js --node-arg=--require --node-arg=babel-register --node-arg=--require --node-arg=babel-polyfill", | ||
| "coveralls": "tap test/*.js --coverage --coverage-report=text-lcov --nyc-arg=--require --nyc-arg=babel-register --nyc-arg=--require --nyc-arg=babel-polyfill | coveralls", | ||
| "dev": "cd examples; webpack-dev-server --hot --inline --host 0.0.0.0 --port 8000 --content-base ../docs" | ||
| "lint": "npm run eslint && npm run stylint", | ||
| "eslint": "eslint --ext .js --ext .jsx *.js src test", | ||
| "stylint": "stylint src", | ||
| "test": "tap test/*.js --node-arg=--require --node-arg=@babel/register --node-arg=--require --node-arg=@babel/polyfill", | ||
| "coveralls": "tap test/*.js --coverage --coverage-report=text-lcov --nyc-arg=--require --nyc-arg=@babel/register --nyc-arg=--require --nyc-arg=@babel/polyfill | coveralls", | ||
| "dev": "npm run styleguide", | ||
| "styleguide": "styleguidist server", | ||
| "styleguide:build": "styleguidist build" | ||
| }, | ||
@@ -27,3 +30,3 @@ "repository": { | ||
| }, | ||
| "author": "Cheton Wu <cheton_wu@trend.com.tw>", | ||
| "author": "Cheton Wu <cheton_wu@trendmicro.com>", | ||
| "contributors": [ | ||
@@ -42,10 +45,9 @@ { | ||
| "keywords": [ | ||
| "react-modal", | ||
| "react", | ||
| "react-modal", | ||
| "modal", | ||
| "dialogs" | ||
| "portal" | ||
| ], | ||
| "peerDependencies": { | ||
| "react": "^0.14.0 || >=15.0.0", | ||
| "react-dom": "^0.14.0 || >=15.0.0" | ||
| "react": ">=16.3.0" | ||
| }, | ||
@@ -58,43 +60,46 @@ "dependencies": { | ||
| "devDependencies": { | ||
| "@trendmicro/react-buttons": "~1.3.0", | ||
| "babel-cli": "~6.26.0", | ||
| "babel-core": "~6.26.0", | ||
| "babel-eslint": "~8.2.2", | ||
| "babel-loader": "~7.1.4", | ||
| "babel-plugin-transform-decorators-legacy": "~1.3.4", | ||
| "babel-preset-env": "^1.6.1", | ||
| "babel-preset-react": "~6.24.1", | ||
| "babel-preset-stage-0": "~6.24.1", | ||
| "@babel/cli": "~7.2.3", | ||
| "@babel/core": "~7.2.2", | ||
| "@babel/polyfill": "~7.2.3", | ||
| "@babel/preset-env": "~7.2.3", | ||
| "@babel/preset-react": "~7.0.0", | ||
| "@babel/register": "~7.0.0", | ||
| "@trendmicro/babel-config": "~1.0.0-alpha", | ||
| "@trendmicro/react-buttons": "~1.3.1", | ||
| "babel-eslint": "~10.0.1", | ||
| "babel-loader": "~8.0.4", | ||
| "chained-function": "~0.5.0", | ||
| "clean-css": "~4.1.9", | ||
| "clean-css-cli": "~4.1.10", | ||
| "coveralls": "~3.0.0", | ||
| "css-loader": "~0.28.9", | ||
| "clean-css": "~4.2.1", | ||
| "clean-css-cli": "~4.2.1", | ||
| "coveralls": "~3.0.2", | ||
| "css-loader": "~2.1.0", | ||
| "enzyme": "~3.8.0", | ||
| "enzyme-adapter-react-16": "~1.7.1", | ||
| "eslint": "~4.18.2", | ||
| "eslint-config-trendmicro": "~1.3.0", | ||
| "eslint-loader": "~2.0.0", | ||
| "eslint-plugin-import": "~2.9.0", | ||
| "eslint-plugin-jsx-a11y": "~6.0.3", | ||
| "eslint-plugin-react": "~7.7.0", | ||
| "extract-text-webpack-plugin": "~3.0.2", | ||
| "file-loader": "~1.1.6", | ||
| "find-imports": "~0.5.2", | ||
| "html-webpack-plugin": "~3.0.6", | ||
| "eslint": "~5.11.1", | ||
| "eslint-config-trendmicro": "~1.4.1", | ||
| "eslint-loader": "~2.1.1", | ||
| "eslint-plugin-import": "~2.14.0", | ||
| "eslint-plugin-jsx-a11y": "~6.1.2", | ||
| "eslint-plugin-react": "~7.12.0", | ||
| "file-loader": "~3.0.1", | ||
| "find-imports": "^1.1.0", | ||
| "html-webpack-plugin": "~3.2.0", | ||
| "http-server": "~0.11.1", | ||
| "jsdom": "~11.6.0", | ||
| "jsdom": "^13.1.0", | ||
| "mini-css-extract-plugin": "~0.5.0", | ||
| "nib": "~1.1.2", | ||
| "react": "^0.14.0 || >=15.0.0", | ||
| "react-dom": "^0.14.0 || >=15.0.0", | ||
| "style-loader": "~0.20.3", | ||
| "react": ">=16.3.0", | ||
| "react-dom": ">=16.3.0", | ||
| "react-styleguidist": "~8.0.6", | ||
| "resize-observer-polyfill": "~1.5.1", | ||
| "style-loader": "~0.23.1", | ||
| "stylint": "~1.5.9", | ||
| "stylint-loader": "~1.0.0", | ||
| "stylus-loader": "~3.0.1", | ||
| "tap": "~11.1.2", | ||
| "trendmicro-ui": "~0.5.1", | ||
| "url-loader": "~0.6.2", | ||
| "webpack": "~3.10.0", | ||
| "webpack-dev-server": "~2.11.1" | ||
| "stylus-loader": "~3.0.2", | ||
| "tap": "~12.1.1", | ||
| "url-loader": "~1.1.2", | ||
| "webpack": "~4.28.1", | ||
| "webpack-cli": "~3.1.2", | ||
| "webpack-dev-server": "~3.1.10", | ||
| "which": "~1.3.1" | ||
| } | ||
| } |
@@ -108,2 +108,3 @@ # react-modal [](https://travis-ci.org/trendmicro-frontend/react-modal) [](https://coveralls.io/github/trendmicro-frontend/react-modal?branch=master) | ||
| }; | ||
| static defaultProps = { | ||
@@ -122,8 +123,11 @@ ...Modal.defaultProps | ||
| } | ||
| componentDidMount() { | ||
| this.changeBodyStyle(); | ||
| } | ||
| componentWillUnmount() { | ||
| this.restoreBodyStyle(); | ||
| } | ||
| changeBodyStyle() { | ||
@@ -140,2 +144,3 @@ if (bodyStyle) { | ||
| } | ||
| restoreBodyStyle() { | ||
@@ -148,2 +153,3 @@ if (bodyStyle) { | ||
| } | ||
| render() { | ||
@@ -184,3 +190,3 @@ const { onClose, ...props } = this.props; | ||
| showOverlay | Boolean | true | Display an overlay in the background. Defaults to `true`. | ||
| disableOverlay | Boolean | false | Don't close the modal on clicking the overlay. Defaults to `false`. | ||
| disableOverlayClick | Boolean | false | Don't close the modal on clicking the overlay. Defaults to `false`. | ||
| overlayClassName | String | | className to assign to modal overlay. | ||
@@ -187,0 +193,0 @@ overlayStyle | Object | | style to assign to modal overlay. |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by43.42%
101977
- Dependency count
- decreased by-20%
4
- Lines of code
- increased by22.35%
865
- Number of lines in readme file
- increased by3.03%
204
Worsened metrics
- Dev dependency count
- increased by7.5%
43
- Number of medium supply chain risk alerts
- increased byInfinity%
1
No dependency changes