All files / packages/react-tao/src SwitchHandler.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
 
 
 
 
 
 
 
 
 
 
 
8x
 
8x
 
 
 
 
 
 
 
 
12x
6x
6x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6x
 
 
 
 
 
 
6x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { AppCtx } from '@tao.js/core';
import cartesian from 'cartesian';
 
import { normalizeClean } from './helpers';
 
import { Context } from './Provider';
import RenderHandler from './RenderHandler';
 
export default class SwitchHandler extends Component {
  static contextType = Context;
 
  static propTypes = {
    term: PropTypes.any,
    action: PropTypes.any,
    orient: PropTypes.any,
    debug: PropTypes.bool,
    children: PropTypes.node.isRequired
  };
 
  constructor(props) {
    super(props);
    this._adaptedChildren = new Map();
    this.state = { chosenList: new Set() };
  }
 
  componentDidMount() {
    const { debug = false } = this.props;
    debug &&
      console.log('SwitchHandler::componentDidMount::props:', this.props);
    const { TAO } = this.context;
    const defaultTrigram = normalizeClean(this.props);
    const intercepted = new Map();
    React.Children.forEach(this.props.children, child => {
      if (child.type === RenderHandler) {
        const childTrigram = normalizeClean(child.props);
        const handler = this.handleSwitch(child);
        const trigrams = Object.assign(defaultTrigram, childTrigram);
        debug && console.log('trigrams:', trigrams);
        const permutations = cartesian(trigrams);
        debug && console.log('permutations:', permutations);
        this._adaptedChildren.set(child, { permutations, handler });
        permutations.forEach(trigram => {
          const ac = new AppCtx(trigram.term, trigram.action, trigram.orient);
          TAO.addInlineHandler(trigram, handler);
          if (!intercepted.has(ac.key)) {
            TAO.addInterceptHandler(trigram, this.handleClear);
            intercepted.set(ac.key, true);
          }
        });
      }
    });
    debug &&
      console.log('SwitchHandler::componentDidMount::complete:', {
        intercepted,
        adaptedChildren: this._adaptedChildren
      });
  }
 
  componentWillUnmount() {
    const { TAO } = this.context;
    this._adaptedChildren.forEach(({ permutations, handler }, child) => {
      permutations.forEach(trigram => {
        TAO.removeInlineHandler(trigram, handler);
        TAO.removeInterceptHandler(trigram, this.handleClear);
      });
    });
  }
 
  handleClear = (tao, data) => {
    const { debug = false } = this.props;
    debug && console.log('SwitchHandler::handleClear:', { tao, data });
    const chosenList = new Set();
    this.setState({ chosenList });
  };
 
  handleSwitch = child => (tao, data) => {
    const { debug = false } = this.props;
    debug && console.log('SwitchHandler::handleSwitch:', { tao, data });
    const { chosenList } = this.state;
    debug && console.log('chosenList:', chosenList);
    chosenList.add(child);
    this.setState({ chosenList });
    debug &&
      console.log('SwitchHandler::handleSwitch::set state with:', this.state);
  };
 
  render() {
    const { debug = false } = this.props;
    debug && console.log('SwitchHandler::render::state:', this.state);
    const { term, action, orient, children } = this.props;
    const { chosenList } = this.state;
    return React.Children.map(children, child => {
      if (!React.isValidElement(child) || child.type !== RenderHandler) {
        debug && console.log('SwitchHandler::render:returning child');
        return child;
      }
      debug && console.log('SwitchHandler::render:testing child');
      if (chosenList.has(child)) {
        debug && console.log('SwitchHandler::render:cloning child');
        return React.cloneElement(child, {
          term,
          action,
          orient,
          ...child.props
        });
      }
    });
  }
}