@coorpacademy/treantjs-adapter-angular/es/index.js

import mapKeys from 'lodash/fp/mapKeys';
import React from 'react';
import ReactDOM from 'react-dom';

const DefaultProvider = props => props.children;

const link = (Provider, Component) => (scope, element, attrs) => {
  const update = vTree => {
    ReactDOM.render(vTree, element[0]);
  };

  const refresh = (context = {}, props = {}) => {
    const vTree = React.createElement(
      Provider,
      context,
      React.createElement(Component, props)
    );

    update(vTree);
  };

  scope.$watch('context', () => refresh(scope.context, scope.props), true);
  scope.$watch('props', () => refresh(scope.context, scope.props), true);

  scope.$on('$destroy', () => window.angular.element(element).remove());
};

const createDirective = (app, componentName, Provider, Component) => {
  const directive = () => {
    return {
      restrict: 'E',
      link: link(Provider, Component),
      scope: {
        props: '=',
        context: '='
      }
    };
  };

  app.directive(componentName, [directive]);
};

/**
 * examples :
 * <slide value="slideContent"></slide>
 * <module-bubble value="modData()"></module-bubble>
 */
const createDirectives = (app, Provider, components) => {
  const toDirective = key => {
    const componentName = `coorp${key}`;
    const Component = components[key];
    createDirective(app, componentName, Provider || DefaultProvider, Component);
  };

  return mapKeys(toDirective, components);
};

export default createDirectives;
//# sourceMappingURL=index.js.map