@payloadcms/ui 3.0.0-canary.96477cf → 3.0.0-canary.98e0119

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

@@ -10,7 +10,7 @@ import { ThumbnailComponent } from '../../../elements/Thumbnail/index.js';
 import './index.scss';
 const baseClass = 'upload-relationship-details';
 export function RelationshipContent(props) {
-  const $ = _c(20);
+  const $ = _c(24);
   const {
     id,
     allowEdit,
@@ -22,6 +22,7 @@ export function RelationshipContent(props) {
     filename,
     mimeType,
     onRemove,
+    reloadDoc,
     src,
     withMeta: t0,
     x,
@@ -29,24 +30,39 @@ export function RelationshipContent(props) {
   } = props;
   const withMeta = t0 === undefined ? true : t0;
   let t1;
-  if ($[0] !== id || $[1] !== collectionSlug) {
-    t1 = {
-      id,
-      collectionSlug
+  if ($[0] !== reloadDoc || $[1] !== collectionSlug) {
+    t1 = async t2 => {
+      const {
+        doc
+      } = t2;
+      return reloadDoc(doc.id, collectionSlug);
     };
-    $[0] = id;
+    $[0] = reloadDoc;
     $[1] = collectionSlug;
     $[2] = t1;
   } else {
     t1 = $[2];
   }
-  const [DocumentDrawer, _, t2] = useDocumentDrawer(t1);
+  const onSave = t1;
+  let t2;
+  if ($[3] !== id || $[4] !== collectionSlug) {
+    t2 = {
+      id,
+      collectionSlug
+    };
+    $[3] = id;
+    $[4] = collectionSlug;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const [DocumentDrawer, _, t3] = useDocumentDrawer(t2);
   const {
     openDrawer
-  } = t2;
-  let t3;
-  if ($[3] !== x || $[4] !== y) {
-    t3 = function generateMetaText(mimeType_0, size) {
+  } = t3;
+  let t4;
+  if ($[6] !== x || $[7] !== y) {
+    t4 = function generateMetaText(mimeType_0, size) {
       const sections = [];
       if (mimeType_0.includes("image")) {
         sections.push(formatFilesize(size));
@@ -59,27 +75,27 @@ export function RelationshipContent(props) {
       }
       return sections.join(" \u2014 ");
     };
-    $[3] = x;
-    $[4] = y;
-    $[5] = t3;
+    $[6] = x;
+    $[7] = y;
+    $[8] = t4;
   } else {
-    t3 = $[5];
+    t4 = $[8];
   }
-  const generateMetaText = t3;
+  const generateMetaText = t4;
   const metaText = withMeta ? generateMetaText(mimeType, byteSize) : "";
-  let t4;
-  if ($[6] !== className) {
-    t4 = [baseClass, className].filter(Boolean);
-    $[6] = className;
-    $[7] = t4;
+  let t5;
+  if ($[9] !== className) {
+    t5 = [baseClass, className].filter(Boolean);
+    $[9] = className;
+    $[10] = t5;
   } else {
-    t4 = $[7];
+    t5 = $[10];
   }
-  const t5 = t4.join(" ");
-  let t6;
-  if ($[8] !== alt || $[9] !== filename || $[10] !== src || $[11] !== withMeta || $[12] !== metaText || $[13] !== allowEdit || $[14] !== allowRemove || $[15] !== openDrawer || $[16] !== onRemove || $[17] !== DocumentDrawer || $[18] !== t5) {
-    t6 = _jsxs("div", {
-      className: t5,
+  const t6 = t5.join(" ");
+  let t7;
+  if ($[11] !== alt || $[12] !== filename || $[13] !== src || $[14] !== withMeta || $[15] !== metaText || $[16] !== allowEdit || $[17] !== allowRemove || $[18] !== openDrawer || $[19] !== onRemove || $[20] !== onSave || $[21] !== DocumentDrawer || $[22] !== t6) {
+    t7 = _jsxs("div", {
+      className: t6,
       children: [_jsxs("div", {
         className: `${baseClass}__imageAndDetails`,
         children: [_jsx(ThumbnailComponent, {
@@ -116,24 +132,27 @@ export function RelationshipContent(props) {
           icon: "x",
           iconStyle: "none",
           onClick: () => onRemove()
-        }) : null, _jsx(DocumentDrawer, {})]
+        }) : null, _jsx(DocumentDrawer, {
+          onSave
+        })]
       }) : null]
     });
-    $[8] = alt;
-    $[9] = filename;
-    $[10] = src;
-    $[11] = withMeta;
-    $[12] = metaText;
-    $[13] = allowEdit;
-    $[14] = allowRemove;
-    $[15] = openDrawer;
-    $[16] = onRemove;
-    $[17] = DocumentDrawer;
-    $[18] = t5;
-    $[19] = t6;
+    $[11] = alt;
+    $[12] = filename;
+    $[13] = src;
+    $[14] = withMeta;
+    $[15] = metaText;
+    $[16] = allowEdit;
+    $[17] = allowRemove;
+    $[18] = openDrawer;
+    $[19] = onRemove;
+    $[20] = onSave;
+    $[21] = DocumentDrawer;
+    $[22] = t6;
+    $[23] = t7;
   } else {
-    t6 = $[19];
+    t7 = $[23];
   }
-  return t6;
+  return t7;
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","formatFilesize","React","Button","useDocumentDrawer","ThumbnailComponent","baseClass","RelationshipContent","props","$","id","allowEdit","allowRemove","alt","byteSize","className","collectionSlug","filename","mimeType","onRemove","src","withMeta","t0","x","y","undefined","t1","DocumentDrawer","_","t2","openDrawer","t3","generateMetaText","mimeType_0","size","sections","includes","push","join","metaText","t4","filter","Boolean","t5","t6","_jsxs","children","_jsx","fileSrc","href","target","buttonStyle","icon","iconStyle","onClick"],"sources":["../../../../src/fields/Upload/RelationshipContent/index.tsx"],"sourcesContent":["'use client'\n\nimport { formatFilesize } from 'payload/shared'\nimport React from 'react'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js'\nimport { ThumbnailComponent } from '../../../elements/Thumbnail/index.js'\nimport './index.scss'\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 filename: string\n  readonly id: number | string\n  readonly mimeType: string\n  readonly onRemove: () => void\n  readonly src: 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    filename,\n    mimeType,\n    onRemove,\n    src,\n    withMeta = true,\n    x,\n    y,\n  } = props\n\n  const [DocumentDrawer, _, { openDrawer }] = useDocumentDrawer({\n    id,\n    collectionSlug,\n  })\n\n  function generateMetaText(mimeType: string, size: number): string {\n    const sections: string[] = []\n    if (mimeType.includes('image')) {\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\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__imageAndDetails`}>\n        <ThumbnailComponent\n          alt={alt}\n          className={`${baseClass}__thumbnail`}\n          filename={filename}\n          fileSrc={src}\n          size=\"small\"\n        />\n        <div className={`${baseClass}__details`}>\n          <p className={`${baseClass}__filename`}>\n            <a href={src} target=\"_blank\">\n              {filename}\n            </a>\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              buttonStyle=\"icon-label\"\n              className={`${baseClass}__edit`}\n              icon=\"edit\"\n              iconStyle=\"none\"\n              onClick={openDrawer}\n            />\n          ) : null}\n          {allowRemove !== false ? (\n            <Button\n              buttonStyle=\"icon-label\"\n              className={`${baseClass}__remove`}\n              icon=\"x\"\n              iconStyle=\"none\"\n              onClick={() => onRemove()}\n            />\n          ) : null}\n          <DocumentDrawer />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","formatFilesize","React","Button","useDocumentDrawer","ThumbnailComponent","baseClass","RelationshipContent","props","$","id","allowEdit","allowRemove","alt","byteSize","className","collectionSlug","filename","mimeType","onRemove","reloadDoc","src","withMeta","t0","x","y","undefined","t1","t2","doc","onSave","DocumentDrawer","_","t3","openDrawer","t4","generateMetaText","mimeType_0","size","sections","includes","push","join","metaText","t5","filter","Boolean","t6","t7","_jsxs","children","_jsx","fileSrc","href","target","buttonStyle","icon","iconStyle","onClick"],"sources":["../../../../src/fields/Upload/RelationshipContent/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TypeWithID } from 'payload'\n\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 { ThumbnailComponent } from '../../../elements/Thumbnail/index.js'\nimport './index.scss'\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 filename: string\n  readonly id: number | string\n  readonly mimeType: string\n  readonly onRemove: () => void\n  readonly reloadDoc: ReloadDoc\n  readonly src: 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    filename,\n    mimeType,\n    onRemove,\n    reloadDoc,\n    src,\n    withMeta = true,\n    x,\n    y,\n  } = props\n\n  const onSave = React.useCallback(\n    async ({ doc }: { doc: TypeWithID }) => reloadDoc(doc.id, collectionSlug),\n    [reloadDoc, collectionSlug],\n  )\n\n  const [DocumentDrawer, _, { openDrawer }] = useDocumentDrawer({\n    id,\n    collectionSlug,\n  })\n\n  function generateMetaText(mimeType: string, size: number): string {\n    const sections: string[] = []\n    if (mimeType.includes('image')) {\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\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__imageAndDetails`}>\n        <ThumbnailComponent\n          alt={alt}\n          className={`${baseClass}__thumbnail`}\n          filename={filename}\n          fileSrc={src}\n          size=\"small\"\n        />\n        <div className={`${baseClass}__details`}>\n          <p className={`${baseClass}__filename`}>\n            <a href={src} target=\"_blank\">\n              {filename}\n            </a>\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              buttonStyle=\"icon-label\"\n              className={`${baseClass}__edit`}\n              icon=\"edit\"\n              iconStyle=\"none\"\n              onClick={openDrawer}\n            />\n          ) : null}\n          {allowRemove !== false ? (\n            <Button\n              buttonStyle=\"icon-label\"\n              className={`${baseClass}__remove`}\n              icon=\"x\"\n              iconStyle=\"none\"\n              onClick={() => onRemove()}\n            />\n          ) : null}\n          <DocumentDrawer onSave={onSave} />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Upload/RelationshipContent/index.scss

@@ -1,54 +1,56 @@
-.upload-relationship-details {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  min-width: 0;
-
-  &__imageAndDetails {
+@layer payload-default {
+  .upload-relationship-details {
     display: flex;
-    gap: calc(var(--base) / 2);
+    justify-content: space-between;
     align-items: center;
+    width: 100%;
     min-width: 0;
-  }
 
-  &__thumbnail {
-    align-self: center;
-    border-radius: var(--style-radius-s);
-  }
+    &__imageAndDetails {
+      display: flex;
+      gap: calc(var(--base) / 2);
+      align-items: center;
+      min-width: 0;
+    }
 
-  &__details {
-    display: flex;
-    flex-direction: column;
-    gap: 0;
-    overflow: hidden;
-    margin-right: calc(var(--base) * 2);
-  }
+    &__thumbnail {
+      align-self: center;
+      border-radius: var(--style-radius-s);
+    }
 
-  &__filename {
-    margin: 0;
-    text-wrap: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    a {
-      text-decoration: none;
+    &__details {
+      display: flex;
+      flex-direction: column;
+      gap: 0;
+      overflow: hidden;
+      margin-right: calc(var(--base) * 2);
     }
-  }
 
-  &__meta {
-    margin: 0;
-    color: var(--theme-elevation-500);
-    text-wrap: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
+    &__filename {
+      margin: 0;
+      text-wrap: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      a {
+        text-decoration: none;
+      }
+    }
 
-  &__actions {
-    flex-shrink: 0;
-    display: flex;
-  }
+    &__meta {
+      margin: 0;
+      color: var(--theme-elevation-500);
+      text-wrap: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
+
+    &__actions {
+      flex-shrink: 0;
+      display: flex;
+    }
 
-  .btn {
-    margin: 0;
+    .btn {
+      margin: 0;
+    }
   }
 }

package/dist/fields/Upload/UploadCard/index.scss

@@ -1,26 +1,28 @@
-.upload-field-card {
-  background: var(--theme-elevation-50);
-  border: 1px solid var(--theme-border-color);
-  border-radius: var(--style-radius-s);
-  display: flex;
-  align-items: center;
-  width: 100%;
-  gap: calc(var(--base) / 2);
+@layer payload-default {
+  .upload-field-card {
+    background: var(--theme-elevation-50);
+    border: 1px solid var(--theme-border-color);
+    border-radius: var(--style-radius-s);
+    display: flex;
+    align-items: center;
+    width: 100%;
+    gap: calc(var(--base) / 2);
 
-  &--size-medium {
-    padding: calc(var(--base) * 0.5);
+    &--size-medium {
+      padding: calc(var(--base) * 0.5);
 
-    .thumbnail {
-      width: 40px;
-      height: 40px;
+      .thumbnail {
+        width: 40px;
+        height: 40px;
+      }
     }
-  }
 
-  &--size-small {
-    padding: calc(var(--base) / 3) calc(var(--base) / 2);
-    .thumbnail {
-      width: 25px;
-      height: 25px;
+    &--size-small {
+      padding: calc(var(--base) / 3) calc(var(--base) / 2);
+      .thumbnail {
+        width: 25px;
+        height: 25px;
+      }
     }
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAGrB,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,eAAO,MAAM,SAAS,WAAW,CAAA;AAEjC,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,qBAmE5D;AAED,eAAO,MAAM,WAAW,kCAAiC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAGrB,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,eAAO,MAAM,SAAS,WAAW,CAAA;AAEjC,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,qBAoE5D;AAED,eAAO,MAAM,WAAW,kCAAiC,CAAA"}

package/dist/fields/Upload/index.js

@@ -11,17 +11,18 @@ import { UploadInput } from './Input.js';
 export { UploadInput } from './Input.js';
 export const baseClass = 'upload';
 export function UploadComponent(props) {
-  const $ = _c(30);
+  const $ = _c(36);
   const {
     field: t0,
-    field,
-    readOnly: readOnlyFromTopLevelProps,
+    path,
+    readOnly,
     validate
   } = props;
   const {
-    _path,
     admin: t1,
     hasMany,
+    label,
+    localized,
     maxRows,
     relationTo,
     required
@@ -35,13 +36,13 @@ export function UploadComponent(props) {
     t2 = $[1];
   }
   const {
+    allowCreate,
     className,
+    description,
     isSortable,
-    readOnly: readOnlyFromAdmin,
     style,
     width
   } = t2;
-  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
   const {
     config
   } = useConfig();
@@ -63,49 +64,61 @@ export function UploadComponent(props) {
   }
   const memoizedValidate = t3;
   let t4;
-  if ($[5] !== _path || $[6] !== memoizedValidate) {
+  if ($[5] !== path || $[6] !== memoizedValidate) {
     t4 = {
-      path: _path,
+      path,
       validate: memoizedValidate
     };
-    $[5] = _path;
+    $[5] = path;
     $[6] = memoizedValidate;
     $[7] = t4;
   } else {
     t4 = $[7];
   }
   const {
+    customComponents: t5,
     filterOptions,
-    formInitializing,
-    formProcessing,
-    path,
-    readOnly: readOnlyFromField,
     setValue,
     showError,
     value: value_0
   } = useField(t4);
-  const disabled = readOnlyFromProps || readOnlyFromField || formProcessing || formInitializing;
-  const t5 = field?.admin?.components?.Description;
-  const t6 = field?.admin?.description;
-  const t7 = field?.admin?.components?.Error;
-  const t8 = field?.admin?.components?.Label;
-  let t9;
-  if ($[8] !== config.routes.api || $[9] !== config.serverURL || $[10] !== className || $[11] !== t5 || $[12] !== t6 || $[13] !== t7 || $[14] !== field || $[15] !== filterOptions || $[16] !== hasMany || $[17] !== isSortable || $[18] !== t8 || $[19] !== maxRows || $[20] !== setValue || $[21] !== path || $[22] !== disabled || $[23] !== relationTo || $[24] !== required || $[25] !== showError || $[26] !== style || $[27] !== value_0 || $[28] !== width) {
-    t9 = _jsx(UploadInput, {
+  let t6;
+  if ($[8] !== t5) {
+    t6 = t5 === undefined ? {} : t5;
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  const {
+    AfterInput,
+    BeforeInput,
+    Description,
+    Error,
+    Label
+  } = t6;
+  const t7 = allowCreate !== false;
+  let t8;
+  if ($[10] !== AfterInput || $[11] !== t7 || $[12] !== config.routes.api || $[13] !== config.serverURL || $[14] !== BeforeInput || $[15] !== className || $[16] !== Description || $[17] !== description || $[18] !== Error || $[19] !== filterOptions || $[20] !== hasMany || $[21] !== isSortable || $[22] !== label || $[23] !== Label || $[24] !== localized || $[25] !== maxRows || $[26] !== setValue || $[27] !== path || $[28] !== readOnly || $[29] !== relationTo || $[30] !== required || $[31] !== showError || $[32] !== style || $[33] !== value_0 || $[34] !== width) {
+    t8 = _jsx(UploadInput, {
+      AfterInput,
+      allowCreate: t7,
       api: config.routes.api,
+      BeforeInput,
       className,
-      Description: t5,
-      description: t6,
-      Error: t7,
-      field,
+      Description,
+      description,
+      Error,
       filterOptions,
       hasMany,
       isSortable,
-      Label: t8,
+      label,
+      Label,
+      localized,
       maxRows,
       onChange: setValue,
       path,
-      readOnly: disabled,
+      readOnly,
       relationTo,
       required,
       serverURL: config.serverURL,
@@ -114,32 +127,36 @@ export function UploadComponent(props) {
       value: value_0,
       width
     });
-    $[8] = config.routes.api;
-    $[9] = config.serverURL;
-    $[10] = className;
-    $[11] = t5;
-    $[12] = t6;
-    $[13] = t7;
-    $[14] = field;
-    $[15] = filterOptions;
-    $[16] = hasMany;
-    $[17] = isSortable;
-    $[18] = t8;
-    $[19] = maxRows;
-    $[20] = setValue;
-    $[21] = path;
-    $[22] = disabled;
-    $[23] = relationTo;
-    $[24] = required;
-    $[25] = showError;
-    $[26] = style;
-    $[27] = value_0;
-    $[28] = width;
-    $[29] = t9;
+    $[10] = AfterInput;
+    $[11] = t7;
+    $[12] = config.routes.api;
+    $[13] = config.serverURL;
+    $[14] = BeforeInput;
+    $[15] = className;
+    $[16] = Description;
+    $[17] = description;
+    $[18] = Error;
+    $[19] = filterOptions;
+    $[20] = hasMany;
+    $[21] = isSortable;
+    $[22] = label;
+    $[23] = Label;
+    $[24] = localized;
+    $[25] = maxRows;
+    $[26] = setValue;
+    $[27] = path;
+    $[28] = readOnly;
+    $[29] = relationTo;
+    $[30] = required;
+    $[31] = showError;
+    $[32] = style;
+    $[33] = value_0;
+    $[34] = width;
+    $[35] = t8;
   } else {
-    t9 = $[29];
+    t8 = $[35];
   }
-  return t9;
+  return t8;
 }
 export const UploadField = withCondition(UploadComponent);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useField","withCondition","useConfig","UploadInput","baseClass","UploadComponent","props","$","field","t0","readOnly","readOnlyFromTopLevelProps","validate","_path","admin","t1","hasMany","maxRows","relationTo","required","t2","undefined","className","isSortable","readOnlyFromAdmin","style","width","readOnlyFromProps","config","t3","value","options","memoizedValidate","t4","path","filterOptions","formInitializing","formProcessing","readOnlyFromField","setValue","showError","value_0","disabled","t5","components","Description","t6","description","t7","Error","t8","Label","t9","routes","api","serverURL","_jsx","onChange","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport './index.scss'\nimport { UploadInput } from './Input.js'\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      _path,\n      admin: { className, isSortable, readOnly: readOnlyFromAdmin, style, width } = {},\n      hasMany,\n      maxRows,\n      relationTo,\n      required,\n    },\n    field,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const { config } = useConfig()\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  const {\n    filterOptions,\n    formInitializing,\n    formProcessing,\n    path,\n    readOnly: readOnlyFromField,\n    setValue,\n    showError,\n    value,\n  } = useField<string | string[]>({\n    path: _path,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromField || formProcessing || formInitializing\n\n  return (\n    <UploadInput\n      api={config.routes.api}\n      className={className}\n      Description={field?.admin?.components?.Description}\n      description={field?.admin?.description}\n      Error={field?.admin?.components?.Error}\n      field={field}\n      filterOptions={filterOptions}\n      hasMany={hasMany}\n      isSortable={isSortable}\n      Label={field?.admin?.components?.Label}\n      maxRows={maxRows}\n      onChange={setValue}\n      path={path}\n      readOnly={disabled}\n      relationTo={relationTo}\n      required={required}\n      serverURL={config.serverURL}\n      showError={showError}\n      style={style}\n      value={value}\n      width={width}\n    />\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useField","withCondition","useConfig","UploadInput","baseClass","UploadComponent","props","$","field","t0","path","readOnly","validate","admin","t1","hasMany","label","localized","maxRows","relationTo","required","t2","undefined","allowCreate","className","description","isSortable","style","width","config","t3","value","options","memoizedValidate","t4","customComponents","t5","filterOptions","setValue","showError","value_0","t6","AfterInput","BeforeInput","Description","Error","Label","t7","t8","routes","api","serverURL","_jsx","onChange","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport './index.scss'\nimport { UploadInput } from './Input.js'\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      name,\n      admin: { allowCreate, className, description, isSortable, style, width } = {},\n      hasMany,\n      label,\n      localized,\n      maxRows,\n      relationTo,\n      required,\n    },\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const { config } = useConfig()\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    filterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField<string | string[]>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  return (\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      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}\n      relationTo={relationTo}\n      required={required}\n      serverURL={config.serverURL}\n      showError={showError}\n      style={style}\n      value={value}\n      width={width}\n    />\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"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","ignoreList":[]}