cherrytree-for-react - npm Package Compare versions

Comparing version 1.1.7 to 1.1.8

lib/cherrytreeForReact.js

@@ -1,5 +0,20 @@
-import createRouter from './components/createRouter'
-import createLink from './components/createLink'
+'use strict';
 
-export const Router = createRouter()
-export const Link = createLink()
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var _componentsCreateRouter = require('./components/createRouter');
+
+var _componentsCreateRouter2 = _interopRequireDefault(_componentsCreateRouter);
+
+var _componentsCreateLink = require('./components/createLink');
+
+var _componentsCreateLink2 = _interopRequireDefault(_componentsCreateLink);
+
+var Router = (0, _componentsCreateRouter2['default'])();
+exports.Router = Router;
+var Link = (0, _componentsCreateLink2['default'])();
+exports.Link = Link;

lib/components/createLink.js

@@ -1,5 +0,17 @@
-import { createClass, createElement, PropTypes } from 'react'
+'use strict';
 
-let { object, string, func } = PropTypes
+Object.defineProperty(exports, '__esModule', {
+  value: 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; };
+
+exports['default'] = createLink;
+
+var _react = require('react');
+
+var object = _react.PropTypes.object;
+var string = _react.PropTypes.string;
+var func = _react.PropTypes.func;
+
 /**
@@ -17,4 +29,4 @@ * <Link> components are used to create an <a> element that links to a route.
 
-export default function createLink () {
-  let Link = createClass({
+function createLink() {
+  var Link = (0, _react.createClass)({
 
@@ -33,13 +45,13 @@ contextTypes: {
 
-    getDefaultProps () {
+    getDefaultProps: function getDefaultProps() {
       return {
         className: '',
         style: {}
-      }
+      };
     },
 
-    render () {
-      let { router } = this.context
+    render: function render() {
+      var router = this.context.router;
 
-      let props = { ...this.props }
+      var props = _extends({}, this.props);
 
@@ -49,17 +61,23 @@ // Ignore if rendered outside of the context of a
       if (router) {
-        let { to, params, query, href } = this.props
+        var _props = this.props;
+        var to = _props.to;
+        var params = _props.params;
+        var query = _props.query;
+        var href = _props.href;
 
         if (href) {
-          props.href = router.location.formatURL(href)
+          props.href = router.location.formatURL(href);
         } else {
-          props.href = router.generate(to, params, query)
+          props.href = router.generate(to, params, query);
         }
       }
 
-      return createElement('a', props)
+      return (0, _react.createElement)('a', props);
     }
 
-  })
+  });
 
-  return Link
+  return Link;
 }
+
+module.exports = exports['default'];

lib/components/createRouter.js

@@ -1,20 +0,31 @@
-import React, { createElement, PropTypes } from 'react'
+'use strict';
 
-export default function createRouter () {
-  return React.createClass({
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+exports['default'] = createRouter;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+function createRouter() {
+  return _react2['default'].createClass({
     propTypes: {
-      router: PropTypes.object.isRequired
+      router: _react.PropTypes.object.isRequired
     },
 
     childContextTypes: {
-      router: PropTypes.object
+      router: _react.PropTypes.object
     },
 
-    getChildContext () {
+    getChildContext: function getChildContext() {
       return {
         router: this.state.router
-      }
+      };
     },
 
-    getInitialState: function () {
+    getInitialState: function getInitialState() {
       return {
@@ -27,54 +38,62 @@ router: this.props.router,
         routerAlreadyStarted: !!this.props.router.state.routes
-      }
+      };
     },
 
-    installRenderMiddleware: function (router) {
-      let render = transition => {
-        transition.then(() =>
-          this.setState({
+    installRenderMiddleware: function installRenderMiddleware(router) {
+      var _this = this;
+
+      var render = function render(transition) {
+        transition.then(function () {
+          return _this.setState({
             routes: transition.routes,
             params: transition.params,
             query: transition.query
-          })
-        )
-      }
-      router.use(render)
+          });
+        });
+      };
+      router.use(render);
     },
 
-    componentWillReceiveProps: function (nextProps) {
-      let currentRouter = this.state.router
-      let nextRouter = nextProps.router
+    componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
+      var currentRouter = this.state.router;
+      var nextRouter = nextProps.router;
       if (nextRouter !== currentRouter) {
-        currentRouter.destroy()
-        this.installRenderMiddleware(nextRouter)
-        nextRouter.listen()
+        currentRouter.destroy();
+        this.installRenderMiddleware(nextRouter);
+        nextRouter.listen();
         this.setState({
           router: nextRouter
-        })
+        });
       }
     },
 
-    componentWillMount: function () {
+    componentWillMount: function componentWillMount() {
       if (!this.state.routerAlreadyStarted) {
-        let router = this.state.router
-        this.installRenderMiddleware(router)
-        router.listen()
+        var router = this.state.router;
+        this.installRenderMiddleware(router);
+        router.listen();
       }
     },
 
-    render: function () {
-      let { routes, params, query } = this.state
-      return routes.reduceRight((element, route) => {
+    render: function render() {
+      var _state = this.state;
+      var routes = _state.routes;
+      var params = _state.params;
+      var query = _state.query;
+
+      return routes.reduceRight(function (element, route) {
         if (!route.options.component) {
-          return element
+          return element;
         } else {
-          return createElement(route.options.component, {
+          return (0, _react.createElement)(route.options.component, {
             params: params,
             query: query,
             children: element
-          })
+          });
         }
-      }, null)
+      }, null);
     }
-  })
+  });
 }
+
+module.exports = exports['default'];

package.json

 {
   "name": "cherrytree-for-react",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": "An adapter for cherrytree router for using it with React",
@@ -27,2 +27,2 @@ "main": "./lib/cherrytreeForReact",
   }
-}
+}

New alerts

Major refactor

Supply chain risk

Package 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

Fixed alerts

Major refactor

Supply chain risk

Package 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

Worsened metrics

Total package byte prevSize

9582

decreased by-45.95%

Number of package files

5

decreased by-58.33%

Lines of code

155

decreased by-44.44%

No dependency changes