@payloadcms/ui 3.0.0-canary.cee5702 → 3.0.0-canary.cf66341

package/dist/fields/Text/index.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useState } from 'react';
 import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
@@ -8,105 +10,203 @@ import { useConfig } from '../../providers/Config/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
 import { isFieldRTL } from '../shared/index.js';
 import { TextInput } from './Input.js';
+import './index.scss';
 export { TextInput };
-const TextField = (props)=>{
-    const { name, AfterInput, BeforeInput, CustomDescription, CustomError, CustomLabel, className, descriptionProps, errorProps, hasMany, inputRef, label, labelProps, localized, maxLength, maxRows, minLength, minRows, path: pathFromProps, placeholder, readOnly: readOnlyFromProps, required, rtl, style, validate, width } = props;
-    const locale = useLocale();
-    const { localization: localizationConfig } = useConfig();
-    const memoizedValidate = useCallback((value, options)=>{
-        if (typeof validate === 'function') return validate(value, {
-            ...options,
-            maxLength,
-            minLength,
-            required
+const TextFieldComponent = props => {
+  const $ = _c(22);
+  const {
+    field,
+    field: t0,
+    inputRef,
+    readOnly: readOnlyFromTopLevelProps,
+    validate
+  } = props;
+  const {
+    name,
+    _path: pathFromProps,
+    admin: t1,
+    hasMany,
+    label,
+    localized,
+    maxLength,
+    maxRows,
+    minLength,
+    minRows,
+    required
+  } = t0;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = t1 === undefined ? {} : t1;
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const {
+    className,
+    description,
+    placeholder,
+    readOnly: readOnlyFromAdmin,
+    rtl,
+    style,
+    width
+  } = t2;
+  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
+  const locale = useLocale();
+  const {
+    config: t3
+  } = useConfig();
+  const {
+    localization: localizationConfig
+  } = t3;
+  let t4;
+  if ($[2] !== validate || $[3] !== maxLength || $[4] !== minLength || $[5] !== required) {
+    t4 = (value, options) => {
+      if (typeof validate === "function") {
+        return validate(value, {
+          ...options,
+          maxLength,
+          minLength,
+          required
         });
-    }, [
-        validate,
-        minLength,
-        maxLength,
-        required
-    ]);
-    const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps();
-    const { formInitializing, formProcessing, path, setValue, showError, value } = useField({
-        path: pathFromContext || pathFromProps || name,
-        validate: memoizedValidate
-    });
-    const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
-    const renderRTL = isFieldRTL({
-        fieldLocalized: localized,
-        fieldRTL: rtl,
-        locale,
-        localizationConfig: localizationConfig || undefined
-    });
-    const [valueToRender, setValueToRender] = useState([]) // Only for hasMany
-    ;
-    const handleHasManyChange = useCallback((selectedOption)=>{
-        if (!disabled) {
-            let newValue;
-            if (!selectedOption) {
-                newValue = [];
-            } else if (Array.isArray(selectedOption)) {
-                newValue = selectedOption.map((option)=>option.value?.value || option.value);
-            } else {
-                newValue = [
-                    selectedOption.value?.value || selectedOption.value
-                ];
-            }
-            setValue(newValue);
-        }
-    }, [
-        disabled,
-        setValue
-    ]);
-    // useEffect update valueToRender:
-    useEffect(()=>{
-        if (hasMany && Array.isArray(value)) {
-            setValueToRender(value.map((val, index)=>{
-                return {
-                    id: `${val}${index}`,
-                    label: `${val}`,
-                    value: {
-                        // React-select automatically uses "label-value" as a key, so we will get that react duplicate key warning if we just pass in the value as multiple values can be the same. So we need to append the index to the toString() of the value to avoid that warning, as it uses that as the key.
-                        toString: ()=>`${val}${index}`,
-                        value: val?.value || val
-                    }
-                };
-            }));
+      }
+    };
+    $[2] = validate;
+    $[3] = maxLength;
+    $[4] = minLength;
+    $[5] = required;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const memoizedValidate = t4;
+  const {
+    path: pathFromContext,
+    readOnly: readOnlyFromContext
+  } = useFieldProps();
+  const t5 = pathFromContext ?? pathFromProps ?? name;
+  let t6;
+  if ($[7] !== t5 || $[8] !== memoizedValidate) {
+    t6 = {
+      path: t5,
+      validate: memoizedValidate
+    };
+    $[7] = t5;
+    $[8] = memoizedValidate;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  const {
+    formInitializing,
+    formProcessing,
+    path,
+    setValue,
+    showError,
+    value: value_0
+  } = useField(t6);
+  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
+  const renderRTL = isFieldRTL({
+    fieldLocalized: localized,
+    fieldRTL: rtl,
+    locale,
+    localizationConfig: localizationConfig || undefined
+  });
+  let t7;
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = [];
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  const [valueToRender, setValueToRender] = useState(t7);
+  let t8;
+  if ($[11] !== disabled || $[12] !== setValue) {
+    t8 = selectedOption => {
+      if (!disabled) {
+        let newValue;
+        if (!selectedOption) {
+          newValue = [];
+        } else {
+          if (Array.isArray(selectedOption)) {
+            newValue = selectedOption.map(option => option.value?.value || option.value);
+          } else {
+            newValue = [selectedOption.value?.value || selectedOption.value];
+          }
         }
-    }, [
-        value,
-        hasMany
-    ]);
-    return /*#__PURE__*/ _jsx(TextInput, {
-        AfterInput: AfterInput,
-        BeforeInput: BeforeInput,
-        CustomDescription: CustomDescription,
-        CustomError: CustomError,
-        CustomLabel: CustomLabel,
-        className: className,
-        descriptionProps: descriptionProps,
-        errorProps: errorProps,
-        hasMany: hasMany,
-        inputRef: inputRef,
-        label: label,
-        labelProps: labelProps,
-        maxRows: maxRows,
-        minRows: minRows,
-        onChange: hasMany ? handleHasManyChange : (e)=>{
-            setValue(e.target.value);
-        },
-        path: path,
-        placeholder: placeholder,
-        readOnly: disabled,
-        required: required,
-        rtl: renderRTL,
-        showError: showError,
-        style: style,
-        value: value || '',
-        valueToRender: valueToRender,
-        width: width
-    });
+        setValue(newValue);
+      }
+    };
+    $[11] = disabled;
+    $[12] = setValue;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  const handleHasManyChange = t8;
+  let t9;
+  let t10;
+  if ($[14] !== hasMany || $[15] !== value_0) {
+    t9 = () => {
+      if (hasMany && Array.isArray(value_0)) {
+        setValueToRender(value_0.map((val, index) => ({
+          id: `${val}${index}`,
+          label: `${val}`,
+          value: {
+            toString: () => `${val}${index}`,
+            value: val?.value || val
+          }
+        })));
+      }
+    };
+    t10 = [value_0, hasMany];
+    $[14] = hasMany;
+    $[15] = value_0;
+    $[16] = t9;
+    $[17] = t10;
+  } else {
+    t9 = $[16];
+    t10 = $[17];
+  }
+  useEffect(t9, t10);
+  let t11;
+  if ($[18] !== hasMany || $[19] !== handleHasManyChange || $[20] !== setValue) {
+    t11 = hasMany ? handleHasManyChange : e => {
+      setValue(e.target.value);
+    };
+    $[18] = hasMany;
+    $[19] = handleHasManyChange;
+    $[20] = setValue;
+    $[21] = t11;
+  } else {
+    t11 = $[21];
+  }
+  return _jsx(TextInput, {
+    Description: field?.admin?.components?.Description,
+    Error: field?.admin?.components?.Error,
+    Label: field?.admin?.components?.Label,
+    afterInput: field?.admin?.components?.afterInput,
+    beforeInput: field?.admin?.components?.beforeInput,
+    className,
+    description,
+    field,
+    hasMany,
+    inputRef,
+    label,
+    maxRows,
+    minRows,
+    onChange: t11,
+    path,
+    placeholder,
+    readOnly: disabled,
+    required,
+    rtl: renderRTL,
+    showError,
+    style,
+    value: value_0 || "",
+    valueToRender,
+    width
+  });
 };
-export const Text = withCondition(TextField);
-
+export const TextField = withCondition(TextFieldComponent);
 //# sourceMappingURL=index.js.map

package/dist/fields/Text/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientValidate } from 'payload/types'\n\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { Option } from '../../elements/ReactSelect/types.js'\nimport type { TextFieldProps, TextInputProps } from './types.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { isFieldRTL } from '../shared/index.js'\nimport { TextInput } from './Input.js'\nimport './index.scss'\n\nexport { TextFieldProps, TextInput, TextInputProps }\n\nconst TextField: React.FC<TextFieldProps> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    descriptionProps,\n    errorProps,\n    hasMany,\n    inputRef,\n    label,\n    labelProps,\n    localized,\n    maxLength,\n    maxRows,\n    minLength,\n    minRows,\n    path: pathFromProps,\n    placeholder,\n    readOnly: readOnlyFromProps,\n    required,\n    rtl,\n    style,\n    validate,\n    width,\n  } = props\n\n  const locale = useLocale()\n\n  const { localization: localizationConfig } = useConfig()\n\n  const memoizedValidate: ClientValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function')\n        return validate(value, { ...options, maxLength, minLength, required })\n    },\n    [validate, minLength, maxLength, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, formProcessing, path, setValue, showError, value } = useField({\n    path: pathFromContext || pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const renderRTL = isFieldRTL({\n    fieldLocalized: localized,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: localizationConfig || undefined,\n  })\n\n  const [valueToRender, setValueToRender] = useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([]) // Only for hasMany\n\n  const handleHasManyChange = useCallback(\n    (selectedOption) => {\n      if (!disabled) {\n        let newValue\n        if (!selectedOption) {\n          newValue = []\n        } else if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value?.value || option.value)\n        } else {\n          newValue = [selectedOption.value?.value || selectedOption.value]\n        }\n\n        setValue(newValue)\n      }\n    },\n    [disabled, setValue],\n  )\n\n  // useEffect update valueToRender:\n  useEffect(() => {\n    if (hasMany && Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              // React-select automatically uses \"label-value\" as a key, so we will get that react duplicate key warning if we just pass in the value as multiple values can be the same. So we need to append the index to the toString() of the value to avoid that warning, as it uses that as the key.\n              toString: () => `${val}${index}`,\n              value: val?.value || val,\n            },\n          }\n        }),\n      )\n    }\n  }, [value, hasMany])\n\n  return (\n    <TextInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      CustomDescription={CustomDescription}\n      CustomError={CustomError}\n      CustomLabel={CustomLabel}\n      className={className}\n      descriptionProps={descriptionProps}\n      errorProps={errorProps}\n      hasMany={hasMany}\n      inputRef={inputRef}\n      label={label}\n      labelProps={labelProps}\n      maxRows={maxRows}\n      minRows={minRows}\n      onChange={\n        hasMany\n          ? handleHasManyChange\n          : (e) => {\n              setValue(e.target.value)\n            }\n      }\n      path={path}\n      placeholder={placeholder}\n      readOnly={disabled}\n      required={required}\n      rtl={renderRTL}\n      showError={showError}\n      style={style}\n      value={(value as string) || ''}\n      valueToRender={valueToRender as Option[]}\n      width={width}\n    />\n  )\n}\n\nexport const Text = withCondition(TextField)\n"],"names":["React","useCallback","useEffect","useState","useFieldProps","useField","withCondition","useConfig","useLocale","isFieldRTL","TextInput","TextField","props","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","className","descriptionProps","errorProps","hasMany","inputRef","label","labelProps","localized","maxLength","maxRows","minLength","minRows","path","pathFromProps","placeholder","readOnly","readOnlyFromProps","required","rtl","style","validate","width","locale","localization","localizationConfig","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","formInitializing","formProcessing","setValue","showError","disabled","renderRTL","fieldLocalized","fieldRTL","undefined","valueToRender","setValueToRender","handleHasManyChange","selectedOption","newValue","Array","isArray","map","option","val","index","id","toString","onChange","e","target","Text"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","useState","useFieldProps","useField","withCondition","useConfig","useLocale","isFieldRTL","TextInput","TextFieldComponent","props","$","field","t0","inputRef","readOnly","readOnlyFromTopLevelProps","validate","name","_path","pathFromProps","admin","t1","hasMany","label","localized","maxLength","maxRows","minLength","minRows","required","t2","undefined","className","description","placeholder","readOnlyFromAdmin","rtl","style","width","readOnlyFromProps","locale","config","t3","localization","localizationConfig","t4","value","options","memoizedValidate","path","pathFromContext","readOnlyFromContext","t5","t6","formInitializing","formProcessing","setValue","showError","value_0","disabled","renderRTL","fieldLocalized","fieldRTL","t7","Symbol","for","valueToRender","setValueToRender","t8","selectedOption","newValue","Array","isArray","map","option","handleHasManyChange","t9","t10","val","index","id","toString","t11","e","target","_jsx","Description","components","Error","Label","afterInput","beforeInput","onChange","TextField"],"sources":["../../../src/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldProps } from 'payload'\n\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { Option } from '../../elements/ReactSelect/types.js'\nimport type { TextInputProps } from './types.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { isFieldRTL } from '../shared/index.js'\nimport { TextInput } from './Input.js'\nimport './index.scss'\n\nexport { TextInput, TextInputProps }\n\nconst TextFieldComponent: React.FC<TextFieldProps> = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        description,\n        placeholder,\n        readOnly: readOnlyFromAdmin,\n        rtl,\n        style,\n        width,\n      } = {},\n      hasMany,\n      label,\n      localized,\n      maxLength,\n      maxRows,\n      minLength,\n      minRows,\n      required,\n    },\n    inputRef,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const locale = useLocale()\n\n  const {\n    config: { localization: localizationConfig },\n  } = useConfig()\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function')\n        return validate(value, { ...options, maxLength, minLength, required })\n    },\n    [validate, minLength, maxLength, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, formProcessing, path, setValue, showError, value } = useField({\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const renderRTL = isFieldRTL({\n    fieldLocalized: localized,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: localizationConfig || undefined,\n  })\n\n  const [valueToRender, setValueToRender] = useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([]) // Only for hasMany\n\n  const handleHasManyChange = useCallback(\n    (selectedOption) => {\n      if (!disabled) {\n        let newValue\n        if (!selectedOption) {\n          newValue = []\n        } else if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value?.value || option.value)\n        } else {\n          newValue = [selectedOption.value?.value || selectedOption.value]\n        }\n\n        setValue(newValue)\n      }\n    },\n    [disabled, setValue],\n  )\n\n  // useEffect update valueToRender:\n  useEffect(() => {\n    if (hasMany && Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              // React-select automatically uses \"label-value\" as a key, so we will get that react duplicate key warning if we just pass in the value as multiple values can be the same. So we need to append the index to the toString() of the value to avoid that warning, as it uses that as the key.\n              toString: () => `${val}${index}`,\n              value: val?.value || val,\n            },\n          }\n        }),\n      )\n    }\n  }, [value, hasMany])\n\n  return (\n    <TextInput\n      Description={field?.admin?.components?.Description}\n      Error={field?.admin?.components?.Error}\n      Label={field?.admin?.components?.Label}\n      afterInput={field?.admin?.components?.afterInput}\n      beforeInput={field?.admin?.components?.beforeInput}\n      className={className}\n      description={description}\n      field={field}\n      hasMany={hasMany}\n      inputRef={inputRef}\n      label={label}\n      maxRows={maxRows}\n      minRows={minRows}\n      onChange={\n        hasMany\n          ? handleHasManyChange\n          : (e) => {\n              setValue(e.target.value)\n            }\n      }\n      path={path}\n      placeholder={placeholder}\n      readOnly={disabled}\n      required={required}\n      rtl={renderRTL}\n      showError={showError}\n      style={style}\n      value={(value as string) || ''}\n      valueToRender={valueToRender as Option[]}\n      width={width}\n    />\n  )\n}\n\nexport const TextField = withCondition(TextFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Text/index.scss

@@ -10,6 +10,12 @@
   }
 }
 
+.has-many {
+  .rs__input-container {
+    overflow: hidden;
+  }
+}
+
 html[data-theme='light'] {
   .field-type.text {
     &.error {

package/dist/fields/Text/types.d.ts

@@ -1,29 +1,41 @@
-import type { TextField } from 'payload/types';
+import type { MappedComponent, StaticDescription, StaticLabel, TextFieldClient } from 'payload';
 import type { ChangeEvent } from 'react';
-import type { Option } from '../../elements/ReactSelect/types.js';
-import type { FormFieldBase } from '../shared/index.js';
-export type TextFieldProps = FormFieldBase & {
-    hasMany?: boolean;
-    inputRef?: React.MutableRefObject<HTMLInputElement>;
-    maxLength?: number;
-    maxRows?: number;
-    minLength?: number;
-    minRows?: number;
-    name?: string;
-    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
-    path?: string;
-    placeholder?: TextField['admin']['placeholder'];
-    width?: string;
-};
-export type TextInputProps = Omit<TextFieldProps, 'type'> & {
-    hasMany?: boolean;
-    inputRef?: React.MutableRefObject<HTMLInputElement>;
-    maxRows?: number;
-    minRows?: number;
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
-    showError?: boolean;
-    value?: string;
-    valueToRender?: Option[];
+import type React from 'react';
+import type { MarkOptional } from 'ts-essentials';
+import type { Option, ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js';
+export type SharedTextFieldProps = {
+    readonly hasMany?: false;
+    readonly onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+} | {
+    readonly hasMany?: true;
+    readonly onChange?: ReactSelectAdapterProps['onChange'];
 };
+export type TextInputProps = {
+    readonly Description?: MappedComponent;
+    readonly Error?: MappedComponent;
+    readonly Label?: MappedComponent;
+    readonly afterInput?: MappedComponent[];
+    readonly beforeInput?: MappedComponent[];
+    readonly className?: string;
+    readonly description?: StaticDescription;
+    readonly descriptionProps?: Record<string, unknown>;
+    readonly errorProps?: Record<string, unknown>;
+    readonly field?: MarkOptional<TextFieldClient, 'type'>;
+    readonly inputRef?: React.RefObject<HTMLInputElement>;
+    readonly label: StaticLabel;
+    readonly labelProps?: Record<string, unknown>;
+    readonly maxRows?: number;
+    readonly minRows?: number;
+    readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    readonly path: string;
+    readonly placeholder?: Record<string, string> | string;
+    readonly readOnly?: boolean;
+    readonly required?: boolean;
+    readonly rtl?: boolean;
+    readonly showError?: boolean;
+    readonly style?: React.CSSProperties;
+    readonly value?: string;
+    readonly valueToRender?: Option[];
+    readonly width?: string;
+} & SharedTextFieldProps;
 //# sourceMappingURL=types.d.ts.map

package/dist/fields/Text/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAA;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;IACnD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAA;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;IACnD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;CACzB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC/F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,KAAK,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAE1F,MAAM,MAAM,oBAAoB,GAC5B;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAA;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC/D,GACD;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;CACxD,CAAA;AAEL,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,eAAe,EAAE,CAAA;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACnD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7C,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACrD,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACjE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACjC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,oBAAoB,CAAA"}

package/dist/fields/Text/types.js

@@ -1,3 +1,2 @@
-export { };
-
+export {};
 //# sourceMappingURL=types.js.map

package/dist/fields/Text/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Text/types.ts"],"sourcesContent":["import type { TextField } from 'payload/types'\nimport type { ChangeEvent } from 'react'\n\nimport type { Option } from '../../elements/ReactSelect/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type TextFieldProps = FormFieldBase & {\n  hasMany?: boolean\n  inputRef?: React.MutableRefObject<HTMLInputElement>\n  maxLength?: number\n  maxRows?: number\n  minLength?: number\n  minRows?: number\n  name?: string\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n  path?: string\n  placeholder?: TextField['admin']['placeholder']\n  width?: string\n}\n\nexport type TextInputProps = Omit<TextFieldProps, 'type'> & {\n  hasMany?: boolean\n  inputRef?: React.MutableRefObject<HTMLInputElement>\n  maxRows?: number\n  minRows?: number\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n  showError?: boolean\n  value?: string\n  valueToRender?: Option[]\n}\n"],"names":[],"rangeMappings":"","mappings":"AAoBA,WAUC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Text/types.ts"],"sourcesContent":["import type { MappedComponent, StaticDescription, StaticLabel, TextFieldClient } from 'payload'\nimport type { ChangeEvent } from 'react'\nimport type React from 'react'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport type { Option, ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\nexport type SharedTextFieldProps =\n  | {\n      readonly hasMany?: false\n      readonly onChange?: (e: ChangeEvent<HTMLInputElement>) => void\n    }\n  | {\n      readonly hasMany?: true\n      readonly onChange?: ReactSelectAdapterProps['onChange']\n    }\n\nexport type TextInputProps = {\n  readonly Description?: MappedComponent\n  readonly Error?: MappedComponent\n  readonly Label?: MappedComponent\n  readonly afterInput?: MappedComponent[]\n  readonly beforeInput?: MappedComponent[]\n  readonly className?: string\n  readonly description?: StaticDescription\n  readonly descriptionProps?: Record<string, unknown>\n  readonly errorProps?: Record<string, unknown>\n  readonly field?: MarkOptional<TextFieldClient, 'type'>\n  readonly inputRef?: React.RefObject<HTMLInputElement>\n  readonly label: StaticLabel\n  readonly labelProps?: Record<string, unknown>\n  readonly maxRows?: number\n  readonly minRows?: number\n  readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n  readonly path: string\n  readonly placeholder?: Record<string, string> | string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly rtl?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string\n  readonly valueToRender?: Option[]\n  readonly width?: string\n} & SharedTextFieldProps\n"],"mappings":"AAiBA","ignoreList":[]}

package/dist/fields/Textarea/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAOpD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6EtD,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAQpD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiFtD,CAAA"}