@payloadcms/ui 3.0.0-canary.b8dd0db → 3.0.0-canary.bb00d64

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","qs","Fragment","useCallback","useEffect","useMemo","useState","AddNewRelation","Button","DraggableSortable","FileDetails","useListDrawer","useConfig","useLocale","useTranslation","FieldLabel","baseClass","UploadComponentHasMany","props","$","canCreate","field","t0","fieldHookResult","t1","readOnly","_path","admin","t2","hasMany","label","relationTo","components","t3","isSortable","Label","filterOptions","filterOptionsFromProps","setValue","value","i18n","t","config","t4","collections","routes","t5","serverURL","api","t6","bb0","t7","t8","id","t9","not_in","t10","t11","t12","undefined","Symbol","for","fileDocs","setFileDocs","missingFiles","setMissingFiles","code","language","length","query","depth","draft","locale","where","and","in","fetchFile","response","fetch","body","stringify","credentials","headers","method","ok","json","docs","moveItemInArray","array","moveFromIndex","moveToIndex","newArray","item","splice","moveFromIndex_0","moveToIndex_0","updatedArray","moveRow","index","updatedArray_0","removeItem","t13","map","_temp","t14","collectionSlugs","ListDrawer","ListDrawerToggler","t15","t16","coll","slug","collection_0","find","t17","selections","selectedIDs","Object","entries","reduce","acc","t18","key","value_0","onBulkSelect","t20","t21","t22","_jsx","className","join","children","buttonStyle","el","icon","iconPosition","iconStyle","unstyled","t23","t24","selection","docID","_jsxs","ids","onDragEnd","t19","moveFromIndex_1","moveToIndex_1","Boolean","index_0","doc_0","doc","uploadConfig","collection","upload","collectionSlug","rowIndex","disabled","onClick","type","enableRowSelections","onSelect"],"sources":["../../../../src/fields/Upload/HasMany/index.tsx"],"sourcesContent":["'use client'\nimport type { FilterOptionsResult, Where } from 'payload'\n\nimport * as qs from 'qs-esm'\nimport { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { useSelection } from '../../../providers/Selection/index.js'\nimport type { UploadFieldPropsWithContext } from '../HasOne/index.js'\n\nimport { AddNewRelation } from '../../../elements/AddNewRelation/index.js'\nimport { Button } from '../../../elements/Button/index.js'\nimport { DraggableSortable } from '../../../elements/DraggableSortable/index.js'\nimport { FileDetails } from '../../../elements/FileDetails/index.js'\nimport { useListDrawer } from '../../../elements/ListDrawer/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { FieldLabel } from '../../FieldLabel/index.js'\n\nconst baseClass = 'upload upload--has-many'\n\nimport './index.scss'\n\nexport const UploadComponentHasMany: React.FC<UploadFieldPropsWithContext<string[]>> = (props) => {\n  const {\n    canCreate,\n    field,\n    field: {\n      _path,\n      admin: {\n        components: { Label },\n        isSortable,\n      },\n      hasMany,\n      label,\n      relationTo,\n    },\n    fieldHookResult: { filterOptions: filterOptionsFromProps, setValue, value },\n    readOnly,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const filterOptions: FilterOptionsResult = useMemo(() => {\n    if (typeof relationTo === 'string') {\n      return {\n        ...filterOptionsFromProps,\n        [relationTo]: {\n          ...((filterOptionsFromProps?.[relationTo] as any) || {}),\n          id: {\n            ...((filterOptionsFromProps?.[relationTo] as any)?.id || {}),\n            not_in: (filterOptionsFromProps?.[relationTo] as any)?.id?.not_in || value,\n          },\n        },\n      }\n    }\n  }, [value, relationTo, filterOptionsFromProps])\n\n  const [fileDocs, setFileDocs] = useState([])\n  const [missingFiles, setMissingFiles] = useState(false)\n\n  const { code } = useLocale()\n\n  useEffect(() => {\n    if (value !== null && typeof value !== 'undefined' && value.length !== 0) {\n      const query: {\n        [key: string]: unknown\n        where: Where\n      } = {\n        depth: 0,\n        draft: true,\n        locale: code,\n        where: {\n          and: [\n            {\n              id: {\n                in: value,\n              },\n            },\n          ],\n        },\n      }\n\n      const fetchFile = async () => {\n        const response = await fetch(`${serverURL}${api}/${relationTo}`, {\n          body: qs.stringify(query),\n          credentials: 'include',\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/x-www-form-urlencoded',\n            'X-HTTP-Method-Override': 'GET',\n          },\n          method: 'POST',\n        })\n        if (response.ok) {\n          const json = await response.json()\n          setFileDocs(json.docs)\n        } else {\n          setMissingFiles(true)\n          setFileDocs([])\n        }\n      }\n\n      void fetchFile()\n    }\n  }, [value, relationTo, api, serverURL, i18n, code])\n\n  function moveItemInArray<T>(array: T[], moveFromIndex: number, moveToIndex: number): T[] {\n    const newArray = [...array]\n    const [item] = newArray.splice(moveFromIndex, 1)\n\n    newArray.splice(moveToIndex, 0, item)\n\n    return newArray\n  }\n\n  const moveRow = useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      const updatedArray = moveItemInArray(value, moveFromIndex, moveToIndex)\n      setValue(updatedArray)\n    },\n    [value, setValue],\n  )\n\n  const removeItem = useCallback(\n    (index: number) => {\n      const updatedArray = [...value]\n      updatedArray.splice(index, 1)\n      setValue(updatedArray)\n    },\n    [value, setValue],\n  )\n\n  const [ListDrawer, ListDrawerToggler] = useListDrawer({\n    collectionSlugs:\n      typeof relationTo === 'string'\n        ? [relationTo]\n        : collections.map((collection) => collection.slug),\n    filterOptions,\n  })\n\n  const collection = collections.find((coll) => coll.slug === relationTo)\n\n  const onBulkSelect = useCallback(\n    (selections: ReturnType<typeof useSelection>['selected']) => {\n      const selectedIDs = Object.entries(selections).reduce(\n        (acc, [key, value]) => (value ? [...acc, key] : acc),\n        [] as string[],\n      )\n      if (value?.length) setValue([...value, ...selectedIDs])\n      else setValue(selectedIDs)\n    },\n    [setValue, value],\n  )\n\n  return (\n    <Fragment>\n      <div className={[baseClass].join(' ')}>\n        <FieldLabel Label={Label} field={field} label={label} />\n\n        <div>\n          {missingFiles || !value?.length ? (\n            <div className={[`${baseClass}__no-data`].join(' ')}>\n              {t('version:noRowsFound', { label: relationTo })}\n            </div>\n          ) : (\n            <DraggableSortable\n              className={`${baseClass}__draggable-rows`}\n              ids={value}\n              onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n            >\n              {Boolean(value.length) &&\n                value.map((id, index) => {\n                  const doc = fileDocs.find((doc) => doc.id === id)\n                  const uploadConfig = collection?.upload\n\n                  if (!doc) {\n                    return null\n                  }\n\n                  return (\n                    <FileDetails\n                      collectionSlug={relationTo}\n                      doc={doc}\n                      hasMany={true}\n                      isSortable={isSortable}\n                      key={id}\n                      removeItem={removeItem}\n                      rowIndex={index}\n                      uploadConfig={uploadConfig}\n                    />\n                  )\n                })}\n            </DraggableSortable>\n          )}\n        </div>\n\n        <div className={[`${baseClass}__controls`].join(' ')}>\n          <div className={[`${baseClass}__buttons`].join(' ')}>\n            {canCreate && (\n              <div className={[`${baseClass}__add-new`].join(' ')}>\n                <AddNewRelation\n                  Button={\n                    <Button\n                      buttonStyle=\"icon-label\"\n                      el=\"span\"\n                      icon=\"plus\"\n                      iconPosition=\"left\"\n                      iconStyle=\"with-border\"\n                    >\n                      {t('fields:addNew')}\n                    </Button>\n                  }\n                  hasMany={hasMany}\n                  path={_path}\n                  relationTo={relationTo}\n                  setValue={setValue}\n                  unstyled\n                  value={value}\n                />\n              </div>\n            )}\n            <ListDrawerToggler className={`${baseClass}__toggler`} disabled={readOnly}>\n              <div>\n                <Button\n                  buttonStyle=\"icon-label\"\n                  el=\"span\"\n                  icon=\"plus\"\n                  iconPosition=\"left\"\n                  iconStyle=\"with-border\"\n                >\n                  {t('fields:chooseFromExisting')}\n                </Button>\n              </div>\n            </ListDrawerToggler>\n          </div>\n          <button className={`${baseClass}__clear-all`} onClick={() => setValue([])} type=\"button\">\n            Clear all\n          </button>\n        </div>\n      </div>\n      <ListDrawer\n        enableRowSelections\n        onBulkSelect={onBulkSelect}\n        onSelect={(selection) => {\n          if (value?.length) setValue([...value, selection.docID])\n          else setValue([selection.docID])\n        }}\n      />\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","DraggableSortableItem","DraggableSortable","DragHandleIcon","RelationshipContent","UploadCard","baseClass","UploadComponentHasMany","props","$","className","fileDocs","isSortable","onRemove","onReorder","readonly","reloadDoc","serverURL","t0","moveFromIndex","moveToIndex","updatedArray","item","splice","moveRow","t1","index","updatedArray_0","length","removeItem","t2","filter","Boolean","t3","join","t4","t5","t6","moveFromIndex_0","moveToIndex_0","t7","index_0","relationTo","value","value_0","id","String","url","thumbnailURL","src","toString","_jsx","disabled","children","draggableSortableItemProps","ref","setNodeRef","style","transform","transition","zIndex","isDragging","undefined","_jsxs","size","attributes","listeners","allowEdit","allowRemove","alt","filename","byteSize","filesize","collectionSlug","mimeType","withMeta","x","width","y","height","ids","map","_temp","onDragEnd"],"sources":["../../../../src/fields/Upload/HasMany/index.tsx"],"sourcesContent":["'use client'\nimport type { JsonObject } from 'payload'\n\nimport React from 'react'\n\nimport { DraggableSortableItem } from '../../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../../../elements/DraggableSortable/index.js'\nimport { DragHandleIcon } from '../../../icons/DragHandle/index.js'\nimport { RelationshipContent } from '../RelationshipContent/index.js'\nimport { UploadCard } from '../UploadCard/index.js'\n\nconst baseClass = 'upload upload--has-many'\n\nimport type { ReloadDoc } from '../types.js'\n\nimport './index.scss'\n\ntype Props = {\n  readonly className?: string\n  readonly fileDocs: {\n    relationTo: string\n    value: JsonObject\n  }[]\n  readonly isSortable?: boolean\n  readonly onRemove?: (value) => void\n  readonly onReorder?: (value) => void\n  readonly readonly?: boolean\n  readonly reloadDoc: ReloadDoc\n  readonly serverURL: string\n}\nexport function UploadComponentHasMany(props: Props) {\n  const { className, fileDocs, isSortable, onRemove, onReorder, readonly, reloadDoc, serverURL } =\n    props\n\n  const moveRow = React.useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      if (moveFromIndex === moveToIndex) {\n        return\n      }\n\n      const updatedArray = [...fileDocs]\n      const [item] = updatedArray.splice(moveFromIndex, 1)\n\n      updatedArray.splice(moveToIndex, 0, item)\n\n      onReorder(updatedArray)\n    },\n    [fileDocs, onReorder],\n  )\n\n  const removeItem = React.useCallback(\n    (index: number) => {\n      const updatedArray = [...(fileDocs || [])]\n      updatedArray.splice(index, 1)\n      onRemove(updatedArray.length === 0 ? [] : updatedArray)\n    },\n    [fileDocs, onRemove],\n  )\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <DraggableSortable\n        className={`${baseClass}__draggable-rows`}\n        ids={fileDocs?.map(({ value }) => String(value.id))}\n        onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n      >\n        {fileDocs.map(({ relationTo, value }, index) => {\n          const id = String(value.id)\n          const url: string = value.thumbnailURL || value.url\n          let src: string\n\n          try {\n            src = new URL(url, serverURL).toString()\n          } catch {\n            src = `${serverURL}${url}`\n          }\n\n          return (\n            <DraggableSortableItem disabled={!isSortable} id={id} key={id}>\n              {(draggableSortableItemProps) => (\n                <div\n                  className={[\n                    `${baseClass}__dragItem`,\n                    draggableSortableItemProps && isSortable && `${baseClass}--has-drag-handle`,\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  ref={draggableSortableItemProps.setNodeRef}\n                  style={{\n                    transform: draggableSortableItemProps.transform,\n                    transition: draggableSortableItemProps.transition,\n                    zIndex: draggableSortableItemProps.isDragging ? 1 : undefined,\n                  }}\n                >\n                  <UploadCard size=\"small\">\n                    {isSortable && draggableSortableItemProps && (\n                      <div\n                        className={`${baseClass}__drag`}\n                        {...draggableSortableItemProps.attributes}\n                        {...draggableSortableItemProps.listeners}\n                      >\n                        <DragHandleIcon />\n                      </div>\n                    )}\n\n                    <RelationshipContent\n                      allowEdit={!readonly}\n                      allowRemove={!readonly}\n                      alt={(value?.alt || value?.filename) as string}\n                      byteSize={value.filesize as number}\n                      collectionSlug={relationTo}\n                      filename={value.filename as string}\n                      id={id}\n                      mimeType={value?.mimeType as string}\n                      onRemove={() => removeItem(index)}\n                      reloadDoc={reloadDoc}\n                      src={src}\n                      withMeta={false}\n                      x={value?.width as number}\n                      y={value?.height as number}\n                    />\n                  </UploadCard>\n                </div>\n              )}\n            </DraggableSortableItem>\n          )\n        })}\n      </DraggableSortable>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,53 +1,29 @@
 @import '../../../scss/styles.scss';
 
-.upload--has-many {
-  position: relative;
-  max-width: 100%;
-
-  &__controls {
-    display: flex;
-    gap: base(2);
-    margin-top: base(1);
-  }
-
-  &__buttons {
-    display: flex;
-    gap: base(1);
-  }
-
-  &__add-new {
-    display: flex;
-    gap: base(0.5);
-  }
-
-  &__clear-all {
-    all: unset;
-    flex-shrink: 0;
-    font-size: inherit;
-    font-family: inherit;
-    color: inherit;
-    cursor: pointer;
-  }
-
-  &__draggable-rows {
-    display: flex;
-    flex-direction: column;
-    gap: 0.25rem;
-  }
-
-  &__no-data {
-    background: var(--theme-elevation-50);
-    padding: 0.5rem 0.75rem;
-    border-radius: 3px;
-  }
-}
-
-html[data-theme='light'] {
-  .upload {
-  }
-}
-
-html[data-theme='dark'] {
-  .upload {
+@layer payload-default {
+  .upload--has-many {
+    position: relative;
+    max-width: 100%;
+
+    &__draggable-rows {
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--base) / 4);
+    }
+
+    &__dragItem {
+      .icon--drag-handle {
+        color: var(--theme-elevation-400);
+      }
+
+      .thumbnail {
+        width: 26px;
+        height: 26px;
+      }
+
+      .uploadDocRelationshipContent__details {
+        line-height: 1.2;
+      }
+    }
   }
 }

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

@@ -1,12 +1,18 @@
-import type { UploadFieldProps } from 'payload';
+import type { JsonObject } from 'payload';
 import React from 'react';
-import type { useField } from '../../../forms/useField/index.js';
+import type { ReloadDoc } from '../types.js';
 import './index.scss';
-export type UploadFieldPropsWithContext<TValue extends string | string[] = string> = {
-    readonly canCreate: boolean;
-    readonly disabled: boolean;
-    readonly fieldHookResult: ReturnType<typeof useField<TValue>>;
-    readonly onChange: (value: unknown) => void;
-} & UploadFieldProps;
-export declare const UploadComponentHasOne: React.FC<UploadFieldPropsWithContext>;
+type Props = {
+    readonly className?: string;
+    readonly fileDoc: {
+        relationTo: string;
+        value: JsonObject;
+    };
+    readonly onRemove?: () => void;
+    readonly readonly?: boolean;
+    readonly reloadDoc: ReloadDoc;
+    readonly serverURL: string;
+};
+export declare function UploadComponentHasOne(props: Props): React.JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Upload/HasOne/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAIhE,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,2BAA2B,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,IAAI;IACnF,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,eAAe,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAA;IAC7D,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CAC5C,GAAG,gBAAgB,CAAA;AAEpB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAwDvE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Upload/HasOne/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAI5C,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE;QAChB,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,UAAU,CAAA;KAClB,CAAA;IACD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,KAAK,qBAiCjD"}

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

@@ -1,131 +1,49 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { useConfig } from '../../../providers/Config/index.js';
-import { UploadInputHasOne } from './Input.js';
+import { RelationshipContent } from '../RelationshipContent/index.js';
+import { UploadCard } from '../UploadCard/index.js';
 import './index.scss';
-export const UploadComponentHasOne = props => {
-  const $ = _c(23);
-  const {
-    canCreate,
-    descriptionProps,
-    disabled,
-    errorProps,
-    field,
-    field: t0,
-    fieldHookResult,
-    labelProps,
-    onChange
-  } = props;
-  const {
-    admin: t1,
-    label,
-    relationTo,
-    required
-  } = t0;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = t1 === undefined ? {} : t1;
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
+const baseClass = 'upload upload--has-one';
+export function UploadComponentHasOne(props) {
   const {
     className,
-    style,
-    width
-  } = t2;
-  const {
-    config: t3
-  } = useConfig();
-  const {
-    collections,
-    routes: t4,
+    fileDoc,
+    onRemove,
+    readonly,
+    reloadDoc,
     serverURL
-  } = t3;
+  } = props;
   const {
-    api: apiRoute
-  } = t4;
-  if (typeof relationTo === "string") {
-    let t5;
-    if ($[2] !== relationTo || $[3] !== collections || $[4] !== field || $[5] !== canCreate || $[6] !== apiRoute || $[7] !== className || $[8] !== descriptionProps || $[9] !== errorProps || $[10] !== fieldHookResult || $[11] !== label || $[12] !== labelProps || $[13] !== onChange || $[14] !== disabled || $[15] !== required || $[16] !== serverURL || $[17] !== style || $[18] !== width) {
-      t5 = Symbol.for("react.early_return_sentinel");
-      bb0: {
-        let t6;
-        if ($[20] !== relationTo) {
-          t6 = coll => coll.slug === relationTo;
-          $[20] = relationTo;
-          $[21] = t6;
-        } else {
-          t6 = $[21];
-        }
-        const collection = collections.find(t6);
-        if (collection.upload) {
-          t5 = _jsx(UploadInputHasOne, {
-            Description: field?.admin?.components?.Description,
-            Error: field?.admin?.components?.Error,
-            Label: field?.admin?.components?.Label,
-            allowNewUpload: canCreate,
-            api: apiRoute,
-            className,
-            collection,
-            descriptionProps,
-            errorProps,
-            filterOptions: fieldHookResult.filterOptions,
-            label,
-            labelProps,
-            onChange,
-            readOnly: disabled,
-            relationTo,
-            required,
-            serverURL,
-            showError: fieldHookResult.showError,
-            style,
-            value: fieldHookResult.value,
-            width
-          });
-          break bb0;
-        }
-      }
-      $[2] = relationTo;
-      $[3] = collections;
-      $[4] = field;
-      $[5] = canCreate;
-      $[6] = apiRoute;
-      $[7] = className;
-      $[8] = descriptionProps;
-      $[9] = errorProps;
-      $[10] = fieldHookResult;
-      $[11] = label;
-      $[12] = labelProps;
-      $[13] = onChange;
-      $[14] = disabled;
-      $[15] = required;
-      $[16] = serverURL;
-      $[17] = style;
-      $[18] = width;
-      $[19] = t5;
-    } else {
-      t5 = $[19];
-    }
-    if (t5 !== Symbol.for("react.early_return_sentinel")) {
-      return t5;
-    }
-  } else {
-    let t5;
-    if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
-      t5 = _jsx("div", {
-        children: "Polymorphic Has One Uploads Go Here"
-      });
-      $[22] = t5;
-    } else {
-      t5 = $[22];
-    }
-    return t5;
+    relationTo,
+    value
+  } = fileDoc;
+  const id = String(value?.id);
+  const url = value.thumbnailURL || value.url;
+  let src;
+  try {
+    src = new URL(url, serverURL).toString();
+  } catch {
+    src = `${serverURL}${url}`;
   }
-  return null;
-};
+  return /*#__PURE__*/_jsx(UploadCard, {
+    className: [baseClass, className].filter(Boolean).join(' '),
+    children: /*#__PURE__*/_jsx(RelationshipContent, {
+      allowEdit: !readonly,
+      allowRemove: !readonly,
+      alt: value?.alt || value?.filename,
+      byteSize: value.filesize,
+      collectionSlug: relationTo,
+      filename: value.filename,
+      id: id,
+      mimeType: value?.mimeType,
+      onRemove: onRemove,
+      reloadDoc: reloadDoc,
+      src: src,
+      x: value?.width,
+      y: value?.height
+    })
+  });
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useConfig","UploadInputHasOne","UploadComponentHasOne","props","$","canCreate","descriptionProps","disabled","errorProps","field","t0","fieldHookResult","labelProps","onChange","admin","t1","label","relationTo","required","t2","undefined","className","style","width","config","t3","collections","routes","t4","serverURL","api","apiRoute","t5","Symbol","for","t6","coll","slug","collection","find","upload","_jsx","Description","components","Error","Label","allowNewUpload","filterOptions","readOnly","showError","value","children"],"sources":["../../../../src/fields/Upload/HasOne/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldProps } from 'payload'\n\nimport React from 'react'\n\nimport type { useField } from '../../../forms/useField/index.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { UploadInputHasOne } from './Input.js'\nimport './index.scss'\n\nexport type UploadFieldPropsWithContext<TValue extends string | string[] = string> = {\n  readonly canCreate: boolean\n  readonly disabled: boolean\n  readonly fieldHookResult: ReturnType<typeof useField<TValue>>\n  readonly onChange: (value: unknown) => void\n} & UploadFieldProps\n\nexport const UploadComponentHasOne: React.FC<UploadFieldPropsWithContext> = (props) => {\n  const {\n    canCreate,\n    descriptionProps,\n    disabled,\n    errorProps,\n    field,\n    field: { admin: { className, style, width } = {}, label, relationTo, required },\n    fieldHookResult,\n    labelProps,\n    onChange,\n  } = props\n\n  const {\n    config: {\n      collections,\n      routes: { api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n\n  if (typeof relationTo === 'string') {\n    const collection = collections.find((coll) => coll.slug === relationTo)\n\n    if (collection.upload) {\n      return (\n        <UploadInputHasOne\n          Description={field?.admin?.components?.Description}\n          Error={field?.admin?.components?.Error}\n          Label={field?.admin?.components?.Label}\n          allowNewUpload={canCreate}\n          api={apiRoute}\n          className={className}\n          collection={collection}\n          descriptionProps={descriptionProps}\n          errorProps={errorProps}\n          filterOptions={fieldHookResult.filterOptions}\n          label={label}\n          labelProps={labelProps}\n          onChange={onChange}\n          readOnly={disabled}\n          relationTo={relationTo}\n          required={required}\n          serverURL={serverURL}\n          showError={fieldHookResult.showError}\n          style={style}\n          value={fieldHookResult.value}\n          width={width}\n        />\n      )\n    }\n  } else {\n    return <div>Polymorphic Has One Uploads Go Here</div>\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","RelationshipContent","UploadCard","baseClass","UploadComponentHasOne","props","className","fileDoc","onRemove","readonly","reloadDoc","serverURL","relationTo","value","id","String","url","thumbnailURL","src","URL","toString","_jsx","filter","Boolean","join","allowEdit","allowRemove","alt","filename","byteSize","filesize","collectionSlug","mimeType","x","width","y","height"],"sources":["../../../../src/fields/Upload/HasOne/index.tsx"],"sourcesContent":["'use client'\n\nimport type { JsonObject } from 'payload'\n\nimport React from 'react'\n\nimport type { ReloadDoc } from '../types.js'\n\nimport { RelationshipContent } from '../RelationshipContent/index.js'\nimport { UploadCard } from '../UploadCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'upload upload--has-one'\n\ntype Props = {\n  readonly className?: string\n  readonly fileDoc: {\n    relationTo: string\n    value: JsonObject\n  }\n  readonly onRemove?: () => void\n  readonly readonly?: boolean\n  readonly reloadDoc: ReloadDoc\n  readonly serverURL: string\n}\n\nexport function UploadComponentHasOne(props: Props) {\n  const { className, fileDoc, onRemove, readonly, reloadDoc, serverURL } = props\n  const { relationTo, value } = fileDoc\n  const id = String(value?.id)\n\n  const url: string = value.thumbnailURL || value.url\n  let src: string\n\n  try {\n    src = new URL(url, serverURL).toString()\n  } catch {\n    src = `${serverURL}${url}`\n  }\n\n  return (\n    <UploadCard className={[baseClass, className].filter(Boolean).join(' ')}>\n      <RelationshipContent\n        allowEdit={!readonly}\n        allowRemove={!readonly}\n        alt={(value?.alt || value?.filename) as string}\n        byteSize={value.filesize as number}\n        collectionSlug={relationTo}\n        filename={value.filename as string}\n        id={id}\n        mimeType={value?.mimeType as string}\n        onRemove={onRemove}\n        reloadDoc={reloadDoc}\n        src={src}\n        x={value?.width as number}\n        y={value?.height as number}\n      />\n    </UploadCard>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,MAAW;AAIlB,SAASC,mBAAmB,QAAQ;AACpC,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAclB,OAAO,SAASC,sBAAsBC,KAAY;EAChD,MAAM;IAAEC,SAAS;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAS,CAAE,GAAGN,KAAA;EACzE,MAAM;IAAEO,UAAU;IAAEC;EAAK,CAAE,GAAGN,OAAA;EAC9B,MAAMO,EAAA,GAAKC,MAAA,CAAOF,KAAA,EAAOC,EAAA;EAEzB,MAAME,GAAA,GAAcH,KAAA,CAAMI,YAAY,IAAIJ,KAAA,CAAMG,GAAG;EACnD,IAAIE,GAAA;EAEJ,IAAI;IACFA,GAAA,GAAM,IAAIC,GAAA,CAAIH,GAAA,EAAKL,SAAA,EAAWS,QAAQ;EACxC,EAAE,MAAM;IACNF,GAAA,GAAM,GAAGP,SAAA,GAAYK,GAAA,EAAK;EAC5B;EAEA,oBACEK,IAAA,CAACnB,UAAA;IAAWI,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACgB,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;cACjE,aAAAH,IAAA,CAACpB,mBAAA;MACCwB,SAAA,EAAW,CAAChB,QAAA;MACZiB,WAAA,EAAa,CAACjB,QAAA;MACdkB,GAAA,EAAMd,KAAA,EAAOc,GAAA,IAAOd,KAAA,EAAOe,QAAA;MAC3BC,QAAA,EAAUhB,KAAA,CAAMiB,QAAQ;MACxBC,cAAA,EAAgBnB,UAAA;MAChBgB,QAAA,EAAUf,KAAA,CAAMe,QAAQ;MACxBd,EAAA,EAAIA,EAAA;MACJkB,QAAA,EAAUnB,KAAA,EAAOmB,QAAA;MACjBxB,QAAA,EAAUA,QAAA;MACVE,SAAA,EAAWA,SAAA;MACXQ,GAAA,EAAKA,GAAA;MACLe,CAAA,EAAGpB,KAAA,EAAOqB,KAAA;MACVC,CAAA,EAAGtB,KAAA,EAAOuB;;;AAIlB","ignoreList":[]}

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

@@ -1,75 +1,8 @@
 @import '../../../scss/styles.scss';
 
-.upload {
-  position: relative;
-  max-width: 100%;
-
-  &__wrap {
-    background: var(--theme-elevation-50);
-    padding: base(1.6);
-    border-radius: $style-radius-s;
-  }
-
-  &__buttons {
-    width: calc(100% + #{base(0.5)});
-    flex-wrap: wrap;
-    display: flex;
-    align-items: center;
-    gap: base(0.4);
-
-    .btn {
-      margin: 0;
-    }
-  }
-
-  &__toggler {
-    min-width: base(7);
-  }
-
-  @include mid-break {
-    &__wrap {
-      padding: base(0.75);
-    }
-
-    &__toggler {
-      width: calc(100% - #{base(0.5)});
-    }
-  }
-
-  &.read-only {
-    .file-details {
-      @include readOnly;
-      color: var(--theme-elevation-600);
-    }
-  }
-}
-
-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'] {
+@layer payload-default {
   .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);
-      }
-    }
+    position: relative;
+    max-width: 100%;
   }
 }

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

@@ -0,0 +1,40 @@
+import type { ClientCollectionConfig, FieldLabelClientProps, FilterOptionsResult, StaticDescription, StaticLabel, UploadFieldClient, UploadField as UploadFieldType } from 'payload';
+import type { MarkOptional } from 'ts-essentials';
+import React from 'react';
+import './index.scss';
+export declare const baseClass = "upload";
+export type UploadInputProps = {
+    readonly AfterInput?: React.ReactNode;
+    readonly allowCreate?: boolean;
+    /**
+     * Controls the visibility of the "Create new collection" button
+     */
+    readonly api?: string;
+    readonly BeforeInput?: React.ReactNode;
+    readonly className?: string;
+    readonly collection?: ClientCollectionConfig;
+    readonly customUploadActions?: React.ReactNode[];
+    readonly Description?: React.ReactNode;
+    readonly description?: StaticDescription;
+    readonly Error?: React.ReactNode;
+    readonly filterOptions?: FilterOptionsResult;
+    readonly hasMany?: boolean;
+    readonly isSortable?: boolean;
+    readonly Label?: React.ReactNode;
+    readonly label?: StaticLabel;
+    readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>;
+    readonly localized?: boolean;
+    readonly maxRows?: number;
+    readonly onChange?: (e: any) => void;
+    readonly path: string;
+    readonly readOnly?: boolean;
+    readonly relationTo: UploadFieldType['relationTo'];
+    readonly required?: boolean;
+    readonly serverURL?: string;
+    readonly showError?: boolean;
+    readonly style?: React.CSSProperties;
+    readonly value?: (number | string)[] | (number | string);
+    readonly width?: React.CSSProperties['width'];
+};
+export declare function UploadInput(props: UploadInputProps): React.JSX.Element;
+//# 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,EACV,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,EAEnB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,WAAW,IAAI,eAAe,EAE/B,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAIjD,OAAO,KAA0C,MAAM,OAAO,CAAA;AAqB9D,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,WAAW,CAAA;AAIjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,sBAAsB,CAAA;IAC5C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;CAC9C,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBA4flD"}