@payloadcms/ui 3.0.0-beta.9 → 3.0.0-beta.91

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["qs","Fragment","useCallback","useEffect","useMemo","useState","AddNewRelation","Button","DraggableSortable","FileDetails","useListDrawer","useConfig","useLocale","useTranslation","FieldLabel","baseClass","UploadComponentHasMany","props","canCreate","field","_path","admin","components","Label","isSortable","hasMany","label","relationTo","fieldHookResult","filterOptions","filterOptionsFromProps","setValue","value","readOnly","i18n","t","config","collections","routes","api","serverURL","id","not_in","fileDocs","setFileDocs","missingFiles","setMissingFiles","code","length","query","depth","draft","locale","where","and","in","fetchFile","response","fetch","body","stringify","credentials","headers","language","method","ok","json","docs","moveItemInArray","array","moveFromIndex","moveToIndex","newArray","item","splice","moveRow","updatedArray","removeItem","index","ListDrawer","ListDrawerToggler","collectionSlugs","map","collection","slug","find","coll","labels","joinWithCommaAndOr","items","or","join","slice","forEach","includes","push","singular","onBulkSelect","selections","selectedIDs","Object","entries","reduce","acc","key","_jsxs","className","_jsx","ids","onDragEnd","Boolean","doc","uploadConfig","upload","collectionSlug","rowIndex","buttonStyle","el","icon","iconPosition","iconStyle","path","unstyled","disabled","onClick","type","enableRowSelections","onSelect","selection","docID"],"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  // Get the labels of the collections that the relation is to\n  const labels = useMemo(() => {\n    function joinWithCommaAndOr(items: string[]): string {\n      const or = t('general:or')\n\n      if (items.length === 0) return ''\n      if (items.length === 1) return items[0]\n      if (items.length === 2) return items.join(` ${or} `)\n\n      return items.slice(0, -1).join(', ') + ` ${or} ` + items[items.length - 1]\n    }\n\n    const labels = []\n\n    collections.forEach((collection) => {\n      if (relationTo.includes(collection.slug)) {\n        labels.push(collection.labels?.singular || collection.slug)\n      }\n    })\n\n    return joinWithCommaAndOr(labels)\n  }, [collections, relationTo, t])\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:noRowsSelected', { label: labels })}\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          {Boolean(value.length) && (\n            <button\n              className={`${baseClass}__clear-all`}\n              onClick={() => setValue([])}\n              type=\"button\"\n            >\n              {t('general:clearAll')}\n            </button>\n          )}\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":"AAAA;;;AAGA,YAAYA,EAAA,MAAQ;AACpB,SAASC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AAKpE,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAE3B,MAAMC,SAAA,GAAY;AAElB,OAAO;AAEP,OAAO,MAAMC,sBAAA,GAA2EC,KAAA;EACtF,MAAM;IACJC,SAAS;IACTC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAK;MACLC,KAAA,EAAO;QACLC,UAAA,EAAY;UAAEC;QAAK,CAAE;QACrBC;MAAU,CACX;MACDC,OAAO;MACPC,KAAK;MACLC;IAAU,CACX;IACDC,eAAA,EAAiB;MAAEC,aAAA,EAAeC,sBAAsB;MAAEC,QAAQ;MAAEC;IAAK,CAAE;IAC3EC;EAAQ,CACT,GAAGhB,KAAA;EAEJ,MAAM;IAAEiB,IAAI;IAAEC;EAAC,CAAE,GAAGtB,cAAA;EAEpB,MAAM;IACJuB,MAAA,EAAQ;MACNC,WAAW;MACXC,MAAA,EAAQ;QAAEC;MAAG,CAAE;MACfC;IAAS;EACV,CACF,GAAG7B,SAAA;EAEJ,MAAMkB,aAAA,GAAqCzB,OAAA,CAAQ;IACjD,IAAI,OAAOuB,UAAA,KAAe,UAAU;MAClC,OAAO;QACL,GAAGG,sBAAsB;QACzB,CAACH,UAAA,GAAa;UACZ,IAAIG,sBAAC,GAAyBH,UAAA,CAAW,IAAY,CAAC,CAAC;UACvDc,EAAA,EAAI;YACF,IAAIX,sBAAC,GAAyBH,UAAA,CAAW,EAAUc,EAAA,IAAM,CAAC,CAAC;YAC3DC,MAAA,EAAQZ,sBAAC,GAAyBH,UAAA,CAAW,EAAUc,EAAA,EAAIC,MAAA,IAAUV;UACvE;QACF;MACF;IACF;EACF,GAAG,CAACA,KAAA,EAAOL,UAAA,EAAYG,sBAAA,CAAuB;EAE9C,MAAM,CAACa,QAAA,EAAUC,WAAA,CAAY,GAAGvC,QAAA,CAAS,EAAE;EAC3C,MAAM,CAACwC,YAAA,EAAcC,eAAA,CAAgB,GAAGzC,QAAA,CAAS;EAEjD,MAAM;IAAE0C;EAAI,CAAE,GAAGnC,SAAA;EAEjBT,SAAA,CAAU;IACR,IAAI6B,KAAA,KAAU,QAAQ,OAAOA,KAAA,KAAU,eAAeA,KAAA,CAAMgB,MAAM,KAAK,GAAG;MACxE,MAAMC,KAAA,GAGF;QACFC,KAAA,EAAO;QACPC,KAAA,EAAO;QACPC,MAAA,EAAQL,IAAA;QACRM,KAAA,EAAO;UACLC,GAAA,EAAK,CACH;YACEb,EAAA,EAAI;cACFc,EAAA,EAAIvB;YACN;UACF;QAEJ;MACF;MAEA,MAAMwB,SAAA,GAAY,MAAAA,CAAA;QAChB,MAAMC,QAAA,GAAW,MAAMC,KAAA,CAAM,GAAGlB,SAAA,GAAYD,GAAA,IAAOZ,UAAA,EAAY,EAAE;UAC/DgC,IAAA,EAAM3D,EAAA,CAAG4D,SAAS,CAACX,KAAA;UACnBY,WAAA,EAAa;UACbC,OAAA,EAAS;YACP,mBAAmB5B,IAAA,CAAK6B,QAAQ;YAChC,gBAAgB;YAChB,0BAA0B;UAC5B;UACAC,MAAA,EAAQ;QACV;QACA,IAAIP,QAAA,CAASQ,EAAE,EAAE;UACf,MAAMC,IAAA,GAAO,MAAMT,QAAA,CAASS,IAAI;UAChCtB,WAAA,CAAYsB,IAAA,CAAKC,IAAI;QACvB,OAAO;UACLrB,eAAA,CAAgB;UAChBF,WAAA,CAAY,EAAE;QAChB;MACF;MAEA,KAAKY,SAAA;IACP;EACF,GAAG,CAACxB,KAAA,EAAOL,UAAA,EAAYY,GAAA,EAAKC,SAAA,EAAWN,IAAA,EAAMa,IAAA,CAAK;EAElD,SAASqB,gBAAmBC,KAAU,EAAEC,aAAqB,EAAEC,WAAmB;IAChF,MAAMC,QAAA,GAAW,C,GAAIH,KAAA,CAAM;IAC3B,MAAM,CAACI,IAAA,CAAK,GAAGD,QAAA,CAASE,MAAM,CAACJ,aAAA,EAAe;IAE9CE,QAAA,CAASE,MAAM,CAACH,WAAA,EAAa,GAAGE,IAAA;IAEhC,OAAOD,QAAA;EACT;EAEA,MAAMG,OAAA,GAAUzE,WAAA,CACd,CAACoE,eAAA,EAAuBC,aAAA;IACtB,MAAMK,YAAA,GAAeR,eAAA,CAAgBpC,KAAA,EAAOsC,eAAA,EAAeC,aAAA;IAC3DxC,QAAA,CAAS6C,YAAA;EACX,GACA,CAAC5C,KAAA,EAAOD,QAAA,CAAS;EAGnB,MAAM8C,UAAA,GAAa3E,WAAA,CAChB4E,KAAA;IACC,MAAMF,cAAA,GAAe,C,GAAI5C,KAAA,CAAM;IAC/B4C,cAAA,CAAaF,MAAM,CAACI,KAAA,EAAO;IAC3B/C,QAAA,CAAS6C,cAAA;EACX,GACA,CAAC5C,KAAA,EAAOD,QAAA,CAAS;EAGnB,MAAM,CAACgD,UAAA,EAAYC,iBAAA,CAAkB,GAAGtE,aAAA,CAAc;IACpDuE,eAAA,EACE,OAAOtD,UAAA,KAAe,WAClB,CAACA,UAAA,CAAW,GACZU,WAAA,CAAY6C,GAAG,CAAEC,UAAA,IAAeA,UAAA,CAAWC,IAAI;IACrDvD;EACF;EAEA,MAAMsD,YAAA,GAAa9C,WAAA,CAAYgD,IAAI,CAAEC,IAAA,IAASA,IAAA,CAAKF,IAAI,KAAKzD,UAAA;EAE5D;EACA,MAAM4D,QAAA,GAASnF,OAAA,CAAQ;IACrB,SAASoF,mBAAmBC,KAAe;MACzC,MAAMC,EAAA,GAAKvD,CAAA,CAAE;MAEb,IAAIsD,KAAA,CAAMzC,MAAM,KAAK,GAAG,OAAO;MAC/B,IAAIyC,KAAA,CAAMzC,MAAM,KAAK,GAAG,OAAOyC,KAAK,CAAC,EAAE;MACvC,IAAIA,KAAA,CAAMzC,MAAM,KAAK,GAAG,OAAOyC,KAAA,CAAME,IAAI,CAAC,IAAID,EAAA,GAAK;MAEnD,OAAOD,KAAA,CAAMG,KAAK,CAAC,GAAG,CAAC,GAAGD,IAAI,CAAC,QAAQ,IAAID,EAAA,GAAK,GAAGD,KAAK,CAACA,KAAA,CAAMzC,MAAM,GAAG,EAAE;IAC5E;IAEA,MAAMuC,MAAA,GAAS,EAAE;IAEjBlD,WAAA,CAAYwD,OAAO,CAAEV,YAAA;MACnB,IAAIxD,UAAA,CAAWmE,QAAQ,CAACX,YAAA,CAAWC,IAAI,GAAG;QACxCG,MAAA,CAAOQ,IAAI,CAACZ,YAAA,CAAWI,MAAM,EAAES,QAAA,IAAYb,YAAA,CAAWC,IAAI;MAC5D;IACF;IAEA,OAAOI,kBAAA,CAAmBD,MAAA;EAC5B,GAAG,CAAClD,WAAA,EAAaV,UAAA,EAAYQ,CAAA,CAAE;EAE/B,MAAM8D,YAAA,GAAe/F,WAAA,CAClBgG,UAAA;IACC,MAAMC,WAAA,GAAcC,MAAA,CAAOC,OAAO,CAACH,UAAA,EAAYI,MAAM,CACnD,CAACC,GAAA,EAAK,CAACC,GAAA,EAAKxE,OAAA,CAAM,KAAMA,OAAA,GAAQ,C,GAAIuE,GAAA,EAAKC,GAAA,CAAI,GAAGD,GAAA,EAChD,EAAE;IAEJ,IAAIvE,KAAA,EAAOgB,MAAA,EAAQjB,QAAA,CAAS,C,GAAIC,KAAA,E,GAAUmE,WAAA,CAAY,OACjDpE,QAAA,CAASoE,WAAA;EAChB,GACA,CAACpE,QAAA,EAAUC,KAAA,CAAM;EAGnB,oBACEyE,KAAA,CAACxG,QAAA;4BACCwG,KAAA,CAAC;MAAIC,SAAA,EAAW,CAAC3F,SAAA,CAAU,CAAC4E,IAAI,CAAC;8BAC/BgB,IAAA,CAAC7F,UAAA;QAAWS,KAAA,EAAOA,KAAA;QAAOJ,KAAA,EAAOA,KAAA;QAAOO,KAAA,EAAOA;uBAE/CiF,IAAA,CAAC;kBACE9D,YAAA,IAAgB,CAACb,KAAA,EAAOgB,MAAA,gBACvB2D,IAAA,CAAC;UAAID,SAAA,EAAW,CAAC,GAAG3F,SAAA,WAAoB,CAAC,CAAC4E,IAAI,CAAC;oBAC5CxD,CAAA,CAAE,0BAA0B;YAAET,KAAA,EAAO6D;UAAO;0BAG/CoB,IAAA,CAACnG,iBAAA;UACCkG,SAAA,EAAW,GAAG3F,SAAA,kBAA2B;UACzC6F,GAAA,EAAK5E,KAAA;UACL6E,SAAA,EAAWA,CAAC;YAAEvC,aAAa,EAAbA,eAAa;YAAEC,WAAW,EAAXA;UAAW,CAAE,KAAKI,OAAA,CAAQL,eAAA,EAAeC,aAAA;oBAErEuC,OAAA,CAAQ9E,KAAA,CAAMgB,MAAM,KACnBhB,KAAA,CAAMkD,GAAG,CAAC,CAACzC,EAAA,EAAIqC,OAAA;YACb,MAAMiC,KAAA,GAAMpE,QAAA,CAAS0C,IAAI,CAAE0B,GAAA,IAAQA,GAAA,CAAItE,EAAE,KAAKA,EAAA;YAC9C,MAAMuE,YAAA,GAAe7B,YAAA,EAAY8B,MAAA;YAEjC,IAAI,CAACF,KAAA,EAAK;cACR,OAAO;YACT;YAEA,oBACEJ,IAAA,CAAClG,WAAA;cACCyG,cAAA,EAAgBvF,UAAA;cAChBoF,GAAA,EAAKA,KAAA;cACLtF,OAAA,EAAS;cACTD,UAAA,EAAYA,UAAA;cAEZqD,UAAA,EAAYA,UAAA;cACZsC,QAAA,EAAUrC,OAAA;cACVkC,YAAA,EAAcA;eAHTvE,EAAA;UAMX;;uBAKRgE,KAAA,CAAC;QAAIC,SAAA,EAAW,CAAC,GAAG3F,SAAA,YAAqB,CAAC,CAAC4E,IAAI,CAAC;gCAC9Cc,KAAA,CAAC;UAAIC,SAAA,EAAW,CAAC,GAAG3F,SAAA,WAAoB,CAAC,CAAC4E,IAAI,CAAC;qBAC5CzE,SAAA,iBACCyF,IAAA,CAAC;YAAID,SAAA,EAAW,CAAC,GAAG3F,SAAA,WAAoB,CAAC,CAAC4E,IAAI,CAAC;sBAC7C,aAAAgB,IAAA,CAACrG,cAAA;cACCC,MAAA,eACEoG,IAAA,CAACpG,MAAA;gBACC6G,WAAA,EAAY;gBACZC,EAAA,EAAG;gBACHC,IAAA,EAAK;gBACLC,YAAA,EAAa;gBACbC,SAAA,EAAU;0BAETrF,CAAA,CAAE;;cAGPV,OAAA,EAASA,OAAA;cACTgG,IAAA,EAAMrG,KAAA;cACNO,UAAA,EAAYA,UAAA;cACZI,QAAA,EAAUA,QAAA;cACV2F,QAAQ;cACR1F,KAAA,EAAOA;;2BAIb2E,IAAA,CAAC3B,iBAAA;YAAkB0B,SAAA,EAAW,GAAG3F,SAAA,WAAoB;YAAE4G,QAAA,EAAU1F,QAAA;sBAC/D,aAAA0E,IAAA,CAAC;wBACC,aAAAA,IAAA,CAACpG,MAAA;gBACC6G,WAAA,EAAY;gBACZC,EAAA,EAAG;gBACHC,IAAA,EAAK;gBACLC,YAAA,EAAa;gBACbC,SAAA,EAAU;0BAETrF,CAAA,CAAE;;;;YAKV2E,OAAA,CAAQ9E,KAAA,CAAMgB,MAAM,kBACnB2D,IAAA,CAAC;UACCD,SAAA,EAAW,GAAG3F,SAAA,aAAsB;UACpC6G,OAAA,EAASA,CAAA,KAAM7F,QAAA,CAAS,EAAE;UAC1B8F,IAAA,EAAK;oBAEJ1F,CAAA,CAAE;;;qBAKXwE,IAAA,CAAC5B,UAAA;MACC+C,mBAAmB;MACnB7B,YAAA,EAAcA,YAAA;MACd8B,QAAA,EAAWC,SAAA;QACT,IAAIhG,KAAA,EAAOgB,MAAA,EAAQjB,QAAA,CAAS,C,GAAIC,KAAA,EAAOgG,SAAA,CAAUC,KAAK,CAAC,OAClDlG,QAAA,CAAS,CAACiG,SAAA,CAAUC,KAAK,CAAC;MACjC;;;AAIR","ignoreList":[]}

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

