Skip to content

Commit e320402

Browse files
anserwaseemanserwaseem
committed
removed menuWindow from transition properties
1 parent ef1072c commit e320402

File tree

7 files changed

+0
-317
lines changed

7 files changed

+0
-317
lines changed

‎src/components/Editor.tsx‎

Lines changed: 0 additions & 159 deletions
Original file line numberDiff line numberDiff line change
@@ -403,7 +403,6 @@ export const Editor = () => {
403403
_cpx2Offset: isSelfTransition ? 50 : 0,
404404
_cpy2Offset: isSelfTransition ? -50 : 0,
405405
},
406-
menuWindowOpened: false,
407406
});
408407
} // if transition is already added, update its labels & value
409408
else {
@@ -428,164 +427,6 @@ export const Editor = () => {
428427

429428
// console.log("updatedtransitions", updatedtransitions);
430429
setTransitions(updatedtransitions);
431-
432-
// let addedTransitions: TransitionModel[] = [];
433-
// let removedTransitions: TransitionModel[] = [];
434-
435-
// PossibleTransitionValues.forEach((key) => {
436-
// const oldTransitionValues = oldRow[key === "^" ? "nul" : key]
437-
// .toString()
438-
// .split(" ")
439-
// .filter((v) => v !== "");
440-
// console.log("oldTransitionValues", oldTransitionValues);
441-
442-
// const newTransitionValues = row[key === "^" ? "nul" : key]
443-
// .toString()
444-
// .split(" ")
445-
// .filter((v) => v !== "");
446-
// console.log("newTransitionValues", newTransitionValues);
447-
448-
// const addedTransitionValues = newTransitionValues.filter(
449-
// (v) => !oldTransitionValues.includes(v)
450-
// );
451-
// console.log("addedTransitionValues", addedTransitionValues);
452-
453-
// const removedTransitionValues = oldTransitionValues.filter(
454-
// (v) => !newTransitionValues.includes(v)
455-
// );
456-
// console.log("removedTransitionValues", removedTransitionValues);
457-
458-
// addedTransitionValues.forEach((v) => {
459-
// console.log("addedTransitionValues key, v: ", key, v);
460-
461-
// // if transition value v is already present in the transitions array, then just update it's labels & value
462-
// const transitionAlreadyExists = addedTransitions.find(
463-
// (t) => t.props.start === row.state && t.props.end === v
464-
// );
465-
466-
// if (transitionAlreadyExists) {
467-
// transitionAlreadyExists.props.labels = (
468-
// <StyledTransitionLabel
469-
// label={transitionAlreadyExists.props.value + key}
470-
// />
471-
// );
472-
// transitionAlreadyExists.props.value =
473-
// transitionAlreadyExists.props.value + key;
474-
// } else {
475-
// const isSelfTransition = v === row.state;
476-
// const newTransition: TransitionModel = {
477-
// props: {
478-
// start: row.state,
479-
// end: v,
480-
// labels: <StyledTransitionLabel label={key} />,
481-
// value: key,
482-
// animateDrawing: true,
483-
// _extendSVGcanvas: isSelfTransition ? 25 : 0,
484-
// _cpx1Offset: isSelfTransition ? -50 : 0,
485-
// _cpy1Offset: isSelfTransition ? -50 : 0,
486-
// _cpx2Offset: isSelfTransition ? 50 : 0,
487-
// _cpy2Offset: isSelfTransition ? -50 : 0,
488-
// },
489-
// menuWindowOpened: false,
490-
// };
491-
// addedTransitions.push(newTransition);
492-
// }
493-
// });
494-
// console.log("addedTransitions", addedTransitions);
495-
496-
// removedTransitionValues.forEach((v) => {
497-
// console.log("removedTransitionValues key, v: ", key, v);
498-
// const removedTransition = transitions.find(
499-
// (t) => t.props.start === row.state && t.props.end === v
500-
// );
501-
502-
// // if removed transition's label (value) is of length 1, then remove the transition
503-
// if (removedTransition.props.value.length === 1) {
504-
// removedTransitions.push(removedTransition);
505-
// } else {
506-
// // else just update the transition's label & value
507-
// removedTransition.props.labels = (
508-
// <StyledTransitionLabel
509-
// label={removedTransition.props.value.replace(key, "")}
510-
// />
511-
// );
512-
// removedTransition.props.value =
513-
// removedTransition.props.value.replace(key, "");
514-
// }
515-
// });
516-
// console.log("removedTransitions", removedTransitions);
517-
// });
518-
519-
// setTransitions((prev) => {
520-
// // update removedTransitions's labels && value if it's already present
521-
// const updatedRemovedTransitions = prev.map((t) =>
522-
// removedTransitions.find(
523-
// (t) =>
524-
// t.props.start === t.props.start && t.props.end === t.props.end
525-
// )
526-
// ? {
527-
// ...t,
528-
// props: {
529-
// ...t.props,
530-
// labels: (
531-
// <StyledTransitionLabel
532-
// label={
533-
// removedTransitions.find(
534-
// (t) =>
535-
// t.props.start === t.props.start &&
536-
// t.props.end === t.props.end
537-
// )?.props.value
538-
// }
539-
// />
540-
// ),
541-
// value: removedTransitions.find(
542-
// (t) =>
543-
// t.props.start === t.props.start &&
544-
// t.props.end === t.props.end
545-
// )?.props.value,
546-
// },
547-
// }
548-
// : t
549-
// );
550-
551-
// console.log("updatedRemovedTransitions", updatedRemovedTransitions);
552-
553-
// // update addedTransitions's labels & value if it's are already present
554-
// const updatedAddedTransitions = addedTransitions.map((a) => {
555-
// const transitionAlreadyExists = prev.find(
556-
// (p) =>
557-
// p.props.start === a.props.start && p.props.end === a.props.end
558-
// );
559-
// console.log(
560-
// "transitionAlreadyExists.props.value, a.props.value:",
561-
// transitionAlreadyExists?.props.value,
562-
// a.props.value
563-
// );
564-
// if (
565-
// transitionAlreadyExists &&
566-
// transitionAlreadyExists.props.value !== a.props.value
567-
// ) {
568-
// return {
569-
// ...transitionAlreadyExists,
570-
// props: {
571-
// ...transitionAlreadyExists.props,
572-
// labels: (
573-
// <StyledTransitionLabel
574-
// label={
575-
// transitionAlreadyExists.props.value + a.props.value
576-
// }
577-
// />
578-
// ),
579-
// value: transitionAlreadyExists.props.value + a.props.value,
580-
// },
581-
// };
582-
// }
583-
// return a;
584-
// });
585-
// console.log("updatedAddedTransitions", updatedAddedTransitions);
586-
587-
// return [...updatedRemovedTransitions, ...updatedAddedTransitions];
588-
// });
589430
}
590431
}
591432
};

