@overmap-ai/core 1.0.33-revamp-forms-builder.15 → 1.0.33-revamp-forms-builder.17

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

@@ -1,8 +1,7 @@
 import { AnyField, ISchema, ISerializedOnlyField, SchemaMeta } from "./typings";
 import { FieldSection } from "./FieldSection";
-import { FieldValue, Form, ISerializedField, SerializedCondition } from "../typings";
+import { FieldValue, ISerializedField, SerializedCondition } from "../typings";
 import { UserFormRevision } from "../../typings";
-import { FormikUserFormRevision } from "../builder";
 /** Deserializes anything but a FieldSection.
  * @see `deserialize` for most use cases
  */
@@ -12,5 +11,4 @@ export declare const deserialize: (serialized: ISerializedField) => AnyField | F
 export type PartialFormRevision = Pick<UserFormRevision, "title" | "fields" | "description"> & Partial<UserFormRevision>;
 export declare function formRevisionToSchema(formRevision: PartialFormRevision, meta?: Partial<SchemaMeta>): ISchema;
 export declare function valueIsFile(v: FieldValue | Promise<File>[] | undefined): v is File[] | Promise<File>[];
-export declare const valueIsFormikUserFormRevision: (form: FormikUserFormRevision | Form) => form is FormikUserFormRevision;
 export declare function isConditionMet<TValue extends FieldValue | Promise<File>[]>(condition: TValue extends FieldValue ? SerializedCondition<TValue> | null : null, value: TValue): boolean;

package/dist/overmap-core.js

@@ -8126,6 +8126,173 @@ const NumberInput$1 = memo(function NumberInput2(props) {
     }
   ) }) });
 });
