@overmap-ai/forms 1.0.32 → 1.0.33-toast-migration.0

package/dist/forms.umd.cjs

@@ -813,7 +813,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ] });
   });
   ImageViewerProvider.displayName = "FileViewerProvider";
-  const InputWithLabel = (props) => {
+  const InputWithLabel = React.memo((props) => {
     const { className, label, children, severity, inputId, labelId, image } = props;
     const [resolvedImage, setResolvedImage] = React.useState(void 0);
     const openImageViewer = useImageViewer();
@@ -845,7 +845,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       !!label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: classVarianceAuthority.cx(className, "w-max max-w-full"), htmlFor: inputId, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { accentColor: color, size: "sm", id: labelId, className: "text-wrap", children: label }) }),
       children
     ] });
-  };
+  });
   const InputWithLabelAndHelpText = (props) => {
     const { children, ...restProps } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(InputWithHelpText, { ...restProps, children });
@@ -872,14 +872,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const label = field.required ? `${field.label} *` : field.label;
     const fieldPropsWithValidation = React.useMemo(() => {
       const handleChange = (value) => {
-        helpers.setValue(value, false).then();
+        void helpers.setValue(value, false);
         onValuesChange == null ? void 0 : onValuesChange(field.identifier, value);
         if (touched || !field.onlyValidateAfterTouched) {
           helpers.setError(field.getError(value));
         }
       };
       const handleBlur = (value) => {
-        void helpers.setTouched(true, false).then();
+        void helpers.setTouched(true, false);
         helpers.setError(field.getError(value));
       };
       return {
@@ -2163,7 +2163,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const validators = super.getFieldValidators();
       const length = this.length;
       validators.push((value) => {
-        if (!this.isValueBlank(value) && (value.length < length || value.length > length)) {
+        if (!this.isValueBlank(value) && value.length != length) {
           return `Must be ${length} characters.`;
         }
       });
@@ -2268,6 +2268,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         Promise.resolve(promise).then(resolve).catch(reject);
       }, uuid2);
     }
+    // oxlint-disable-next-line no-thenable
     then(onFulfilled, onRejected) {
       const promise = super.then(onFulfilled, onRejected);
       promise.uuid = this.uuid;
@@ -2485,7 +2486,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const handleRemoveFile = React.useCallback(
       (index) => {
         const files = [...value.files];
-        files.splice(index, 1);
+        void files.splice(index, 1);
         onChange({
           ...value,
           files
@@ -25359,7 +25360,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return PDF417CodewordDecoder2;
     }()
   );
-  const global$1 = typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {};
   var PDF417ResultMetadata = (
     /** @class */
     function() {
@@ -25654,8 +25654,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     if (typeof window !== "undefined") {
       return window["BigInt"] || null;
     }
-    if (typeof global$1 !== "undefined") {
-      return global$1["BigInt"] || null;
+    if (typeof global !== "undefined") {
+      return global["BigInt"] || null;
     }
     if (typeof self !== "undefined") {
       return self["BigInt"] || null;
@@ -31149,7 +31149,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ]
   ]);
   const Scanner = React.memo((props) => {
-    const { children, open, onOpenChange, defaultOpen, modal, ...rest } = props;
+    const {
+      children,
+      open,
+      onOpenChange,
+      // oxlint-disable-line unbound-method
+      defaultOpen,
+      modal,
+      ...rest
+    } = props;
     return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Overlay.Root, { open, onOpenChange, defaultOpen, modal, children: [
       !!children && /* @__PURE__ */ jsxRuntime.jsx(blocks.Overlay.Trigger, { asChild: true, children }),
       /* @__PURE__ */ jsxRuntime.jsxs(blocks.Overlay.Content, { children: [
@@ -31557,7 +31565,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const handleRemove = React.useCallback(
       (index) => {
         const files = [...value];
-        files.splice(index, 1);
+        void files.splice(index, 1);
         onChange(files);
       },
       [value, onChange]
@@ -34297,14 +34305,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         fields: this.fields.map((field) => field.serialize())
       };
     }
-    static deserialize(data) {
-      const fields = data.fields.map(deserializeField);
-      const conditions = {};
-      for (const [sectionId, serializedConditions] of Object.entries(data.conditions)) {
-        conditions[sectionId] = deserializeConditions(fields, serializedConditions);
-      }
-      return new _FieldSection({ ...data, fields, conditions });
-    }
     getOptions() {
       return {
         ...super.getOptions(),
@@ -34400,7 +34400,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return new Set(Object.keys(this.conditions));
     }
     addConditional(identifier) {
-      this.conditions = this.initConditions({ ...this.conditions, [identifier]: [] });
+      this.conditions = this.initConditions({
+        ...this.conditions,
+        [identifier]: []
+      });
       this.notify(this);
     }
     removeConditional(identifier) {
@@ -34416,6 +34419,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   };
   __publicField(_FieldSection, "fieldTypeName", "Section");
   __publicField(_FieldSection, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
+  __publicField(_FieldSection, "deserialize", (data) => {
+    const fields = data.fields.map(deserializeField);
+    const conditions = {};
+    for (const [sectionId, serializedConditions] of Object.entries(data.conditions)) {
+      conditions[sectionId] = deserializeConditions(fields, serializedConditions);
+    }
+    return new _FieldSection({ ...data, fields, conditions });
+  });
   let FieldSection = _FieldSection;
   class FieldSchema extends Observable {
     constructor(fields) {
@@ -34882,7 +34893,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   FieldBuilder.displayName = "FieldBuilder";
   const FieldBuilderWithActions = React.memo((props) => {
     const { field, fieldSection, fieldIndex, sectionIndex } = props;
-    const { showError } = blocks.useToast();
     const fileInputRef = React.useRef(null);
     const parentPath = `fields.${sectionIndex}.fields`;
     const handleAddField = React.useCallback(
@@ -34908,7 +34918,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         const file = files.item(0);
         if (!file) return;
         if (file.size > maxFileSizeB) {
-          showError({
+          blocks.toast.error({
             title: "File upload error",
             description: `The file ${file.name} exceeded the maximum file size`
           });
@@ -34918,7 +34928,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           image: file
         });
       },
-      [field, showError]
+      [field]
     );
     const handleMoveUp = React.useCallback(() => {
       moveField("up");
@@ -35694,9 +35704,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const images = {};
     const newFields = [];
     for (const section of fields) {
-      if (section.type !== "section") {
-        throw new Error(`Expected ISerializedField type to be a section. Got ${section.type} instead.`);
-      }
       const { fields: sectionFields } = section;
       const newSectionFields = [];
       for (const field of sectionFields) {
@@ -35752,9 +35759,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }, [schema.fields, values]);
       const handleSubmit = React.useCallback(
         (values2) => {
-          onSubmit == null ? void 0 : onSubmit(
+          void (onSubmit == null ? void 0 : onSubmit(
             excludeUnchangedFields ? changedFieldValues(flattenFields(schema.fields), initialValues, values2) : values2
-          );
+          ));
         },
         [excludeUnchangedFields, initialValues, onSubmit, schema.fields]
       );
@@ -35864,43 +35871,39 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       enableReinitialize = false,
       disableRequiredFields = false
     } = props;
-    const { showError } = blocks.useToast();
-    const validate = React.useCallback(
-      (form) => {
-        var _a2;
-        const errors = {};
-        if (!form.title) {
-          errors.title = "Title is required.";
-        }
-        if (!form.fields || form.fields.length === 0) {
-          errors.fields = "At least one field is required.";
-        }
-        const fieldsToValidate = [];
-        for (const [sectionIndex, section] of form.fields.entries())
-          for (const [fieldIndex, field] of section.fields.entries()) {
-            const fieldSettings = ((_a2 = getFieldCreationSchema(field.type, `fields.${sectionIndex}.fields.${fieldIndex}`)) == null ? void 0 : _a2.map(
-              ({ field: field2 }) => field2
-            )) ?? [];
-            fieldsToValidate.push(...fieldSettings);
-          }
-        const values = {};
-        for (const field of fieldsToValidate) {
-          values[field.identifier] = get(form, field.identifier);
-        }
-        const fieldErrors = validateFields(fieldsToValidate, values);
-        if (fieldErrors) {
-          errors.fields = fieldErrors.fields;
-        }
-        if (Object.keys(errors).length > 0) {
-          showError({
-            title: "Some form settings are invalid",
-            description: "Please check settings highlighted in red."
-          });
-          return errors;
-        }
-      },
-      [showError]
-    );
+    const validate = React.useCallback((form) => {
+      var _a2;
+      const errors = {};
+      if (!form.title) {
+        errors.title = "Title is required.";
+      }
+      if (!form.fields || form.fields.length === 0) {
+        errors.fields = "At least one field is required.";
+      }
+      const fieldsToValidate = [];
+      for (const [sectionIndex, section] of form.fields.entries())
+        for (const [fieldIndex, field] of section.fields.entries()) {
+          const fieldSettings = ((_a2 = getFieldCreationSchema(field.type, `fields.${sectionIndex}.fields.${fieldIndex}`)) == null ? void 0 : _a2.map(
+            ({ field: field2 }) => field2
+          )) ?? [];
+          fieldsToValidate.push(...fieldSettings);
+        }
+      const values = {};
+      for (const field of fieldsToValidate) {
+        values[field.identifier] = get(form, field.identifier);
+      }
+      const fieldErrors = validateFields(fieldsToValidate, values);
+      if (fieldErrors) {
+        errors.fields = fieldErrors.fields;
+      }
+      if (Object.keys(errors).length > 0) {
+        blocks.toast.error({
+          title: "Some form settings are invalid",
+          description: "Please check settings highlighted in red."
+        });
+        return errors;
+      }
+    }, []);
     const initialValues = React.useMemo(
       () => ({
         title: initialTitle ?? "",
@@ -35919,7 +35922,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     });
     const observer = React.useCallback(
       (fieldSchema) => {
-        formik$1.setFieldValue("fields", fieldSchema.serialize());
+        void formik$1.setFieldValue("fields", fieldSchema.serialize());
       },
       [formik$1]
     );
@@ -36113,3 +36116,4 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   exports2.validateFields = validateFields;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 });
+//# sourceMappingURL=forms.umd.cjs.map