@@ -0,0 +1,71 @@
+@import '../../../scss/styles.scss';
+
+.upload--has-many {
+  position: relative;
+  max-width: 100%;
+
+  &__controls {
+    display: flex;
+    flex-wrap: wrap;
+    gap: base(2);
+    margin-top: base(1);
+
+    @include extra-small-break {
+      gap: base(1);
+    }
+  }
+
+  &__buttons {
+    display: flex;
+    flex-wrap: wrap;
+    gap: base(1);
+
+    & .relationship-add-new__add-button {
+      padding: 0;
+    }
+  }
+
+  &__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;
+    margin-inline-start: auto;
+    color: var(--theme-elevation-800);
+
+    @include extra-small-break {
+      margin-inline-start: 0;
+    }
+  }
+
+  &__draggable-rows {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  &__no-data {
+    background: var(--theme-elevation-50);
+    padding: 1rem 0.75rem;
+    border-radius: 3px;
+    color: var(--theme-elevation-700);
+    text-align: center;
+  }
+}
+
+html[data-theme='light'] {
+  .upload {
+  }
+}
+
+html[data-theme='dark'] {
+  .upload {
+  }
+}

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

@@ -0,0 +1,35 @@
+import type { ClientCollectionConfig, FieldDescriptionClientProps, FieldErrorClientProps, FieldLabelClientProps, FilterOptionsResult, MappedComponent, StaticDescription, StaticLabel, UploadField, UploadFieldClient } from 'payload';
+import type { MarkOptional } from 'ts-essentials';
+import React from 'react';
+import './index.scss';
+export type UploadInputProps = {
+    readonly Description?: MappedComponent;
+    readonly Error?: MappedComponent;
+    readonly Label?: MappedComponent;
+    /**
+     * Controls the visibility of the "Create new collection" button
+     */
+    readonly allowNewUpload?: boolean;
+    readonly api?: string;
+    readonly className?: string;
+    readonly collection?: ClientCollectionConfig;
+    readonly customUploadActions?: React.ReactNode[];
+    readonly description?: StaticDescription;
+    readonly descriptionProps?: FieldDescriptionClientProps<MarkOptional<UploadFieldClient, 'type'>>;
+    readonly errorProps?: FieldErrorClientProps<MarkOptional<UploadFieldClient, 'type'>>;
+    readonly field?: MarkOptional<UploadFieldClient, 'type'>;
+    readonly filterOptions?: FilterOptionsResult;
+    readonly label: StaticLabel;
+    readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>;
+    readonly onChange?: (e: any) => void;
+    readonly readOnly?: boolean;
+    readonly relationTo?: UploadField['relationTo'];
+    readonly required?: boolean;
+    readonly serverURL?: string;
+    readonly showError?: boolean;
+    readonly style?: React.CSSProperties;
+    readonly value?: string;
+    readonly width?: string;
+};
+export declare const UploadInputHasOne: React.FC<UploadInputProps>;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/fields/Upload/HasOne/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAGjD,OAAO,KAA2C,MAAM,OAAO,CAAA;AAe/D,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC;;OAEG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,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,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,2BAA2B,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IAChG,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;IAC/C,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,MAAM,CAAA;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuKxD,CAAA"}

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