+const emptyNumberField = {
+  ...emptyBaseField,
+  type: "number",
+  minimum: Number.MIN_SAFE_INTEGER,
+  maximum: Number.MAX_SAFE_INTEGER,
+  integers: false
+};
+const valueIsFormikUserFormRevision$1 = (form) => {
+  return "fields" in form;
+};
+const _NumberField = class _NumberField extends BaseField {
+  constructor(options) {
+    const {
+      minimum = Number.MIN_SAFE_INTEGER,
+      maximum = Number.MAX_SAFE_INTEGER,
+      integers = false,
+      ...base
+    } = options;
+    super({ ...base, type: "number" });
+    __publicField(this, "minimum");
+    __publicField(this, "maximum");
+    __publicField(this, "integers");
+    this.minimum = minimum;
+    this.maximum = maximum;
+    this.integers = integers;
+  }
+  getValueFromChangeEvent(event) {
+    const number = Number.parseFloat(event.target.value);
+    if (Number.isNaN(number))
+      return "";
+    return number;
+  }
+  static getFieldCreationSchema(parentPath = "") {
+    const path = parentPath && `${parentPath}.`;
+    return [
+      {
+        field: new _NumberField({
+          label: "Minimum",
+          description: "Minimum value",
+          integers: true,
+          required: false,
+          identifier: `${path}minimum`,
+          formValidators: [this._validateMin(parentPath)]
+        }),
+        showDirectly: false
+      },
+      {
+        field: new _NumberField({
+          label: "Maximum",
+          description: "Maximum value",
+          integers: true,
+          required: false,
+          identifier: `${path}maximum`,
+          formValidators: [this._validateMax(parentPath)]
+        }),
+        showDirectly: false
+      },
+      {
+        field: new BooleanField({
+          label: "Integers",
+          description: "Whole numbers only",
+          required: false,
+          identifier: `${path}integers`
+        }),
+        showDirectly: false
+      }
+    ];
+  }
+  getFieldValidators() {
+    const validators = super.getFieldValidators();
+    const min = this.minimum;
+    const max = this.maximum;
+    if (typeof min === "number") {
+      validators.push((value) => {
+        if (typeof value === "number" && value < min) {
+          return `Must be at least ${this.minimum}.`;
+        }
+      });
+    }
+    if (typeof max === "number") {
+      validators.push((value) => {
+        if (typeof value === "number" && value > max) {
+          return `Must be at most ${this.maximum}.`;
+        }
+      });
+    }
+    if (this.integers) {
+      validators.push((value) => {
+        if (typeof value === "number" && !Number.isInteger(value)) {
+          return "Must be a whole number.";
+        }
+      });
+    }
+    return validators;
+  }
+  serialize() {
+    return {
+      ...super._serialize(),
+      minimum: this.minimum,
+      maximum: this.maximum,
+      integers: this.integers
+    };
+  }
+  static deserialize(data) {
+    if (data.type !== "number")
+      throw new Error("Type mismatch.");
+    return new _NumberField(data);
+  }
+  getInput(props) {
+    return /* @__PURE__ */ jsx(NumberInput$1, { field: this, ...props });
+  }
+};
+__publicField(_NumberField, "fieldTypeName", "Number");
+__publicField(_NumberField, "fieldTypeDescription", "Allows specifying a number within a given range.");
+__publicField(_NumberField, "Icon", FontFamilyIcon);
+__publicField(_NumberField, "_validateMin", (path) => (value, allValues) => {
+  const field = valueIsFormikUserFormRevision$1(allValues) ? get(allValues, path) : allValues;
+  if (typeof field.maximum === "number" && typeof value === "number" && field.maximum < value) {
+    return "Minimum cannot be greater than minimum.";
+  }
+  return null;
+});
+__publicField(_NumberField, "_validateMax", (path) => (value, allValues) => {
+  const field = valueIsFormikUserFormRevision$1(allValues) ? get(allValues, path) : allValues;
+  if (typeof field.minimum === "number" && typeof value === "number" && field.minimum > value) {
+    return "Maximum cannot be less than minimum.";
+  }
+  return null;
+});
+let NumberField = _NumberField;
+const DateInput = memo(function DateInput2(props) {
+  const [{ inputId, labelId, size, severity, helpText, label, fieldProps }, rest] = useFormikInput(props);
+  const color = useSeverityColor(severity);
+  const value = fieldProps.value ? fieldProps.value.split("T")[0] : "";
+  return /* @__PURE__ */ jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsx(InputWithLabel, { size, severity, inputId, labelId, label, children: /* @__PURE__ */ jsx(TextField$1.Input, { ...rest, ...fieldProps, type: "date", id: inputId, color, value }) }) });
+});
+const emptyDateField = {
+  ...emptyBaseField,
+  type: "date"
+};
+const _DateField = class _DateField extends BaseField {
+  constructor(options) {
+    super({ ...options, type: "date" });
+    __publicField(this, "onlyValidateAfterTouched", false);
+  }
+  serialize() {
+    return super._serialize();
+  }
+  getValueFromChangeEvent(event) {
+    return new Date(event.target.value).toISOString();
+  }
+  static deserialize(data) {
+    if (data.type !== "date")
+      throw new Error("Type mismatch.");
+    return new _DateField(data);
+  }
+  getInput(props) {
+    return /* @__PURE__ */ jsx(DateInput, { field: this, ...props });
+  }
+};
+__publicField(_DateField, "fieldTypeName", "Date");
+__publicField(_DateField, "fieldTypeDescription", "Allows specifying a date.");
+__publicField(_DateField, "Icon", CalendarIcon);
+let DateField = _DateField;
+const valueIsFormikUserFormRevision = (form) => {
+  return "fields" in form;
+};
 class StringOrTextField extends BaseField {
   constructor(options) {
     const { minLength, maxLength = 5e3, ...base } = options;
@@ -8325,40 +8492,6 @@ __publicField(_TextField, "fieldTypeName", "Paragraph");
 __publicField(_TextField, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines.");
 __publicField(_TextField, "Icon", RowsIcon);
 let TextField = _TextField;
-const DateInput = memo(function DateInput2(props) {
-  const [{ inputId, labelId, size, severity, helpText, label, fieldProps }, rest] = useFormikInput(props);
-  const color = useSeverityColor(severity);
-  const value = fieldProps.value ? fieldProps.value.split("T")[0] : "";
-  return /* @__PURE__ */ jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsx(InputWithLabel, { size, severity, inputId, labelId, label, children: /* @__PURE__ */ jsx(TextField$1.Input, { ...rest, ...fieldProps, type: "date", id: inputId, color, value }) }) });
-});
-const emptyDateField = {
-  ...emptyBaseField,
-  type: "date"
-};
-const _DateField = class _DateField extends BaseField {
-  constructor(options) {
-    super({ ...options, type: "date" });
-    __publicField(this, "onlyValidateAfterTouched", false);
-  }
-  serialize() {
-    return super._serialize();
-  }
-  getValueFromChangeEvent(event) {
-    return new Date(event.target.value).toISOString();
-  }
-  static deserialize(data) {
-    if (data.type !== "date")
-      throw new Error("Type mismatch.");
-    return new _DateField(data);
-  }
-  getInput(props) {
-    return /* @__PURE__ */ jsx(DateInput, { field: this, ...props });
-  }
-};
-__publicField(_DateField, "fieldTypeName", "Date");
-__publicField(_DateField, "fieldTypeDescription", "Allows specifying a date.");
-__publicField(_DateField, "Icon", CalendarIcon);
-let DateField = _DateField;
 const SelectInput = memo(function SelectInput2(props) {
   const [{ inputId, labelId, size, severity, helpText, label, fieldProps, field }, rest] = useFormikInput(props);
   const { onChange, onBlur } = fieldProps;
@@ -8884,6 +9017,16 @@ __publicField(_MultiSelectField, "fieldTypeName", "Multi-select");
 __publicField(_MultiSelectField, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options.");
 __publicField(_MultiSelectField, "Icon", CheckboxIcon);
 let MultiSelectField = _MultiSelectField;
+const FieldInputCloner = memo(function FieldInputCloner2({ field, ...props }) {
+  const [{ value: identifier }] = useField(field.options.clonedFieldIdentifier);
+  const deserializedField = useMemo(() => {
+    const options = field.options.getFieldToClone(identifier);
+    if (!options)
+      return null;
+    return deserialize(options);
+  }, [field.options, identifier]);
+  return useFieldInput(deserializedField, props);
+});
 const emptyCustomField = {
   ...emptyBaseField,
   type: "custom"
@@ -8907,6 +9050,11 @@ class CustomField extends BaseField {
 }
 __publicField(CustomField, "fieldTypeName", "Custom");
 __publicField(CustomField, "fieldTypeDescription", "Allows re-rendering of field already in the form");
+class FieldInputClonerField extends CustomField {
+  constructor(options) {
+    super(options, FieldInputCloner);
+  }
+}
 const previewImage = "_previewImage_1ig84_1";
 const styles$4 = {
   previewImage
@@ -9194,20 +9342,45 @@ const FieldTypeToEmptyFieldMapping = {
   "multi-string": emptyMultiStringField,
   "multi-select": emptyMultiSelectField
 };
-const FieldInputCloner = memo(function FieldInputCloner2({ field, ...props }) {
-  const [{ value: identifier }] = useField(field.options.clonedFieldIdentifier);
-  const deserializedField = useMemo(() => {
-    const options = field.options.getFieldToClone(identifier);
-    if (!options)
-      return null;
-    return deserialize(options);
-  }, [field.options, identifier]);
-  return useFieldInput(deserializedField, props);
-});
-class FieldInputClonerField extends CustomField {
-  constructor(options) {
-    super(options, FieldInputCloner);
+const deserializeField = (serializedField) => {
+  const fieldType = serializedField.type;
+  const fieldCls = FieldTypeToClsMapping[fieldType];
+  console.log(serializedField, fieldType, fieldCls);
+  return fieldCls.deserialize(serializedField);
+};
+const deserialize = (serialized) => {
+  if (serialized.type === "section") {
+    return FieldSection.deserialize(serialized);
   }
+  return deserializeField(serialized);
+};
+function formRevisionToSchema(formRevision, meta = {}) {
+  const { readonly = false } = meta;
+  return {
+    title: formRevision.title,
+    description: formRevision.description,
+    fields: formRevision.fields.map((serializedField) => deserialize(serializedField)),
+    meta: { readonly }
+  };
+}
+function valueIsFile(v) {
+  return Array.isArray(v) && v.some((v2) => v2 instanceof File || v2 instanceof Promise);
+}
+function isConditionMet(condition, value) {
+  if (!condition)
+    return true;
+  if (valueIsFile(value) || valueIsFile(condition.value))
+    throw new Error("Conditions do not support file uploads");
+  const valueAsPrimitive = Array.isArray(value) ? value.map((v) => typeof v === "string" ? v : v.value) : value;
+  const valueToCompare = Array.isArray(condition.value) ? condition.value.map((v) => typeof v === "string" ? v : v.value) : condition.value;
+  if (Array.isArray(valueToCompare) && Array.isArray(valueAsPrimitive)) {
+    for (const v of valueToCompare) {
+      if (!valueAsPrimitive.includes(v))
+        return false;
+    }
+    return true;
+  }
+  return valueToCompare === value;
 }
 const useFieldInput = (field, props) => {
   return useMemo(() => {
@@ -9391,176 +9564,6 @@ 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.");
 let FieldSection = _FieldSection;
-const deserializeField = (serializedField) => {
-  const fieldType = serializedField.type;
-  const fieldCls = FieldTypeToClsMapping[fieldType];
-  console.log(serializedField, fieldType, fieldCls);
-  return fieldCls.deserialize(serializedField);
-};
-const deserialize = (serialized) => {
-  if (serialized.type === "section") {
-    return FieldSection.deserialize(serialized);
-  }
-  return deserializeField(serialized);
-};
-function formRevisionToSchema(formRevision, meta = {}) {
-  const { readonly = false } = meta;
-  return {
-    title: formRevision.title,
-    description: formRevision.description,
-    fields: formRevision.fields.map((serializedField) => deserialize(serializedField)),
-    meta: { readonly }
-  };
-}
-function valueIsFile(v) {
-  return Array.isArray(v) && v.some((v2) => v2 instanceof File || v2 instanceof Promise);
-}
-const valueIsFormikUserFormRevision = (form) => {
-  return "fields" in form;
-};
-function isConditionMet(condition, value) {
-  if (!condition)
-    return true;
-  if (valueIsFile(value) || valueIsFile(condition.value))
-    throw new Error("Conditions do not support file uploads");
-  const valueAsPrimitive = Array.isArray(value) ? value.map((v) => typeof v === "string" ? v : v.value) : value;
-  const valueToCompare = Array.isArray(condition.value) ? condition.value.map((v) => typeof v === "string" ? v : v.value) : condition.value;
-  if (Array.isArray(valueToCompare) && Array.isArray(valueAsPrimitive)) {
-    for (const v of valueToCompare) {
-      if (!valueAsPrimitive.includes(v))
-        return false;
-    }
-    return true;
-  }
-  return valueToCompare === value;
-}
-const emptyNumberField = {
-  ...emptyBaseField,
-  type: "number",
-  minimum: Number.MIN_SAFE_INTEGER,
-  maximum: Number.MAX_SAFE_INTEGER,
-  integers: false
-};
-const _NumberField = class _NumberField extends BaseField {
-  constructor(options) {
-    const {
-      minimum = Number.MIN_SAFE_INTEGER,
-      maximum = Number.MAX_SAFE_INTEGER,
-      integers = false,
-      ...base
-    } = options;
-    super({ ...base, type: "number" });
-    __publicField(this, "minimum");
-    __publicField(this, "maximum");
-    __publicField(this, "integers");
-    this.minimum = minimum;
-    this.maximum = maximum;
-    this.integers = integers;
-  }
-  getValueFromChangeEvent(event) {
-    const number = Number.parseFloat(event.target.value);
-    if (Number.isNaN(number))
-      return "";
-    return number;
-  }
-  static getFieldCreationSchema(parentPath = "") {
-    const path = parentPath && `${parentPath}.`;
-    return [
-      {
-        field: new _NumberField({
-          label: "Minimum",
-          description: "Minimum value",
-          integers: true,
-          required: false,
-          identifier: `${path}minimum`,
-          formValidators: [this._validateMin(parentPath)]
-        }),
-        showDirectly: false
-      },
-      {
-        field: new _NumberField({
-          label: "Maximum",
-          description: "Maximum value",
-          integers: true,
-          required: false,
-          identifier: `${path}maximum`,
-          formValidators: [this._validateMax(parentPath)]
-        }),
-        showDirectly: false
-      },
-      {
-        field: new BooleanField({
-          label: "Integers",
-          description: "Whole numbers only",
-          required: false,
-          identifier: `${path}integers`
-        }),
-        showDirectly: false
-      }
-    ];
-  }
-  getFieldValidators() {
-    const validators = super.getFieldValidators();
-    const min = this.minimum;
-    const max = this.maximum;
-    if (typeof min === "number") {
-      validators.push((value) => {
-        if (typeof value === "number" && value < min) {
-          return `Must be at least ${this.minimum}.`;
-        }
-      });
-    }
-    if (typeof max === "number") {
-      validators.push((value) => {
-        if (typeof value === "number" && value > max) {
-          return `Must be at most ${this.maximum}.`;
-        }
-      });
-    }
-    if (this.integers) {
-      validators.push((value) => {
-        if (typeof value === "number" && !Number.isInteger(value)) {
-          return "Must be a whole number.";
-        }
-      });
-    }
-    return validators;
-  }
-  serialize() {
-    return {
-      ...super._serialize(),
-      minimum: this.minimum,
-      maximum: this.maximum,
-      integers: this.integers
-    };
-  }
-  static deserialize(data) {
-    if (data.type !== "number")
-      throw new Error("Type mismatch.");
-    return new _NumberField(data);
-  }
-  getInput(props) {
-    return /* @__PURE__ */ jsx(NumberInput$1, { field: this, ...props });
-  }
-};
-__publicField(_NumberField, "fieldTypeName", "Number");
-__publicField(_NumberField, "fieldTypeDescription", "Allows specifying a number within a given range.");
-__publicField(_NumberField, "Icon", FontFamilyIcon);
-__publicField(_NumberField, "_validateMin", (path) => (value, allValues) => {
-  const field = valueIsFormikUserFormRevision(allValues) ? get(allValues, path) : allValues;
-  if (typeof field.maximum === "number" && typeof value === "number" && field.maximum < value) {
-    return "Minimum cannot be greater than minimum.";
-  }
-  return null;
-});
-__publicField(_NumberField, "_validateMax", (path) => (value, allValues) => {
-  const field = valueIsFormikUserFormRevision(allValues) ? get(allValues, path) : allValues;
-  if (typeof field.minimum === "number" && typeof value === "number" && field.minimum > value) {
-    return "Maximum cannot be less than minimum.";
-  }
-  return null;
-});
-let NumberField = _NumberField;
 const hasKeys = (errors) => {
   return Object.keys(errors).length > 0;
 };
@@ -11045,8 +11048,7 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   useFieldInput,
   useFieldInputs,
   useFormikInput,
-  valueIsFile,
-  valueIsFormikUserFormRevision
+  valueIsFile
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   APIError,
@@ -11488,7 +11490,6 @@ export {
   userReducer,
   userSlice,
   valueIsFile,
-  valueIsFormikUserFormRevision,
   warningColor,
   workspaceReducer,
   workspaceSlice,