‎src/features/Playground.tsx‎

Lines changed: 0 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import "./css/Playground.css";
22
import { Xwrapper } from "react-xarrows";
3-
import MenuWindow from "./components/playground/MenuWindow";
43
import { StateProps } from "./components/playground/props/StateProps";
54
import { TopBarProps } from "./components/playground/props/TopBarProps";
65
import TopBar from "./components/playground/TopBar";
@@ -104,16 +103,6 @@ const Playground = (props: PlaygroundProps) => {
104103
setSelected={props.setSelected}
105104
/>
106105
))}
107-
{/* props.states menu that may be opened */}
108-
{props.transitions.map((transition, i) =>
109-
transition.menuWindowOpened ? (
110-
<MenuWindow
111-
key={transition.props.start + "-" + transition.props.end + i}
112-
setTransitions={props.setTransitions}
113-
transition={transition}
114-
/>
115-
) : null
116-
)}
117106
</div>
118107
</Xwrapper>
119108
</div>

‎src/features/components/playground/MenuWindow.tsx‎

Lines changed: 0 additions & 114 deletions
This file was deleted.

‎src/features/components/playground/State.tsx‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,6 @@ export const State = (props: any) => {
4444
_cpx2Offset: isSelfTransition ? 50 : 0,
4545
_cpy2Offset: isSelfTransition ? -50 : 0,
4646
},
47-
menuWindowOpened: false,
4847
},
4948
]);
5049
}
@@ -128,9 +127,6 @@ export const State = (props: any) => {
128127
{props.state.name ? props.state.name : props.state.id}
129128
</div>
130129
</Draggable>
131-
{/* {type === "middleBox" && menuWindowOpened ?
132-
<MenuWindow setStates={props.setStates} state={props.state}/> : null
133-
} */}
134130
</React.Fragment>
135131
);
136132
};

‎src/features/components/playground/TopBar.tsx‎

Lines changed: 0 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -286,21 +286,6 @@ export const TopBar = (props: TopBarProps) => {
286286
props.handleSelect(null);
287287
break;
288288

289-
case "Edit Properties":
290-
props.setTransitions((transitions) =>
291-
transitions.map((transition) =>
292-
props.selected &&
293-
transition.props.start === props.selected?.id &&
294-
transition.props.end === props.selected?.id
295-
? {
296-
...transition,
297-
menuWindowOpened: true,
298-
}
299-
: transition
300-
)
301-
);
302-
break;
303-
304289
case "Edit Value":
305290
const newValue = promptNewTransitionValue(
306291
props.transitions,

‎src/features/components/playground/css/MenuWindow.css‎

Lines changed: 0 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,3 @@
1-
.menuWindowContainer {
2-
left:calc(50% - 250px);
3-
border-radius: 20px;
4-
border: 1px solid #999;
5-
position: absolute;
6-
width: 500px;
7-
height: 400px;
8-
background: white;
9-
display: flex;
10-
flex-direction: column;
11-
align-items: center;
12-
}
13-
141
.closeButton {
152
position: absolute;
163
right: 10px;

‎src/models/playground/TransitionModel.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,6 @@ type TransitionModelProps = {
3131

3232
export default class TransitionModel {
3333
constructor(
34-
public menuWindowOpened: boolean,
3534
public props: TransitionModelProps
3635
) {}
3736
}

0 commit comments

Comments
 (0)