@payloadcms/ui 3.0.0-alpha.9 → 3.0.0-beta.0

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

@@ -0,0 +1,20 @@
+import type { FieldBase, TextareaField as TextareaFieldType } from 'payload/types';
+import { type ChangeEvent } from 'react';
+import type { FormFieldBase } from '../shared/index.js';
+export type TextareaFieldProps = FormFieldBase & {
+    label?: FieldBase['label'];
+    maxLength?: number;
+    minLength?: number;
+    name?: string;
+    path?: string;
+    placeholder?: TextareaFieldType['admin']['placeholder'];
+    rows?: number;
+    width?: string;
+};
+export type TextAreaInputProps = TextareaFieldProps & {
+    onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+    rows?: number;
+    showError?: boolean;
+    value?: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAElF,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG;IAC/C,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAA;IACvD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,GAAG;IACpD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}

package/dist/fields/Textarea/types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Textarea/types.ts"],"sourcesContent":["import type { FieldBase, TextareaField as TextareaFieldType } from 'payload/types'\n\nimport { type ChangeEvent } from 'react'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type TextareaFieldProps = FormFieldBase & {\n  label?: FieldBase['label']\n  maxLength?: number\n  minLength?: number\n  name?: string\n  path?: string\n  placeholder?: TextareaFieldType['admin']['placeholder']\n  rows?: number\n  width?: string\n}\n\nexport type TextAreaInputProps = TextareaFieldProps & {\n  onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void\n  rows?: number\n  showError?: boolean\n  value?: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAiBA,WAKC"}

package/dist/fields/UI/index.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+export declare const UI: React.FC;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/UI/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/UI/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,eAAO,MAAM,EAAE,EAAE,KAAK,CAAC,EAEtB,CAAA"}

package/dist/fields/UI/index.js

@@ -0,0 +1,5 @@
+export const UI = ()=>{
+    return null;
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/UI/index.tsx"],"sourcesContent":["import type React from 'react'\n\nexport const UI: React.FC = () => {\n  return null\n}\n"],"names":["UI"],"rangeMappings":";;","mappings":"AAEA,OAAO,MAAMA,KAAe;IAC1B,OAAO;AACT,EAAC"}

package/dist/fields/Upload/Input.d.ts

@@ -0,0 +1,16 @@
+import type { ClientCollectionConfig, FilterOptionsResult, UploadField } from 'payload/types';
+import React from 'react';
+import type { UploadFieldProps } from './types.js';
+import './index.scss';
+export type UploadInputProps = Omit<UploadFieldProps, 'filterOptions'> & {
+    api?: string;
+    collection?: ClientCollectionConfig;
+    filterOptions?: FilterOptionsResult;
+    onChange?: (e: any) => void;
+    relationTo?: UploadField['relationTo'];
+    serverURL?: string;
+    showError?: boolean;
+    value?: string;
+};
+export declare const UploadInput: React.FC<UploadInputProps>;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAM7F,OAAO,KAA2C,MAAM,OAAO,CAAA;AAI/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAQlD,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,eAAe,CAAC,GAAG;IACvE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IACtB,UAAU,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2JlD,CAAA"}

package/dist/fields/Upload/Input.js

@@ -0,0 +1,132 @@
+'use client';
+import { getTranslation } from '@payloadcms/translations';
+import { FieldDescription } from '@payloadcms/ui/forms/FieldDescription';
+import { FieldError } from '@payloadcms/ui/forms/FieldError';
+import { FieldLabel } from '@payloadcms/ui/forms/FieldLabel';
+import React, { useCallback, useEffect, useState } from 'react';
+import { Button } from '../../elements/Button/index.js';
+import { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js';
+import { FileDetails } from '../../elements/FileDetails/index.js';
+import { useListDrawer } from '../../elements/ListDrawer/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { fieldBaseClass } from '../shared/index.js';
+const baseClass = 'upload';
+export const UploadInput = (props)=>{
+    const { CustomDescription, CustomError, CustomLabel, api = '/api', className, collection, descriptionProps, errorProps, filterOptions, label, labelProps, onChange, readOnly, relationTo, required, serverURL, showError, style, value, width } = props;
+    const { i18n, t } = useTranslation();
+    const [fileDoc, setFileDoc] = useState(undefined);
+    const [missingFile, setMissingFile] = useState(false);
+    const [collectionSlugs] = useState([
+        collection?.slug
+    ]);
+    const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({
+        collectionSlug: collectionSlugs[0]
+    });
+    const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer }] = useListDrawer({
+        collectionSlugs,
+        filterOptions
+    });
+    useEffect(()=>{
+        if (value !== null && typeof value !== 'undefined' && value !== '') {
+            const fetchFile = async ()=>{
+                const response = await fetch(`${serverURL}${api}/${relationTo}/${value}`, {
+                    credentials: 'include',
+                    headers: {
+                        'Accept-Language': i18n.language
+                    }
+                });
+                if (response.ok) {
+                    const json = await response.json();
+                    setFileDoc(json);
+                } else {
+                    setMissingFile(true);
+                    setFileDoc(undefined);
+                }
+            };
+            void fetchFile();
+        } else {
+            setFileDoc(undefined);
+        }
+    }, [
+        value,
+        relationTo,
+        api,
+        serverURL,
+        i18n
+    ]);
+    const onSave = useCallback((args)=>{
+        setMissingFile(false);
+        onChange(args.doc);
+        closeDrawer();
+    }, [
+        onChange,
+        closeDrawer
+    ]);
+    const onSelect = useCallback((args)=>{
+        setMissingFile(false);
+        onChange({
+            id: args.docID
+        });
+        closeListDrawer();
+    }, [
+        onChange,
+        closeListDrawer
+    ]);
+    if (collection.upload) {
+        return /*#__PURE__*/ React.createElement("div", {
+            className: [
+                fieldBaseClass,
+                baseClass,
+                className,
+                showError && 'error',
+                readOnly && 'read-only'
+            ].filter(Boolean).join(' '),
+            style: {
+                ...style,
+                width
+            }
+        }, /*#__PURE__*/ React.createElement(FieldError, {
+            CustomError: CustomError,
+            ...errorProps || {}
+        }), /*#__PURE__*/ React.createElement(FieldLabel, {
+            CustomLabel: CustomLabel,
+            label: label,
+            required: required,
+            ...labelProps || {}
+        }), collection?.upload && /*#__PURE__*/ React.createElement(React.Fragment, null, fileDoc && !missingFile && /*#__PURE__*/ React.createElement(FileDetails, {
+            collectionSlug: relationTo,
+            doc: fileDoc,
+            handleRemove: readOnly ? undefined : ()=>{
+                onChange(null);
+            },
+            uploadConfig: collection.upload
+        }), (!fileDoc || missingFile) && /*#__PURE__*/ React.createElement("div", {
+            className: `${baseClass}__wrap`
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: `${baseClass}__buttons`
+        }, /*#__PURE__*/ React.createElement(DocumentDrawerToggler, {
+            className: `${baseClass}__toggler`,
+            disabled: readOnly
+        }, /*#__PURE__*/ React.createElement(Button, {
+            buttonStyle: "secondary",
+            disabled: readOnly,
+            el: "div"
+        }, t('fields:uploadNewLabel', {
+            label: getTranslation(collection.labels.singular, i18n)
+        }))), /*#__PURE__*/ React.createElement(ListDrawerToggler, {
+            className: `${baseClass}__toggler`,
+            disabled: readOnly
+        }, /*#__PURE__*/ React.createElement(Button, {
+            buttonStyle: "secondary",
+            disabled: readOnly,
+            el: "div"
+        }, t('fields:chooseFromExisting'))))), CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ React.createElement(FieldDescription, descriptionProps || {})), !readOnly && /*#__PURE__*/ React.createElement(DocumentDrawer, {
+            onSave: onSave
+        }), !readOnly && /*#__PURE__*/ React.createElement(ListDrawer, {
+            onSelect: onSelect
+        }));
+    }
+    return null;
+};
+
+//# sourceMappingURL=Input.js.map

