@payloadcms/ui 4.0.0-internal.d3909a9 → 4.0.0-internal.d7d662c

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","formatFilesize","React","Button","useDocumentDrawer","Pill","ThumbnailComponent","WriteIcon","XIcon","useConfig","useTranslation","baseClass","RelationshipContent","props","$","id","allowEdit","allowRemove","alt","byteSize","className","collectionSlug","displayPreview","filename","mimeType","onRemove","reloadDoc","showCollectionSlug","t0","src","thumbnailSrc","updatedAt","withMeta","t1","x","y","undefined","config","i18n","t","collectionConfig","collections","find","collection","slug","t2","t3","DocumentDrawer","t4","openDrawer","t5","t6","doc","onSave","generateMetaText","mimeType_0","size","sections","push","join","metaText","previewAllowed","upload","t7","filter","Boolean","_jsxs","children","_jsx","fileSrc","imageCacheTag","cacheTags","labels","singular","href","target","buttonStyle","icon","margin","onClick"],"sources":["../../../../src/fields/Upload/RelationshipContent/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TypeWithID } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatFilesize } from 'payload/shared'\nimport React from 'react'\n\nimport type { ReloadDoc } from '../types.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js'\nimport { Pill } from '../../../elements/Pill/index.js'\nimport { ThumbnailComponent } from '../../../elements/Thumbnail/index.js'\nimport { WriteIcon } from '../../../icons/Write/index.js'\nimport './index.css'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst baseClass = 'upload-relationship-details'\n\ntype Props = {\n  readonly allowEdit?: boolean\n  readonly allowRemove?: boolean\n  readonly alt: string\n  readonly byteSize: number\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly displayPreview?: boolean\n  readonly filename: string\n  readonly id?: number | string\n  readonly mimeType: string\n  readonly onRemove: () => void\n  readonly reloadDoc: ReloadDoc\n  readonly showCollectionSlug?: boolean\n  readonly src: string\n  readonly thumbnailSrc: string\n  readonly updatedAt?: string\n  readonly withMeta?: boolean\n  readonly x?: number\n  readonly y?: number\n}\nexport function RelationshipContent(props: Props) {\n  const {\n    id,\n    allowEdit,\n    allowRemove,\n    alt,\n    byteSize,\n    className,\n    collectionSlug,\n    displayPreview,\n    filename,\n    mimeType,\n    onRemove,\n    reloadDoc,\n    showCollectionSlug = false,\n    src,\n    thumbnailSrc,\n    updatedAt,\n    withMeta = true,\n    x,\n    y,\n  } = props\n\n  const { config } = useConfig()\n  const { i18n, t } = useTranslation()\n  const collectionConfig =\n    'collections' in config\n      ? config.collections.find((collection) => collection.slug === collectionSlug)\n      : undefined\n\n  const [DocumentDrawer, _, { openDrawer }] = useDocumentDrawer({\n    id: id ?? undefined,\n    collectionSlug,\n  })\n\n  const onSave = React.useCallback(\n    async ({ doc }: { doc: TypeWithID }) => reloadDoc(doc.id, collectionSlug),\n    [reloadDoc, collectionSlug],\n  )\n\n  function generateMetaText(mimeType: string, size: number): string {\n    const sections: string[] = []\n    if (size) {\n      sections.push(formatFilesize(size))\n    }\n\n    if (x && y) {\n      sections.push(`${x}x${y}`)\n    }\n\n    if (mimeType) {\n      sections.push(mimeType)\n    }\n\n    return sections.join(' — ')\n  }\n\n  const metaText = withMeta ? generateMetaText(mimeType, byteSize) : ''\n  const previewAllowed = displayPreview ?? collectionConfig?.upload?.displayPreview ?? true\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__imageAndDetails`}>\n        {previewAllowed && (\n          <ThumbnailComponent\n            alt={alt}\n            className={`${baseClass}__thumbnail`}\n            filename={filename}\n            fileSrc={thumbnailSrc}\n            imageCacheTag={collectionConfig?.upload?.cacheTags && updatedAt}\n            size=\"small\"\n          />\n        )}\n        {showCollectionSlug && collectionConfig ? (\n          <Pill size=\"small\">{getTranslation(collectionConfig.labels.singular, i18n)}</Pill>\n        ) : null}\n        <div className={`${baseClass}__details`}>\n          <p className={`${baseClass}__filename`}>\n            {src ? (\n              <a href={src} target=\"_blank\">\n                {filename}\n              </a>\n            ) : (\n              filename\n            )}\n          </p>\n          {withMeta ? <p className={`${baseClass}__meta`}>{metaText}</p> : null}\n        </div>\n      </div>\n\n      {allowEdit !== false || allowRemove !== false ? (\n        <div className={`${baseClass}__actions`}>\n          {allowEdit !== false ? (\n            <Button\n              aria-label={t('general:edit')}\n              buttonStyle=\"ghost\"\n              className={`${baseClass}__action-btn`}\n              icon={<WriteIcon />}\n              margin={false}\n              onClick={openDrawer}\n            />\n          ) : null}\n          {allowRemove !== false ? (\n            <Button\n              aria-label={t('general:remove')}\n              buttonStyle=\"ghost\"\n              className={`${baseClass}__action-btn`}\n              icon={<XIcon size={24} />}\n              margin={false}\n              onClick={() => onRemove()}\n            />\n          ) : null}\n\n          <DocumentDrawer onSave={onSave} />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","formatFilesize","React","Button","useDocumentDrawer","Pill","ThumbnailComponent","WriteIcon","XIcon","useConfig","useTranslation","baseClass","RelationshipContent","props","$","id","allowEdit","allowRemove","alt","byteSize","className","collectionSlug","displayPreview","filename","mimeType","onRemove","reloadDoc","showCollectionSlug","t0","src","thumbnailSrc","updatedAt","withMeta","t1","x","y","undefined","config","i18n","t","collectionConfig","collections","find","collection","slug","t2","t3","DocumentDrawer","t4","openDrawer","t5","t6","doc","onSave","generateMetaText","mimeType_0","size","sections","push","join","metaText","previewAllowed","upload","t7","filter","Boolean","_jsxs","children","_jsx","fileSrc","imageCacheTag","cacheTags","labels","singular","href","target","buttonStyle","icon","margin","onClick"],"sources":["../../../../src/fields/Upload/RelationshipContent/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TypeWithID } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatFilesize } from 'payload/shared'\nimport React from 'react'\n\nimport type { ReloadDoc } from '../types.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js'\nimport { Pill } from '../../../elements/Pill/index.js'\nimport { ThumbnailComponent } from '../../../elements/Thumbnail/index.js'\nimport { WriteIcon } from '../../../icons/Write/index.js'\nimport './index.css'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst baseClass = 'upload-relationship-details'\n\ntype Props = {\n  readonly allowEdit?: boolean\n  readonly allowRemove?: boolean\n  readonly alt: string\n  readonly byteSize: number\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly displayPreview?: boolean\n  readonly filename: string\n  readonly id?: number | string\n  readonly mimeType: string\n  readonly onRemove: () => void\n  readonly reloadDoc: ReloadDoc\n  readonly showCollectionSlug?: boolean\n  readonly src: string\n  readonly thumbnailSrc: string\n  readonly updatedAt?: string\n  readonly withMeta?: boolean\n  readonly x?: number\n  readonly y?: number\n}\nexport function RelationshipContent(props: Props) {\n  const {\n    id,\n    allowEdit,\n    allowRemove,\n    alt,\n    byteSize,\n    className,\n    collectionSlug,\n    displayPreview,\n    filename,\n    mimeType,\n    onRemove,\n    reloadDoc,\n    showCollectionSlug = false,\n    src,\n    thumbnailSrc,\n    updatedAt,\n    withMeta = true,\n    x,\n    y,\n  } = props\n\n  const { config } = useConfig()\n  const { i18n, t } = useTranslation()\n  const collectionConfig =\n    'collections' in config\n      ? config.collections.find((collection) => collection.slug === collectionSlug)\n      : undefined\n\n  const [DocumentDrawer, _, { openDrawer }] = useDocumentDrawer({\n    id: id ?? undefined,\n    collectionSlug,\n  })\n\n  const onSave = React.useCallback(\n    async ({ doc }: { doc: TypeWithID }) => reloadDoc(doc.id, collectionSlug),\n    [reloadDoc, collectionSlug],\n  )\n\n  function generateMetaText(mimeType: string, size: number): string {\n    const sections: string[] = []\n    if (size) {\n      sections.push(formatFilesize(size))\n    }\n\n    if (x && y) {\n      sections.push(`${x}x${y}`)\n    }\n\n    if (mimeType) {\n      sections.push(mimeType)\n    }\n\n    return sections.join(' — ')\n  }\n\n  const metaText = withMeta ? generateMetaText(mimeType, byteSize) : ''\n  const previewAllowed = displayPreview ?? collectionConfig?.upload?.displayPreview ?? true\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__imageAndDetails`}>\n        {previewAllowed && (\n          <ThumbnailComponent\n            alt={alt}\n            className={`${baseClass}__thumbnail`}\n            filename={filename}\n            fileSrc={thumbnailSrc}\n            imageCacheTag={collectionConfig?.upload?.cacheTags && updatedAt}\n            size=\"small\"\n          />\n        )}\n        {showCollectionSlug && collectionConfig ? (\n          <Pill size=\"small\">{getTranslation(collectionConfig.labels.singular, i18n)}</Pill>\n        ) : null}\n        <div className={`${baseClass}__details`}>\n          <p className={`${baseClass}__filename`}>\n            {src ? (\n              <a href={src} target=\"_blank\">\n                {filename}\n              </a>\n            ) : (\n              filename\n            )}\n          </p>\n          {withMeta ? <p className={`${baseClass}__meta`}>{metaText}</p> : null}\n        </div>\n      </div>\n\n      {allowEdit !== false || allowRemove !== false ? (\n        <div className={`${baseClass}__actions`}>\n          {allowEdit !== false ? (\n            <Button\n              aria-label={t('general:edit')}\n              buttonStyle=\"ghost\"\n              className={`${baseClass}__action-btn`}\n              icon={<WriteIcon />}\n              margin={false}\n              onClick={openDrawer}\n            />\n          ) : null}\n          {allowRemove !== false ? (\n            <Button\n              aria-label={t('general:remove')}\n              buttonStyle=\"ghost\"\n              className={`${baseClass}__action-btn`}\n              icon={<XIcon size={24} />}\n              margin={false}\n              onClick={() => onRemove()}\n            />\n          ) : null}\n\n          <DocumentDrawer onSave={onSave} />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Upload/index.css

@@ -1,4 +1,13 @@
 @layer payload-default {
+  .upload__label > .field-label:not(.unstyled) {
+    display: flex;
+    align-items: center;
+    color: var(--field-color-label);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    letter-spacing: var(--field-label-letter-spacing);
+    margin-inline-end: auto;
+  }
+
   .upload__dropzoneAndUpload {
     display: flex;
     flex-direction: column;

package/dist/fields/Upload/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
 import { BulkUploadProvider } from '../../elements/BulkUpload/index.js';
@@ -12,97 +13,134 @@ import './index.css';
 export { UploadInput } from './Input.js';
 export const baseClass = 'upload';
 export function UploadComponent(props) {
+  const $ = _c(12);
   const {
     field,
-    field: {
-      admin: {
-        allowCreate,
-        className,
-        description,
-        isSortable
-      } = {},
-      hasMany,
-      label,
-      localized,
-      maxRows,
-      relationTo: relationToFromProps,
-      required
-    },
+    field: t0,
     path: pathFromProps,
     readOnly,
     validate
   } = props;
+  const {
+    admin: t1,
+    hasMany,
+    label,
+    localized,
+    maxRows,
+    relationTo: relationToFromProps,
+    required
+  } = t0;
+  const {
+    allowCreate,
+    className,
+    description,
+    isSortable
+  } = t1 === undefined ? {} : t1;
   const {
     config
   } = useConfig();
   const displayPreview = field.displayPreview;
-  const memoizedValidate = React.useCallback((value, options) => {
-    if (typeof validate === 'function') {
-      return validate(value, {
-        ...options,
-        required
-      });
-    }
-  }, [validate, required]);
+  let t2;
+  if ($[0] !== required || $[1] !== validate) {
+    t2 = (value, options) => {
+      if (typeof validate === "function") {
+        return validate(value, {
+          ...options,
+          required
+        });
+      }
+    };
+    $[0] = required;
+    $[1] = validate;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const memoizedValidate = t2;
+  let t3;
+  if ($[3] !== memoizedValidate || $[4] !== pathFromProps) {
+    t3 = {
+      potentiallyStalePath: pathFromProps,
+      validate: memoizedValidate
+    };
+    $[3] = memoizedValidate;
+    $[4] = pathFromProps;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
   const {
-    customComponents: {
-      AfterInput,
-      BeforeInput,
-      Description,
-      Error,
-      Label
-    } = {},
+    customComponents: t4,
     disabled,
     filterOptions,
     path,
     setValue,
     showError,
     value: value_0
-  } = useField({
-    potentiallyStalePath: pathFromProps,
-    validate: memoizedValidate
-  });
+  } = useField(t3);
+  const {
+    AfterInput,
+    BeforeInput,
+    Description,
+    Error,
+    Label
+  } = t4 === undefined ? {} : t4;
   const isPolymorphic = Array.isArray(relationToFromProps);
-  const memoizedValue = React.useMemo(() => {
-    if (hasMany === true) {
-      return Array.isArray(value_0) ? value_0.map(val => {
-        return isPolymorphic ? val : {
-          relationTo: Array.isArray(relationToFromProps) ? relationToFromProps[0] : relationToFromProps,
-          value: val
-        };
+  let t5;
+  if (hasMany === true) {
+    let t6;
+    if ($[6] !== isPolymorphic || $[7] !== relationToFromProps || $[8] !== value_0) {
+      t6 = Array.isArray(value_0) ? value_0.map(val => isPolymorphic ? val : {
+        relationTo: Array.isArray(relationToFromProps) ? relationToFromProps[0] : relationToFromProps,
+        value: val
       }) : value_0;
+      $[6] = isPolymorphic;
+      $[7] = relationToFromProps;
+      $[8] = value_0;
+      $[9] = t6;
     } else {
-      // Value comes in as string when not polymorphic and with the object with the right relationTo when it is polymorphic
-      return value_0;
+      t6 = $[9];
     }
-  }, [hasMany, value_0, isPolymorphic, relationToFromProps]);
-  const styles = useMemo(() => mergeFieldStyles(field), [field]);
-  return /*#__PURE__*/_jsx(BulkUploadProvider, {
+    t5 = t6;
+  } else {
+    t5 = value_0;
+  }
+  const memoizedValue = t5;
+  let t6;
+  if ($[10] !== field) {
+    t6 = mergeFieldStyles(field);
+    $[10] = field;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  const styles = t6;
+  return _jsx(BulkUploadProvider, {
     modalSlugPrefix: pathFromProps,
-    children: /*#__PURE__*/_jsx(UploadInput, {
-      AfterInput: AfterInput,
+    children: _jsx(UploadInput, {
+      AfterInput,
       allowCreate: allowCreate !== false,
       api: config.routes.api,
-      BeforeInput: BeforeInput,
-      className: className,
-      Description: Description,
-      description: description,
-      displayPreview: displayPreview,
-      Error: Error,
-      filterOptions: filterOptions,
-      hasMany: hasMany,
-      isSortable: isSortable,
-      label: label,
-      Label: Label,
-      localized: localized,
-      maxRows: maxRows,
+      BeforeInput,
+      className,
+      Description,
+      description,
+      displayPreview,
+      Error,
+      filterOptions,
+      hasMany,
+      isSortable,
+      label,
+      Label,
+      localized,
+      maxRows,
       onChange: setValue,
-      path: path,
+      path,
       readOnly: readOnly || disabled,
       relationTo: relationToFromProps,
-      required: required,
+      required,
       serverURL: config.serverURL,
-      showError: showError,
+      showError,
       style: styles,
       value: memoizedValue
     })

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","BulkUploadProvider","useField","withCondition","useConfig","mergeFieldStyles","UploadInput","baseClass","UploadComponent","props","field","admin","allowCreate","className","description","isSortable","hasMany","label","localized","maxRows","relationTo","relationToFromProps","required","path","pathFromProps","readOnly","validate","config","displayPreview","memoizedValidate","useCallback","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","filterOptions","setValue","showError","potentiallyStalePath","isPolymorphic","Array","isArray","memoizedValue","map","val","styles","_jsx","modalSlugPrefix","api","routes","onChange","serverURL","style","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldClientProps, ValueWithRelation } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { BulkUploadProvider } from '../../elements/BulkUpload/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { UploadInput } from './Input.js'\nimport './index.css'\n\nexport { UploadInput } from './Input.js'\nexport type { UploadInputProps } from './Input.js'\n\nexport const baseClass = 'upload'\n\nexport function UploadComponent(props: UploadFieldClientProps) {\n  const {\n    field,\n    field: {\n      admin: { allowCreate, className, description, isSortable } = {},\n      hasMany,\n      label,\n      localized,\n      maxRows,\n      relationTo: relationToFromProps,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { config } = useConfig()\n\n  const displayPreview = field.displayPreview\n\n  const memoizedValidate = React.useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    filterOptions,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string | string[]>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const isPolymorphic = Array.isArray(relationToFromProps)\n\n  const memoizedValue:\n    | (number | string)[]\n    | number\n    | string\n    | ValueWithRelation\n    | ValueWithRelation[] = React.useMemo(() => {\n    if (hasMany === true) {\n      return (\n        Array.isArray(value)\n          ? value.map((val) => {\n              return isPolymorphic\n                ? val\n                : {\n                    relationTo: Array.isArray(relationToFromProps)\n                      ? relationToFromProps[0]\n                      : relationToFromProps,\n                    value: val,\n                  }\n            })\n          : value\n      ) as ValueWithRelation[]\n    } else {\n      // Value comes in as string when not polymorphic and with the object with the right relationTo when it is polymorphic\n      return value\n    }\n  }, [hasMany, value, isPolymorphic, relationToFromProps])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <BulkUploadProvider modalSlugPrefix={pathFromProps}>\n      <UploadInput\n        AfterInput={AfterInput}\n        allowCreate={allowCreate !== false}\n        api={config.routes.api}\n        BeforeInput={BeforeInput}\n        className={className}\n        Description={Description}\n        description={description}\n        displayPreview={displayPreview}\n        Error={Error}\n        filterOptions={filterOptions}\n        hasMany={hasMany}\n        isSortable={isSortable}\n        label={label}\n        Label={Label}\n        localized={localized}\n        maxRows={maxRows}\n        onChange={setValue}\n        path={path}\n        readOnly={readOnly || disabled}\n        relationTo={relationToFromProps}\n        required={required}\n        serverURL={config.serverURL}\n        showError={showError}\n        style={styles}\n        value={memoizedValue}\n      />\n    </BulkUploadProvider>\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,SAASA,WAAW,QAAQ;AAG5B,OAAO,MAAMC,SAAA,GAAY;AAEzB,OAAO,SAASC,gBAAgBC,KAA6B;EAC3D,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QAAEC,WAAW;QAAEC,SAAS;QAAEC,WAAW;QAAEC;MAAU,CAAE,GAAG,CAAC,CAAC;MAC/DC,OAAO;MACPC,KAAK;MACLC,SAAS;MACTC,OAAO;MACPC,UAAA,EAAYC,mBAAmB;MAC/BC;IAAQ,CACT;IACDC,IAAA,EAAMC,aAAa;IACnBC,QAAQ;IACRC;EAAQ,CACT,GAAGjB,KAAA;EAEJ,MAAM;IAAEkB;EAAM,CAAE,GAAGvB,SAAA;EAEnB,MAAMwB,cAAA,GAAiBlB,KAAA,CAAMkB,cAAc;EAE3C,MAAMC,gBAAA,GAAmB9B,KAAA,CAAM+B,WAAW,CACxC,CAACC,KAAA,EAAOC,OAAA;IACN,IAAI,OAAON,QAAA,KAAa,YAAY;MAClC,OAAOA,QAAA,CAASK,KAAA,EAAO;QAAE,GAAGC,OAAO;QAAEV;MAAS;IAChD;EACF,GACA,CAACI,QAAA,EAAUJ,QAAA,CAAS;EAGtB,MAAM;IACJW,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAC7EC,QAAQ;IACRC,aAAa;IACbjB,IAAI;IACJkB,QAAQ;IACRC,SAAS;IACTX,KAAK,EAALA;EAAK,CACN,GAAG7B,QAAA,CAA4B;IAC9ByC,oBAAA,EAAsBnB,aAAA;IACtBE,QAAA,EAAUG;EACZ;EAEA,MAAMe,aAAA,GAAgBC,KAAA,CAAMC,OAAO,CAACzB,mBAAA;EAEpC,MAAM0B,aAAA,GAKoBhD,KAAA,CAAMC,OAAO,CAAC;IACtC,IAAIgB,OAAA,KAAY,MAAM;MACpB,OACE6B,KAAA,CAAMC,OAAO,CAACf,OAAA,IACVA,OAAA,CAAMiB,GAAG,CAAEC,GAAA;QACT,OAAOL,aAAA,GACHK,GAAA,GACA;UACE7B,UAAA,EAAYyB,KAAA,CAAMC,OAAO,CAACzB,mBAAA,IACtBA,mBAAmB,CAAC,EAAE,GACtBA,mBAAA;UACJU,KAAA,EAAOkB;QACT;MACN,KACAlB,OAAA;IAER,OAAO;MACL;MACA,OAAOA,OAAA;IACT;EACF,GAAG,CAACf,OAAA,EAASe,OAAA,EAAOa,aAAA,EAAevB,mBAAA,CAAoB;EAEvD,MAAM6B,MAAA,GAASlD,OAAA,CAAQ,MAAMK,gBAAA,CAAiBK,KAAA,GAAQ,CAACA,KAAA,CAAM;EAE7D,oBACEyC,IAAA,CAAClD,kBAAA;IAAmBmD,eAAA,EAAiB5B,aAAA;cACnC,aAAA2B,IAAA,CAAC7C,WAAA;MACC4B,UAAA,EAAYA,UAAA;MACZtB,WAAA,EAAaA,WAAA,KAAgB;MAC7ByC,GAAA,EAAK1B,MAAA,CAAO2B,MAAM,CAACD,GAAG;MACtBlB,WAAA,EAAaA,WAAA;MACbtB,SAAA,EAAWA,SAAA;MACXuB,WAAA,EAAaA,WAAA;MACbtB,WAAA,EAAaA,WAAA;MACbc,cAAA,EAAgBA,cAAA;MAChBS,KAAA,EAAOA,KAAA;MACPG,aAAA,EAAeA,aAAA;MACfxB,OAAA,EAASA,OAAA;MACTD,UAAA,EAAYA,UAAA;MACZE,KAAA,EAAOA,KAAA;MACPqB,KAAA,EAAOA,KAAA;MACPpB,SAAA,EAAWA,SAAA;MACXC,OAAA,EAASA,OAAA;MACToC,QAAA,EAAUd,QAAA;MACVlB,IAAA,EAAMA,IAAA;MACNE,QAAA,EAAUA,QAAA,IAAYc,QAAA;MACtBnB,UAAA,EAAYC,mBAAA;MACZC,QAAA,EAAUA,QAAA;MACVkC,SAAA,EAAW7B,MAAA,CAAO6B,SAAS;MAC3Bd,SAAA,EAAWA,SAAA;MACXe,KAAA,EAAOP,MAAA;MACPnB,KAAA,EAAOgB;;;AAIf;AAEA,OAAO,MAAMW,WAAA,GAAcvD,aAAA,CAAcK,eAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useMemo","BulkUploadProvider","useField","withCondition","useConfig","mergeFieldStyles","UploadInput","baseClass","UploadComponent","props","$","field","t0","path","pathFromProps","readOnly","validate","admin","t1","hasMany","label","localized","maxRows","relationTo","relationToFromProps","required","allowCreate","className","description","isSortable","undefined","config","displayPreview","t2","value","options","memoizedValidate","t3","potentiallyStalePath","customComponents","t4","disabled","filterOptions","setValue","showError","value_0","AfterInput","BeforeInput","Description","Error","Label","isPolymorphic","Array","isArray","t5","t6","map","val","memoizedValue","styles","_jsx","modalSlugPrefix","children","api","routes","onChange","serverURL","style","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldClientProps, ValueWithRelation } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { BulkUploadProvider } from '../../elements/BulkUpload/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { UploadInput } from './Input.js'\nimport './index.css'\n\nexport { UploadInput } from './Input.js'\nexport type { UploadInputProps } from './Input.js'\n\nexport const baseClass = 'upload'\n\nexport function UploadComponent(props: UploadFieldClientProps) {\n  const {\n    field,\n    field: {\n      admin: { allowCreate, className, description, isSortable } = {},\n      hasMany,\n      label,\n      localized,\n      maxRows,\n      relationTo: relationToFromProps,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { config } = useConfig()\n\n  const displayPreview = field.displayPreview\n\n  const memoizedValidate = React.useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    filterOptions,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string | string[]>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const isPolymorphic = Array.isArray(relationToFromProps)\n\n  const memoizedValue:\n    | (number | string)[]\n    | number\n    | string\n    | ValueWithRelation\n    | ValueWithRelation[] = React.useMemo(() => {\n    if (hasMany === true) {\n      return (\n        Array.isArray(value)\n          ? value.map((val) => {\n              return isPolymorphic\n                ? val\n                : {\n                    relationTo: Array.isArray(relationToFromProps)\n                      ? relationToFromProps[0]\n                      : relationToFromProps,\n                    value: val,\n                  }\n            })\n          : value\n      ) as ValueWithRelation[]\n    } else {\n      // Value comes in as string when not polymorphic and with the object with the right relationTo when it is polymorphic\n      return value\n    }\n  }, [hasMany, value, isPolymorphic, relationToFromProps])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <BulkUploadProvider modalSlugPrefix={pathFromProps}>\n      <UploadInput\n        AfterInput={AfterInput}\n        allowCreate={allowCreate !== false}\n        api={config.routes.api}\n        BeforeInput={BeforeInput}\n        className={className}\n        Description={Description}\n        description={description}\n        displayPreview={displayPreview}\n        Error={Error}\n        filterOptions={filterOptions}\n        hasMany={hasMany}\n        isSortable={isSortable}\n        label={label}\n        Label={Label}\n        localized={localized}\n        maxRows={maxRows}\n        onChange={setValue}\n        path={path}\n        readOnly={readOnly || disabled}\n        relationTo={relationToFromProps}\n        required={required}\n        serverURL={config.serverURL}\n        showError={showError}\n        style={styles}\n        value={memoizedValue}\n      />\n    </BulkUploadProvider>\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"useRowFocus.js","names":["c","_c","useEffect","useRef","useState","useRowFocus","$","fieldRef","rowID","setRowID","t0","t1","timer","setTimeout","toggle","current","querySelector","CSS","escape","focus","preventScroll","scrollIntoView","behavior","block","clearTimeout","t2","Symbol","for","focusRow"],"sources":["../../../src/fields/shared/useRowFocus.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState } from 'react'\n\nexport function useRowFocus() {\n  const fieldRef = useRef<HTMLDivElement>(null)\n  const [rowID, setRowID] = useState<null | string>(null)\n\n  useEffect(() => {\n    if (!rowID) {\n      return\n    }\n\n    // Wait for the inserted row to render and the picker to restore focus on closing.\n    const timer = setTimeout(() => {\n      const toggle = fieldRef.current?.querySelector<HTMLButtonElement>(\n        `#${CSS.escape(rowID)} .collapsible__toggle`,\n      )\n\n      toggle?.focus({ preventScroll: true })\n      toggle?.scrollIntoView({ behavior: 'smooth', block: 'center' })\n      setRowID(null)\n    }, 0)\n\n    return () => clearTimeout(timer)\n  }, [rowID])\n\n  return { fieldRef, focusRow: setRowID }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAEA,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAE5C,OAAO,SAAAC,YAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACL,MAAAM,QAAA,GAAiBJ,MAAA,KAAuB;EACxC,OAAAK,KAAA,EAAAC,QAAA,IAA0BL,QAAA,KAAwB;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAE,KAAA;IAExCE,EAAA,GAAAA,CAAA;MAAA,KACHF,KAAA;QAAA;MAAA;MAKL,MAAAI,KAAA,GAAcC,UAAA;QACZ,MAAAC,MAAA,GAAeP,QAAA,CAAAQ,OAAA,EAAAC,aAAA,CACb,IAAIC,GAAA,CAAAC,MAAA,CAAWV,KAAA,wBAA6B;QAG9CM,MAAA,EAAAK,KAAA;UAAAC,aAAA;QAAA;QACAN,MAAA,EAAAO,cAAA;UAAAC,QAAA,EAAmC;UAAAC,KAAA,EAAiB;QAAA;QACpDd,QAAA,KAAS;MAAA,IACR;MAAA,aAEUe,YAAA,CAAaZ,KAAA;IAAA;IACzBD,EAAA,IAACH,KAAA;IAAMF,CAAA,MAAAE,KAAA;IAAAF,CAAA,MAAAI,EAAA;IAAAJ,CAAA,MAAAK,EAAA;EAAA;IAAAD,EAAA,GAAAJ,CAAA;IAAAK,EAAA,GAAAL,CAAA;EAAA;EAjBVJ,SAAA,CAAUQ,EAiBV,EAAGC,EAAO;EAAA,IAAAc,EAAA;EAAA,IAAAnB,CAAA,QAAAoB,MAAA,CAAAC,GAAA;IAEHF,EAAA;MAAAlB,QAAA;MAAAqB,QAAA,EAAsBnB;IAAA;IAASH,CAAA,MAAAmB,EAAA;EAAA;IAAAA,EAAA,GAAAnB,CAAA;EAAA;EAAA,OAA/BmB,EAA+B;AAAA","ignoreList":[]}
+{"version":3,"file":"useRowFocus.js","names":["c","_c","useEffect","useRef","useState","useRowFocus","$","fieldRef","rowID","setRowID","t0","t1","timer","setTimeout","toggle","current","querySelector","CSS","escape","focus","preventScroll","scrollIntoView","behavior","block","clearTimeout","t2","Symbol","for","focusRow"],"sources":["../../../src/fields/shared/useRowFocus.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState } from 'react'\n\nexport function useRowFocus() {\n  const fieldRef = useRef<HTMLDivElement>(null)\n  const [rowID, setRowID] = useState<null | string>(null)\n\n  useEffect(() => {\n    if (!rowID) {\n      return\n    }\n\n    // Wait for the inserted row to render and the picker to restore focus on closing.\n    const timer = setTimeout(() => {\n      const toggle = fieldRef.current?.querySelector<HTMLButtonElement>(\n        `#${CSS.escape(rowID)} .collapsible__toggle`,\n      )\n\n      toggle?.focus({ preventScroll: true })\n      toggle?.scrollIntoView({ behavior: 'smooth', block: 'center' })\n      setRowID(null)\n    }, 0)\n\n    return () => clearTimeout(timer)\n  }, [rowID])\n\n  return { fieldRef, focusRow: setRowID }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAEA,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAE5C,OAAO,SAAAC,YAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACL,MAAAM,QAAA,GAAiBJ,MAAA,CAAuB;EACxC,OAAAK,KAAA,EAAAC,QAAA,IAA0BL,QAAA,CAAwB;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAE,KAAA;IAExCE,EAAA,GAAAA,CAAA;MACR,IAAI,CAACF,KAAA;QAAA;MAAA;MAKL,MAAAI,KAAA,GAAcC,UAAA,CAAW;QACvB,MAAAC,MAAA,GAAeP,QAAA,CAAAQ,OAAkB,EAAAC,aACa,CAA5C,IAAIC,GAAA,CAAAC,MAAU,CAACV,KAAA,wBAA6B;QAG9CM,MAAA,EAAAK,KAAoC,CAAtB;UAAAC,aAAA,EAAiB;QAAK;QACpCN,MAAA,EAAAO,cAA6D,CAAtC;UAAAC,QAAA,EAAY;UAAAC,KAAA,EAAiB;QAAS;QAC7Dd,QAAA,CAAS;MAAA,CACX,EAAG;MAAA,OAEI,MAAMe,YAAA,CAAaZ,KAAA;IAAA,CAC5B;IAAGD,EAAA,IAACH,KAAA,CAAM;IAAAF,CAAA,MAAAE,KAAA;IAAAF,CAAA,MAAAI,EAAA;IAAAJ,CAAA,MAAAK,EAAA;EAAA;IAAAD,EAAA,GAAAJ,CAAA;IAAAK,EAAA,GAAAL,CAAA;EAAA;EAjBVJ,SAAA,CAAUQ,EAiBV,EAAGC,EAAO;EAAA,IAAAc,EAAA;EAAA,IAAAnB,CAAA,QAAAoB,MAAA,CAAAC,GAAA;IAEHF,EAAA;MAAAlB,QAAA;MAAAqB,QAAA,EAAsBnB;IAAS;IAAAH,CAAA,MAAAmB,EAAA;EAAA;IAAAA,EAAA,GAAAnB,CAAA;EAAA;EAAA,OAA/BmB,EAA+B;AAAA","ignoreList":[]}

package/dist/forms/Form/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["createContext","use","createSelectorContext","useContextSelector","useContext","useFullContext","FormContext","DocumentFormContext","FormWatchContext","SubmittedContext","ProcessingContext","BackgroundProcessingContext","ModifiedContext","InitializingContext","SuccessfulSubmitCountContext","FormFieldsContext","useForm","useDocumentForm","useWatchForm","useFormSubmitted","useFormProcessing","useFormBackgroundProcessing","useFormModified","useFormInitializing","useFormSuccessfulSubmitCount","useFormFields","selector","useAllFormFields"],"sources":["../../../src/forms/Form/context.ts"],"sourcesContent":["'use client'\nimport type { RenderedField } from 'payload'\n\nimport { createContext, use } from 'react'\nimport {\n  createContext as createSelectorContext,\n  useContextSelector,\n  useContext as useFullContext,\n} from 'use-context-selector'\n\nimport type { Context, FormFieldsContext as FormFieldsContextType } from './types.js'\n\nconst FormContext = createContext({} as Context)\nconst DocumentFormContext = createContext({} as Context)\nconst FormWatchContext = createContext({} as Context)\nconst SubmittedContext = createContext(false)\nconst ProcessingContext = createContext(false)\n/**\n * If the form has started processing in the background (e.g.\n * if autosave is running), this will be true.\n */\nconst BackgroundProcessingContext = createContext(false)\nconst ModifiedContext = createContext(false)\nconst InitializingContext = createContext(false)\nconst SuccessfulSubmitCountContext = createContext(0)\nconst FormFieldsContext = createSelectorContext<FormFieldsContextType>([{}, () => null])\n\nexport type RenderedFieldSlots = Map<string, RenderedField>\n\n/**\n * Get the state of the form, can be used to submit & validate the form.\n *\n * @see https://payloadcms.com/docs/admin/react-hooks#useform\n */\nconst useForm = (): Context => use(FormContext)\n/**\n * Get the state of the document-level form. This is useful if you need to access the document-level Form from within a child Form.\n * This is the case withing lexical Blocks, as each lexical blocks renders their own Form.\n */\nconst useDocumentForm = (): Context => use(DocumentFormContext)\n\nconst useWatchForm = (): Context => use(FormWatchContext)\nconst useFormSubmitted = (): boolean => use(SubmittedContext)\nconst useFormProcessing = (): boolean => use(ProcessingContext)\n/**\n * If the form has started processing in the background (e.g.\n * if autosave is running), this will be true.\n */\nconst useFormBackgroundProcessing = (): boolean => use(BackgroundProcessingContext)\nconst useFormModified = (): boolean => use(ModifiedContext)\nconst useFormInitializing = (): boolean => use(InitializingContext)\nconst useFormSuccessfulSubmitCount = (): number => use(SuccessfulSubmitCountContext)\n\n/**\n * Get and set the value of a form field based on a selector\n *\n * @see https://payloadcms.com/docs/admin/react-hooks#useformfields\n */\nconst useFormFields = <Value = unknown>(\n  selector: (context: FormFieldsContextType) => Value,\n): Value => useContextSelector(FormFieldsContext, selector)\n\n/**\n * Get the state of all form fields.\n *\n * @see https://payloadcms.com/docs/admin/react-hooks#useallformfields\n */\nconst useAllFormFields = (): FormFieldsContextType => useFullContext(FormFieldsContext)\n\nexport {\n  BackgroundProcessingContext,\n  DocumentFormContext,\n  FormContext,\n  FormFieldsContext,\n  FormWatchContext,\n  InitializingContext,\n  ModifiedContext,\n  ProcessingContext,\n  SubmittedContext,\n  SuccessfulSubmitCountContext,\n  useAllFormFields,\n  useDocumentForm,\n  useForm,\n  useFormBackgroundProcessing,\n  useFormFields,\n  useFormInitializing,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n  useFormSuccessfulSubmitCount,\n  useWatchForm,\n}\n"],"mappings":"AAAA;;AAGA,SAASA,aAAa,EAAEC,GAAG,QAAQ;AACnC,SACED,aAAA,IAAiBE,qBAAqB,EACtCC,kBAAkB,EAClBC,UAAA,IAAcC,cAAc,QACvB;AAIP,MAAMC,WAAA,GAAcN,aAAA,CAAc,CAAC;AACnC,MAAMO,mBAAA,GAAsBP,aAAA,CAAc,CAAC;AAC3C,MAAMQ,gBAAA,GAAmBR,aAAA,CAAc,CAAC;AACxC,MAAMS,gBAAA,GAAmBT,aAAA,CAAc;AACvC,MAAMU,iBAAA,GAAoBV,aAAA,CAAc;AACxC;;;;AAIA,MAAMW,2BAAA,GAA8BX,aAAA,CAAc;AAClD,MAAMY,eAAA,GAAkBZ,aAAA,CAAc;AACtC,MAAMa,mBAAA,GAAsBb,aAAA,CAAc;AAC1C,MAAMc,4BAAA,GAA+Bd,aAAA,CAAc;AACnD,MAAMe,iBAAA,GAAoBb,qBAAA,CAA6C,CAAC,CAAC,GAAG,MAAM,KAAK;AAIvF;;;;;AAKA,MAAMc,OAAA,GAAUA,CAAA,KAAef,GAAA,CAAIK,WAAA;AACnC;;;;AAIA,MAAMW,eAAA,GAAkBA,CAAA,KAAehB,GAAA,CAAIM,mBAAA;AAE3C,MAAMW,YAAA,GAAeA,CAAA,KAAejB,GAAA,CAAIO,gBAAA;AACxC,MAAMW,gBAAA,GAAmBA,CAAA,KAAelB,GAAA,CAAIQ,gBAAA;AAC5C,MAAMW,iBAAA,GAAoBA,CAAA,KAAenB,GAAA,CAAIS,iBAAA;AAC7C;;;;AAIA,MAAMW,2BAAA,GAA8BA,CAAA,KAAepB,GAAA,CAAIU,2BAAA;AACvD,MAAMW,eAAA,GAAkBA,CAAA,KAAerB,GAAA,CAAIW,eAAA;AAC3C,MAAMW,mBAAA,GAAsBA,CAAA,KAAetB,GAAA,CAAIY,mBAAA;AAC/C,MAAMW,4BAAA,GAA+BA,CAAA,KAAcvB,GAAA,CAAIa,4BAAA;AAEvD;;;;;AAKA,MAAMW,aAAA,GAAgBC,QAAA;EAAA,OAEVvB,kBAAA,CAAAY,iBAAA,EAAsCW,QAAA;AAAA;AAElD;;;;;AAKA,MAAMC,gBAAA,GAAmBA,CAAA;EAAA,OAA6BtB,cAAA,CAAAU,iBAAe;AAAA;AAErE,SACEJ,2BAA2B,EAC3BJ,mBAAmB,EACnBD,WAAW,EACXS,iBAAiB,EACjBP,gBAAgB,EAChBK,mBAAmB,EACnBD,eAAe,EACfF,iBAAiB,EACjBD,gBAAgB,EAChBK,4BAA4B,EAC5Ba,gBAAgB,EAChBV,eAAe,EACfD,OAAO,EACPK,2BAA2B,EAC3BI,aAAa,EACbF,mBAAmB,EACnBD,eAAe,EACfF,iBAAiB,EACjBD,gBAAgB,EAChBK,4BAA4B,EAC5BN,YAAY","ignoreList":[]}
+{"version":3,"file":"context.js","names":["createContext","use","createSelectorContext","useContextSelector","useContext","useFullContext","FormContext","DocumentFormContext","FormWatchContext","SubmittedContext","ProcessingContext","BackgroundProcessingContext","ModifiedContext","InitializingContext","SuccessfulSubmitCountContext","FormFieldsContext","useForm","useDocumentForm","useWatchForm","useFormSubmitted","useFormProcessing","useFormBackgroundProcessing","useFormModified","useFormInitializing","useFormSuccessfulSubmitCount","useFormFields","selector","useAllFormFields"],"sources":["../../../src/forms/Form/context.ts"],"sourcesContent":["'use client'\nimport type { RenderedField } from 'payload'\n\nimport { createContext, use } from 'react'\nimport {\n  createContext as createSelectorContext,\n  useContextSelector,\n  useContext as useFullContext,\n} from 'use-context-selector'\n\nimport type { Context, FormFieldsContext as FormFieldsContextType } from './types.js'\n\nconst FormContext = createContext({} as Context)\nconst DocumentFormContext = createContext({} as Context)\nconst FormWatchContext = createContext({} as Context)\nconst SubmittedContext = createContext(false)\nconst ProcessingContext = createContext(false)\n/**\n * If the form has started processing in the background (e.g.\n * if autosave is running), this will be true.\n */\nconst BackgroundProcessingContext = createContext(false)\nconst ModifiedContext = createContext(false)\nconst InitializingContext = createContext(false)\nconst SuccessfulSubmitCountContext = createContext(0)\nconst FormFieldsContext = createSelectorContext<FormFieldsContextType>([{}, () => null])\n\nexport type RenderedFieldSlots = Map<string, RenderedField>\n\n/**\n * Get the state of the form, can be used to submit & validate the form.\n *\n * @see https://payloadcms.com/docs/admin/react-hooks#useform\n */\nconst useForm = (): Context => use(FormContext)\n/**\n * Get the state of the document-level form. This is useful if you need to access the document-level Form from within a child Form.\n * This is the case withing lexical Blocks, as each lexical blocks renders their own Form.\n */\nconst useDocumentForm = (): Context => use(DocumentFormContext)\n\nconst useWatchForm = (): Context => use(FormWatchContext)\nconst useFormSubmitted = (): boolean => use(SubmittedContext)\nconst useFormProcessing = (): boolean => use(ProcessingContext)\n/**\n * If the form has started processing in the background (e.g.\n * if autosave is running), this will be true.\n */\nconst useFormBackgroundProcessing = (): boolean => use(BackgroundProcessingContext)\nconst useFormModified = (): boolean => use(ModifiedContext)\nconst useFormInitializing = (): boolean => use(InitializingContext)\nconst useFormSuccessfulSubmitCount = (): number => use(SuccessfulSubmitCountContext)\n\n/**\n * Get and set the value of a form field based on a selector\n *\n * @see https://payloadcms.com/docs/admin/react-hooks#useformfields\n */\nconst useFormFields = <Value = unknown>(\n  selector: (context: FormFieldsContextType) => Value,\n): Value => useContextSelector(FormFieldsContext, selector)\n\n/**\n * Get the state of all form fields.\n *\n * @see https://payloadcms.com/docs/admin/react-hooks#useallformfields\n */\nconst useAllFormFields = (): FormFieldsContextType => useFullContext(FormFieldsContext)\n\nexport {\n  BackgroundProcessingContext,\n  DocumentFormContext,\n  FormContext,\n  FormFieldsContext,\n  FormWatchContext,\n  InitializingContext,\n  ModifiedContext,\n  ProcessingContext,\n  SubmittedContext,\n  SuccessfulSubmitCountContext,\n  useAllFormFields,\n  useDocumentForm,\n  useForm,\n  useFormBackgroundProcessing,\n  useFormFields,\n  useFormInitializing,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n  useFormSuccessfulSubmitCount,\n  useWatchForm,\n}\n"],"mappings":"AAAA;;AAGA,SAASA,aAAa,EAAEC,GAAG,QAAQ;AACnC,SACED,aAAA,IAAiBE,qBAAqB,EACtCC,kBAAkB,EAClBC,UAAA,IAAcC,cAAc,QACvB;AAIP,MAAMC,WAAA,GAAcN,aAAA,CAAc,CAAC;AACnC,MAAMO,mBAAA,GAAsBP,aAAA,CAAc,CAAC;AAC3C,MAAMQ,gBAAA,GAAmBR,aAAA,CAAc,CAAC;AACxC,MAAMS,gBAAA,GAAmBT,aAAA,CAAc;AACvC,MAAMU,iBAAA,GAAoBV,aAAA,CAAc;AACxC;;;;AAIA,MAAMW,2BAAA,GAA8BX,aAAA,CAAc;AAClD,MAAMY,eAAA,GAAkBZ,aAAA,CAAc;AACtC,MAAMa,mBAAA,GAAsBb,aAAA,CAAc;AAC1C,MAAMc,4BAAA,GAA+Bd,aAAA,CAAc;AACnD,MAAMe,iBAAA,GAAoBb,qBAAA,CAA6C,CAAC,CAAC,GAAG,MAAM,KAAK;AAIvF;;;;;AAKA,MAAMc,OAAA,GAAUA,CAAA,KAAef,GAAA,CAAIK,WAAA;AACnC;;;;AAIA,MAAMW,eAAA,GAAkBA,CAAA,KAAehB,GAAA,CAAIM,mBAAA;AAE3C,MAAMW,YAAA,GAAeA,CAAA,KAAejB,GAAA,CAAIO,gBAAA;AACxC,MAAMW,gBAAA,GAAmBA,CAAA,KAAelB,GAAA,CAAIQ,gBAAA;AAC5C,MAAMW,iBAAA,GAAoBA,CAAA,KAAenB,GAAA,CAAIS,iBAAA;AAC7C;;;;AAIA,MAAMW,2BAAA,GAA8BA,CAAA,KAAepB,GAAA,CAAIU,2BAAA;AACvD,MAAMW,eAAA,GAAkBA,CAAA,KAAerB,GAAA,CAAIW,eAAA;AAC3C,MAAMW,mBAAA,GAAsBA,CAAA,KAAetB,GAAA,CAAIY,mBAAA;AAC/C,MAAMW,4BAAA,GAA+BA,CAAA,KAAcvB,GAAA,CAAIa,4BAAA;AAEvD;;;;;AAKA,MAAMW,aAAA,GAAgBC,QAAA;EAAA,OAEVvB,kBAAA,CAAmBY,iBAAA,EAAmBW,QAAA;AAAA;AAElD;;;;;AAKA,MAAMC,gBAAA,GAAmBA,CAAA;EAAA,OAA6BtB,cAAA,CAAeU,iBAAA;AAAA;AAErE,SACEJ,2BAA2B,EAC3BJ,mBAAmB,EACnBD,WAAW,EACXS,iBAAiB,EACjBP,gBAAgB,EAChBK,mBAAmB,EACnBD,eAAe,EACfF,iBAAiB,EACjBD,gBAAgB,EAChBK,4BAA4B,EAC5Ba,gBAAgB,EAChBV,eAAe,EACfD,OAAO,EACPK,2BAA2B,EAC3BI,aAAa,EACbF,mBAAmB,EACnBD,eAAe,EACfF,iBAAiB,EACjBD,gBAAgB,EAChBK,4BAA4B,EAC5BN,YAAY","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAGnF,OAAO,KAAK,EAGV,SAAS,EAIV,MAAM,YAAY,CAAA;AAuCnB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAu2BpC,CAAA;AAED,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAGnF,OAAO,KAAK,EAGV,SAAS,EAIV,MAAM,YAAY,CAAA;AAuCnB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA24BpC,CAAA;AAED,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/forms/Form/index.js

@@ -139,6 +139,19 @@ export const Form = props => {
     _setModified(modified_0);
   }, []);
   const formRef = useRef(null);
+  const submitFocusRef = useRef(null);
+  useEffect(() => {
+    if (processing) {
+      return;
+    }
+    const previousFocus = submitFocusRef.current;
+    submitFocusRef.current = null;
+    if (previousFocus?.isConnected && document.activeElement === document.body && !previousFocus.closest('[inert]') && !previousFocus.matches(':disabled')) {
+      previousFocus.focus({
+        preventScroll: true
+      });
+    }
+  }, [processing]);
   const contextRef = useRef({});
   const abortResetFormRef = useRef(null);
   const isFirstRenderRef = useRef(true);
@@ -222,6 +235,7 @@ export const Form = props => {
       }
       return;
     }
+    modifiedWhileProcessingRef.current = false;
     // create new toast promise which will resolve manually later
     let errorToast, successToast;
     const promise = new Promise((resolve, reject) => {
@@ -250,6 +264,9 @@ export const Form = props => {
       e.preventDefault();
     }
     if (disableFormWhileProcessing) {
+      const activeElement = document.activeElement;
+      // Disabling the active field drops browser focus to the body.
+      submitFocusRef.current = activeElement instanceof HTMLElement && formRef.current?.contains(activeElement) ? activeElement : null;
       setProcessing(true);
       setDisabled(true);
     }
@@ -329,14 +346,14 @@ export const Form = props => {
       } else if (typeof action === 'function') {
         res = await action(formData);
       }
-      if (!modifiedWhileProcessingRef.current) {
+      if (res.status < 400 && !modifiedWhileProcessingRef.current) {
         setModified(false);
-      } else {
-        modifiedWhileProcessingRef.current = false;
       }
+      modifiedWhileProcessingRef.current = false;
       setDisabled(false);
       if (typeof handleResponse === 'function') {
-        handleResponse(res, successToast, errorToast);
+        await handleResponse(res, successToast, errorToast);
+        setProcessing(false);
         return;
       }
       const contentType = res.headers.get('content-type');
@@ -365,7 +382,7 @@ export const Form = props => {
         setSubmitted(false);
         setProcessing(false);
         if (redirect) {
-          startRouteTransition(() => router.push(redirect));
+          void startRouteTransition(() => router.push(redirect));
         } else if (!disableToast) {
           successToast(json.message || t('general:submissionSuccessful'));
         }
@@ -407,13 +424,15 @@ export const Form = props => {
             return [[...fieldErrs, ...newFieldErrs], [...nonFieldErrs, ...newNonFieldErrs]];
           }, [[], []]);
           setIsValid(false);
-          dispatchFields({
+          const serverErrorAction = {
             type: 'ADD_SERVER_ERRORS',
             errors: fieldErrors
-          });
+          };
+          prevFormState.current = fieldReducer(prevFormState.current, serverErrorAction);
+          dispatchFields(serverErrorAction);
           nonFieldErrors.forEach(err_1 => {
             // Pass overridesFromArgs (not the computed overrides) so a retry re-evaluates any function overrides against current fields.
-            if (onNonFieldError?.(err_1, () => void submit({
+            if (onNonFieldError?.(err_1, () => void contextRef.current.submit({
               overrides: overridesFromArgs
             }))) {
               return;