@overmap-ai/core 1.0.36-misc-improvements.2 → 1.0.36

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

@@ -6,13 +6,11 @@ import { ISerializedField, SelectFieldOption, SerializedMultiStringField } from
 type MultiStringFieldOptions = ChildFieldOptions<SelectFieldOption[]> & {
     minimum_length?: number;
     maximum_length?: number;
-    placeholder?: string;
 };
 export declare const emptyMultiStringField: {
     type: string;
     minimum_length: number;
     maximum_length: null;
-    placeholder: string;
     label: string;
     description: string;
     required: boolean;
@@ -28,7 +26,6 @@ export declare class MultiStringField extends BaseField<SelectFieldOption[], "mu
     readonly minLength: number;
     readonly maxLength: number;
     readonly onlyValidateAfterTouched = false;
-    readonly placeholder: string;
     static Icon: typeof ListBulletIcon;
     constructor(options: MultiStringFieldOptions);
     getValueFromChangeEvent(event: ChangeEvent<HTMLInputElement> | SelectFieldOption[]): SelectFieldOption[];

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

@@ -10,7 +10,6 @@ export declare const emptyNumberField: {
     minimum: number;
     maximum: number;
     integers: boolean;
-    placeholder: string;
     label: string;
     description: string;
     required: boolean;
@@ -19,7 +18,6 @@ export interface NumberFieldOptions extends ChildFieldOptions<NumberFieldValue>
     maximum?: number;
     minimum?: number;
     integers?: boolean;
-    placeholder?: string;
 }
 export declare class NumberField extends BaseField<NumberFieldValue, "number"> {
     static readonly fieldTypeName = "Number";
@@ -27,7 +25,6 @@ export declare class NumberField extends BaseField<NumberFieldValue, "number"> {
     readonly minimum: number | undefined;
     readonly maximum: number | undefined;
     readonly integers: boolean;
-    readonly placeholder: string;
     static Icon: typeof FontFamilyIcon;
     constructor(options: NumberFieldOptions);
     getValueFromChangeEvent(event: ChangeEvent<HTMLInputElement>): NumberFieldValue;

package/dist/forms/fields/SelectField/BaseSelectField.d.ts

@@ -10,16 +10,13 @@ export interface BaseSelectFieldOptions<TValue, TIdentifier extends "select" | "
      * where the `label` is the text to display to the user and the `value` is the value handled by Formik.*/
     options: string[] | SelectFieldOption[];
     type: TIdentifier;
-    placeholder?: string;
 }
 export declare abstract class BaseSelectField<TValue extends FieldValue, TIdentifier extends "select" | "multi-select"> extends BaseField<TValue, TIdentifier> {
     readonly options: SelectFieldOption[];
     readonly onlyValidateAfterTouched = false;
-    readonly placeholder: string;
     protected constructor(options: BaseSelectFieldOptions<TValue, TIdentifier>);
     protected _serialize(): {
         options: SelectFieldOption[];
-        placeholder: string;
         label: string;
         required: boolean;
         image?: File | Promise<File> | undefined;

package/dist/forms/fields/SelectField/MultiSelectField.d.ts

@@ -10,7 +10,6 @@ export type MultiSelectFieldOptions = Omit<BaseSelectFieldOptions<SelectFieldOpt
 export declare const emptyMultiSelectField: {
     type: string;
     options: never[];
-    placeholder: string;
     label: string;
     description: string;
     required: boolean;

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

@@ -10,7 +10,6 @@ export type SelectFieldOptions = Omit<BaseSelectFieldOptions<SelectFieldOptionVa
 export declare const emptySelectField: {
     type: string;
     options: never[];
-    placeholder: string;
     label: string;
     description: string;
     required: boolean;

package/dist/forms/fields/StringOrTextFields/StringField/StringField.d.ts

@@ -10,7 +10,6 @@ export declare const emptyStringField: {
     type: string;
     maximum_length: number;
     input_type: string;
-    placeholder: string;
     label: string;
     description: string;
     required: boolean;

package/dist/forms/fields/StringOrTextFields/StringOrTextField.d.ts

@@ -5,7 +5,6 @@ import { SerializedStringField } from "../../typings";
 export interface StringOrTextFieldOptions extends FieldOptions<string> {
     minLength?: NumberFieldValue;
     maxLength?: NumberFieldValue;
-    placeholder?: string;
 }
 export type SerializedStringOrTextField<TIdentifier extends "string" | "text"> = Omit<SerializedStringField, "type"> & {
     type: TIdentifier;
@@ -13,7 +12,6 @@ export type SerializedStringOrTextField<TIdentifier extends "string" | "text"> =
 export declare abstract class StringOrTextField<TIdentifier extends "string" | "text"> extends BaseField<string, TIdentifier> {
     readonly minLength?: number;
     readonly maxLength: number;
-    readonly placeholder: string;
     protected constructor(options: StringOrTextFieldOptions);
     /**
      * This function returns a function that validates that the value given for "minimum length" (when creating a new field) is less than or

package/dist/forms/fields/StringOrTextFields/TextField/TextField.d.ts

@@ -7,7 +7,6 @@ export type TextFieldOptions = Omit<StringOrTextFieldOptions, "type">;
 export declare const emptyTextField: {
     type: string;
     maximum_length: number;
-    placeholder: string;
     label: string;
     description: string;
     required: boolean;

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

@@ -30,7 +30,6 @@ export declare const FieldTypeToEmptyFieldMapping: {
         minimum: number;
         maximum: number;
         integers: boolean;
-        placeholder: string;
         label: string;
         description: string;
         required: boolean;
@@ -44,7 +43,6 @@ export declare const FieldTypeToEmptyFieldMapping: {
     readonly select: {
         type: string;
         options: never[];
-        placeholder: string;
         label: string;
         description: string;
         required: boolean;
@@ -53,7 +51,6 @@ export declare const FieldTypeToEmptyFieldMapping: {
         type: string;
         maximum_length: number;
         input_type: string;
-        placeholder: string;
         label: string;
         description: string;
         required: boolean;
@@ -61,7 +58,6 @@ export declare const FieldTypeToEmptyFieldMapping: {
     readonly text: {
         type: string;
         maximum_length: number;
-        placeholder: string;
         label: string;
         description: string;
         required: boolean;
@@ -85,7 +81,6 @@ export declare const FieldTypeToEmptyFieldMapping: {
         type: string;
         minimum_length: number;
         maximum_length: null;
-        placeholder: string;
         label: string;
         description: string;
         required: boolean;
@@ -93,7 +88,6 @@ export declare const FieldTypeToEmptyFieldMapping: {
     readonly "multi-select": {
         type: string;
         options: never[];
-        placeholder: string;
         label: string;
         description: string;
         required: boolean;

package/dist/forms/typings.d.ts

@@ -43,7 +43,6 @@ export interface SerializedFieldSection extends BaseSerializedObject {
 interface BaseSerializedStringField extends BaseSerializedField {
     minimum_length?: number;
     maximum_length: number;
-    placeholder?: string;
 }
 export type StringInputType = Exclude<HTMLInputTypeAttribute, "checkbox" | "number" | "button">;
 export interface SerializedStringField extends BaseSerializedStringField {
@@ -64,7 +63,6 @@ export interface SerializedNumberField extends BaseSerializedField {
     minimum: number | undefined;
     maximum: number | undefined;
     integers: boolean;
-    placeholder?: string;
 }
 export interface SerializedDateField extends BaseSerializedField {
     type: "date";
@@ -78,12 +76,10 @@ export interface SelectFieldOption {
 export interface SerializedSelectField extends BaseSerializedField {
     type: "select";
     options: SelectFieldOption[];
-    placeholder?: string;
 }
 export interface SerializedMultiSelectField extends BaseSerializedField {
     type: "multi-select";
     options: SelectFieldOption[];
-    placeholder?: string;
 }
 export interface SerializedUploadField extends BaseSerializedField {
     type: "upload";

package/dist/overmap-core.js

@@ -8,7 +8,7 @@ var _a;
 import * as React from "react";
 import React__default, { useState, useEffect, useRef, memo, useMemo, forwardRef, createElement, useCallback, createContext, useContext, Children, isValidElement, cloneElement, Fragment as Fragment$1, useLayoutEffect, useReducer } from "react";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { unsafeShowToast, AlertDialogProvider, ToastProvider, DefaultTheme, Flex, IconButton, Text, useSeverityColor, Checkbox, TextArea, Select, useToast, Badge, MultiSelect, Button, ButtonList, divButtonProps, Tooltip, DropdownItemMenu, Popover, useAlertDialog, Input } from "@overmap-ai/blocks";
+import { unsafeShowToast, AlertDialogProvider, ToastProvider, DefaultTheme, Flex, IconButton, Text, useSeverityColor, Checkbox, TextArea, Select, useToast, Badge, MultiSelect, Button, ButtonList, divButtonProps, Tooltip, DropdownItemMenu, Popover, Input, useAlertDialog } from "@overmap-ai/blocks";
 import { DepGraph } from "dependency-graph";
 import { offline as offline$1 } from "@redux-offline/redux-offline";
 import offlineConfig from "@redux-offline/redux-offline/lib/defaults";
@@ -8485,7 +8485,7 @@ const NumberInput = memo((props) => {
           ...fieldProps,
           type: "number",
           id: inputId,
-          placeholder: field.placeholder,
+          placeholder: "Enter a number",
           min: field.minimum,
           max: field.maximum,
           step: field.integers ? 1 : 0.1,
@@ -8501,8 +8501,7 @@ const emptyNumberField = {
   type: "number",
   minimum: Number.MIN_SAFE_INTEGER,
   maximum: Number.MAX_SAFE_INTEGER,
-  integers: false,
-  placeholder: "Enter a number"
+  integers: false
 };
 const valueIsFormikUserFormRevision$1 = (form) => {
   return "fields" in form;
@@ -8513,18 +8512,15 @@ const _NumberField = class _NumberField extends BaseField {
       minimum = Number.MIN_SAFE_INTEGER,
       maximum = Number.MAX_SAFE_INTEGER,
       integers = false,
-      placeholder = "Enter a number",
       ...base
     } = options;
     super({ ...base, type: "number" });
     __publicField(this, "minimum");
     __publicField(this, "maximum");
     __publicField(this, "integers");
-    __publicField(this, "placeholder");
     this.minimum = minimum;
     this.maximum = maximum;
     this.integers = integers;
-    this.placeholder = placeholder;
   }
   getValueFromChangeEvent(event) {
     const number = Number.parseFloat(event.target.value);
@@ -8600,8 +8596,7 @@ const _NumberField = class _NumberField extends BaseField {
       ...super._serialize(),
       minimum: this.minimum,
       maximum: this.maximum,
-      integers: this.integers,
-      placeholder: this.placeholder
+      integers: this.integers
     };
   }
   static deserialize(data) {
@@ -8685,14 +8680,12 @@ const valueIsFormikUserFormRevision = (form) => {
 };
 class StringOrTextField extends BaseField {
   constructor(options) {
-    const { minLength, maxLength = 5e3, placeholder = "", ...base } = options;
+    const { minLength, maxLength = 5e3, ...base } = options;
     super(base);
     __publicField(this, "minLength");
     __publicField(this, "maxLength");
-    __publicField(this, "placeholder");
     this.minLength = minLength ? Math.max(minLength, 0) : void 0;
     this.maxLength = maxLength ? Math.max(maxLength, 0) : 5e3;
-    this.placeholder = placeholder;
   }
   static getFieldCreationSchema(parentPath = "") {
     const path = parentPath && `${parentPath}.`;
@@ -8757,8 +8750,7 @@ class StringOrTextField extends BaseField {
     return {
       ...super._serialize(),
       minimum_length: this.minLength,
-      maximum_length: this.maxLength,
-      placeholder: this.placeholder
+      maximum_length: this.maxLength
     };
   }
 }
@@ -8817,7 +8809,7 @@ const StringInput = memo((props) => {
           ...fieldProps,
           type: field.inputType,
           id: inputId,
-          placeholder: field.placeholder,
+          placeholder: "Enter a short description",
           color
         }
       ) : /* @__PURE__ */ jsxs(TextField$1.Root, { className: styles$5.clickableLinkContainer, children: [
@@ -8850,15 +8842,14 @@ const emptyStringField = {
   ...emptyBaseField,
   type: "string",
   maximum_length: 500,
-  input_type: "text",
-  placeholder: "Enter a short description"
+  input_type: "text"
 };
 const _StringField = class _StringField extends StringOrTextField {
   constructor(options) {
-    const { inputType = "text", placeholder = "Enter a short description", ...rest } = options;
+    const { inputType = "text", ...rest } = options;
     const maxLength = options.maxLength ? Math.min(500, options.maxLength) : 500;
     const minLength = options.minLength ? Math.min(options.minLength, maxLength) : void 0;
-    super({ ...rest, maxLength, minLength, placeholder, type: "string" });
+    super({ ...rest, maxLength, minLength, type: "string" });
     __publicField(this, "inputType");
     this.inputType = inputType;
   }
@@ -8900,7 +8891,7 @@ const TextInput = memo((props) => {
           ...fieldProps,
           resize: "vertical",
           id: inputId,
-          placeholder: field.placeholder,
+          placeholder: "Enter a description",
           severity
         }
       )
@@ -8911,15 +8902,13 @@ TextInput.displayName = "TextInput";
 const emptyTextField = {
   ...emptyBaseField,
   type: "text",
-  maximum_length: 5e3,
-  placeholder: "Enter a description"
+  maximum_length: 5e3
 };
 const _TextField = class _TextField extends StringOrTextField {
   constructor(options) {
-    const { placeholder = "Enter a description", ...rest } = options;
     const maxLength = options.maxLength ? Math.min(5e3, options.maxLength) : 5e3;
     const minLength = options.minLength ? Math.min(options.minLength, maxLength) : void 0;
-    super({ ...rest, maxLength, minLength, placeholder, type: "text" });
+    super({ ...options, maxLength, minLength, type: "text" });
   }
   serialize() {
     return super._serialize();
@@ -8970,7 +8959,7 @@ const SelectInput = memo((props) => {
           items: options,
           ...fieldProps,
           onValueChange: handleChange,
-          placeholder: field.placeholder,
+          placeholder: "Select one...",
           id: inputId,
           severity,
           ...rest
@@ -9231,13 +9220,13 @@ const MultiStringInput = memo((props) => {
           /* @__PURE__ */ jsx(Box, { grow: "1", children: /* @__PURE__ */ jsx(
             TextField$1.Input,
             {
+              placeholder: "Press enter to add a new option",
               ...rest,
               ...fieldProps,
               value: intermediateValue,
               onChange: handleChange,
               onKeyDown: handleKeyDown,
               id: inputId,
-              placeholder: field.placeholder,
               color: updatedColor,
               onBlur: void 0
             }
@@ -9305,20 +9294,17 @@ const emptyMultiStringField = {
   ...emptyBaseField,
   type: "multi-string",
   minimum_length: 0,
-  maximum_length: null,
-  placeholder: "Press enter to add a new option"
+  maximum_length: null
 };
 const _MultiStringField = class _MultiStringField extends BaseField {
   constructor(options) {
-    const { minimum_length, maximum_length, placeholder, ...rest } = options;
+    const { minimum_length, maximum_length, ...rest } = options;
     super({ ...rest, type: "multi-string" });
     __publicField(this, "minLength");
     __publicField(this, "maxLength");
     __publicField(this, "onlyValidateAfterTouched", false);
-    __publicField(this, "placeholder");
     this.minLength = minimum_length ?? 0;
     this.maxLength = maximum_length ?? Infinity;
-    this.placeholder = placeholder ?? "Press enter to add a new option";
   }
   getValueFromChangeEvent(event) {
     if (Array.isArray(event))
@@ -9329,12 +9315,7 @@ const _MultiStringField = class _MultiStringField extends BaseField {
     return /* @__PURE__ */ jsx(MultiStringInput, { field: this, ...props });
   }
   serialize() {
-    return {
-      ...super._serialize(),
-      minimum_length: this.minLength,
-      maximum_length: this.maxLength,
-      placeholder: this.placeholder
-    };
+    return { ...super._serialize(), minimum_length: this.minLength, maximum_length: this.maxLength };
   }
   isBlank(value) {
     return super.isBlank(value) || value.length === 0;
@@ -9365,12 +9346,9 @@ __publicField(_MultiStringField, "Icon", ListBulletIcon);
 let MultiStringField = _MultiStringField;
 class BaseSelectField extends BaseField {
   constructor(options) {
-    const { placeholder = "", ...base } = options;
-    super(base);
+    super(options);
     __publicField(this, "options");
     __publicField(this, "onlyValidateAfterTouched", false);
-    __publicField(this, "placeholder");
-    this.placeholder = placeholder;
     const encounteredIds = /* @__PURE__ */ new Set();
     this.options = options.options.map((option) => {
       if (typeof option === "string") {
@@ -9389,8 +9367,7 @@ class BaseSelectField extends BaseField {
   _serialize() {
     return {
       ...super._serialize(),
-      options: this.options,
-      placeholder: this.placeholder
+      options: this.options
     };
   }
   static getFieldCreationSchema(parentPath = "") {
@@ -9413,13 +9390,11 @@ class BaseSelectField extends BaseField {
 const emptySelectField = {
   ...emptyBaseField,
   type: "select",
-  options: [],
-  placeholder: "Select one..."
+  options: []
 };
 const _SelectField = class _SelectField extends BaseSelectField {
   constructor(options) {
-    const { placeholder = "Select one...", ...rest } = options;
-    super({ ...rest, placeholder, type: "select" });
+    super({ ...options, type: "select" });
   }
   getValueFromChangeEvent(event) {
     if (typeof event === "string")
@@ -9479,7 +9454,7 @@ const MultiSelectInput = memo((props) => {
           onValueChange: handleChange,
           options: field.options,
           name: fieldProps.name,
-          placeholder: field.placeholder,
+          placeholder: "Select one or more...",
           id: inputId,
           severity,
           ...rest
@@ -9492,13 +9467,11 @@ MultiSelectInput.displayName = "MultiSelectInput";
 const emptyMultiSelectField = {
   ...emptyBaseField,
   type: "multi-select",
-  options: [],
-  placeholder: "Select one or more..."
+  options: []
 };
 const _MultiSelectField = class _MultiSelectField extends BaseSelectField {
   constructor(options) {
-    const { placeholder = "Select one or more...", ...rest } = options;
-    super({ ...rest, placeholder, type: "multi-select" });
+    super({ ...options, type: "multi-select" });
   }
   getValueFromChangeEvent(event) {
     if (Array.isArray(event))
@@ -10892,6 +10865,11 @@ const FieldBuilder = memo((props) => {
     }
     conditionValue = Array.isArray((_c = initial.condition) == null ? void 0 : _c.value) ? initial.condition.value.map((v) => typeof v === "string" ? v : v.label).join(", ") : (_e = (_d = initial.condition) == null ? void 0 : _d.value) == null ? void 0 : _e.toString();
   }
+  const handleInputChangeForInput = useCallback((event) => {
+    if (event.target.parentNode instanceof HTMLElement) {
+      event.target.parentNode.dataset.replicatedValue = event.target.value;
+    }
+  }, []);
   const handleInputChangeForTextArea = useCallback((event) => {
     if (event.target.parentNode instanceof HTMLElement) {
       event.target.parentNode.dataset.replicatedValue = event.target.value;
@@ -11030,7 +11008,7 @@ const FieldBuilder = memo((props) => {
         {
           name: `${parentPath}.${index2}.label`,
           render: ({ setValue, value }) => /* @__PURE__ */ jsx(
-            TextArea,
+            Input,
             {
               className: styles.grow,
               placeholder: `Enter a ${type === "section" ? "section" : "field"} label`,
@@ -11038,12 +11016,11 @@ const FieldBuilder = memo((props) => {
               onChange: (event) => {
                 setValue(event.target.value);
               },
-              onInput: handleInputChangeForTextArea,
-              resize: "none",
+              onInput: handleInputChangeForInput,
               maxLength: 200,
               showInputLength: false,
               variant: "ghost",
-              size: "3"
+              size: "large"
             }
           )
         }