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

package/dist/form/fields/typings.d.ts

@@ -21,11 +21,11 @@ export type AnyField = BaseField<any, any, any, any>;
 export type TypeOfField<TField extends AnyFormElement> = TField extends BaseFormElement<infer TType, infer _TThis> ? TType : never;
 export type ValueOfField<TField extends AnyField> = TField extends BaseField<infer _TType, infer TValue, infer _TSerializedValue, infer _TThis> ? TValue : never;
 export type SerializedValueOfField<TField extends AnyField> = TField extends BaseField<infer _TType, infer _TValue, infer TSerializedValue, infer _TThis> ? TSerializedValue : never;
-export type FieldType = TypeOfField<BooleanField> | TypeOfField<CheckboxListField> | TypeOfField<PassFailField> | TypeOfField<DateField> | TypeOfField<MultiSelectField> | TypeOfField<MultiStringField> | TypeOfField<NumberField> | TypeOfField<RadioField> | TypeOfField<RatingField> | TypeOfField<ScanField> | TypeOfField<SelectField> | TypeOfField<StringField> | TypeOfField<TextField> | TypeOfField<UploadField> | TypeOfField<FieldSection> | TypeOfField<OTPField>;
-export type FieldValue = ValueOfField<BooleanField> | ValueOfField<CheckboxListField> | ValueOfField<PassFailField> | ValueOfField<DateField> | ValueOfField<MultiSelectField> | ValueOfField<MultiStringField> | ValueOfField<NumberField> | ValueOfField<RadioField> | ValueOfField<RatingField> | ValueOfField<ScanField> | ValueOfField<SelectField> | ValueOfField<StringField> | ValueOfField<TextField> | ValueOfField<UploadField> | ValueOfField<OTPField>;
-export type SerializedFieldValue = SerializedValueOfField<BooleanField> | SerializedValueOfField<CheckboxListField> | SerializedValueOfField<PassFailField> | SerializedValueOfField<DateField> | SerializedValueOfField<MultiSelectField> | SerializedValueOfField<MultiStringField> | SerializedValueOfField<NumberField> | SerializedValueOfField<RadioField> | SerializedValueOfField<RatingField> | SerializedValueOfField<ScanField> | SerializedValueOfField<SelectField> | SerializedValueOfField<StringField> | SerializedValueOfField<TextField> | SerializedValueOfField<UploadField> | SerializedValueOfField<OTPField>;
 export type Field = BooleanField | CheckboxListField | PassFailField | DateField | MultiSelectField | MultiStringField | NumberField | RadioField | RatingField | ScanField | SelectField | StringField | TextField | UploadField | OTPField;
 export type FieldClass = typeof BooleanField | typeof CheckboxListField | typeof PassFailField | typeof DateField | typeof MultiSelectField | typeof MultiStringField | typeof NumberField | typeof RadioField | typeof RatingField | typeof ScanField | typeof SelectField | typeof StringField | typeof TextField | typeof UploadField | typeof OTPField;
