From 98edbb78e0127062c7cc4320c7073bb8883c3923 Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Wed, 27 Dec 2023 10:14:23 -0500
Subject: restored reveal animations.

---
 src/client/views/nodes/DocumentView.tsx   | 16 ++++++++--------
 src/client/views/nodes/trails/PresBox.tsx | 18 ++++++------------
 2 files changed, 14 insertions(+), 20 deletions(-)

(limited to 'src')

diff --git a/src/client/views/nodes/DocumentView.tsx b/src/client/views/nodes/DocumentView.tsx
index a05ea3390..2d5f68a69 100644
--- a/src/client/views/nodes/DocumentView.tsx
+++ b/src/client/views/nodes/DocumentView.tsx
@@ -3,7 +3,7 @@ import { Dropdown, DropdownType, Type } from 'browndash-components';
 import { IReactionDisposer, action, computed, makeObservable, observable, reaction, runInAction } from 'mobx';
 import { observer } from 'mobx-react';
 import { computedFn } from 'mobx-utils';
-// import { Bounce, Fade, Flip, LightSpeed, Roll, Rotate, Zoom } from 'react-reveal';
+import { Bounce, Fade, Flip, JackInTheBox, Roll, Rotate, Zoom } from 'react-awesome-reveal';
 import * as React from 'react';
 import { Utils, emptyFunction, isTargetChildOf as isParentOf, lightOrDark, returnEmptyString, returnFalse, returnTrue, returnVal, simulateMouseClick } from '../../../Utils';
 import { Doc, DocListCast, Field, Opt, StrListCast } from '../../../fields/Doc';
@@ -1264,13 +1264,13 @@ export class DocumentViewInternal extends DocComponent<DocumentViewInternalProps
         switch (StrCast(presEffectDoc?.presentation_effect, StrCast(presEffectDoc?.followLinkAnimEffect))) {
             default: 
             case PresEffect.None:       return renderDoc;
-            // case PresEffect.Zoom:       return <Zoom {...effectProps}>{renderDoc}</Zoom>;
-            // case PresEffect.Fade:       return <Fade {...effectProps}>{renderDoc}</Fade>;
-            // case PresEffect.Flip:       return <Flip {...effectProps}>{renderDoc}</Flip>;
-            // case PresEffect.Rotate:     return <Rotate {...effectProps}>{renderDoc}</Rotate>;
-            // case PresEffect.Bounce:     return <Bounce {...effectProps}>{renderDoc}</Bounce>;
-            // case PresEffect.Roll:       return <Roll {...effectProps}>{renderDoc}</Roll>;
-            // case PresEffect.Lightspeed: return <LightSpeed {...effectProps}>{renderDoc}</LightSpeed>;
+            case PresEffect.Zoom:       return <Zoom {...effectProps}>{renderDoc}</Zoom>;
+            case PresEffect.Fade:       return <Fade {...effectProps}>{renderDoc}</Fade>;
+            case PresEffect.Flip:       return <Flip {...effectProps}>{renderDoc}</Flip>;
+            case PresEffect.Rotate:     return <Rotate {...effectProps}>{renderDoc}</Rotate>;
+            case PresEffect.Bounce:     return <Bounce {...effectProps}>{renderDoc}</Bounce>;
+            case PresEffect.Roll:       return <Roll {...effectProps}>{renderDoc}</Roll>;
+            case PresEffect.Lightspeed: return <JackInTheBox {...effectProps}>{renderDoc}</JackInTheBox>;
         }
     }
     @computed get highlighting() {
diff --git a/src/client/views/nodes/trails/PresBox.tsx b/src/client/views/nodes/trails/PresBox.tsx
index 17993d88e..e213b2fc5 100644
--- a/src/client/views/nodes/trails/PresBox.tsx
+++ b/src/client/views/nodes/trails/PresBox.tsx
@@ -1671,12 +1671,9 @@ export class PresBox extends ViewBoxBaseComponent<FieldViewProps>() {
                                 className={'presBox-dropdownOptions'}
                                 style={{ display: this._openBulletEffectDropdown ? 'grid' : 'none', color: SettingsManager.userColor, background: SettingsManager.userBackgroundColor }}
                                 onPointerDown={e => e.stopPropagation()}>
-                                {bulletEffect(PresEffect.None)}
-                                {bulletEffect(PresEffect.Fade)}
-                                {bulletEffect(PresEffect.Flip)}
-                                {bulletEffect(PresEffect.Rotate)}
-                                {bulletEffect(PresEffect.Bounce)}
-                                {bulletEffect(PresEffect.Roll)}
+                                {Object.values(PresEffect)
+                                    .filter(v => isNaN(Number(v)))
+                                    .map(effect => bulletEffect(effect))}
                             </div>
                         </div>
                     </div>
@@ -1840,12 +1837,9 @@ export class PresBox extends ViewBoxBaseComponent<FieldViewProps>() {
                                     display: this._openEffectDropdown ? 'grid' : 'none',
                                 }}
                                 onPointerDown={e => e.stopPropagation()}>
-                                {preseEffect(PresEffect.None)}
-                                {preseEffect(PresEffect.Fade)}
-                                {preseEffect(PresEffect.Flip)}
-                                {preseEffect(PresEffect.Rotate)}
-                                {preseEffect(PresEffect.Bounce)}
-                                {preseEffect(PresEffect.Roll)}
+                                {Object.values(PresEffect)
+                                    .filter(v => isNaN(Number(v)))
+                                    .map(effect => preseEffect(effect))}
                             </div>
                         </div>
                         <div className="ribbon-doubleButton" style={{ display: effect === PresEffectDirection.None ? 'none' : 'inline-flex' }}>
-- 
cgit v1.2.3-70-g09d2