use new field container data function for refresh

Author: aguingand

resources/js/form/components/Form.vue

@@ -29,8 +29,8 @@
     import debounce from "lodash/debounce";
     import { api } from "@/api/api";
     import { route } from "@/utils/url";
-    import { useParentCommands } from "@/commands/useCommands";
     import merge from 'lodash/merge';
+    import { useFieldContainerData } from "@/form/useFieldContainerData";
 
     const props = defineProps<{
         form: Form
@@ -82,14 +82,11 @@
         props.form.setMeta(fieldKey, { uploading });
     }
 
-    const parentCommands = useParentCommands();
+    const fieldContainerData = useFieldContainerData(props.form);
     const refresh = debounce((data) => {
         api.post(route('code16.sharp.api.form.refresh.update', {
             entityKey: props.form.entityKey,
-            instance_id: props.form.instanceId,
-            embed_key: props.form.embedKey,
-            entity_list_command_key: parentCommands?.commandContainer === 'entityList' ? props.form.commandKey : null,
-            show_command_key: parentCommands?.commandContainer === 'show' ? props.form.commandKey : null,
+            ...fieldContainerData,
         }), data)
             .then(response => {
                 merge(props.form.data, response.data.form.data);

resources/js/form/components/fields/Autocomplete.vue

@@ -21,9 +21,7 @@
     import { route } from "@/utils/url";
     import { api } from "@/api/api";
     import { useParentForm } from "@/form/useParentForm";
-    import { isCancel } from "axios";
     import { ComboboxItemIndicator } from "reka-ui";
-    import { useParentCommands } from "@/commands/useCommands";
     import { useIsInDialog } from "@/components/ui/dialog/Dialog.vue";
     import { useFullTextSearch } from "@/composables/useFullTextSearch";
     import { useRemoteAutocomplete } from "@/composables/useRemoteAutocomplete";
@@ -37,7 +35,6 @@
     const searchTerm = ref('');
     const results = ref<FormAutocompleteItemData[]>([]);
 
-    const parentCommands = useParentCommands();
     const isInDialog = useIsInDialog();
     const { fullTextSearch } = useFullTextSearch(
         () => props.field.mode === 'local' ? props.field.localValues : null,
@@ -46,7 +43,7 @@
             searchKeys: props.field.mode === 'local' ? props.field.searchKeys : [],
         }
     );
-    const fieldContainerData = useFieldContainerData();
+    const fieldContainerData = useFieldContainerData(form);
     const { loading, search: remoteSearch } = useRemoteAutocomplete(({ query, signal, onSuccess, onError }) => {
         const field = props.field as FormAutocompleteRemoteFieldData;
         return api.post(

resources/js/form/components/fields/upload/Upload.vue

@@ -100,7 +100,7 @@
                 uploadFieldKey: props.parentListField
                     ? `${props.parentListField.key}.${props.editorField?.key ?? props.field.key}`
                     : props.editorField?.key ?? props.field.key,
-                ...useFieldContainerData(),
+                ...useFieldContainerData(form),
             }),
             fieldName: 'file',
             headers: {

resources/js/form/useFieldContainerData.ts

@@ -1,10 +1,9 @@
 import { RequestFieldContainerData } from "@/types";
-import { useParentForm } from "@/form/useParentForm";
 import { useParentCommands } from "@/commands/useCommands";
+import { Form } from "@/form/Form";
 
 
-export function useFieldContainerData(): RequestFieldContainerData {
-    const form = useParentForm();
+export function useFieldContainerData(form: Form): RequestFieldContainerData {
     const parentCommands = useParentCommands();
 
     return {