@payloadcms/ui 3.0.0-canary.a5aaf21 → 3.0.0-canary.a6e7305

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["c","_c","useModal","qs","React","useCallback","useEffect","useMemo","useBulkUpload","Button","useDocumentDrawer","Dropzone","useListDrawer","ShimmerEffect","useAuth","useLocale","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","UploadComponentHasMany","UploadComponentHasOne","baseClass","UploadInput","props","$","api","className","Description","description","descriptionProps","Error","errorProps","field","filterOptions","filterOptionsFromProps","hasMany","isSortable","Label","label","labelProps","maxRows","onChange","onChangeFromProps","path","readOnly","relationTo","required","serverURL","showError","style","value","width","populatedDocs","setPopulatedDocs","useState","activeRelationTo","Array","isArray","openModal","drawerSlug","setCollectionSlug","setInitialFiles","setMaxFiles","setOnSuccess","permissions","code","i18n","t","t0","t1","t2","id","t3","not_in","t4","concat","t5","t6","t7","t8","t9","collectionSlugs","ListDrawer","t10","closeDrawer","closeListDrawer","openDrawer","openListDrawer","t11","collectionSlug","CreateDocDrawer","t12","closeCreateDocDrawer","openCreateDocDrawer","loadedValueDocsRef","useRef","t13","bb0","collections","create","permission","canCreate","t14","newValue","t15","language","ids","relatedCollectionSlug","query","depth","draft","limit","length","locale","where","and","in","response","fetch","body","stringify","credentials","headers","method","ok","json","sortedDocs","map","docs","find","doc","String","populateDocs","t16","newDocs","mergedValue","doc_0","currentDocs","doc_1","firstDoc","onUploadSuccess","t17","fileList","fileListToUse","dataTransfer","DataTransfer","items","add","files","onLocalFileSelection","t18","selectedDocIDs","id_0","isSelected","push","loadedDocs","currentDocs_0","doc_2","onListBulkSelect","t19","data","currentDocs_1","onDocCreate","t20","t21","docID","loadedDocs_0","selectedDoc","currentDocs_2","onListSelect","newValue_0","newValueIDs","t22","value_0","onReorder","newValue_1","newValueIDs_0","t23","value_1","onRemove","t24","loadInitialDocs","loadedDocs_1","doc_3","current","showDropzone","t25","t26","t27","filter","Boolean","t28","join","t29","replace","t30","t31","t32","t33","_jsxs","children","_jsx","CustomError","_Fragment","fileDocs","readonly","_temp","fileDoc","height","multipleFiles","buttonStyle","disabled","onClick","size","onSave","enableRowSelections","onBulkSelect","onSelect","id_1"],"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientCollectionConfig,\n  FieldDescriptionClientProps,\n  FieldErrorClientProps,\n  FieldLabelClientProps,\n  FilterOptionsResult,\n  JsonObject,\n  MappedComponent,\n  PaginatedDocs,\n  StaticDescription,\n  StaticLabel,\n  UploadFieldClient,\n  UploadField as UploadFieldType,\n  Where,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { useModal } from '@faceless-ui/modal'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo } from 'react'\n\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { Dropzone } from '../../elements/Dropzone/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useLocale } from '../../providers/Locale/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 { UploadComponentHasMany } from './HasMany/index.js'\nimport { UploadComponentHasOne } from './HasOne/index.js'\nimport './index.scss'\n\nexport const baseClass = 'upload'\n\ntype PopulatedDocs = { relationTo: string; value: JsonObject }[]\n\nexport type UploadInputProps = {\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?: MappedComponent\n  readonly description?: StaticDescription\n  readonly descriptionProps?: FieldDescriptionClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly Error?: MappedComponent\n  readonly errorProps?: FieldErrorClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly field?: MarkOptional<UploadFieldClient, 'type'>\n  readonly filterOptions?: FilterOptionsResult\n  readonly hasMany?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: MappedComponent\n  readonly label?: StaticLabel\n  readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly maxRows?: number\n  readonly onChange?: (e) => void\n  readonly path: string\n  readonly readOnly?: boolean\n  readonly relationTo: UploadFieldType['relationTo']\n  readonly required?: boolean\n  readonly serverURL?: string\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: (number | string)[] | (number | string)\n  readonly width?: React.CSSProperties['width']\n}\n\nexport function UploadInput(props: UploadInputProps) {\n  const {\n    allowNewUpload,\n    api,\n    className,\n    Description,\n    description,\n    descriptionProps,\n    Error,\n    errorProps,\n    field,\n    filterOptions: filterOptionsFromProps,\n    hasMany,\n    isSortable,\n    Label,\n    label,\n    labelProps,\n    maxRows,\n    onChange: onChangeFromProps,\n    path,\n    readOnly,\n    relationTo,\n    required,\n    serverURL,\n    showError,\n    style,\n    value,\n    width,\n  } = props\n\n  const [populatedDocs, setPopulatedDocs] = React.useState<\n    {\n      relationTo: string\n      value: JsonObject\n    }[]\n  >()\n  const [activeRelationTo, setActiveRelationTo] = React.useState<string>(\n    Array.isArray(relationTo) ? relationTo[0] : relationTo,\n  )\n\n  const { openModal } = useModal()\n  const { drawerSlug, setCollectionSlug, setInitialFiles, setMaxFiles, setOnSuccess } =\n    useBulkUpload()\n  const { permissions } = useAuth()\n  const { code } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const filterOptions: FilterOptionsResult = useMemo(() => {\n    return {\n      ...filterOptionsFromProps,\n      [activeRelationTo]: {\n        ...((filterOptionsFromProps?.[activeRelationTo] as any) || {}),\n        id: {\n          ...((filterOptionsFromProps?.[activeRelationTo] as any)?.id || {}),\n          not_in: ((filterOptionsFromProps?.[activeRelationTo] as any)?.id?.not_in || []).concat(\n            ...(Array.isArray(value) || value ? [value] : []),\n          ),\n        },\n      },\n    }\n  }, [value, activeRelationTo, filterOptionsFromProps])\n\n  const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n    useListDrawer({\n      collectionSlugs: typeof relationTo === 'string' ? [relationTo] : relationTo,\n      filterOptions,\n    })\n  const [\n    CreateDocDrawer,\n    ,\n    { closeDrawer: closeCreateDocDrawer, openDrawer: openCreateDocDrawer },\n  ] = useDocumentDrawer({\n    collectionSlug: activeRelationTo,\n  })\n\n  const loadedValueDocsRef = React.useRef<boolean>(false)\n\n  const canCreate = useMemo(() => {\n    if (typeof activeRelationTo === 'string') {\n      if (permissions?.collections && permissions.collections?.[activeRelationTo]?.create) {\n        if (permissions.collections[activeRelationTo].create?.permission === true) {\n          return true\n        }\n      }\n    }\n\n    return false\n  }, [activeRelationTo, permissions])\n\n  const onChange = React.useCallback(\n    (newValue) => {\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newValue)\n      }\n    },\n    [onChangeFromProps],\n  )\n\n  const populateDocs = React.useCallback(\n    async (\n      ids: (number | string)[],\n      relatedCollectionSlug: string,\n    ): Promise<null | PaginatedDocs> => {\n      const query: {\n        [key: string]: unknown\n        where: Where\n      } = {\n        depth: 0,\n        draft: true,\n        limit: ids.length,\n        locale: code,\n        where: {\n          and: [\n            {\n              id: {\n                in: ids,\n              },\n            },\n          ],\n        },\n      }\n\n      const response = await fetch(`${serverURL}${api}/${relatedCollectionSlug}`, {\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        const sortedDocs = ids.map((id) =>\n          json.docs.find((doc) => {\n            return String(doc.id) === String(id)\n          }),\n        )\n\n        return { ...json, docs: sortedDocs }\n      }\n\n      return null\n    },\n    [code, serverURL, api, i18n.language],\n  )\n\n  const onUploadSuccess = useCallback(\n    (newDocs: JsonObject[]) => {\n      if (hasMany) {\n        const mergedValue = [\n          ...(Array.isArray(value) ? value : []),\n          ...newDocs.map((doc) => doc.id),\n        ]\n        onChange(mergedValue)\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          ...newDocs.map((doc) => ({\n            relationTo: activeRelationTo,\n            value: doc,\n          })),\n        ])\n      } else {\n        const firstDoc = newDocs[0]\n        onChange(firstDoc.id)\n        setPopulatedDocs([\n          {\n            relationTo: activeRelationTo,\n            value: firstDoc,\n          },\n        ])\n      }\n    },\n    [value, onChange, activeRelationTo, hasMany],\n  )\n\n  const onLocalFileSelection = React.useCallback(\n    (fileList?: FileList) => {\n      let fileListToUse = fileList\n      if (!hasMany && fileList && fileList.length > 1) {\n        const dataTransfer = new DataTransfer()\n        dataTransfer.items.add(fileList[0])\n        fileListToUse = dataTransfer.files\n      }\n      if (fileListToUse) {\n        setInitialFiles(fileListToUse)\n      }\n      setCollectionSlug(relationTo)\n      setOnSuccess(onUploadSuccess)\n      if (typeof maxRows === 'number') {\n        setMaxFiles(maxRows)\n      }\n      openModal(drawerSlug)\n    },\n    [\n      drawerSlug,\n      hasMany,\n      onUploadSuccess,\n      openModal,\n      relationTo,\n      setCollectionSlug,\n      setInitialFiles,\n      setOnSuccess,\n      maxRows,\n      setMaxFiles,\n    ],\n  )\n\n  // only hasMany can bulk select\n  const onListBulkSelect = React.useCallback<NonNullable<ListDrawerProps['onBulkSelect']>>(\n    async (docs) => {\n      const selectedDocIDs = []\n\n      for (const [id, isSelected] of docs) {\n        if (isSelected) {\n          selectedDocIDs.push(id)\n        }\n      }\n\n      const loadedDocs = await populateDocs(selectedDocIDs, activeRelationTo)\n      if (loadedDocs) {\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          ...loadedDocs.docs.map((doc) => ({\n            relationTo: activeRelationTo,\n            value: doc,\n          })),\n        ])\n      }\n      onChange([...(Array.isArray(value) ? value : []), ...selectedDocIDs])\n      closeListDrawer()\n    },\n    [activeRelationTo, closeListDrawer, onChange, populateDocs, value],\n  )\n\n  const onDocCreate = React.useCallback(\n    (data) => {\n      if (data.doc) {\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          {\n            relationTo: activeRelationTo,\n            value: data.doc,\n          },\n        ])\n\n        onChange(data.doc.id)\n      }\n      closeCreateDocDrawer()\n    },\n    [closeCreateDocDrawer, activeRelationTo, onChange],\n  )\n\n  const onListSelect = React.useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n    async ({ collectionSlug, docID }) => {\n      const loadedDocs = await populateDocs([docID], collectionSlug)\n      const selectedDoc = loadedDocs ? loadedDocs.docs?.[0] : null\n      setPopulatedDocs((currentDocs) => {\n        if (selectedDoc) {\n          if (hasMany) {\n            return [\n              ...(currentDocs || []),\n              {\n                relationTo: activeRelationTo,\n                value: selectedDoc,\n              },\n            ]\n          }\n          return [\n            {\n              relationTo: activeRelationTo,\n              value: selectedDoc,\n            },\n          ]\n        }\n        return currentDocs\n      })\n      if (hasMany) {\n        onChange([...(Array.isArray(value) ? value : []), docID])\n      } else {\n        onChange(docID)\n      }\n      closeListDrawer()\n    },\n    [closeListDrawer, hasMany, populateDocs, onChange, value, activeRelationTo],\n  )\n\n  // only hasMany can reorder\n  const onReorder = React.useCallback(\n    (newValue) => {\n      const newValueIDs = newValue.map(({ value }) => value.id)\n      onChange(newValueIDs)\n      setPopulatedDocs(newValue)\n    },\n    [onChange],\n  )\n\n  const onRemove = React.useCallback(\n    (newValue?: PopulatedDocs) => {\n      const newValueIDs = newValue ? newValue.map(({ value }) => value.id) : null\n      onChange(hasMany ? newValueIDs : newValueIDs ? newValueIDs[0] : null)\n      setPopulatedDocs(newValue ? newValue : [])\n    },\n    [onChange, hasMany],\n  )\n\n  useEffect(() => {\n    async function loadInitialDocs() {\n      if (value) {\n        const loadedDocs = await populateDocs(\n          Array.isArray(value) ? value : [value],\n          activeRelationTo,\n        )\n        if (loadedDocs) {\n          setPopulatedDocs(\n            loadedDocs.docs.map((doc) => ({ relationTo: activeRelationTo, value: doc })),\n          )\n        }\n      }\n\n      loadedValueDocsRef.current = true\n    }\n\n    if (!loadedValueDocsRef.current) {\n      void loadInitialDocs()\n    }\n  }, [populateDocs, activeRelationTo, value])\n\n  const showDropzone =\n    !readOnly &&\n    (!value ||\n      (hasMany && Array.isArray(value) && (typeof maxRows !== 'number' || value.length < maxRows)))\n\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      id={`field-${path.replace(/\\./g, '__')}`}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        Label={Label}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n        field={field as UploadFieldClient}\n      />\n      <div className={`${baseClass}__wrap`}>\n        <FieldError\n          CustomError={Error}\n          path={path}\n          {...(errorProps || {})}\n          field={field as UploadFieldClient}\n        />\n      </div>\n\n      <div className={`${baseClass}__dropzoneAndUpload`}>\n        {hasMany && Array.isArray(value) && value.length > 0 ? (\n          <>\n            {populatedDocs && populatedDocs?.length > 0 ? (\n              <UploadComponentHasMany\n                fileDocs={populatedDocs}\n                isSortable={isSortable && !readOnly}\n                onRemove={onRemove}\n                onReorder={onReorder}\n                readonly={readOnly}\n                serverURL={serverURL}\n              />\n            ) : (\n              <div className={`${baseClass}__loadingRows`}>\n                {value.map((id) => (\n                  <ShimmerEffect height=\"40px\" key={id} />\n                ))}\n              </div>\n            )}\n          </>\n        ) : null}\n\n        {!hasMany && value ? (\n          <>\n            {populatedDocs && populatedDocs?.length > 0 ? (\n              <UploadComponentHasOne\n                fileDoc={populatedDocs[0]}\n                onRemove={onRemove}\n                readonly={readOnly}\n                serverURL={serverURL}\n              />\n            ) : (\n              <ShimmerEffect height=\"62px\" />\n            )}\n          </>\n        ) : null}\n\n        {showDropzone ? (\n          <Dropzone multipleFiles={hasMany} onChange={onLocalFileSelection}>\n            <div className={`${baseClass}__dropzoneContent`}>\n              <div className={`${baseClass}__dropzoneContent__buttons`}>\n                <Button\n                  buttonStyle=\"pill\"\n                  className={`${baseClass}__createNewToggler`}\n                  disabled={readOnly || !canCreate}\n                  onClick={() => {\n                    if (!readOnly) {\n                      if (hasMany) {\n                        onLocalFileSelection()\n                      } else {\n                        openCreateDocDrawer()\n                      }\n                    }\n                  }}\n                  size=\"small\"\n                >\n                  {t('general:createNew')}\n                </Button>\n                <span className={`${baseClass}__dropzoneContent__orText`}>{t('general:or')}</span>\n                <Button\n                  buttonStyle=\"pill\"\n                  className={`${baseClass}__listToggler`}\n                  disabled={readOnly}\n                  onClick={openListDrawer}\n                  size=\"small\"\n                >\n                  {t('fields:chooseFromExisting')}\n                </Button>\n\n                <CreateDocDrawer onSave={onDocCreate} />\n                <ListDrawer\n                  enableRowSelections={hasMany}\n                  onBulkSelect={onListBulkSelect}\n                  onSelect={onListSelect}\n                />\n              </div>\n\n              <p className={`${baseClass}__dragAndDropText`}>\n                {t('general:or')} {t('upload:dragAndDrop')}\n              </p>\n            </div>\n          </Dropzone>\n        ) : (\n          <>\n            {!readOnly &&\n            !populatedDocs &&\n            (!value ||\n              typeof maxRows !== 'number' ||\n              (Array.isArray(value) && value.length < maxRows)) ? (\n              <ShimmerEffect height=\"40px\" />\n            ) : null}\n          </>\n        )}\n      </div>\n      <FieldDescription\n        Description={Description}\n        description={description}\n        {...(descriptionProps || {})}\n        field={field as UploadFieldClient}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["c","_c","useModal","qs","React","useCallback","useEffect","useMemo","useBulkUpload","Button","useDocumentDrawer","Dropzone","useListDrawer","ShimmerEffect","useAuth","useLocale","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","UploadComponentHasMany","UploadComponentHasOne","baseClass","UploadInput","props","$","api","className","Description","description","descriptionProps","Error","errorProps","field","filterOptions","filterOptionsFromProps","hasMany","isSortable","Label","label","labelProps","maxRows","onChange","onChangeFromProps","path","readOnly","relationTo","required","serverURL","showError","style","value","width","allowCreate","admin","populatedDocs","setPopulatedDocs","useState","activeRelationTo","Array","isArray","openModal","drawerSlug","setCollectionSlug","setInitialFiles","setMaxFiles","setOnSuccess","permissions","code","i18n","t","t0","t1","t2","id","t3","not_in","t4","concat","t5","t6","t7","t8","t9","collectionSlugs","ListDrawer","t10","closeDrawer","closeListDrawer","openDrawer","openListDrawer","t11","collectionSlug","CreateDocDrawer","t12","closeCreateDocDrawer","openCreateDocDrawer","loadedValueDocsRef","useRef","t13","bb0","collections","create","permission","canCreate","t14","newValue","t15","language","ids","relatedCollectionSlug","query","depth","draft","limit","length","locale","where","and","in","response","fetch","body","stringify","credentials","headers","method","ok","json","sortedDocs","map","docs","find","doc","String","populateDocs","t16","newDocs","mergedValue","doc_0","currentDocs","doc_1","firstDoc","onUploadSuccess","t17","fileList","fileListToUse","dataTransfer","DataTransfer","items","add","files","onLocalFileSelection","t18","selectedDocIDs","id_0","isSelected","push","loadedDocs","currentDocs_0","doc_2","onListBulkSelect","t19","data","currentDocs_1","onDocCreate","t20","t21","docID","loadedDocs_0","selectedDoc","currentDocs_2","onListSelect","docID_0","collectionSlug_0","docs_0","currentDocs_3","existingDocIndex","findIndex","doc_3","updatedDocs","reloadDoc","t22","newValue_0","newValueIDs","t23","value_0","onReorder","newValue_1","newValueIDs_0","t24","value_1","onRemove","t25","loadInitialDocs","current","loadedDocs_1","doc_4","showDropzone","t26","t27","t28","filter","Boolean","t29","join","t30","replace","t31","t32","t33","t34","_jsxs","children","_jsx","CustomError","_Fragment","fileDocs","readonly","_temp","fileDoc","height","disabled","multipleFiles","buttonStyle","onClick","size","onSave","enableRowSelections","onBulkSelect","onSelect","id_1"],"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientCollectionConfig,\n  FieldDescriptionClientProps,\n  FieldErrorClientProps,\n  FieldLabelClientProps,\n  FilterOptionsResult,\n  JsonObject,\n  MappedComponent,\n  StaticDescription,\n  StaticLabel,\n  UploadFieldClient,\n  UploadField as UploadFieldType,\n  Where,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { useModal } from '@faceless-ui/modal'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo } from 'react'\n\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\nimport type { PopulateDocs, ReloadDoc } from './types.js'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { Dropzone } from '../../elements/Dropzone/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useLocale } from '../../providers/Locale/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 { UploadComponentHasMany } from './HasMany/index.js'\nimport { UploadComponentHasOne } from './HasOne/index.js'\nimport './index.scss'\n\nexport const baseClass = 'upload'\n\ntype PopulatedDocs = { relationTo: string; value: JsonObject }[]\n\nexport type UploadInputProps = {\n  /**\n   * Controls the visibility of the \"Create new collection\" button\n   */\n  readonly api?: string\n  readonly className?: string\n  readonly collection?: ClientCollectionConfig\n  readonly customUploadActions?: React.ReactNode[]\n  readonly Description?: MappedComponent\n  readonly description?: StaticDescription\n  readonly descriptionProps?: FieldDescriptionClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly Error?: MappedComponent\n  readonly errorProps?: FieldErrorClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly field?: MarkOptional<UploadFieldClient, 'type'>\n  readonly filterOptions?: FilterOptionsResult\n  readonly hasMany?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: MappedComponent\n  readonly label?: StaticLabel\n  readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly maxRows?: number\n  readonly onChange?: (e) => void\n  readonly path: string\n  readonly readOnly?: boolean\n  readonly relationTo: UploadFieldType['relationTo']\n  readonly required?: boolean\n  readonly serverURL?: string\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: (number | string)[] | (number | string)\n  readonly width?: React.CSSProperties['width']\n}\n\nexport function UploadInput(props: UploadInputProps) {\n  const {\n    api,\n    className,\n    Description,\n    description,\n    descriptionProps,\n    Error,\n    errorProps,\n    field,\n    filterOptions: filterOptionsFromProps,\n    hasMany,\n    isSortable,\n    Label,\n    label,\n    labelProps,\n    maxRows,\n    onChange: onChangeFromProps,\n    path,\n    readOnly,\n    relationTo,\n    required,\n    serverURL,\n    showError,\n    style,\n    value,\n    width,\n  } = props\n  const allowCreate = field?.admin?.allowCreate !== false\n\n  const [populatedDocs, setPopulatedDocs] = React.useState<\n    {\n      relationTo: string\n      value: JsonObject\n    }[]\n  >()\n  const [activeRelationTo, setActiveRelationTo] = React.useState<string>(\n    Array.isArray(relationTo) ? relationTo[0] : relationTo,\n  )\n\n  const { openModal } = useModal()\n  const { drawerSlug, setCollectionSlug, setInitialFiles, setMaxFiles, setOnSuccess } =\n    useBulkUpload()\n  const { permissions } = useAuth()\n  const { code } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const filterOptions: FilterOptionsResult = useMemo(() => {\n    return {\n      ...filterOptionsFromProps,\n      [activeRelationTo]: {\n        ...((filterOptionsFromProps?.[activeRelationTo] as any) || {}),\n        id: {\n          ...((filterOptionsFromProps?.[activeRelationTo] as any)?.id || {}),\n          not_in: ((filterOptionsFromProps?.[activeRelationTo] as any)?.id?.not_in || []).concat(\n            ...(Array.isArray(value) || value ? [value] : []),\n          ),\n        },\n      },\n    }\n  }, [value, activeRelationTo, filterOptionsFromProps])\n\n  const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n    useListDrawer({\n      collectionSlugs: typeof relationTo === 'string' ? [relationTo] : relationTo,\n      filterOptions,\n    })\n  const [\n    CreateDocDrawer,\n    ,\n    { closeDrawer: closeCreateDocDrawer, openDrawer: openCreateDocDrawer },\n  ] = useDocumentDrawer({\n    collectionSlug: activeRelationTo,\n  })\n\n  /**\n   * Prevent initial retrieval of documents from running more than once\n   */\n  const loadedValueDocsRef = React.useRef<boolean>(false)\n\n  const canCreate = useMemo(() => {\n    if (readOnly || !allowCreate) {\n      return false\n    }\n\n    if (typeof activeRelationTo === 'string') {\n      if (permissions?.collections && permissions.collections?.[activeRelationTo]?.create) {\n        if (permissions.collections[activeRelationTo].create?.permission === true) {\n          return true\n        }\n      }\n    }\n\n    return false\n  }, [activeRelationTo, permissions, readOnly, allowCreate])\n\n  const onChange = React.useCallback(\n    (newValue) => {\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newValue)\n      }\n    },\n    [onChangeFromProps],\n  )\n\n  const populateDocs = React.useCallback<PopulateDocs>(\n    async (ids, relatedCollectionSlug) => {\n      const query: {\n        [key: string]: unknown\n        where: Where\n      } = {\n        depth: 0,\n        draft: true,\n        limit: ids.length,\n        locale: code,\n        where: {\n          and: [\n            {\n              id: {\n                in: ids,\n              },\n            },\n          ],\n        },\n      }\n\n      const response = await fetch(`${serverURL}${api}/${relatedCollectionSlug}`, {\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        const sortedDocs = ids.map((id) =>\n          json.docs.find((doc) => {\n            return String(doc.id) === String(id)\n          }),\n        )\n\n        return { ...json, docs: sortedDocs }\n      }\n\n      return null\n    },\n    [code, serverURL, api, i18n.language],\n  )\n\n  const onUploadSuccess = useCallback(\n    (newDocs: JsonObject[]) => {\n      if (hasMany) {\n        const mergedValue = [\n          ...(Array.isArray(value) ? value : []),\n          ...newDocs.map((doc) => doc.id),\n        ]\n        onChange(mergedValue)\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          ...newDocs.map((doc) => ({\n            relationTo: activeRelationTo,\n            value: doc,\n          })),\n        ])\n      } else {\n        const firstDoc = newDocs[0]\n        onChange(firstDoc.id)\n        setPopulatedDocs([\n          {\n            relationTo: activeRelationTo,\n            value: firstDoc,\n          },\n        ])\n      }\n    },\n    [value, onChange, activeRelationTo, hasMany],\n  )\n\n  const onLocalFileSelection = React.useCallback(\n    (fileList?: FileList) => {\n      let fileListToUse = fileList\n      if (!hasMany && fileList && fileList.length > 1) {\n        const dataTransfer = new DataTransfer()\n        dataTransfer.items.add(fileList[0])\n        fileListToUse = dataTransfer.files\n      }\n      if (fileListToUse) {\n        setInitialFiles(fileListToUse)\n      }\n      setCollectionSlug(relationTo)\n      setOnSuccess(onUploadSuccess)\n      if (typeof maxRows === 'number') {\n        setMaxFiles(maxRows)\n      }\n      openModal(drawerSlug)\n    },\n    [\n      drawerSlug,\n      hasMany,\n      onUploadSuccess,\n      openModal,\n      relationTo,\n      setCollectionSlug,\n      setInitialFiles,\n      setOnSuccess,\n      maxRows,\n      setMaxFiles,\n    ],\n  )\n\n  // only hasMany can bulk select\n  const onListBulkSelect = React.useCallback<NonNullable<ListDrawerProps['onBulkSelect']>>(\n    async (docs) => {\n      const selectedDocIDs = []\n\n      for (const [id, isSelected] of docs) {\n        if (isSelected) {\n          selectedDocIDs.push(id)\n        }\n      }\n\n      const loadedDocs = await populateDocs(selectedDocIDs, activeRelationTo)\n      if (loadedDocs) {\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          ...loadedDocs.docs.map((doc) => ({\n            relationTo: activeRelationTo,\n            value: doc,\n          })),\n        ])\n      }\n      onChange([...(Array.isArray(value) ? value : []), ...selectedDocIDs])\n      closeListDrawer()\n    },\n    [activeRelationTo, closeListDrawer, onChange, populateDocs, value],\n  )\n\n  const onDocCreate = React.useCallback(\n    (data) => {\n      if (data.doc) {\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          {\n            relationTo: activeRelationTo,\n            value: data.doc,\n          },\n        ])\n\n        onChange(data.doc.id)\n      }\n      closeCreateDocDrawer()\n    },\n    [closeCreateDocDrawer, activeRelationTo, onChange],\n  )\n\n  const onListSelect = React.useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n    async ({ collectionSlug, docID }) => {\n      const loadedDocs = await populateDocs([docID], collectionSlug)\n      const selectedDoc = loadedDocs ? loadedDocs.docs?.[0] : null\n      setPopulatedDocs((currentDocs) => {\n        if (selectedDoc) {\n          if (hasMany) {\n            return [\n              ...(currentDocs || []),\n              {\n                relationTo: activeRelationTo,\n                value: selectedDoc,\n              },\n            ]\n          }\n          return [\n            {\n              relationTo: activeRelationTo,\n              value: selectedDoc,\n            },\n          ]\n        }\n        return currentDocs\n      })\n      if (hasMany) {\n        onChange([...(Array.isArray(value) ? value : []), docID])\n      } else {\n        onChange(docID)\n      }\n      closeListDrawer()\n    },\n    [closeListDrawer, hasMany, populateDocs, onChange, value, activeRelationTo],\n  )\n\n  const reloadDoc = React.useCallback<ReloadDoc>(\n    async (docID, collectionSlug) => {\n      const { docs } = await populateDocs([docID], collectionSlug)\n\n      if (docs[0]) {\n        setPopulatedDocs((currentDocs) => {\n          const existingDocIndex = currentDocs?.findIndex((doc) => {\n            return doc.value.id === docs[0].id && doc.relationTo === collectionSlug\n          })\n          if (existingDocIndex > -1) {\n            const updatedDocs = [...currentDocs]\n            updatedDocs[existingDocIndex] = {\n              relationTo: collectionSlug,\n              value: docs[0],\n            }\n            return updatedDocs\n          }\n        })\n      }\n    },\n    [populateDocs],\n  )\n\n  // only hasMany can reorder\n  const onReorder = React.useCallback(\n    (newValue) => {\n      const newValueIDs = newValue.map(({ value }) => value.id)\n      onChange(newValueIDs)\n      setPopulatedDocs(newValue)\n    },\n    [onChange],\n  )\n\n  const onRemove = React.useCallback(\n    (newValue?: PopulatedDocs) => {\n      const newValueIDs = newValue ? newValue.map(({ value }) => value.id) : null\n      onChange(hasMany ? newValueIDs : newValueIDs ? newValueIDs[0] : null)\n      setPopulatedDocs(newValue ? newValue : [])\n    },\n    [onChange, hasMany],\n  )\n\n  useEffect(() => {\n    async function loadInitialDocs() {\n      if (value) {\n        loadedValueDocsRef.current = true\n        const loadedDocs = await populateDocs(\n          Array.isArray(value) ? value : [value],\n          activeRelationTo,\n        )\n        if (loadedDocs) {\n          setPopulatedDocs(\n            loadedDocs.docs.map((doc) => ({ relationTo: activeRelationTo, value: doc })),\n          )\n        }\n      }\n    }\n\n    if (!loadedValueDocsRef.current) {\n      void loadInitialDocs()\n    }\n  }, [populateDocs, activeRelationTo, value])\n\n  const showDropzone =\n    !readOnly &&\n    (!value ||\n      (hasMany &&\n        Array.isArray(value) &&\n        (typeof maxRows !== 'number' || value.length < maxRows)) ||\n      (!hasMany && populatedDocs?.[0] && typeof populatedDocs[0].value === 'undefined'))\n\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      id={`field-${path.replace(/\\./g, '__')}`}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        Label={Label}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n        field={field as UploadFieldClient}\n      />\n      <div className={`${baseClass}__wrap`}>\n        <FieldError\n          CustomError={Error}\n          path={path}\n          {...(errorProps || {})}\n          field={field as UploadFieldClient}\n        />\n      </div>\n\n      <div className={`${baseClass}__dropzoneAndUpload`}>\n        {hasMany && Array.isArray(value) && value.length > 0 ? (\n          <>\n            {populatedDocs && populatedDocs?.length > 0 ? (\n              <UploadComponentHasMany\n                fileDocs={populatedDocs}\n                isSortable={isSortable && !readOnly}\n                onRemove={onRemove}\n                onReorder={onReorder}\n                readonly={readOnly}\n                reloadDoc={reloadDoc}\n                serverURL={serverURL}\n              />\n            ) : (\n              <div className={`${baseClass}__loadingRows`}>\n                {value.map((id) => (\n                  <ShimmerEffect height=\"40px\" key={id} />\n                ))}\n              </div>\n            )}\n          </>\n        ) : null}\n\n        {!hasMany && value ? (\n          <>\n            {populatedDocs && populatedDocs?.length > 0 && populatedDocs[0].value ? (\n              <UploadComponentHasOne\n                fileDoc={populatedDocs[0]}\n                onRemove={onRemove}\n                readonly={readOnly}\n                reloadDoc={reloadDoc}\n                serverURL={serverURL}\n              />\n            ) : populatedDocs && value && !populatedDocs?.[0]?.value ? (\n              <>\n                {t('general:untitled')} - ID: {value}\n              </>\n            ) : (\n              <ShimmerEffect height=\"62px\" />\n            )}\n          </>\n        ) : null}\n\n        {showDropzone ? (\n          <Dropzone\n            disabled={readOnly || !canCreate}\n            multipleFiles={hasMany}\n            onChange={onLocalFileSelection}\n          >\n            <div className={`${baseClass}__dropzoneContent`}>\n              <div className={`${baseClass}__dropzoneContent__buttons`}>\n                {canCreate && (\n                  <>\n                    <Button\n                      buttonStyle=\"pill\"\n                      className={`${baseClass}__createNewToggler`}\n                      disabled={readOnly || !canCreate}\n                      onClick={() => {\n                        if (!readOnly) {\n                          if (hasMany) {\n                            onLocalFileSelection()\n                          } else {\n                            openCreateDocDrawer()\n                          }\n                        }\n                      }}\n                      size=\"small\"\n                    >\n                      {t('general:createNew')}\n                    </Button>\n                    <span className={`${baseClass}__dropzoneContent__orText`}>\n                      {t('general:or')}\n                    </span>\n                  </>\n                )}\n                <Button\n                  buttonStyle=\"pill\"\n                  className={`${baseClass}__listToggler`}\n                  disabled={readOnly}\n                  onClick={openListDrawer}\n                  size=\"small\"\n                >\n                  {t('fields:chooseFromExisting')}\n                </Button>\n\n                <CreateDocDrawer onSave={onDocCreate} />\n                <ListDrawer\n                  allowCreate={canCreate}\n                  enableRowSelections={hasMany}\n                  onBulkSelect={onListBulkSelect}\n                  onSelect={onListSelect}\n                />\n              </div>\n\n              {canCreate && (\n                <p className={`${baseClass}__dragAndDropText`}>\n                  {t('general:or')} {t('upload:dragAndDrop')}\n                </p>\n              )}\n            </div>\n          </Dropzone>\n        ) : (\n          <>\n            {!readOnly &&\n            !populatedDocs &&\n            (!value ||\n              typeof maxRows !== 'number' ||\n              (Array.isArray(value) && value.length < maxRows)) ? (\n              <ShimmerEffect height=\"40px\" />\n            ) : null}\n          </>\n        )}\n      </div>\n      <FieldDescription\n        Description={Description}\n        description={description}\n        {...(descriptionProps || {})}\n        field={field as UploadFieldClient}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { ReloadDoc } from '../types.js';
 import './index.scss';
 type Props = {
     readonly allowEdit?: boolean;
@@ -11,6 +12,7 @@ type Props = {
     readonly id: number | string;
     readonly mimeType: string;
     readonly onRemove: () => void;
+    readonly reloadDoc: ReloadDoc;
     readonly src: string;
     readonly withMeta?: boolean;
     readonly x?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Upload/RelationshipContent/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AACD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,qBAuF/C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Upload/RelationshipContent/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAK5C,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AACD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,qBA6F/C"}

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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,MAAM,QAAQ;AACvB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAmBlB,OAAO,SAAAC,oBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACL;IAAAU,EAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,GAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,cAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,GAAA;IAAAC,QAAA,EAAAC,EAAA;IAAAC,CAAA;IAAAC;EAAA,IAgBIjB,KAAA;EAHF,MAAAc,QAAA,GAAAC,EAAe,KAAAG,SAAA,UAAfH,EAAe;EAAA,IAAAI,EAAA;EAAA,IAAAlB,CAAA,QAAAW,SAAA,IAAAX,CAAA,QAAAO,cAAA;IAMfW,EAAA,SAAAC,EAAA;MAAO;QAAAC;MAAA,IAAAD,EAA4B;MAAA,OAAKR,SAAA,CAAUS,GAAA,CAAAnB,EAAA,EAAQM,cAAA;IAAA;IAAAP,CAAA,MAAAW,SAAA;IAAAX,CAAA,MAAAO,cAAA;IAAAP,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAD5D,MAAAqB,MAAA,GAAeH,EAEc;EAAA,IAAAC,EAAA;EAAA,IAAAnB,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAO,cAAA;IAGiCY,EAAA;MAAAlB,EAAA;MAAAM;IAAA;IAG9DP,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAO,cAAA;IAAAP,CAAA,MAAAmB,EAAA;EAAA;IAAAA,EAAA,GAAAnB,CAAA;EAAA;EAHA,OAAAsB,cAAA,EAAAC,CAAA,EAAAC,EAAA,IAA4C7B,iBAAA,CAAkBwB,EAG9D;EAH0B;IAAAM;EAAA,IAAAD,EAAc;EAAA,IAAAE,EAAA;EAAA,IAAA1B,CAAA,QAAAe,CAAA,IAAAf,CAAA,QAAAgB,CAAA;IAKxCU,EAAA,YAAAC,iBAAAC,UAAA,EAAAC,IAAA;MACE,MAAAC,QAAA;MAA6B,IACzBrB,UAAA,CAAAsB,QAAA,CAAkB;QACpBD,QAAA,CAAAE,IAAA,CAAcxC,cAAA,CAAeqC,IAAA;MAAA;MAAA,IAG3Bd,CAAA,IAAKC,CAAA;QACPc,QAAA,CAAAE,IAAA,CAAc,GAAGjB,CAAA,IAAKC,CAAA,EAAG;MAAA;MAAA,IAGvBP,UAAA;QACFqB,QAAA,CAAAE,IAAA,CAAcvB,UAAA;MAAA;MAAA,OAGTqB,QAAA,CAAAG,IAAA,CAAc;IAAA;IACvBjC,CAAA,MAAAe,CAAA;IAAAf,CAAA,MAAAgB,CAAA;IAAAhB,CAAA,MAAA0B,EAAA;EAAA;IAAAA,EAAA,GAAA1B,CAAA;EAAA;EAfA,MAAA2B,gBAAA,GAAAD,EAeA;EAEA,MAAAQ,QAAA,GAAiBrB,QAAA,GAAWc,gBAAA,CAAiBlB,QAAA,EAAUJ,QAAA,IAAY;EAAA,IAAA8B,EAAA;EAAA,IAAAnC,CAAA,QAAAM,SAAA;IAGjD6B,EAAA,IAAAtC,SAAA,EAAYS,SAAA,EAAA8B,MAAA,CAAAC,OAAkB;IAAArC,CAAA,MAAAM,SAAA;IAAAN,CAAA,OAAAmC,EAAA;EAAA;IAAAA,EAAA,GAAAnC,CAAA;EAAA;EAA9B,MAAAsC,EAAA,GAAAH,EAA8B,CAAAF,IAAA,CAAc;EAAA,IAAAM,EAAA;EAAA,IAAAvC,CAAA,SAAAI,GAAA,IAAAJ,CAAA,SAAAQ,QAAA,IAAAR,CAAA,SAAAY,GAAA,IAAAZ,CAAA,SAAAa,QAAA,IAAAb,CAAA,SAAAkC,QAAA,IAAAlC,CAAA,SAAAE,SAAA,IAAAF,CAAA,SAAAG,WAAA,IAAAH,CAAA,SAAAyB,UAAA,IAAAzB,CAAA,SAAAU,QAAA,IAAAV,CAAA,SAAAqB,MAAA,IAAArB,CAAA,SAAAsB,cAAA,IAAAtB,CAAA,SAAAsC,EAAA;IAA5DC,EAAA,GAAAC,KAAA,CAAC;MAAAlC,SAAA,EAAegC,EAA4C;MAAAG,QAAA,GAC1DD,KAAA,CAAC;QAAAlC,SAAA,EAAe,GAAAT,SAAA,mBAA+B;QAAA4C,QAAA,GAC7CC,IAAA,CAAA9C,kBAAA;UAAAQ,GAAA;UAAAE,SAAA,EAEa,GAAAT,SAAA,aAAyB;UAAAW,QAAA;UAAAmC,OAAA,EAE3B/B,GAAA;UAAAiB,IAAA,EACJ;QAAA,C,GAEPW,KAAA,CAAC;UAAAlC,SAAA,EAAe,GAAAT,SAAA,WAAuB;UAAA4C,QAAA,GACrCC,IAAA,CAAC;YAAApC,SAAA,EAAa,GAAAT,SAAA,YAAwB;YAAA4C,QAAA,EACpCC,IAAA,CAAC;cAAAE,IAAA,EAAQhC,GAAA;cAAAiC,MAAA,EAAY;cAAAJ,QAAA,EAClBjC;YAAA,C;cAGJK,QAAA,GAAW6B,IAAA,CAAC;YAAApC,SAAA,EAAa,GAAAT,SAAA,QAAoB;YAAA4C,QAAA,EAAGP;UAAA,C,QAAgB;QAAA,C;UAIpEhC,SAAA,UAAc,IAASC,WAAA,UAAgB,GACtCqC,KAAA,CAAC;QAAAlC,SAAA,EAAe,GAAAT,SAAA,WAAuB;QAAA4C,QAAA,GACpCvC,SAAA,UAAc,GACbwC,IAAA,CAAAhD,MAAA;UAAAoD,WAAA,EACc;UAAAxC,SAAA,EACD,GAAAT,SAAA,QAAoB;UAAAkD,IAAA,EAC1B;UAAAC,SAAA,EACK;UAAAC,OAAA,EACDxB;QAAA,C,QAET,EACHtB,WAAA,UAAgB,GACfuC,IAAA,CAAAhD,MAAA;UAAAoD,WAAA,EACc;UAAAxC,SAAA,EACD,GAAAT,SAAA,UAAsB;UAAAkD,IAAA,EAC5B;UAAAC,SAAA,EACK;UAAAC,OAAA,EAAAA,CAAA,KACKvC,QAAA;QAAA,C,QAEf,EACJgC,IAAA,CAACpB,cAAA;UAAAD;QAAA,C;eAED;IAAA,C;;;;;;;;;;;;;;;;;SAzCNkB,E","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;
+      }
     }
   }
 }