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

package/dist/forms/fields/BaseField/hooks.d.ts

@@ -9,7 +9,6 @@ export declare const useFormikInput: <TField extends AnyField>(props: ComponentP
     readonly labelId: string;
     readonly label: string;
     readonly showInputOnly: boolean | undefined;
-    readonly placeholder: string | undefined;
     readonly fieldProps: import("formik").FieldInputProps<ValueOfField<TField>>;
     readonly helpers: import("formik").FieldHelperProps<ValueOfField<TField>>;
     readonly field: TField;
@@ -38,6 +37,7 @@ export declare const useFormikInput: <TField extends AnyField>(props: ComponentP
     readonly hidden?: boolean | undefined;
     readonly lang?: string | undefined;
     readonly nonce?: string | undefined;
+    readonly placeholder?: string | undefined;
     readonly spellCheck?: (boolean | "true" | "false") | undefined;
     readonly tabIndex?: number | undefined;
     readonly translate?: "yes" | "no" | undefined;

package/dist/overmap-core.js

@@ -6958,7 +6958,7 @@ const InputWithLabelAndHelpText = (props) => {
   return /* @__PURE__ */ jsx(InputWithHelpText, { ...restProps, children });
 };
 const useFormikInput = (props) => {
-  const { id, field, formId: formId2, size, showInputOnly, placeholder, ...rest } = props;
+  const { id, field, formId: formId2, size, showInputOnly, ...rest } = props;
   const [fieldProps, meta, helpers] = useField(field.getId());
   const { touched } = meta;
   const helpText = meta.error ?? field.description;
@@ -6993,7 +6993,6 @@ const useFormikInput = (props) => {
       labelId,
       label,
       showInputOnly,
-      placeholder,
       fieldProps: fieldPropsWithValidation,
       helpers,
       field
@@ -8465,7 +8464,7 @@ const Tabs = Object.assign({}, {
   Content: TabsContent
 });
 const NumberInput = memo((props) => {
-  const [{ inputId, labelId, size, severity, showInputOnly, placeholder, field, fieldProps }, rest] = useFormikInput(props);
+  const [{ inputId, labelId, size, severity, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
   let [{ helpText, label }] = useFormikInput(props);
   helpText = showInputOnly ? null : helpText;
   label = showInputOnly ? "" : label;
@@ -8486,7 +8485,7 @@ const NumberInput = memo((props) => {
           ...fieldProps,
           type: "number",
           id: inputId,
-          placeholder,
+          placeholder: field.placeholder,
           min: field.minimum,
           max: field.maximum,
           step: field.integers ? 1 : 0.1,
@@ -8797,7 +8796,7 @@ const styles$5 = {
   TextFieldInputCopy
 };
 const StringInput = memo((props) => {
-  const [{ inputId, labelId, size, severity, showInputOnly, placeholder, field, fieldProps }, rest] = useFormikInput(props);
+  const [{ inputId, labelId, size, severity, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
   let [{ helpText, label }] = useFormikInput(props);
   helpText = showInputOnly ? null : helpText;
   label = showInputOnly ? "" : label;
@@ -8818,7 +8817,7 @@ const StringInput = memo((props) => {
           ...fieldProps,
           type: field.inputType,
           id: inputId,
-          placeholder,
+          placeholder: field.placeholder,
           color
         }
       ) : /* @__PURE__ */ jsxs(TextField$1.Root, { className: styles$5.clickableLinkContainer, children: [
@@ -8856,10 +8855,10 @@ const emptyStringField = {
 };
 const _StringField = class _StringField extends StringOrTextField {
   constructor(options) {
-    const { inputType = "text", ...rest } = options;
+    const { inputType = "text", placeholder = "Enter a short description", ...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, type: "string" });
+    super({ ...rest, maxLength, minLength, placeholder, type: "string" });
     __publicField(this, "inputType");
     this.inputType = inputType;
   }
@@ -8881,7 +8880,7 @@ __publicField(_StringField, "fieldTypeDescription", "Short text fields can hold
 __publicField(_StringField, "Icon", InputIcon);
 let StringField = _StringField;
 const TextInput = memo((props) => {
-  const [{ inputId, labelId, size, severity, showInputOnly, placeholder, field, fieldProps }, rest] = useFormikInput(props);
+  const [{ inputId, labelId, size, severity, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
   let [{ helpText, label }] = useFormikInput(props);
   helpText = showInputOnly ? null : helpText;
   label = showInputOnly ? "" : label;
@@ -8901,7 +8900,7 @@ const TextInput = memo((props) => {
           ...fieldProps,
           resize: "vertical",
           id: inputId,
-          placeholder,
+          placeholder: field.placeholder,
           severity
         }
       )
@@ -8917,9 +8916,10 @@ const emptyTextField = {
 };
 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({ ...options, maxLength, minLength, type: "text" });
+    super({ ...rest, maxLength, minLength, placeholder, type: "text" });
   }
   serialize() {
     return super._serialize();
@@ -8939,7 +8939,7 @@ __publicField(_TextField, "fieldTypeDescription", "Paragraph fields can hold up
 __publicField(_TextField, "Icon", RowsIcon);
 let TextField = _TextField;
 const SelectInput = memo((props) => {
-  const [{ inputId, labelId, size, severity, showInputOnly, placeholder, field, fieldProps }, rest] = useFormikInput(props);
+  const [{ inputId, labelId, size, severity, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
   const { onChange, onBlur } = fieldProps;
   let [{ helpText, label }] = useFormikInput(props);
   helpText = showInputOnly ? null : helpText;
@@ -8970,7 +8970,7 @@ const SelectInput = memo((props) => {
           items: options,
           ...fieldProps,
           onValueChange: handleChange,
-          placeholder,
+          placeholder: field.placeholder,
           id: inputId,
           severity,
           ...rest
@@ -9145,7 +9145,7 @@ const useFieldReordering = () => {
   return { reorderSection, reorderField };
 };
 const MultiStringInput = memo((props) => {
-  const [{ inputId, labelId, size, severity, showInputOnly, placeholder, field, fieldProps }, rest] = useFormikInput(props);
+  const [{ inputId, labelId, size, severity, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
   let [{ helpText, label }] = useFormikInput(props);
   helpText = showInputOnly ? null : helpText;
   label = showInputOnly ? "" : label;
@@ -9237,7 +9237,7 @@ const MultiStringInput = memo((props) => {
               onChange: handleChange,
               onKeyDown: handleKeyDown,
               id: inputId,
-              placeholder,
+              placeholder: field.placeholder,
               color: updatedColor,
               onBlur: void 0
             }
@@ -9450,7 +9450,7 @@ const parseValueToArray = (value) => {
   return [value];
 };
 const MultiSelectInput = memo((props) => {
-  const [{ inputId, labelId, size, severity, showInputOnly, placeholder, field, fieldProps }, rest] = useFormikInput(props);
+  const [{ inputId, labelId, size, severity, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
   const { onChange, onBlur } = fieldProps;
   let [{ helpText, label }] = useFormikInput(props);
   helpText = showInputOnly ? null : helpText;
@@ -9479,7 +9479,7 @@ const MultiSelectInput = memo((props) => {
           onValueChange: handleChange,
           options: field.options,
           name: fieldProps.name,
-          placeholder,
+          placeholder: field.placeholder,
           id: inputId,
           severity,
           ...rest