+export type FieldType = TypeOfField<Field> | TypeOfField<FieldSection>;
+export type FieldValue = ValueOfField<Field>;
+export type SerializedFieldValue = SerializedValueOfField<Field>;
 export type SerializedField = SerializedTextField | SerializedBooleanField | SerializedNumberField | SerializedDateField | SerializedStringField | SerializedSelectField | SerializedFieldSection | SerializedMultiStringField | SerializedMultiSelectField | SerializedUploadField | SerializedScanField | SerializedRadioField | SerializedRatingField | SerializedCheckboxListField | SerializedOTPField | SerializedPassFailField;
 export type SerializedOnlyField = Exclude<SerializedField, SerializedFieldSection>;
 export interface FieldsManager {

package/dist/form/fields/utils.d.ts

@@ -1,6 +1,6 @@
 import { FieldFilesAndPromises, FieldValues, SerializedFieldValues } from '../typings';
-import { FieldSection } from './FieldSection';
 import { Field, SerializedField, SerializedOnlyField } from './typings';
+import { FieldSection } from './FieldSection';
 export declare const deserializeField: (serializedField: SerializedOnlyField) => Field;
 export declare function deserializeFields(fields: SerializedField[]): (Field | FieldSection)[];
 export declare const deserialize: (serialized: SerializedField) => Field | FieldSection;

package/dist/form/schema/FieldSchema.d.ts

@@ -1,7 +1,7 @@
+import { FieldValues, SerializedFieldValues } from '../typings';
 import { SerializedCondition } from '../conditions';
 import { Field, FieldSection, FieldSectionManager, SerializedFieldSection } from '../fields';
 import { Observable } from '../Observable';
-import { FieldValues, SerializedFieldValues } from '../typings';
 export declare class FieldSchema extends Observable<FieldSchema> implements FieldSectionManager {
     fieldSections: FieldSection[];
     constructor(fields: FieldSection[]);

package/dist/form/utils.d.ts

@@ -1,6 +1,6 @@
 import { FormikErrors } from 'formik';
-import { AnyFormElement, SerializedFieldSection } from './fields';
 import { FieldFiles, FieldFilesAndPromises, FieldValues } from './typings';
+import { AnyFormElement, SerializedFieldSection } from './fields';
 export declare const validateFields: (fields: AnyFormElement[], values: FieldValues) => FormikErrors<FieldValues> | undefined;
 export declare const cleanFields: (fields: AnyFormElement[], values: FieldValues) => FormikErrors<FieldValues> | undefined;
 export declare const separateImagesFromFields: (fields: SerializedFieldSection[]) => Promise<{

package/dist/forms.js

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsxs, jsx, Fragment as Fragment$1 } from "react/jsx-runtime";
-import { Card, LuIcon, Text, Spinner, Overlay, ButtonGroup, Tooltip, IconButton, Separator, Input, Badge, Checkbox, CheckboxGroup, Popover, Button, DayPicker, Menu, OneTimePasswordField, RadioGroup, TextArea, Rating, stopPropagation, Heading, useToast, ToggleGroup } from "@overmap-ai/blocks";
+import { Card, LuIcon, Text, Spinner, Overlay, ButtonGroup, Tooltip, IconButton, Separator, Input, Badge, Checkbox, CheckboxGroup, Popover, Button, DayPicker, Menu, OneTimePasswordField, RadioGroup, TextArea, Rating, stopPropagation, Heading, toast, ToggleGroup } from "@overmap-ai/blocks";
 import { cx } from "class-variance-authority";
 import { forwardRef, createElement, memo, createContext, useContext, useRef, useCallback, useState, useEffect, useMemo, Fragment, use, useLayoutEffect, useId } from "react";
 import "@xyflow/react/dist/style.css";
@@ -825,7 +825,7 @@ const ImageViewerProvider = memo((props) => {
   ] });
 });
 ImageViewerProvider.displayName = "FileViewerProvider";