package/dist/fields/Upload/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, FilterOptionsResult, UploadField } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../../elements/DocumentDrawer/types.js'\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\nimport type { UploadFieldProps } from './types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { FileDetails } from '../../elements/FileDetails/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'upload'\n\nexport type UploadInputProps = Omit<UploadFieldProps, 'filterOptions'> & {\n  api?: string\n  collection?: ClientCollectionConfig\n  filterOptions?: FilterOptionsResult\n  onChange?: (e) => void\n  relationTo?: UploadField['relationTo']\n  serverURL?: string\n  showError?: boolean\n  value?: string\n}\n\nexport const UploadInput: React.FC<UploadInputProps> = (props) => {\n  const {\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    api = '/api',\n    className,\n    collection,\n    descriptionProps,\n    errorProps,\n    filterOptions,\n    label,\n    labelProps,\n    onChange,\n    readOnly,\n    relationTo,\n    required,\n    serverURL,\n    showError,\n    style,\n    value,\n    width,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const [fileDoc, setFileDoc] = useState(undefined)\n  const [missingFile, setMissingFile] = useState(false)\n  const [collectionSlugs] = useState([collection?.slug])\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n    collectionSlug: collectionSlugs[0],\n  })\n\n  const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer }] = useListDrawer({\n    collectionSlugs,\n    filterOptions,\n  })\n\n  useEffect(() => {\n    if (value !== null && typeof value !== 'undefined' && value !== '') {\n      const fetchFile = async () => {\n        const response = await fetch(`${serverURL}${api}/${relationTo}/${value}`, {\n          credentials: 'include',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n        })\n        if (response.ok) {\n          const json = await response.json()\n          setFileDoc(json)\n        } else {\n          setMissingFile(true)\n          setFileDoc(undefined)\n        }\n      }\n\n      void fetchFile()\n    } else {\n      setFileDoc(undefined)\n    }\n  }, [value, relationTo, api, serverURL, i18n])\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      setMissingFile(false)\n      onChange(args.doc)\n      closeDrawer()\n    },\n    [onChange, closeDrawer],\n  )\n\n  const onSelect = useCallback<ListDrawerProps['onSelect']>(\n    (args) => {\n      setMissingFile(false)\n      onChange({\n        id: args.docID,\n      })\n      closeListDrawer()\n    },\n    [onChange, closeListDrawer],\n  )\n\n  if (collection.upload) {\n    return (\n      <div\n        className={[\n          fieldBaseClass,\n          baseClass,\n          className,\n          showError && 'error',\n          readOnly && 'read-only',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        style={{\n          ...style,\n          width,\n        }}\n      >\n        <FieldError CustomError={CustomError} {...(errorProps || {})} />\n        <FieldLabel\n          CustomLabel={CustomLabel}\n          label={label}\n          required={required}\n          {...(labelProps || {})}\n        />\n        {collection?.upload && (\n          <React.Fragment>\n            {fileDoc && !missingFile && (\n              <FileDetails\n                collectionSlug={relationTo}\n                doc={fileDoc}\n                handleRemove={\n                  readOnly\n                    ? undefined\n                    : () => {\n                        onChange(null)\n                      }\n                }\n                uploadConfig={collection.upload}\n              />\n            )}\n            {(!fileDoc || missingFile) && (\n              <div className={`${baseClass}__wrap`}>\n                <div className={`${baseClass}__buttons`}>\n                  <DocumentDrawerToggler className={`${baseClass}__toggler`} disabled={readOnly}>\n                    <Button buttonStyle=\"secondary\" disabled={readOnly} el=\"div\">\n                      {t('fields:uploadNewLabel', {\n                        label: getTranslation(collection.labels.singular, i18n),\n                      })}\n                    </Button>\n                  </DocumentDrawerToggler>\n                  <ListDrawerToggler className={`${baseClass}__toggler`} disabled={readOnly}>\n                    <Button buttonStyle=\"secondary\" disabled={readOnly} el=\"div\">\n                      {t('fields:chooseFromExisting')}\n                    </Button>\n                  </ListDrawerToggler>\n                </div>\n              </div>\n            )}\n            {CustomDescription !== undefined ? (\n              CustomDescription\n            ) : (\n              <FieldDescription {...(descriptionProps || {})} />\n            )}\n          </React.Fragment>\n        )}\n        {!readOnly && <DocumentDrawer onSave={onSave} />}\n        {!readOnly && <ListDrawer onSelect={onSelect} />}\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["getTranslation","FieldDescription","FieldError","FieldLabel","React","useCallback","useEffect","useState","Button","useDocumentDrawer","FileDetails","useListDrawer","useTranslation","fieldBaseClass","baseClass","UploadInput","props","CustomDescription","CustomError","CustomLabel","api","className","collection","descriptionProps","errorProps","filterOptions","label","labelProps","onChange","readOnly","relationTo","required","serverURL","showError","style","value","width","i18n","t","fileDoc","setFileDoc","undefined","missingFile","setMissingFile","collectionSlugs","slug","DocumentDrawer","DocumentDrawerToggler","closeDrawer","collectionSlug","ListDrawer","ListDrawerToggler","closeListDrawer","fetchFile","response","fetch","credentials","headers","language","ok","json","onSave","args","doc","onSelect","id","docID","upload","div","filter","Boolean","join","Fragment","handleRemove","uploadConfig","disabled","buttonStyle","el","labels","singular"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/fields/Upload/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { UploadInputProps } from './Input.js';
+import type { UploadFieldProps } from './types.js';
+import { UploadInput } from './Input.js';
+import './index.scss';
+export { UploadFieldProps, UploadInput };
+export type { UploadInputProps };
+export declare const Upload: React.FC<UploadFieldProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/Upload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAIlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAA;AACxC,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAqFhC,eAAO,MAAM,MAAM,4BAAyB,CAAA"}

