aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx')
-rw-r--r--src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx69
1 files changed, 35 insertions, 34 deletions
diff --git a/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx b/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx
index 3e6aa777f..fe5910671 100644
--- a/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx
+++ b/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx
@@ -1,5 +1,4 @@
import { Button, Colors, NumberDropdown, Size, Type } from '@dash/components';
-import { Slider } from '@mui/material';
import { Bezier } from 'bezier-js';
import { Property } from 'csstype';
import { action, computed, IReactionDisposer, makeObservable, observable, reaction, runInAction } from 'mobx';
@@ -94,7 +93,7 @@ export interface collectionFreeformViewProps {
@observer
export class CollectionFreeFormView extends CollectionSubView<Partial<collectionFreeformViewProps>>() {
private static _infoUIInstance: CollectionFreeFormInfoUI | null = null;
-
+
public get displayName() {
return 'CollectionFreeFormView(' + (this.Document.title?.toString() ?? '') + ')';
} // this makes mobx trace() statements more descriptive
@@ -1756,47 +1755,46 @@ export class CollectionFreeFormView extends CollectionSubView<Partial<collection
CollectionFreeFormView._infoUI = func;
}
/**
- * Called from TutorialTool in Agent system
- */
- public static showTutorial(kind: 'links' | 'pins' | 'presentation') {
+ * Called from TutorialTool in Agent system
+ */
+ public static showTutorial(kind: 'links' | 'pins' | 'presentation') {
const ui = CollectionFreeFormView._infoUIInstance;
if (!ui) return;
switch (kind) {
- case 'links':
- ui.skipToState((ui).tutorialStates.multipleDocs);
- ui._nextState
- break;
- case 'pins':
- ui.skipToState((ui).tutorialStates.presentDocs);
- ui._nextState
- break;
- case 'presentation':
- ui.skipToState((ui).tutorialStates.makePresentation);
- ui._nextState
- break;
+ case 'links':
+ ui.skipToState(ui.tutorialStates.multipleDocs);
+ ui._nextState;
+ break;
+ case 'pins':
+ ui.skipToState(ui.tutorialStates.presentDocs);
+ ui._nextState;
+ break;
+ case 'presentation':
+ ui.skipToState(ui.tutorialStates.makePresentation);
+ ui._nextState;
+ break;
}
- }
+ }
infoUI = () => {
Doc.IsInfoUIDisabled || this.Document.annotationOn || this._props.renderDepth
? null //
: CollectionFreeFormView._infoUI?.(this.Document, this.layoutDoc, this.childDocsFunc, this.closeInfo) || null;
- if (Doc.IsInfoUIDisabled || this.Document.annotationOn || this._props.renderDepth) {
- return null;
- }
- const creator = CollectionFreeFormView._infoUI;
- if (!creator) return null;
- const element = creator(this.Document, this.layoutDoc, this.childDocsFunc, this.closeInfo);
- // attach ref so we can call skipToState(...) later
- return React.isValidElement(element)
- ? React.cloneElement(element, {
- ref: (r: CollectionFreeFormInfoUI) => {
- CollectionFreeFormView._infoUIInstance = r;
- }
- })
- : element;
-
+ if (Doc.IsInfoUIDisabled || this.Document.annotationOn || this._props.renderDepth) {
+ return null;
+ }
+ const creator = CollectionFreeFormView._infoUI;
+ if (!creator) return null;
+ const element = creator(this.Document, this.layoutDoc, this.childDocsFunc, this.closeInfo);
+ // attach ref so we can call skipToState(...) later
+ return React.isValidElement(element)
+ ? React.cloneElement(element, {
+ ref: (r: CollectionFreeFormInfoUI) => {
+ CollectionFreeFormView._infoUIInstance = r;
+ },
+ })
+ : element;
};
componentDidMount() {
this._props.setContentViewBox?.(this);
@@ -2248,7 +2246,10 @@ export class CollectionFreeFormView extends CollectionSubView<Partial<collection
max={100}
number={this._fireflyRefStrength}
size={Size.XXSMALL}
- setNumber={undoable(action(val => (this._fireflyRefStrength = val as number)),`${this.Document.title} button set from list` )}
+ setNumber={undoable(
+ action(val => (this._fireflyRefStrength = val as number)),
+ `${this.Document.title} button set from list`
+ )}
fillWidth
/>
</div>