refactoring and adding updated images to properties panel

tiagobento · Nov 7, 2024 · ec25fda · ec25fda
1 parent cb97564
commit ec25fda
Show file tree

Hide file tree

Showing 18 changed files with 164 additions and 131 deletions.
diff --git a/packages/bpmn-editor/src/diagram/nodes/NodeIcons.tsx b/packages/bpmn-editor/src/diagram/nodes/NodeIcons.tsx
@@ -71,7 +71,7 @@ export function EventDefinitionIcon({
       <EventVariantSymbolSvg
         variant={variant ?? "none"}
         strokeWidth={16}
-        isMorphingPanel={true}
+        isIcon={true}
         filled={filled}
         stroke={stroke}
         fill={fill}
@@ -86,42 +86,42 @@ export function EventDefinitionIcon({
   );
 }
 
-export function StartEventIcon({ variant }: { variant?: EventVariant }) {
+export function StartEventIcon({ variant, isIcon }: { variant?: EventVariant; isIcon?: boolean }) {
   return (
     <RoundSvg>
       <StartEventNodeSvg {...nodeSvgProps} variant={variant ?? "none"} />
     </RoundSvg>
   );
 }
 
-export function IntermediateCatchEventIcon({ variant }: { variant?: EventVariant }) {
+export function IntermediateCatchEventIcon({ variant, isIcon }: { variant?: EventVariant; isIcon?: boolean }) {
   return (
     <RoundSvg>
       <IntermediateCatchEventNodeSvg {...nodeSvgProps} rimWidth={40} variant={variant ?? "none"} />
     </RoundSvg>
   );
 }
 
-export function IntermediateThrowEventIcon({ variant }: { variant?: EventVariant }) {
+export function IntermediateThrowEventIcon({ variant, isIcon }: { variant?: EventVariant; isIcon?: boolean }) {
   return (
     <RoundSvg>
       <IntermediateThrowEventNodeSvg {...nodeSvgProps} rimWidth={40} variant={variant ?? "none"} />
     </RoundSvg>
   );
 }
 
-export function EndEventIcon({ variant }: { variant?: EventVariant }) {
+export function EndEventIcon({ variant, isIcon }: { variant?: EventVariant; isIcon?: boolean }) {
   return (
     <RoundSvg>
       <EndEventNodeSvg {...nodeSvgProps} variant={variant ?? "none"} />
     </RoundSvg>
   );
 }
 
-export function TaskIcon({ variant, isMorphingPanel }: { variant?: TaskVariant; isMorphingPanel?: boolean }) {
+export function TaskIcon({ variant, isIcon }: { variant?: TaskVariant; isIcon?: boolean }) {
   return (
     <RoundSvg>
-      <TaskNodeSvg {...nodeSvgProps} variant={variant ?? "none"} isMorphingPanel={isMorphingPanel ?? false} />
+      <TaskNodeSvg {...nodeSvgProps} variant={variant ?? "none"} isIcon={isIcon ?? false} />
     </RoundSvg>
   );
 }
@@ -134,16 +134,10 @@ export function CallActivityIcon() {
   );
 }
 
-export function GatewayIcon({ variant, isMorphingPanel }: { variant?: GatewayVariant; isMorphingPanel?: boolean }) {
+export function GatewayIcon({ variant, isIcon }: { variant?: GatewayVariant; isIcon?: boolean }) {
   return (
     <RoundSvg>
-      <GatewayNodeSvg
-        {...nodeSvgProps}
-        width={200}
-        height={200}
-        variant={variant ?? "none"}
-        isMorphingPanel={isMorphingPanel ?? false}
-      />
+      <GatewayNodeSvg {...nodeSvgProps} width={200} height={200} variant={variant ?? "none"} isIcon={isIcon ?? false} />
     </RoundSvg>
   );
 }