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

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

@@ -6,7 +6,6 @@ import { ISerializedField, SelectFieldOption, SerializedMultiStringField } from
 type MultiStringFieldOptions = ChildFieldOptions<SelectFieldOption[]> & {
     minimum_length?: number;
     maximum_length?: number;
-    placeholder?: string;
 };
 export declare const emptyMultiStringField: {
     type: string;
@@ -27,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

@@ -18,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";
@@ -26,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/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/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,
@@ -8512,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);
@@ -8599,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) {
@@ -8684,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}.`;
@@ -8756,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
     };
   }
 }
@@ -8816,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: [
@@ -8867,13 +8860,7 @@ const _StringField = class _StringField extends StringOrTextField {
     if (data.type !== "string")
       throw new Error("Type mismatch.");
     const { maximum_length, minimum_length, input_type, ...rest } = data;
-    return new _StringField({
-      ...rest,
-      maxLength: maximum_length,
-      minLength: minimum_length,
-      inputType: input_type,
-      placeholder: "Enter a short description"
-    });
+    return new _StringField({ ...rest, maxLength: maximum_length, minLength: minimum_length, inputType: input_type });
   }
   getInput(props) {
     return /* @__PURE__ */ jsx(StringInput, { field: this, ...props });
@@ -8904,7 +8891,7 @@ const TextInput = memo((props) => {
           ...fieldProps,
           resize: "vertical",
           id: inputId,
-          placeholder: field.placeholder,
+          placeholder: "Enter a description",
           severity
         }
       )
@@ -8930,12 +8917,7 @@ const _TextField = class _TextField extends StringOrTextField {
     if (data.type !== "text")
       throw new Error("Type mismatch.");
     const { maximum_length, minimum_length, ...rest } = data;
-    return new _TextField({
-      ...rest,
-      maxLength: maximum_length,
-      minLength: minimum_length,
-      placeholder: "Enter a description"
-    });
+    return new _TextField({ ...rest, maxLength: maximum_length, minLength: minimum_length });
   }
   getInput(props) {
     return /* @__PURE__ */ jsx(TextInput, { field: this, ...props });
@@ -8977,7 +8959,7 @@ const SelectInput = memo((props) => {
           items: options,
           ...fieldProps,
           onValueChange: handleChange,
-          placeholder: field.placeholder,
+          placeholder: "Select one...",
           id: inputId,
           severity,
           ...rest
@@ -9238,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
             }
@@ -9316,15 +9298,13 @@ const emptyMultiStringField = {
 };
 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))
@@ -9335,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;
@@ -9371,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") {
@@ -9395,8 +9367,7 @@ class BaseSelectField extends BaseField {
   _serialize() {
     return {
       ...super._serialize(),
-      options: this.options,
-      placeholder: this.placeholder
+      options: this.options
     };
   }
   static getFieldCreationSchema(parentPath = "") {
@@ -9423,8 +9394,7 @@ const emptySelectField = {
 };
 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")
@@ -9484,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
@@ -9501,8 +9471,7 @@ const emptyMultiSelectField = {
 };
 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))
@@ -10896,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;
@@ -11034,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`,
@@ -11042,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"
             }
           )
         }