feat(settings): add simple-ping settings (#2118)

packages/widgets/src/modals/widget-edit-modal.tsx

@@ -8,6 +8,7 @@ import { objectEntries } from "@homarr/common";
 import type { WidgetKind } from "@homarr/definitions";
 import { zodResolver } from "@homarr/form";
 import { createModal, useModalAction } from "@homarr/modals";
+import type { SettingsContextProps } from "@homarr/settings";
 import { useI18n } from "@homarr/translation/client";
 import { zodErrorMap } from "@homarr/validation/form";
 
@@ -32,6 +33,7 @@ interface ModalProps<TSort extends WidgetKind> {
   onSuccessfulEdit: (value: WidgetEditModalState) => void;
   integrationData: IntegrationSelectOption[];
   integrationSupport: boolean;
+  settings: SettingsContextProps;
 }
 
 export const WidgetEditModal = createModal<ModalProps<WidgetKind>>(({ actions, innerProps }) => {
@@ -40,13 +42,16 @@ export const WidgetEditModal = createModal<ModalProps<WidgetKind>>(({ actions, i
 
   // Translate the error messages
   z.setErrorMap(zodErrorMap(t));
+  const { definition } = widgetImports[innerProps.kind];
+  const options = definition.createOptions(innerProps.settings) as Record<string, OptionsBuilderResult[string]>;
+
   const form = useForm({
     mode: "controlled",
     initialValues: innerProps.value,
     validate: zodResolver(
       z.object({
         options: z.object(
-          objectEntries(widgetImports[innerProps.kind].definition.options).reduce(
+          objectEntries(options).reduce(
             (acc, [key, value]: [string, { type: string; validate?: z.ZodType<unknown> }]) => {
               if (value.validate) {
                 acc[key] = value.type === "multiText" ? z.array(value.validate).optional() : value.validate;
@@ -68,8 +73,6 @@ export const WidgetEditModal = createModal<ModalProps<WidgetKind>>(({ actions, i
   });
   const { openModal } = useModalAction(WidgetAdvancedOptionsModal);
 
-  const { definition } = widgetImports[innerProps.kind];
-
   return (
     <form
       onSubmit={form.onSubmit((values) => {
@@ -89,7 +92,7 @@ export const WidgetEditModal = createModal<ModalProps<WidgetKind>>(({ actions, i
               {...form.getInputProps("integrationIds")}
             />
           )}
-          {Object.entries(definition.options).map(([key, value]: [string, OptionsBuilderResult[string]]) => {
+          {Object.entries(options).map(([key, value]) => {
             const Input = getInputForType(value.type);
 
             if (