From 2d3b85825a1e2e54eeed72856c13db6fa681c512 Mon Sep 17 00:00:00 2001
From: David Sehnal <david.sehnal@gmail.com>
Date: Mon, 10 Jun 2019 13:13:30 +0200
Subject: [PATCH] mol-plugin: Allow to mount TransformUpdaterControl outside
the main plugin
---
src/mol-plugin/ui/state/update-transform.tsx | 13 +++++++++++--
1 file changed, 11 insertions(+), 2 deletions(-)
diff --git a/src/mol-plugin/ui/state/update-transform.tsx b/src/mol-plugin/ui/state/update-transform.tsx
index 1e6cd3ba9..3ebcda7fc 100644
--- a/src/mol-plugin/ui/state/update-transform.tsx
+++ b/src/mol-plugin/ui/state/update-transform.tsx
@@ -9,7 +9,8 @@ import { memoizeLatest } from '../../../mol-util/memoize';
import { StateTransformParameters, TransformContolBase } from './common';
import { Observable } from 'rxjs';
import * as React from 'react';
-import { PluginUIComponent } from '../base';
+import { PluginUIComponent, PluginReactContext } from '../base';
+import { PluginContext } from '../../context';
export { UpdateTransformContol, TransformUpdaterControl };
@@ -85,7 +86,7 @@ class UpdateTransformContol extends TransformContolBase<UpdateTransformContol.Pr
}
}
-class TransformUpdaterControl extends PluginUIComponent<{ nodeRef: string, initiallyCollapsed?: boolean, header?: StateTransformer.Definition['display'] }> {
+class TransformUpdaterControl extends PluginUIComponent<{ plugin?: PluginContext, nodeRef: string, initiallyCollapsed?: boolean, header?: StateTransformer.Definition['display'] }> {
componentDidMount() {
this.subscribe(this.plugin.events.state.object.updated, ({ ref, state }) => {
if (this.props.nodeRef !== ref || this.plugin.state.dataState !== state) return;
@@ -102,6 +103,14 @@ class TransformUpdaterControl extends PluginUIComponent<{ nodeRef: string, initi
const transform = cell.transform;
+ if (this.props.plugin) {
+ return <PluginReactContext.Provider value={this.props.plugin}>
+ <div className='msp-plugin'>
+ <UpdateTransformContol state={state} transform={transform} initiallyCollapsed={this.props.initiallyCollapsed} customHeader={this.props.header} />
+ </div>
+ </PluginReactContext.Provider>;
+ }
+
return <UpdateTransformContol state={state} transform={transform} initiallyCollapsed={this.props.initiallyCollapsed} customHeader={this.props.header} />;
}
}
\ No newline at end of file
--
GitLab