moose-remote-components/dist/components/Container/MyContainer.js

Figuring out how to export components onto npm, to be used in other projects

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _reactBootstrap = require("react-bootstrap");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

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; }

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 _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; }

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 MyContainer(_ref) {
  var style = _ref.style,
      props = _objectWithoutProperties(_ref, ["style"]);

  return _react["default"].createElement(_reactBootstrap.Container, {
    style: _objectSpread({}, ContainerStyles, style)
  }, props.children);
}

var ContainerStyles = {
  marginTop: "30px"
};
var _default = MyContainer;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbnRhaW5lci9NeUNvbnRhaW5lci5qcyJdLCJuYW1lcyI6WyJNeUNvbnRhaW5lciIsInN0eWxlIiwicHJvcHMiLCJDb250YWluZXJTdHlsZXMiLCJjaGlsZHJlbiIsIm1hcmdpblRvcCJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBOztBQUNBOzs7Ozs7Ozs7Ozs7QUFFQSxTQUFTQSxXQUFULE9BQXdDO0FBQUEsTUFBbEJDLEtBQWtCLFFBQWxCQSxLQUFrQjtBQUFBLE1BQVJDLEtBQVE7O0FBQ3ZDLFNBQ0MsZ0NBQUMseUJBQUQ7QUFBVyxJQUFBLEtBQUssb0JBQU1DLGVBQU4sRUFBMEJGLEtBQTFCO0FBQWhCLEtBQ0VDLEtBQUssQ0FBQ0UsUUFEUixDQUREO0FBS0E7O0FBRUQsSUFBTUQsZUFBZSxHQUFHO0FBQ3ZCRSxFQUFBQSxTQUFTLEVBQUU7QUFEWSxDQUF4QjtlQUllTCxXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gJ3JlYWN0LWJvb3RzdHJhcCc7XG5cbmZ1bmN0aW9uIE15Q29udGFpbmVyKHtzdHlsZSwgLi4ucHJvcHN9KSB7XG5cdHJldHVybiAoXG5cdFx0PENvbnRhaW5lciBzdHlsZT17ey4uLkNvbnRhaW5lclN0eWxlcywgLi4uc3R5bGV9fT5cblx0XHRcdHtwcm9wcy5jaGlsZHJlbn1cblx0XHQ8L0NvbnRhaW5lcj5cblx0KVxufVxuXG5jb25zdCBDb250YWluZXJTdHlsZXMgPSB7XG5cdG1hcmdpblRvcDogXCIzMHB4XCIsXG59XG5cbmV4cG9ydCBkZWZhdWx0IE15Q29udGFpbmVyO1xuIl19