@@ -0,0 +1,324 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import React, { useCallback, useEffect, useState } from 'react';
+import { Button } from '../../../elements/Button/index.js';
+import { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js';
+import { FileDetails } from '../../../elements/FileDetails/index.js';
+import { useListDrawer } from '../../../elements/ListDrawer/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { FieldDescription } from '../../FieldDescription/index.js';
+import { FieldError } from '../../FieldError/index.js';
+import { FieldLabel } from '../../FieldLabel/index.js';
+import { fieldBaseClass } from '../../shared/index.js';
+import { baseClass } from '../index.js';
+import './index.scss';
+export const UploadInputHasOne = props => {
+  const $ = _c(78);
+  const {
+    Description,
+    Error,
+    Label,
+    allowNewUpload,
+    api: t0,
+    className,
+    collection,
+    customUploadActions,
+    descriptionProps,
+    errorProps,
+    field,
+    filterOptions,
+    label,
+    labelProps,
+    onChange,
+    readOnly,
+    relationTo,
+    required,
+    serverURL,
+    showError,
+    style,
+    value,
+    width
+  } = props;
+  const api = t0 === undefined ? "/api" : t0;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const [fileDoc, setFileDoc] = useState(undefined);
+  const [missingFile, setMissingFile] = useState(false);
+  const t1 = collection?.slug;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = [t1];
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const [collectionSlugs] = useState(t2);
+  const t3 = collectionSlugs[0];
+  let t4;
+  if ($[2] !== t3) {
+    t4 = {
+      collectionSlug: t3
+    };
+    $[2] = t3;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const [DocumentDrawer, DocumentDrawerToggler, t5] = useDocumentDrawer(t4);
+  const {
+    closeDrawer
+  } = t5;
+  let t6;
+  if ($[4] !== collectionSlugs || $[5] !== filterOptions) {
+    t6 = {
+      collectionSlugs,
+      filterOptions
+    };
+    $[4] = collectionSlugs;
+    $[5] = filterOptions;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  const [ListDrawer, ListDrawerToggler, t7] = useListDrawer(t6);
+  const {
+    closeDrawer: closeListDrawer
+  } = t7;
+  let t8;
+  if ($[7] !== value || $[8] !== serverURL || $[9] !== api || $[10] !== relationTo || $[11] !== i18n.language) {
+    t8 = () => {
+      if (value !== null && typeof value !== "undefined" && value !== "") {
+        const fetchFile = async () => {
+          const response = await fetch(`${serverURL}${api}/${relationTo}/${value}`, {
+            credentials: "include",
+            headers: {
+              "Accept-Language": i18n.language
+            }
+          });
+          if (response.ok) {
+            const json = await response.json();
+            setFileDoc(json);
+          } else {
+            setMissingFile(true);
+            setFileDoc(undefined);
+          }
+        };
+        fetchFile();
+      } else {
+        setFileDoc(undefined);
+      }
+    };
+    $[7] = value;
+    $[8] = serverURL;
+    $[9] = api;
+    $[10] = relationTo;
+    $[11] = i18n.language;
+    $[12] = t8;
+  } else {
+    t8 = $[12];
+  }
+  let t9;
+  if ($[13] !== value || $[14] !== relationTo || $[15] !== api || $[16] !== serverURL || $[17] !== i18n) {
+    t9 = [value, relationTo, api, serverURL, i18n];
+    $[13] = value;
+    $[14] = relationTo;
+    $[15] = api;
+    $[16] = serverURL;
+    $[17] = i18n;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  useEffect(t8, t9);
+  let t10;
+  if ($[19] !== onChange || $[20] !== closeDrawer) {
+    t10 = args => {
+      setMissingFile(false);
+      onChange(args.doc);
+      closeDrawer();
+    };
+    $[19] = onChange;
+    $[20] = closeDrawer;
+    $[21] = t10;
+  } else {
+    t10 = $[21];
+  }
+  const onSave = t10;
+  let t11;
+  if ($[22] !== onChange || $[23] !== closeListDrawer) {
+    t11 = args_0 => {
+      setMissingFile(false);
+      onChange({
+        id: args_0.docID
+      });
+      closeListDrawer();
+    };
+    $[22] = onChange;
+    $[23] = closeListDrawer;
+    $[24] = t11;
+  } else {
+    t11 = $[24];
+  }
+  const onSelect = t11;
+  if (collection.upload && typeof relationTo === "string") {
+    const t12 = showError && "error";
+    const t13 = readOnly && "read-only";
+    let t14;
+    if ($[25] !== className || $[26] !== t12 || $[27] !== t13) {
+      t14 = [fieldBaseClass, baseClass, className, t12, t13].filter(Boolean);
+      $[25] = className;
+      $[26] = t12;
+      $[27] = t13;
+      $[28] = t14;
+    } else {
+      t14 = $[28];
+    }
+    const t15 = t14.join(" ");
+    let t16;
+    if ($[29] !== style || $[30] !== width || $[31] !== labelProps || $[32] !== Label || $[33] !== field || $[34] !== label || $[35] !== required || $[36] !== errorProps || $[37] !== Error || $[38] !== collection || $[39] !== fileDoc || $[40] !== missingFile || $[41] !== readOnly || $[42] !== onChange || $[43] !== relationTo || $[44] !== customUploadActions || $[45] !== allowNewUpload || $[46] !== i18n || $[47] !== t || $[48] !== DocumentDrawerToggler || $[49] !== ListDrawerToggler || $[50] !== descriptionProps || $[51] !== Description || $[52] !== onSave || $[53] !== DocumentDrawer || $[54] !== onSelect || $[55] !== ListDrawer || $[56] !== t15) {
+      let t17;
+      if ($[58] !== labelProps) {
+        t17 = labelProps || {};
+        $[58] = labelProps;
+        $[59] = t17;
+      } else {
+        t17 = $[59];
+      }
+      let t18;
+      if ($[60] !== errorProps) {
+        t18 = errorProps || {};
+        $[60] = errorProps;
+        $[61] = t18;
+      } else {
+        t18 = $[61];
+      }
+      let t19;
+      if ($[62] !== collection || $[63] !== fileDoc || $[64] !== missingFile || $[65] !== readOnly || $[66] !== onChange || $[67] !== relationTo || $[68] !== customUploadActions || $[69] !== allowNewUpload || $[70] !== i18n || $[71] !== t || $[72] !== DocumentDrawerToggler || $[73] !== ListDrawerToggler || $[74] !== descriptionProps || $[75] !== Description || $[76] !== field) {
+        t19 = collection?.upload && _jsxs(React.Fragment, {
+          children: [fileDoc && !missingFile && _jsx(FileDetails, {
+            collectionSlug: relationTo,
+            customUploadActions,
+            doc: fileDoc,
+            handleRemove: readOnly ? undefined : () => {
+              onChange(null);
+            },
+            uploadConfig: collection.upload
+          }), (!fileDoc || missingFile) && _jsx("div", {
+            className: `${baseClass}__wrap`,
+            children: _jsxs("div", {
+              className: `${baseClass}__buttons`,
+              children: [allowNewUpload && _jsx(DocumentDrawerToggler, {
+                className: `${baseClass}__toggler`,
+                disabled: readOnly,
+                children: _jsx(Button, {
+                  buttonStyle: "secondary",
+                  disabled: readOnly,
+                  el: "div",
+                  children: t("fields:uploadNewLabel", {
+                    label: getTranslation(collection.labels.singular, i18n)
+                  })
+                })
+              }), _jsx(ListDrawerToggler, {
+                className: `${baseClass}__toggler`,
+                disabled: readOnly,
+                children: _jsx(Button, {
+                  buttonStyle: "secondary",
+                  disabled: readOnly,
+                  el: "div",
+                  children: t("fields:chooseFromExisting")
+                })
+              })]
+            })
+          }), _jsx(FieldDescription, {
+            Description,
+            field,
+            ...(descriptionProps || {})
+          })]
+        });
+        $[62] = collection;
+        $[63] = fileDoc;
+        $[64] = missingFile;
+        $[65] = readOnly;
+        $[66] = onChange;
+        $[67] = relationTo;
+        $[68] = customUploadActions;
+        $[69] = allowNewUpload;
+        $[70] = i18n;
+        $[71] = t;
+        $[72] = DocumentDrawerToggler;
+        $[73] = ListDrawerToggler;
+        $[74] = descriptionProps;
+        $[75] = Description;
+        $[76] = field;
+        $[77] = t19;
+      } else {
+        t19 = $[77];
+      }
+      t16 = _jsxs("div", {
+        className: t15,
+        style: {
+          ...style,
+          width
+        },
+        children: [_jsx(FieldLabel, {
+          Label,
+          field,
+          label,
+          required,
+          ...t17
+        }), _jsxs("div", {
+          className: `${fieldBaseClass}__wrap`,
+          children: [_jsx(FieldError, {
+            CustomError: Error,
+            field,
+            ...t18
+          }), t19, !readOnly && _jsx(DocumentDrawer, {
+            onSave
+          }), !readOnly && _jsx(ListDrawer, {
+            onSelect
+          })]
+        })]
+      });
+      $[29] = style;
+      $[30] = width;
+      $[31] = labelProps;
+      $[32] = Label;
+      $[33] = field;
+      $[34] = label;
+      $[35] = required;
+      $[36] = errorProps;
+      $[37] = Error;
+      $[38] = collection;
+      $[39] = fileDoc;
+      $[40] = missingFile;
+      $[41] = readOnly;
+      $[42] = onChange;
+      $[43] = relationTo;
+      $[44] = customUploadActions;
+      $[45] = allowNewUpload;
+      $[46] = i18n;
+      $[47] = t;
+      $[48] = DocumentDrawerToggler;
+      $[49] = ListDrawerToggler;
+      $[50] = descriptionProps;
+      $[51] = Description;
+      $[52] = onSave;
+      $[53] = DocumentDrawer;
+      $[54] = onSelect;
+      $[55] = ListDrawer;
+      $[56] = t15;
+      $[57] = t16;
+    } else {
+      t16 = $[57];
+    }
+    return t16;
+  }
+  return null;
+};
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","useCallback","useEffect","useState","Button","useDocumentDrawer","FileDetails","useListDrawer","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","baseClass","UploadInputHasOne","props","$","Description","Error","Label","allowNewUpload","api","t0","className","collection","customUploadActions","descriptionProps","errorProps","field","filterOptions","label","labelProps","onChange","readOnly","relationTo","required","serverURL","showError","style","value","width","undefined","i18n","t","fileDoc","setFileDoc","missingFile","setMissingFile","t1","slug","t2","collectionSlugs","t3","t4","collectionSlug","DocumentDrawer","DocumentDrawerToggler","t5","closeDrawer","t6","ListDrawer","ListDrawerToggler","t7","closeListDrawer","t8","language","fetchFile","response","fetch","credentials","headers","ok","json","t9","t10","args","doc","onSave","t11","args_0","id","docID","onSelect","upload","t12","t13","t14","filter","Boolean","t15","join","t16","t17","t18","t19","_jsxs","Fragment","children","_jsx","handleRemove","uploadConfig","disabled","buttonStyle","el","labels","singular","CustomError"],"sources":["../../../../src/fields/Upload/HasOne/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientCollectionConfig,\n  FieldDescriptionClientProps,\n  FieldErrorClientProps,\n  FieldLabelClientProps,\n  FilterOptionsResult,\n  MappedComponent,\n  StaticDescription,\n  StaticLabel,\n  UploadField,\n  UploadFieldClient,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../../../elements/DocumentDrawer/types.js'\nimport type { ListDrawerProps } from '../../../elements/ListDrawer/types.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js'\nimport { FileDetails } from '../../../elements/FileDetails/index.js'\nimport { useListDrawer } from '../../../elements/ListDrawer/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { FieldDescription } from '../../FieldDescription/index.js'\nimport { FieldError } from '../../FieldError/index.js'\nimport { FieldLabel } from '../../FieldLabel/index.js'\nimport { fieldBaseClass } from '../../shared/index.js'\nimport { baseClass } from '../index.js'\nimport './index.scss'\n\nexport type UploadInputProps = {\n  readonly Description?: MappedComponent\n  readonly Error?: MappedComponent\n  readonly Label?: MappedComponent\n  /**\n   * Controls the visibility of the \"Create new collection\" button\n   */\n  readonly allowNewUpload?: boolean\n  readonly api?: string\n  readonly className?: string\n  readonly collection?: ClientCollectionConfig\n  readonly customUploadActions?: React.ReactNode[]\n  readonly description?: StaticDescription\n  readonly descriptionProps?: FieldDescriptionClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly errorProps?: FieldErrorClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly field?: MarkOptional<UploadFieldClient, 'type'>\n  readonly filterOptions?: FilterOptionsResult\n  readonly label: StaticLabel\n  readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly onChange?: (e) => void\n  readonly readOnly?: boolean\n  readonly relationTo?: UploadField['relationTo']\n  readonly required?: boolean\n  readonly serverURL?: string\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string\n  readonly width?: string\n}\n\nexport const UploadInputHasOne: React.FC<UploadInputProps> = (props) => {\n  const {\n    Description,\n    Error,\n    Label,\n    allowNewUpload,\n    api = '/api',\n    className,\n    collection,\n    customUploadActions,\n    descriptionProps,\n    errorProps,\n    field,\n    filterOptions,\n    label,\n    labelProps,\n    onChange,\n    readOnly,\n    relationTo,\n    required,\n    serverURL,\n    showError,\n    style,\n    value,\n    width,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const [fileDoc, setFileDoc] = useState(undefined)\n  const [missingFile, setMissingFile] = useState(false)\n  const [collectionSlugs] = useState([collection?.slug])\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n    collectionSlug: collectionSlugs[0],\n  })\n\n  const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer }] = useListDrawer({\n    collectionSlugs,\n    filterOptions,\n  })\n\n  useEffect(() => {\n    if (value !== null && typeof value !== 'undefined' && value !== '') {\n      const fetchFile = async () => {\n        const response = await fetch(`${serverURL}${api}/${relationTo}/${value}`, {\n          credentials: 'include',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n        })\n        if (response.ok) {\n          const json = await response.json()\n          setFileDoc(json)\n        } else {\n          setMissingFile(true)\n          setFileDoc(undefined)\n        }\n      }\n\n      void fetchFile()\n    } else {\n      setFileDoc(undefined)\n    }\n  }, [value, relationTo, api, serverURL, i18n])\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      setMissingFile(false)\n      onChange(args.doc)\n      closeDrawer()\n    },\n    [onChange, closeDrawer],\n  )\n\n  const onSelect = useCallback<ListDrawerProps['onSelect']>(\n    (args) => {\n      setMissingFile(false)\n      onChange({\n        id: args.docID,\n      })\n      closeListDrawer()\n    },\n    [onChange, closeListDrawer],\n  )\n\n  if (collection.upload && typeof relationTo === 'string') {\n    return (\n      <div\n        className={[\n          fieldBaseClass,\n          baseClass,\n          className,\n          showError && 'error',\n          readOnly && 'read-only',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        style={{\n          ...style,\n          width,\n        }}\n      >\n        <FieldLabel\n          Label={Label}\n          field={field}\n          label={label}\n          required={required}\n          {...(labelProps || {})}\n        />\n        <div className={`${fieldBaseClass}__wrap`}>\n          <FieldError CustomError={Error} field={field} {...(errorProps || {})} />\n          {collection?.upload && (\n            <React.Fragment>\n              {fileDoc && !missingFile && (\n                <FileDetails\n                  collectionSlug={relationTo}\n                  customUploadActions={customUploadActions}\n                  doc={fileDoc}\n                  handleRemove={\n                    readOnly\n                      ? undefined\n                      : () => {\n                          onChange(null)\n                        }\n                  }\n                  uploadConfig={collection.upload}\n                />\n              )}\n              {(!fileDoc || missingFile) && (\n                <div className={`${baseClass}__wrap`}>\n                  <div className={`${baseClass}__buttons`}>\n                    {allowNewUpload && (\n                      <DocumentDrawerToggler\n                        className={`${baseClass}__toggler`}\n                        disabled={readOnly}\n                      >\n                        <Button buttonStyle=\"secondary\" disabled={readOnly} el=\"div\">\n                          {t('fields:uploadNewLabel', {\n                            label: getTranslation(collection.labels.singular, i18n),\n                          })}\n                        </Button>\n                      </DocumentDrawerToggler>\n                    )}\n                    <ListDrawerToggler className={`${baseClass}__toggler`} disabled={readOnly}>\n                      <Button buttonStyle=\"secondary\" disabled={readOnly} el=\"div\">\n                        {t('fields:chooseFromExisting')}\n                      </Button>\n                    </ListDrawerToggler>\n                  </div>\n                </div>\n              )}\n              <FieldDescription\n                Description={Description}\n                field={field}\n                {...(descriptionProps || {})}\n              />\n            </React.Fragment>\n          )}\n          {!readOnly && <DocumentDrawer onSave={onSave} />}\n          {!readOnly && <ListDrawer onSelect={onSelect} />}\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+import type { UploadFieldProps } from 'payload';
+import React from 'react';
+import type { useField } from '../../../forms/useField/index.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>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,131 @@
+'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 './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 {
+    className,
+    style,
+    width
+  } = t2;
+  const {
+    config: t3
+  } = useConfig();
+  const {
+    collections,
+    routes: t4,
+    serverURL
+  } = t3;
+  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;
+  }
+  return null;
+};
+//# sourceMappingURL=index.js.map