= ({ id, tab, titleInHeader
return (
{
};
};
-export const AdaptiveDialogEditor: FC = ({ id, data, onEvent, addCoachMarkRef }): JSX.Element | null => {
+export const AdaptiveDialogEditor: FC = ({ id, data, onEvent }): JSX.Element | null => {
const nodeMap = useMemo(() => calculateNodeMap(id, data), [id, data]);
const { ruleGroup } = nodeMap;
@@ -50,13 +50,7 @@ export const AdaptiveDialogEditor: FC = ({ id, data, onEvent, addCo
const activeEventData = queryNode(data, focusedEvent);
const eventActions = activeEventData ? (
-
+
) : null;
if (!EditorConfig.features.showEvents) {
diff --git a/Composer/packages/extensions/visual-designer/src/editors/ObiEditor.tsx b/Composer/packages/extensions/visual-designer/src/editors/ObiEditor.tsx
index d8540f08f2..08446b891b 100644
--- a/Composer/packages/extensions/visual-designer/src/editors/ObiEditor.tsx
+++ b/Composer/packages/extensions/visual-designer/src/editors/ObiEditor.tsx
@@ -21,6 +21,7 @@ import { normalizeSelection } from '../utils/normalizeSelection';
import { KeyboardZone } from '../components/lib/KeyboardZone';
import { scrollNodeIntoView } from '../utils/nodeOperation';
import { designerCache } from '../store/DesignerCache';
+import { MenuEventTypes } from '../constants/MenuTypes';
import { AdaptiveDialogEditor } from './AdaptiveDialogEditor';
@@ -36,7 +37,6 @@ export const ObiEditor: FC = ({
undo,
redo,
announce,
- addCoachMarkRef,
}): JSX.Element | null => {
let divRef;
@@ -104,7 +104,7 @@ export const ObiEditor: FC = ({
break;
case NodeEventTypes.Insert:
trackActionChange(eventData.id);
- if (eventData.$kind === 'PASTE') {
+ if (eventData.$kind === MenuEventTypes.Paste) {
handler = e => {
insertActions(path, data, e.id, e.position, clipboardActions).then(dialog => {
onChange(dialog);
@@ -314,7 +314,7 @@ export const ObiEditor: FC = ({
dispatchEvent(NodeEventTypes.Insert, {
id: arrayPath,
position: arrayIndex,
- $kind: 'PASTE',
+ $kind: MenuEventTypes.Paste,
});
}
break;
@@ -377,7 +377,6 @@ export const ObiEditor: FC = ({
divRef.focus({ preventScroll: true });
dispatchEvent(eventName, eventData);
}}
- addCoachMarkRef={addCoachMarkRef}
/>
@@ -400,7 +399,6 @@ ObiEditor.defaultProps = {
undo: () => {},
redo: () => {},
announce: (message: string) => {},
- addCoachMarkRef: () => {},
};
interface ObiEditorProps {
@@ -419,5 +417,4 @@ interface ObiEditorProps {
undo?: () => any;
redo?: () => any;
announce: (message: string) => any;
- addCoachMarkRef?: (ref: { [key: string]: HTMLDivElement }) => void;
}
diff --git a/Composer/packages/extensions/visual-designer/src/editors/RuleEditor.tsx b/Composer/packages/extensions/visual-designer/src/editors/RuleEditor.tsx
index a2b15bb49e..2ba9cee676 100644
--- a/Composer/packages/extensions/visual-designer/src/editors/RuleEditor.tsx
+++ b/Composer/packages/extensions/visual-designer/src/editors/RuleEditor.tsx
@@ -29,7 +29,7 @@ const calculateNodeMap = (ruleId, data): { [id: string]: GraphNode } => {
* `Rule` means a single element stored in the array `AdaptiveDialog.rules`.
* Usually, a Rule may contain a series of steps.
*/
-export const RuleEditor = ({ id, data, onEvent, addCoachMarkRef }): JSX.Element => {
+export const RuleEditor = ({ id, data, onEvent }): JSX.Element => {
const outlineCache = useRef();
const outlineVersion = useRef(0);
@@ -66,7 +66,6 @@ export const RuleEditor = ({ id, data, onEvent, addCoachMarkRef }): JSX.Element
data={stepGroup.data}
onEvent={onEvent}
trigger={}
- addCoachMarkRef={addCoachMarkRef}
/>