@overmap-ai/core 1.0.38-component-fields.1 → 1.0.38-component-fields.2

package/dist/overmap-core.umd.cjs

@@ -9066,21 +9066,10 @@ var __publicField = (obj, key, value) => {
   const makeConditionalSourceFields = (sections, index2) => {
     return sections.filter((_, i) => i < index2).flatMap((field) => field.fields);
   };
-  const getTakenFieldLabels = (fields) => {
-    return fields.flatMap((field) => [...field.fields.map((f) => f.label), field.label]).filter((id) => id !== null);
-  };
-  const incrementFieldLabel = (label, takenLabels) => {
-    let count = 1;
-    let newLabel = `${label} (${count})`;
-    while (takenLabels.includes(newLabel)) {
-      newLabel = `${label} (${++count})`;
-    }
-    return newLabel;
-  };
-  const createNewField = (parentPath, index2, initialValues2, values, setFieldValue) => {
-    const { label } = initialValues2;
+  const createNewField = (parentPath, index2, initialValues, values, setFieldValue) => {
+    const { label } = initialValues;
     const newField = {
-      ...initialValues2,
+      ...initialValues,
       identifier: makeIdentifier(null, label)
     };
     const parent = get(values, parentPath);
@@ -9094,11 +9083,11 @@ var __publicField = (obj, key, value) => {
     void setFieldValue(parentPath, updatedFields).then();
   };
   const createNewEmptySection = (index2, values, setFieldValue) => {
-    const initialValues2 = {
+    const initialValues = {
       ...emptySection(),
       label: ""
     };
-    createNewField("fields", index2, initialValues2, values, setFieldValue);
+    createNewField("fields", index2, initialValues, values, setFieldValue);
   };
   const useFieldReordering = () => {
     const { showError } = blocks.useToast();
@@ -10586,19 +10575,19 @@ var __publicField = (obj, key, value) => {
   const PatchFormProvider = React.memo(
     React.forwardRef((props, ref) => {
       const { children, schema, values, onPatch, onError, requiresDiff = true, onDirtyChange, ...rest } = props;
-      const initialValues2 = React.useMemo(() => initialFormValues(schema.fields, values), [schema.fields, values]);
+      const initialValues = React.useMemo(() => initialFormValues(schema.fields, values), [schema.fields, values]);
       const getDiff = React.useCallback(
         (values2) => {
           const diff = {};
           for (const key in values2) {
             const value = values2[key];
-            if (value !== initialValues2[key] && value !== void 0) {
+            if (value !== initialValues[key] && value !== void 0) {
               diff[key] = value;
             }
           }
           return diff;
         },
-        [initialValues2]
+        [initialValues]
       );
       const handlePatch = React.useCallback(
         (values2) => {
@@ -10624,7 +10613,7 @@ var __publicField = (obj, key, value) => {
         [schema, onDirtyChange, onError, getDiff]
       );
       const formik$1 = formik.useFormik({
-        initialValues: initialValues2,
+        initialValues,
         onSubmit: handlePatch,
         validate,
         // only validate the entire form on submit
@@ -10642,9 +10631,9 @@ var __publicField = (obj, key, value) => {
       const { errors, resetForm } = formik$1;
       React.useEffect(() => {
         if (hasKeys(errors)) {
-          resetForm({ values: initialValues2, errors: {} });
+          resetForm({ values: initialValues, errors: {} });
         }
-      }, [errors, initialValues2, resetForm]);
+      }, [errors, initialValues, resetForm]);
       return /* @__PURE__ */ jsxRuntime.jsx(formik.FormikProvider, { value: formik$1, children: /* @__PURE__ */ jsxRuntime.jsx("form", { ...rest, ref, onSubmit: formik$1.handleSubmit, onChange: handleChange, children }) });
     })
   );
@@ -11093,7 +11082,7 @@ var __publicField = (obj, key, value) => {
   });
   FieldBuilder.displayName = "FieldBuilder";
   const FieldWithActions = React.memo((props) => {
-    const { field, index: index2, sectionIndex, takenLabels, remove: remove2 } = props;
+    const { field, index: index2, sectionIndex, remove: remove2 } = props;
     const { setFieldValue, values } = formik.useFormikContext();
     const { reorderField } = useFieldReordering();
     const { showError } = blocks.useToast();
@@ -11110,10 +11099,10 @@ var __publicField = (obj, key, value) => {
       const label = field.label ?? "Unlabelled field";
       const duplicatedField = {
         ...field,
-        label: incrementFieldLabel(label, takenLabels)
+        label
       };
       createNewField(parentPath, index2 + 1, duplicatedField, values, setFieldValue);
-    }, [field, takenLabels, parentPath, index2, values, setFieldValue]);
+    }, [field, parentPath, index2, values, setFieldValue]);
     const moveField = React.useCallback(
       (direction) => {
         const srcSectionIndex = sectionIndex;
@@ -11200,7 +11189,6 @@ var __publicField = (obj, key, value) => {
     const { setFieldValue, values } = formik.useFormikContext();
     const alertDialog = blocks.useAlertDialog();
     const { reorderSection } = useFieldReordering();
-    const takenFieldLabels = getTakenFieldLabels(values.fields);
     const removeSectionConditions = React.useCallback(
       (sectionsToUpdate, allSections) => {
         for (const section of sectionsToUpdate) {
@@ -11304,18 +11292,15 @@ var __publicField = (obj, key, value) => {
     );
     const duplicateSection = React.useCallback(() => {
       const fieldLabel = field.label ?? "Untitled section";
-      const newSectionLabel = incrementFieldLabel(fieldLabel, takenFieldLabels);
-      const newFields = field.fields.map((f) => {
-        const newLabel = incrementFieldLabel(f.label, takenFieldLabels);
+      const newFields = field.fields.map((oldField) => {
         return {
-          ...f,
-          label: newLabel,
-          identifier: makeIdentifier(null, newLabel)
+          ...oldField,
+          identifier: makeIdentifier(null, oldField.label)
         };
       });
-      const duplicatedField = { ...field, label: newSectionLabel, fields: newFields };
+      const duplicatedField = { ...field, label: fieldLabel, fields: newFields };
       createNewField("fields", sectionIndex + 1, duplicatedField, values, setFieldValue);
-    }, [field, takenFieldLabels, sectionIndex, values, setFieldValue]);
+    }, [field, sectionIndex, values, setFieldValue]);
     const handleCreateField = React.useCallback(
       (type) => {
         createNewField(
@@ -11362,8 +11347,7 @@ var __publicField = (obj, key, value) => {
                             sectionIndex,
                             remove: () => {
                               removeField(i);
-                            },
-                            takenLabels: takenFieldLabels
+                            }
                           },
                           child.identifier
                         )),
@@ -11538,17 +11522,12 @@ var __publicField = (obj, key, value) => {
     ) }) });
   });
   FieldsEditor.displayName = "FieldsEditor";
-  const initialValues = {
-    title: "",
-    description: "",
-    fields: [{ ...emptySection(makeIdentifier(null, "")), label: "" }]
-  };
   const previewSubmit = () => {
     alert("This is a form preview, your data will not be saved.");
   };
   const FormBuilder = React.memo(
     React.forwardRef((props, ref) => {
-      const { onCancel, onSave, revision } = props;
+      const { onCancel, onSave, revision, initialTitle, showExplainerText = true, showSectionsOnly = false } = props;
       const { showError } = blocks.useToast();
       const validate = React.useCallback(
         (form) => {
@@ -11594,6 +11573,14 @@ var __publicField = (obj, key, value) => {
         },
         [showError]
       );
+      const initialValues = React.useMemo(
+        () => ({
+          title: initialTitle ?? "",
+          description: "",
+          fields: [{ ...emptySection(makeIdentifier(null, "")), label: "" }]
+        }),
+        [initialTitle]
+      );
       const formik$1 = formik.useFormik({
         initialValues: wrapRootFieldsWithFieldSection(revision) ?? initialValues,
         validate,
@@ -11614,7 +11601,7 @@ var __publicField = (obj, key, value) => {
           ] }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(Tabs.Content, { value: "edit", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(blocks.Text, { children: [
+          showExplainerText && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Text, { children: [
             "Create your form using various field types. Sections can be",
             " ",
             /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "conditionally rendered" }),
@@ -11624,55 +11611,57 @@ var __publicField = (obj, key, value) => {
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { asChild: true, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ jsxRuntime.jsxs("form", { id: formId, onSubmit: formik$1.handleSubmit, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(formik.FormikProvider, { value: formik$1, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                PatchField,
-                {
-                  name: "title",
-                  render: ({ setValue, value, meta }) => /* @__PURE__ */ jsxRuntime.jsx(InputWithHelpText, { severity: "danger", helpText: meta.error ?? null, children: /* @__PURE__ */ jsxRuntime.jsx(
-                    blocks.Input,
-                    {
-                      className: classNames$1(styles$7.title, {
-                        [styles$7.error]: meta.error
-                      }),
-                      placeholder: "Form title",
-                      value,
-                      onChange: (event) => {
-                        setValue(event.target.value);
-                      },
-                      maxLength: 100,
-                      showInputLength: false,
-                      variant: "ghost",
-                      size: "large"
-                    }
-                  ) })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                PatchField,
-                {
-                  name: "description",
-                  render: ({ setValue, value }) => /* @__PURE__ */ jsxRuntime.jsx(
-                    blocks.TextArea,
-                    {
-                      className: styles$7.description,
-                      placeholder: "Explain the purpose of this form",
-                      value,
-                      onChange: (event) => {
-                        setValue(event.target.value);
-                      },
-                      resize: "vertical",
-                      maxLength: 1e3,
-                      showInputLength: false,
-                      variant: "ghost"
-                    }
-                  )
-                }
-              ),
+              !showSectionsOnly && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  PatchField,
+                  {
+                    name: "title",
+                    render: ({ setValue, value, meta }) => /* @__PURE__ */ jsxRuntime.jsx(InputWithHelpText, { severity: "danger", helpText: meta.error ?? null, children: /* @__PURE__ */ jsxRuntime.jsx(
+                      blocks.Input,
+                      {
+                        className: classNames$1(styles$7.title, {
+                          [styles$7.error]: meta.error
+                        }),
+                        placeholder: "Form title",
+                        value,
+                        onChange: (event) => {
+                          setValue(event.target.value);
+                        },
+                        maxLength: 100,
+                        showInputLength: false,
+                        variant: "ghost",
+                        size: "large"
+                      }
+                    ) })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  PatchField,
+                  {
+                    name: "description",
+                    render: ({ setValue, value }) => /* @__PURE__ */ jsxRuntime.jsx(
+                      blocks.TextArea,
+                      {
+                        className: styles$7.description,
+                        placeholder: "Explain the purpose of this form",
+                        value,
+                        onChange: (event) => {
+                          setValue(event.target.value);
+                        },
+                        resize: "vertical",
+                        maxLength: 1e3,
+                        showInputLength: false,
+                        variant: "ghost"
+                      }
+                    )
+                  }
+                )
+              ] }),
               /* @__PURE__ */ jsxRuntime.jsx(FieldsEditor, {}),
               /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { severity: "danger", size: "1", children: typeof formik$1.errors.fields === "string" && formik$1.errors.fields })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { className: styles$7.floatingButtonContainer, align: "center", justify: "end", gap: "2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "button", variant: "solid", severity: "info", onClick: onCancel, children: "Cancel" }),
+              onCancel && /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "button", variant: "solid", severity: "info", onClick: onCancel, children: "Cancel" }),
               /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "submit", children: "Save form" })
             ] })
           ] }) })