lib/factories/ReactDomFactory.js (40 lines of code) (raw):
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /**
* Copyright 2016-present, Deloitte Digital.
* All rights reserved.
*
* This source code is licensed under the BSD-3-Clause license found in the
* LICENSE file in the root directory of this source tree.
*/
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _reactDom = require('react-dom');
var _reactDom2 = _interopRequireDefault(_reactDom);
var _Logger = require('../Logger');
var _Logger2 = _interopRequireDefault(_Logger);
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"); } }
var ReactDomFactory = function () {
function ReactDomFactory() {
_classCallCheck(this, ReactDomFactory);
}
_createClass(ReactDomFactory, null, [{
key: 'inject',
/**
* Injects a react component
* @param {object} module - The react component
* @param {object} props - Props to initiate component with
* @param {HTMLElement} target - The target element to inject to
*/
value: function inject(module) {
var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var target = arguments[2];
if (target) {
_reactDom2.default.render(_react2.default.createElement(module, props || {}), target);
} else {
_Logger2.default.warn('RHW07', 'Target element is null or undefined.');
}
}
/**
* Disposes a react component
* @param {HTMLElement} target - The target element to dispose
*/
}, {
key: 'dispose',
value: function dispose(target) {
if (target) {
_reactDom2.default.unmountComponentAtNode(target);
}
}
}]);
return ReactDomFactory;
}();
exports.default = ReactDomFactory;
module.exports = exports['default'];