jsketcher/web/app/cad/craft/wizard/components/WizardManager.jsx

import React from 'react';
import Wizard from './Wizard';
import HistoryWizard from './HistoryWizard';
import connect from '../../../../../../modules/ui/connect';
import decoratorChain from '../../../../../../modules/ui/decoratorChain';
import mapContext from '../../../../../../modules/ui/mapContext';
import {finishHistoryEditing} from '../../craftHistoryUtils';
import {createPreviewer} from '../../../preview/scenePreviewer';
import errorBoundary from 'ui/errorBoundary';
import initializeBySchema from '../../intializeBySchema';
import validateParams from '../../validateParams';

class WizardManager extends React.Component {

  render() {
    let {wizard, close} = this.props;
    if (!wizard) {
      return null;
    }

    let {type} = wizard;
    let operation = this.props.getOperation(type);
    if (!operation) {
      throw 'unknown operation ' + type;
    }

    let params = this.props.initializeOperation(operation);
    let validator = this.props.createValidator(operation);
    const closeInstance = () => close(wizard);
    return <React.Fragment>

      <Wizard type={type}
              createPreviewer={this.props.previewerCreator(operation)}
              form={operation.form}
              params={params}
              validate={validator}
              close={closeInstance}/>

      <HistoryWizard createValidator={this.props.createValidator}
                     getOperation={this.props.getOperation}
                     previewerCreator={this.props.previewerCreator}/>
    </React.Fragment>;
  }
}

function offset(wizardIndex) {
  return 70 + (wizardIndex * (250 + 20));
}

export default decoratorChain(
  connect(streams => streams.wizard.map(wizard => ({wizard}))),
  mapContext(ctx => ({
    close: () => ctx.services.wizard.close(),
    reset: () => {
      ctx.streams.wizard.value = null;
      ctx.streams.craft.modifications.update(modifications => finishHistoryEditing(modifications));
    },
    getOperation: type => ctx.services.operation.get(type),
    initializeOperation: operation => initializeBySchema(operation.schema, ctx),
    previewerCreator: operation => () => createPreviewer(operation.previewGeomProvider, ctx.services),
    createValidator: operatation => params => validateParams(ctx.services, params, operatation.schema)
  })),
  errorBoundary(({reset}) => reset())
)
(WizardManager);