package/dist/fields/Upload/index.js

@@ -0,0 +1,65 @@
+'use client';
+import { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider';
+import { withCondition } from '@payloadcms/ui/forms/withCondition';
+import React, { useCallback } from 'react';
+import { useField } from '../../forms/useField/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { UploadInput } from './Input.js';
+export { UploadInput };
+const _Upload = (props)=>{
+    const { CustomDescription, CustomError, CustomLabel, className, descriptionProps, errorProps, label, labelProps, path: pathFromProps, readOnly: readOnlyFromProps, relationTo, required, style, validate, width } = props;
+    const { collections, routes: { api }, serverURL } = useConfig();
+    const collection = collections.find((coll)=>coll.slug === relationTo);
+    const memoizedValidate = useCallback((value, options)=>{
+        if (typeof validate === 'function') {
+            return validate(value, {
+                ...options,
+                required
+            });
+        }
+    }, [
+        validate,
+        required
+    ]);
+    const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps();
+    const readOnly = readOnlyFromProps || readOnlyFromContext;
+    const { filterOptions, path, setValue, showError, value } = useField({
+        path: pathFromContext || pathFromProps,
+        validate: memoizedValidate
+    });
+    const onChange = useCallback((incomingValue)=>{
+        const incomingID = incomingValue?.id || incomingValue;
+        setValue(incomingID);
+    }, [
+        setValue
+    ]);
+    if (collection.upload) {
+        return /*#__PURE__*/ React.createElement(UploadInput, {
+            CustomDescription: CustomDescription,
+            CustomError: CustomError,
+            CustomLabel: CustomLabel,
+            api: api,
+            className: className,
+            collection: collection,
+            descriptionProps: descriptionProps,
+            errorProps: errorProps,
+            filterOptions: filterOptions,
+            label: label,
+            labelProps: labelProps,
+            onChange: onChange,
+            path: path,
+            readOnly: readOnly,
+            relationTo: relationTo,
+            required: required,
+            serverURL: serverURL,
+            showError: showError,
+            style: style,
+            value: value,
+            width: width
+        });
+    }
+    return null;
+};
+export const Upload = withCondition(_Upload);
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport { withCondition } from '@payloadcms/ui/forms/withCondition'\nimport React, { useCallback } from 'react'\n\nimport type { UploadInputProps } from './Input.js'\nimport type { UploadFieldProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { UploadInput } from './Input.js'\nimport './index.scss'\n\nexport { UploadFieldProps, UploadInput }\nexport type { UploadInputProps }\n\nconst _Upload: React.FC<UploadFieldProps> = (props) => {\n  const {\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    descriptionProps,\n    errorProps,\n    label,\n    labelProps,\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n    relationTo,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const {\n    collections,\n    routes: { api },\n    serverURL,\n  } = useConfig()\n\n  const collection = collections.find((coll) => coll.slug === relationTo)\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const { filterOptions, path, setValue, showError, value } = useField<string>({\n    path: pathFromContext || pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const onChange = useCallback(\n    (incomingValue) => {\n      const incomingID = incomingValue?.id || incomingValue\n      setValue(incomingID)\n    },\n    [setValue],\n  )\n\n  if (collection.upload) {\n    return (\n      <UploadInput\n        CustomDescription={CustomDescription}\n        CustomError={CustomError}\n        CustomLabel={CustomLabel}\n        api={api}\n        className={className}\n        collection={collection}\n        descriptionProps={descriptionProps}\n        errorProps={errorProps}\n        filterOptions={filterOptions}\n        label={label}\n        labelProps={labelProps}\n        onChange={onChange}\n        path={path}\n        readOnly={readOnly}\n        relationTo={relationTo}\n        required={required}\n        serverURL={serverURL}\n        showError={showError}\n        style={style}\n        value={value}\n        width={width}\n      />\n    )\n  }\n\n  return null\n}\n\nexport const Upload = withCondition(_Upload)\n"],"names":["useFieldProps","withCondition","React","useCallback","useField","useConfig","UploadInput","_Upload","props","CustomDescription","CustomError","CustomLabel","className","descriptionProps","errorProps","label","labelProps","path","pathFromProps","readOnly","readOnlyFromProps","relationTo","required","style","validate","width","collections","routes","api","serverURL","collection","find","coll","slug","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","filterOptions","setValue","showError","onChange","incomingValue","incomingID","id","upload","Upload"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,aAAa,QAAQ,0CAAyC;AACvE,SAASC,aAAa,QAAQ,qCAAoC;AAClE,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAK1C,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,WAAW,QAAQ,aAAY;AAGxC,SAA2BA,WAAW,GAAE;AAGxC,MAAMC,UAAsC,CAACC;IAC3C,MAAM,EACJC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,SAAS,EACTC,gBAAgB,EAChBC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,MAAMC,aAAa,EACnBC,UAAUC,iBAAiB,EAC3BC,UAAU,EACVC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAGjB;IAEJ,MAAM,EACJkB,WAAW,EACXC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGxB;IAEJ,MAAMyB,aAAaJ,YAAYK,IAAI,CAAC,CAACC,OAASA,KAAKC,IAAI,KAAKZ;IAE5D,MAAMa,mBAAmB/B,YACvB,CAACgC,OAAOC;QACN,IAAI,OAAOZ,aAAa,YAAY;YAClC,OAAOA,SAASW,OAAO;gBAAE,GAAGC,OAAO;gBAAEd;YAAS;QAChD;IACF,GACA;QAACE;QAAUF;KAAS;IAGtB,MAAM,EAAEL,MAAMoB,eAAe,EAAElB,UAAUmB,mBAAmB,EAAE,GAAGtC;IACjE,MAAMmB,WAAWC,qBAAqBkB;IAEtC,MAAM,EAAEC,aAAa,EAAEtB,IAAI,EAAEuB,QAAQ,EAAEC,SAAS,EAAEN,KAAK,EAAE,GAAG/B,SAAiB;QAC3Ea,MAAMoB,mBAAmBnB;QACzBM,UAAUU;IACZ;IAEA,MAAMQ,WAAWvC,YACf,CAACwC;QACC,MAAMC,aAAaD,eAAeE,MAAMF;QACxCH,SAASI;IACX,GACA;QAACJ;KAAS;IAGZ,IAAIV,WAAWgB,MAAM,EAAE;QACrB,qBACE,oBAACxC;YACCG,mBAAmBA;YACnBC,aAAaA;YACbC,aAAaA;YACbiB,KAAKA;YACLhB,WAAWA;YACXkB,YAAYA;YACZjB,kBAAkBA;YAClBC,YAAYA;YACZyB,eAAeA;YACfxB,OAAOA;YACPC,YAAYA;YACZ0B,UAAUA;YACVzB,MAAMA;YACNE,UAAUA;YACVE,YAAYA;YACZC,UAAUA;YACVO,WAAWA;YACXY,WAAWA;YACXlB,OAAOA;YACPY,OAAOA;YACPV,OAAOA;;IAGb;IAEA,OAAO;AACT;AAEA,OAAO,MAAMsB,SAAS9C,cAAcM,SAAQ"}

package/dist/fields/Upload/index.scss

@@ -0,0 +1,68 @@
+@import '../../scss/styles.scss';
+
+.upload {
+  position: relative;
+  max-width: 100%;
+
+  &__wrap {
+    background: var(--theme-elevation-50);
+    padding: base(1);
+  }
+
+  &__buttons {
+    margin: base(-0.25);
+    width: calc(100% + #{base(0.5)});
+    flex-wrap: wrap;
+    display: flex;
+    align-items: center;
+    gap: base(0.25);
+
+    .btn {
+      margin: 0;
+    }
+  }
+
+  &__toggler {
+    min-width: base(7);
+  }
+
+  @include mid-break {
+    &__wrap {
+      padding: base(0.75);
+    }
+
+    &__toggler {
+      width: calc(100% - #{base(0.5)});
+    }
+  }
+}
+
+html[data-theme='light'] {
+  .upload {
+    &.error {
+      .upload__wrap {
+        @include lightInputError;
+      }
+
+      .btn--style-secondary {
+        background-color: var(--theme-error-100);
+        box-shadow: inset 0 0 0 1px var(--theme-error-500);
+      }
+    }
+  }
+}
+
+html[data-theme='dark'] {
+  .upload {
+    &.error {
+      .upload__wrap {
+        @include darkInputError;
+      }
+
+      .btn--style-secondary {
+        background-color: var(--theme-error-150);
+        box-shadow: inset 0 0 0 1px var(--theme-error-500);
+      }
+    }
+  }
+}

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

@@ -0,0 +1,11 @@
+import type { UploadField } from 'payload/types';
+import type { FormFieldBase } from '../shared/index.js';
+export type UploadFieldProps = FormFieldBase & {
+    filterOptions?: UploadField['filterOptions'];
+    label?: UploadField['label'];
+    name?: string;
+    path?: string;
+    relationTo?: UploadField['relationTo'];
+    width?: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG;IAC7C,aAAa,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAA;IAC5C,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}

package/dist/fields/Upload/types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Upload/types.ts"],"sourcesContent":["import type { UploadField } from 'payload/types'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type UploadFieldProps = FormFieldBase & {\n  filterOptions?: UploadField['filterOptions']\n  label?: UploadField['label']\n  name?: string\n  path?: string\n  relationTo?: UploadField['relationTo']\n  width?: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAIA,WAOC"}

package/dist/fields/index.d.ts

@@ -0,0 +1,4 @@
+import type { FieldTypes } from 'payload/config';
+export * from './shared/index.js';
+export declare const fieldComponents: FieldTypes;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fields/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AA2BhD,cAAc,mBAAmB,CAAA;AAEjC,eAAO,MAAM,eAAe,EAAE,UAyB7B,CAAA"}

package/dist/fields/index.js

@@ -0,0 +1,53 @@
+import { ArrayField as array } from './Array/index.js';
+import { BlocksField as blocks } from './Blocks/index.js';
+import { Checkbox as checkbox } from './Checkbox/index.js';
+import { Code as code } from './Code/index.js';
+import { Collapsible as collapsible } from './Collapsible/index.js';
+import { ConfirmPassword as confirmPassword } from './ConfirmPassword/index.js';
+import { DateTime as date } from './DateTime/index.js';
+import { Email as email } from './Email/index.js';
+import { Group as group } from './Group/index.js';
+import { HiddenInput as hidden } from './HiddenInput/index.js';
+import { JSONField as json } from './JSON/index.js';
+import { NumberField as number } from './Number/index.js';
+import { Password as password } from './Password/index.js';
+import { Point as point } from './Point/index.js';
+import { RadioGroup as radio } from './RadioGroup/index.js';
+import { Relationship as relationship } from './Relationship/index.js';
+import { RichText as richText } from './RichText/index.js';
+import { Row as row } from './Row/index.js';
+import { Select as select } from './Select/index.js';
+import { Tabs as tabs } from './Tabs/index.js';
+import { Text as text } from './Text/index.js';
+import { Textarea as textarea } from './Textarea/index.js';
+import { UI as ui } from './UI/index.js';
+import { Upload as upload } from './Upload/index.js';
+export * from './shared/index.js';
+export const fieldComponents = {
+    array,
+    blocks,
+    checkbox,
+    code,
+    collapsible,
+    confirmPassword,
+    date,
+    email,
+    group,
+    hidden,
+    json,
+    number,
+    password,
+    point,
+    radio,
+    relationship,
+    richText,
+    row,
+    select,
+    tabs,
+    text,
+    textarea,
+    ui,
+    upload
+};
+
+//# sourceMappingURL=index.js.map

package/dist/fields/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/fields/index.tsx"],"sourcesContent":["import type { FieldTypes } from 'payload/config'\n\nimport { ArrayField as array } from './Array/index.js'\nimport { BlocksField as blocks } from './Blocks/index.js'\nimport { Checkbox as checkbox } from './Checkbox/index.js'\nimport { Code as code } from './Code/index.js'\nimport { Collapsible as collapsible } from './Collapsible/index.js'\nimport { ConfirmPassword as confirmPassword } from './ConfirmPassword/index.js'\nimport { DateTime as date } from './DateTime/index.js'\nimport { Email as email } from './Email/index.js'\nimport { Group as group } from './Group/index.js'\nimport { HiddenInput as hidden } from './HiddenInput/index.js'\nimport { JSONField as json } from './JSON/index.js'\nimport { NumberField as number } from './Number/index.js'\nimport { Password as password } from './Password/index.js'\nimport { Point as point } from './Point/index.js'\nimport { RadioGroup as radio } from './RadioGroup/index.js'\nimport { Relationship as relationship } from './Relationship/index.js'\nimport { RichText as richText } from './RichText/index.js'\nimport { Row as row } from './Row/index.js'\nimport { Select as select } from './Select/index.js'\nimport { Tabs as tabs } from './Tabs/index.js'\nimport { Text as text } from './Text/index.js'\nimport { Textarea as textarea } from './Textarea/index.js'\nimport { UI as ui } from './UI/index.js'\nimport { Upload as upload } from './Upload/index.js'\n\nexport * from './shared/index.js'\n\nexport const fieldComponents: FieldTypes = {\n  array,\n  blocks,\n  checkbox,\n  code,\n  collapsible,\n  confirmPassword,\n  date,\n  email,\n  group,\n  hidden,\n  json,\n  number,\n  password,\n  point,\n  radio,\n  relationship,\n  richText,\n  row,\n  select,\n  tabs,\n  text,\n  textarea,\n  ui,\n  upload,\n}\n"],"names":["ArrayField","array","BlocksField","blocks","Checkbox","checkbox","Code","code","Collapsible","collapsible","ConfirmPassword","confirmPassword","DateTime","date","Email","email","Group","group","HiddenInput","hidden","JSONField","json","NumberField","number","Password","password","Point","point","RadioGroup","radio","Relationship","relationship","RichText","richText","Row","row","Select","select","Tabs","tabs","Text","text","Textarea","textarea","UI","ui","Upload","upload","fieldComponents"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,cAAcC,KAAK,QAAQ,mBAAkB;AACtD,SAASC,eAAeC,MAAM,QAAQ,oBAAmB;AACzD,SAASC,YAAYC,QAAQ,QAAQ,sBAAqB;AAC1D,SAASC,QAAQC,IAAI,QAAQ,kBAAiB;AAC9C,SAASC,eAAeC,WAAW,QAAQ,yBAAwB;AACnE,SAASC,mBAAmBC,eAAe,QAAQ,6BAA4B;AAC/E,SAASC,YAAYC,IAAI,QAAQ,sBAAqB;AACtD,SAASC,SAASC,KAAK,QAAQ,mBAAkB;AACjD,SAASC,SAASC,KAAK,QAAQ,mBAAkB;AACjD,SAASC,eAAeC,MAAM,QAAQ,yBAAwB;AAC9D,SAASC,aAAaC,IAAI,QAAQ,kBAAiB;AACnD,SAASC,eAAeC,MAAM,QAAQ,oBAAmB;AACzD,SAASC,YAAYC,QAAQ,QAAQ,sBAAqB;AAC1D,SAASC,SAASC,KAAK,QAAQ,mBAAkB;AACjD,SAASC,cAAcC,KAAK,QAAQ,wBAAuB;AAC3D,SAASC,gBAAgBC,YAAY,QAAQ,0BAAyB;AACtE,SAASC,YAAYC,QAAQ,QAAQ,sBAAqB;AAC1D,SAASC,OAAOC,GAAG,QAAQ,iBAAgB;AAC3C,SAASC,UAAUC,MAAM,QAAQ,oBAAmB;AACpD,SAASC,QAAQC,IAAI,QAAQ,kBAAiB;AAC9C,SAASC,QAAQC,IAAI,QAAQ,kBAAiB;AAC9C,SAASC,YAAYC,QAAQ,QAAQ,sBAAqB;AAC1D,SAASC,MAAMC,EAAE,QAAQ,gBAAe;AACxC,SAASC,UAAUC,MAAM,QAAQ,oBAAmB;AAEpD,cAAc,oBAAmB;AAEjC,OAAO,MAAMC,kBAA8B;IACzC/C;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;AACF,EAAC"}

package/dist/fields/shared/index.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { User } from 'payload/auth';
+import type { Locale, SanitizedLocalizationConfig } from 'payload/config';
+import type { DocumentPreferences, ErrorProps, FieldDescriptionProps, LabelProps, Validate } from 'payload/types';
+export declare const fieldBaseClass = "field-type";
+export type FormFieldBase = {
+    AfterInput?: React.ReactNode;
+    BeforeInput?: React.ReactNode;
+    CustomDescription?: React.ReactNode;
+    CustomError?: React.ReactNode;
+    CustomLabel?: React.ReactNode;
+    className?: string;
+    descriptionProps?: FieldDescriptionProps;
+    disabled?: boolean;
+    docPreferences?: DocumentPreferences;
+    errorProps?: ErrorProps;
+    labelProps?: LabelProps;
+    locale?: Locale;
+    localized?: boolean;
+    path?: string;
+    readOnly?: boolean;
+    required?: boolean;
+    rtl?: boolean;
+    style?: React.CSSProperties;
+    user?: User;
+    validate?: Validate;
+};
+/**
+ * Determines whether a field should be displayed as right-to-left (RTL) based on its configuration, payload's localization configuration and the adming user's currently enabled locale.
+
+ * @returns Whether the field should be displayed as RTL.
+ */
+export declare function isFieldRTL({ fieldLocalized, fieldRTL, locale, localizationConfig, }: {
+    fieldLocalized: boolean;
+    fieldRTL: boolean;
+    locale: Locale;
+    localizationConfig?: SanitizedLocalizationConfig;
+}): boolean;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/shared/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,KAAK,EAAE,MAAM,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAA;AACzE,OAAO,KAAK,EACV,mBAAmB,EACnB,UAAU,EACV,qBAAqB,EACrB,UAAU,EACV,QAAQ,EACT,MAAM,eAAe,CAAA;AAEtB,eAAO,MAAM,cAAc,eAAe,CAAA;AAE1C,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,qBAAqB,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,mBAAmB,CAAA;IACpC,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,cAAc,EACd,QAAQ,EACR,MAAM,EACN,kBAAkB,GACnB,EAAE;IACD,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD,WAiBA"}

package/dist/fields/shared/index.js

@@ -0,0 +1,15 @@
+export const fieldBaseClass = 'field-type';
+/**
+ * Determines whether a field should be displayed as right-to-left (RTL) based on its configuration, payload's localization configuration and the adming user's currently enabled locale.
+
+ * @returns Whether the field should be displayed as RTL.
+ */ export function isFieldRTL({ fieldLocalized, fieldRTL, locale, localizationConfig }) {
+    const hasMultipleLocales = locale && localizationConfig && localizationConfig.locales && localizationConfig.locales.length > 1;
+    const isCurrentLocaleDefaultLocale = locale?.code === localizationConfig?.defaultLocale;
+    return fieldRTL !== false && locale?.rtl === true && (fieldLocalized || !fieldLocalized && !hasMultipleLocales || // If there is only one locale which is also rtl, that field is rtl too
+    !fieldLocalized && isCurrentLocaleDefaultLocale) || // If the current locale is the default locale, but the field is not localized, that field is rtl too
+    fieldRTL === true // If fieldRTL is true. This should be useful for when no localization is set at all in the payload config, but you still want fields to be rtl.
+    ;
+}
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/shared/index.tsx"],"sourcesContent":["import type { User } from 'payload/auth'\nimport type { Locale, SanitizedLocalizationConfig } from 'payload/config'\nimport type {\n  DocumentPreferences,\n  ErrorProps,\n  FieldDescriptionProps,\n  LabelProps,\n  Validate,\n} from 'payload/types'\n\nexport const fieldBaseClass = 'field-type'\n\nexport type FormFieldBase = {\n  AfterInput?: React.ReactNode\n  BeforeInput?: React.ReactNode\n  CustomDescription?: React.ReactNode\n  CustomError?: React.ReactNode\n  CustomLabel?: React.ReactNode\n  className?: string\n  descriptionProps?: FieldDescriptionProps\n  disabled?: boolean\n  docPreferences?: DocumentPreferences\n  errorProps?: ErrorProps\n  labelProps?: LabelProps\n  locale?: Locale\n  localized?: boolean\n  path?: string\n  readOnly?: boolean\n  required?: boolean\n  rtl?: boolean\n  style?: React.CSSProperties\n  user?: User\n  validate?: Validate\n}\n\n/**\n * Determines whether a field should be displayed as right-to-left (RTL) based on its configuration, payload's localization configuration and the adming user's currently enabled locale.\n\n * @returns Whether the field should be displayed as RTL.\n */\nexport function isFieldRTL({\n  fieldLocalized,\n  fieldRTL,\n  locale,\n  localizationConfig,\n}: {\n  fieldLocalized: boolean\n  fieldRTL: boolean\n  locale: Locale\n  localizationConfig?: SanitizedLocalizationConfig\n}) {\n  const hasMultipleLocales =\n    locale &&\n    localizationConfig &&\n    localizationConfig.locales &&\n    localizationConfig.locales.length > 1\n\n  const isCurrentLocaleDefaultLocale = locale?.code === localizationConfig?.defaultLocale\n\n  return (\n    (fieldRTL !== false &&\n      locale?.rtl === true &&\n      (fieldLocalized ||\n        (!fieldLocalized && !hasMultipleLocales) || // If there is only one locale which is also rtl, that field is rtl too\n        (!fieldLocalized && isCurrentLocaleDefaultLocale))) || // If the current locale is the default locale, but the field is not localized, that field is rtl too\n    fieldRTL === true\n  ) // If fieldRTL is true. This should be useful for when no localization is set at all in the payload config, but you still want fields to be rtl.\n}\n"],"names":["fieldBaseClass","isFieldRTL","fieldLocalized","fieldRTL","locale","localizationConfig","hasMultipleLocales","locales","length","isCurrentLocaleDefaultLocale","code","defaultLocale","rtl"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAUA,OAAO,MAAMA,iBAAiB,aAAY;AAyB1C;;;;CAIC,GACD,OAAO,SAASC,WAAW,EACzBC,cAAc,EACdC,QAAQ,EACRC,MAAM,EACNC,kBAAkB,EAMnB;IACC,MAAMC,qBACJF,UACAC,sBACAA,mBAAmBE,OAAO,IAC1BF,mBAAmBE,OAAO,CAACC,MAAM,GAAG;IAEtC,MAAMC,+BAA+BL,QAAQM,SAASL,oBAAoBM;IAE1E,OACE,AAACR,aAAa,SACZC,QAAQQ,QAAQ,QACfV,CAAAA,kBACE,CAACA,kBAAkB,CAACI,sBAAuB,uEAAuE;IAClH,CAACJ,kBAAkBO,4BAA4B,KAAO,qGAAqG;IAChKN,aAAa,KACb,gJAAgJ;;AACpJ"}

package/dist/forms/FieldDescription/index.d.ts

@@ -1,6 +1,5 @@
+import type { FieldDescriptionProps } from 'payload/types';
 import React from 'react';
-import type { Props } from './types';
 import './index.scss';
-declare const FieldDescription: React.FC<Props>;
-export default FieldDescription;
+export declare const FieldDescription: React.FC<FieldDescriptionProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/forms/FieldDescription/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/FieldDescription/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAGpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsBrC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/FieldDescription/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAG1D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AA+BrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAQ5D,CAAA"}