fix(admin)!: fix drop off inputs not inheriting from parent element

BREAKING CHANGE: input of useDropOffInputContext has changed

apps/admin-preset-default/src/components/DefaultDropOffInput.vue

@@ -23,21 +23,16 @@
 </template>
 
 <script lang="ts" setup>
-import {toRefs} from 'vue';
 import {
   AdminComponent,
   type DropOffInputEmits,
   type DropOffInputProps,
   useDropOffInputContext,
 } from '@myparcel-pdk/admin';
 
+// eslint-disable-next-line vue/no-unused-properties
 const props = defineProps<DropOffInputProps>();
 const emit = defineEmits<DropOffInputEmits>();
 
-const propRefs = toRefs(props);
-
-const {weekdaysObject, cutoffElements, toggleElements, toggleRefs, cutoffRefs} = useDropOffInputContext(
-  propRefs.modelValue?.value,
-  emit,
-);
+const {weekdaysObject, cutoffElements, toggleElements, toggleRefs, cutoffRefs} = useDropOffInputContext(props, emit);
 </script>

apps/admin/src/composables/useDropOffInputContext.ts

@@ -1,10 +1,11 @@
 import {reactive, watch} from 'vue';
 import {type Settings, type Shipment} from '@myparcel-pdk/common';
 import {createFormElement, createObjectWithKeys} from '../utils';
+import {type DropOffInputProps} from '../types';
 import {useWeekdays, type Weekday, type Weekdays} from './useWeekdays';
 
 type UseDropOffInputContext = (
-  possibilities?: Settings.ModelDropOffPossibilities,
+  props: DropOffInputProps,
   emit?: (name: 'update:modelValue', ...args: unknown[]) => void,
 ) => {
   weekdaysObject: Record<Weekday, string>;
@@ -16,7 +17,8 @@ type UseDropOffInputContext = (
 };
 
 // eslint-disable-next-line max-lines-per-function
-export const useDropOffInputContext: UseDropOffInputContext = (possibilities, emit) => {
+// @ts-expect-error todo
+export const useDropOffInputContext: UseDropOffInputContext = (props, emit) => {
   const {weekdaysObject, weekdays} = useWeekdays();
 
   const createReactiveObject = <K extends keyof Required<Shipment.ModelDropOffDay>>(
@@ -25,17 +27,20 @@ export const useDropOffInputContext: UseDropOffInputContext = (possibilities, em
   ) => {
     return reactive(
       createObjectWithKeys(weekdays, (day) => {
-        return possibilities?.dropOffDays.find(({weekday}) => weekday === day)?.[property] ?? defaultValue;
+        return props.modelValue?.dropOffDays.find(({weekday}) => weekday === day)?.[property] ?? defaultValue;
       }),
     );
   };
 
   const toggleRefs = createReactiveObject('dispatch', false);
   const cutoffRefs = createReactiveObject('cutoffTime', '16:00');
 
+  const {component: _, ...restElement} = props.element;
+
   const createElements = (reactiveObject: Record<Weekday, unknown>, name: string) =>
     createObjectWithKeys(weekdays, (day) =>
       createFormElement({
+        ...restElement,
         // @ts-expect-error Not worth the effort
         ref: reactiveObject[day],
         name: `${name}${day.toString()}`,