Enhance person creation workflow: Add onPersonCreated event handling in Create, CreateModal, and AddPersons. Update type definitions and integrate event emission for streamlined person management.

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue

@@ -26,6 +26,7 @@
     :allowed-types="creatableEntityTypes"
     :query="query"
     @close="closeModalCreate"
+    @onPersonCreated="onPersonCreated"
   ></CreateModal>
 </template>
 
@@ -36,7 +37,7 @@ import type {
   Suggestion,
   SearchOptions,
   CreatableEntityType,
-  EntityType,
+  EntityType, Person,
 } from "ChillPersonAssets/types";
 import { marked } from "marked";
 import options = marked.options;
@@ -49,14 +50,14 @@ interface AddPersonsConfig {
   modalTitle: string;
   options: SearchOptions;
   allowCreate?: boolean;
-  types?: EntityType | undefined;
+  types?: EntityType[] | undefined;
 }
 
 const props = withDefaults(defineProps<AddPersonsConfig>(), {
   suggested: () => [],
   selected: () => [],
   allowCreate: () => true,
-  types: () => undefined,
+  types: () => ["person"],
 });
 
 const emit =
@@ -108,6 +109,13 @@ function closeModalChoose() {
 function closeModalCreate() {
   showModalCreate.value = false;
 }
+
+function onPersonCreated(payload: { person: Person }) {
+  console.log("onPersonCreated", payload);
+  showModalCreate.value = false;
+  const suggestion = {result: payload.person, relevance: 999999, key: "person"};
+  emit("addNewPersons", {selected: [suggestion]});
+}
 </script>
 
 <style lang="scss" scoped>