-const InputWithLabel = (props) => {
+const InputWithLabel = memo((props) => {
   const { className, label, children, severity, inputId, labelId, image } = props;
   const [resolvedImage, setResolvedImage] = useState(void 0);
   const openImageViewer = useImageViewer();
@@ -857,7 +857,7 @@ const InputWithLabel = (props) => {
     !!label && /* @__PURE__ */ jsx("label", { className: cx(className, "w-max max-w-full"), htmlFor: inputId, children: /* @__PURE__ */ jsx(Text, { accentColor: color, size: "sm", id: labelId, className: "text-wrap", children: label }) }),
     children
   ] });
-};
+});
 const InputWithLabelAndHelpText = (props) => {
   const { children, ...restProps } = props;
   return /* @__PURE__ */ jsx(InputWithHelpText, { ...restProps, children });
@@ -884,14 +884,14 @@ const useFormikInput = (props) => {
   const label = field.required ? `${field.label} *` : field.label;
   const fieldPropsWithValidation = 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 {
@@ -2175,7 +2175,7 @@ const _OTPField = class _OTPField extends BaseField {
     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.`;
       }
     });
@@ -2280,6 +2280,7 @@ class UUIDPromise extends Promise {
       Promise.resolve(promise).then(resolve).catch(reject);
     }, uuid);
   }
+  // oxlint-disable-next-line no-thenable
   then(onFulfilled, onRejected) {
     const promise = super.then(onFulfilled, onRejected);
     promise.uuid = this.uuid;
@@ -2497,7 +2498,7 @@ const PassFailInput = memo((props) => {
   const handleRemoveFile = useCallback(
     (index) => {
       const files = [...value.files];
-      files.splice(index, 1);
+      void files.splice(index, 1);
       onChange({
         ...value,
         files
@@ -25371,7 +25372,6 @@ var PDF417CodewordDecoder = (
     return PDF417CodewordDecoder2;
   }()
 );
-const global$1 = typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {};
 var PDF417ResultMetadata = (
   /** @class */
   function() {
@@ -25666,8 +25666,8 @@ function getBigIntConstructor() {
   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;
@@ -31161,7 +31161,15 @@ const SCANNER_HINTS = /* @__PURE__ */ new Map([
   ]
 ]);
 const Scanner = 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__ */ jsxs(Overlay.Root, { open, onOpenChange, defaultOpen, modal, children: [
     !!children && /* @__PURE__ */ jsx(Overlay.Trigger, { asChild: true, children }),
     /* @__PURE__ */ jsxs(Overlay.Content, { children: [
@@ -31569,7 +31577,7 @@ const UploadInput = memo((props) => {
   const handleRemove = useCallback(
     (index) => {
       const files = [...value];
-      files.splice(index, 1);
+      void files.splice(index, 1);
       onChange(files);
     },
     [value, onChange]
@@ -34309,14 +34317,6 @@ const _FieldSection = class _FieldSection extends BaseFormElement {
       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(),
@@ -34412,7 +34412,10 @@ const _FieldSection = class _FieldSection extends BaseFormElement {
     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) {
@@ -34428,6 +34431,14 @@ const _FieldSection = class _FieldSection extends BaseFormElement {
 };
 __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) {
@@ -34894,7 +34905,6 @@ const FieldBuilder = memo((props) => {
 FieldBuilder.displayName = "FieldBuilder";
 const FieldBuilderWithActions = memo((props) => {
   const { field, fieldSection, fieldIndex, sectionIndex } = props;
-  const { showError } = useToast();
   const fileInputRef = useRef(null);
   const parentPath = `fields.${sectionIndex}.fields`;
   const handleAddField = useCallback(
@@ -34920,7 +34930,7 @@ const FieldBuilderWithActions = memo((props) => {
       const file = files.item(0);
       if (!file) return;
       if (file.size > maxFileSizeB) {
-        showError({
+        toast.error({
           title: "File upload error",
           description: `The file ${file.name} exceeded the maximum file size`
         });
@@ -34930,7 +34940,7 @@ const FieldBuilderWithActions = memo((props) => {
         image: file
       });
     },
-    [field, showError]
+    [field]
   );
   const handleMoveUp = useCallback(() => {
     moveField("up");
@@ -35706,9 +35716,6 @@ const separateImagesFromFields = async (fields) => {
   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) {
@@ -35764,9 +35771,9 @@ const FormRenderer = memo(
     }, [schema.fields, values]);
     const handleSubmit = 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]
     );
@@ -35876,43 +35883,39 @@ const FormBuilderRoot = memo((props) => {
     enableReinitialize = false,
     disableRequiredFields = false
   } = props;
-  const { showError } = useToast();
-  const validate = 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 = 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) {
+      toast.error({
+        title: "Some form settings are invalid",
+        description: "Please check settings highlighted in red."
+      });
+      return errors;
+    }
+  }, []);
   const initialValues = useMemo(
     () => ({
       title: initialTitle ?? "",
@@ -35931,7 +35934,7 @@ const FormBuilderRoot = memo((props) => {
   });
   const observer = useCallback(
     (fieldSchema) => {
-      formik.setFieldValue("fields", fieldSchema.serialize());
+      void formik.setFieldValue("fields", fieldSchema.serialize());
     },
     [formik]
   );
@@ -36125,3 +36128,4 @@ export {
   useScanner,
   validateFields
 };
+//# sourceMappingURL=forms.js.map