@payloadcms/ui 3.0.0-canary.483db21 → 3.0.0-canary.4a51454

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientCollectionConfig,\n  FilterOptionsResult,\n  UploadField,\n  UploadFieldProps,\n} from 'payload'\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 './index.scss'\n\nconst baseClass = 'upload'\n\nexport type UploadInputProps = {\n  /**\n   * Controls the visibility of the \"Create new collection\" button\n   */\n  allowNewUpload?: boolean\n  api?: string\n  collection?: ClientCollectionConfig\n  customUploadActions?: React.ReactNode[]\n  filterOptions?: FilterOptionsResult\n  onChange?: (e) => void\n  relationTo?: UploadField['relationTo']\n  serverURL?: string\n  showError?: boolean\n  value?: string\n} & Omit<UploadFieldProps, 'filterOptions'>\n\nexport const UploadInput: React.FC<UploadInputProps> = (props) => {\n  const {\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    allowNewUpload,\n    api = '/api',\n    className,\n    collection,\n    customUploadActions,\n    descriptionProps,\n    errorProps,\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) {\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          CustomLabel={CustomLabel}\n          label={label}\n          required={required}\n          {...(labelProps || {})}\n        />\n        <div className={`${fieldBaseClass}__wrap`}>\n          <FieldError CustomError={CustomError} {...(errorProps || {})} />\n\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              {CustomDescription !== undefined ? (\n                CustomDescription\n              ) : (\n                <FieldDescription {...(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"],"names":["getTranslation","React","useCallback","useEffect","useState","Button","useDocumentDrawer","FileDetails","useListDrawer","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","baseClass","UploadInput","props","CustomDescription","CustomError","CustomLabel","allowNewUpload","api","className","collection","customUploadActions","descriptionProps","errorProps","filterOptions","label","labelProps","onChange","readOnly","relationTo","required","serverURL","showError","style","value","width","i18n","t","fileDoc","setFileDoc","undefined","missingFile","setMissingFile","collectionSlugs","slug","DocumentDrawer","DocumentDrawerToggler","closeDrawer","collectionSlug","ListDrawer","ListDrawerToggler","closeListDrawer","fetchFile","response","fetch","credentials","headers","language","ok","json","onSave","args","doc","onSelect","id","docID","upload","div","filter","Boolean","join","Fragment","handleRemove","uploadConfig","disabled","buttonStyle","el","labels","singular"],"mappings":"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"}
+{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","useCallback","useEffect","useState","Button","useDocumentDrawer","FileDetails","useListDrawer","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","baseClass","UploadInput","props","$","Description","Error","Label","allowNewUpload","api","t0","className","collection","customUploadActions","descriptionProps","errorProps","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/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientCollectionConfig,\n  FilterOptionsResult,\n  MappedComponent,\n  StaticDescription,\n  StaticLabel,\n  UploadField,\n} from 'payload'\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 './index.scss'\n\nconst baseClass = 'upload'\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?: Record<string, unknown>\n  readonly errorProps?: Record<string, unknown>\n  readonly filterOptions?: FilterOptionsResult\n  readonly label: StaticLabel\n  readonly labelProps?: Record<string, unknown>\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 UploadInput: 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    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) {\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 Label={Label} label={label} required={required} {...(labelProps || {})} />\n        <div className={`${fieldBaseClass}__wrap`}>\n          <FieldError CustomError={Error} {...(errorProps || {})} />\n\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 Description={Description} {...(descriptionProps || {})} />\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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAWA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AAKxD,SAASC,MAAM,QAAQ;AACvB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AA+BlB,OAAO,MAAMC,WAAA,GAA0CC,KAAA;EAAA,MAAAC,CAAA,GAAAlB,EAAA;EACrD;IAAAmB,WAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,cAAA;IAAAC,GAAA,EAAAC,EAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC,mBAAA;IAAAC,gBAAA;IAAAC,UAAA;IAAAC,aAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,SAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC;EAAA,IAuBIxB,KAAA;EAlBF,MAAAM,GAAA,GAAAC,EAAY,KAAAkB,SAAA,GAAN,MAAM,GAAZlB,EAAY;EAoBd;IAAAmB,IAAA;IAAAC;EAAA,IAAoBlC,cAAA;EAEpB,OAAAmC,OAAA,EAAAC,UAAA,IAA8BzC,QAAA,CAAAqC,SAAS;EACvC,OAAAK,WAAA,EAAAC,cAAA,IAAsC3C,QAAA,MAAS;EACX,MAAA4C,EAAA,GAAAvB,UAAA,EAAAwB,IAAA;EAAY,IAAAC,EAAA;EAAA,IAAAjC,CAAA,QAAA+B,EAAA;IAAbE,EAAA,IAACF,EAAY;IAAK/B,CAAA,MAAA+B,EAAA;IAAA/B,CAAA,MAAAiC,EAAA;EAAA;IAAAA,EAAA,GAAAjC,CAAA;EAAA;EAArD,OAAAkC,eAAA,IAA0B/C,QAAA,CAAS8C,EAAkB;EAGnC,MAAAE,EAAA,GAAAD,eAAe;EAAG,IAAAE,EAAA;EAAA,IAAApC,CAAA,QAAAmC,EAAA;IAD+CC,EAAA;MAAAC,cAAA,EACjEF;IAAkB;IACpCnC,CAAA,MAAAmC,EAAA;IAAAnC,CAAA,MAAAoC,EAAA;EAAA;IAAAA,EAAA,GAAApC,CAAA;EAAA;EAFA,OAAAsC,cAAA,EAAAC,qBAAA,EAAAC,EAAA,IAAiEnD,iBAAA,CAAkB+C,EAEnF;EAF8C;IAAAK;EAAA,IAAAD,EAAe;EAAA,IAAAE,EAAA;EAAA,IAAA1C,CAAA,QAAAkC,eAAA,IAAAlC,CAAA,QAAAY,aAAA;IAI2B8B,EAAA;MAAAR,eAAA;MAAAtB;IAAA;IAGxFZ,CAAA,MAAAkC,eAAA;IAAAlC,CAAA,MAAAY,aAAA;IAAAZ,CAAA,MAAA0C,EAAA;EAAA;IAAAA,EAAA,GAAA1C,CAAA;EAAA;EAHA,OAAA2C,UAAA,EAAAC,iBAAA,EAAAC,EAAA,IAA0EtD,aAAA,CAAcmD,EAGxF;EAHsC;IAAAD,WAAA,EAAAK;EAAA,IAAAD,EAAgC;EAAA,IAAAE,EAAA;EAAA,IAAA/C,CAAA,QAAAsB,KAAA,IAAAtB,CAAA,QAAAmB,SAAA,IAAAnB,CAAA,QAAAK,GAAA,IAAAL,CAAA,SAAAiB,UAAA,IAAAjB,CAAA,SAAAyB,IAAA,CAAAuB,QAAA;IAK5DD,EAAA,GAAAA,CAAA;MAAA,IACJzB,KAAA,SAAU,IAAQ,OAAOA,KAAA,KAAU,eAAeA,KAAA,KAAU;QAC9D,MAAA2B,SAAA,SAAAA,CAAA;UACE,MAAAC,QAAA,SAAuBC,KAAA,CAAM,GAAGhC,SAAA,GAAYd,GAAA,IAAOY,UAAA,IAAcK,KAAA,EAAO;YAAA8B,WAAA,EACzD;YAAAC,OAAA;cAAA,mBAEQ5B,IAAA,CAAAuB;YAAA;UAAA,CAEvB;UAAA,IACIE,QAAA,CAAAI,EAAA;YACF,MAAAC,IAAA,SAAmBL,QAAA,CAAAK,IAAA,CAAa;YAChC3B,UAAA,CAAW2B,IAAA;UAAA;YAEXzB,cAAA,KAAe;YACfF,UAAA,CAAAJ,SAAW;UAAA;QAAA;QAIVyB,SAAA;MAAA;QAELrB,UAAA,CAAAJ,SAAW;MAAA;IAAA;IAEfxB,CAAA,MAAAsB,KAAA;IAAAtB,CAAA,MAAAmB,SAAA;IAAAnB,CAAA,MAAAK,GAAA;IAAAL,CAAA,OAAAiB,UAAA;IAAAjB,CAAA,OAAAyB,IAAA,CAAAuB,QAAA;IAAAhD,CAAA,OAAA+C,EAAA;EAAA;IAAAA,EAAA,GAAA/C,CAAA;EAAA;EAAA,IAAAwD,EAAA;EAAA,IAAAxD,CAAA,SAAAsB,KAAA,IAAAtB,CAAA,SAAAiB,UAAA,IAAAjB,CAAA,SAAAK,GAAA,IAAAL,CAAA,SAAAmB,SAAA,IAAAnB,CAAA,SAAAyB,IAAA;IAAG+B,EAAA,IAAClC,KAAA,EAAOL,UAAA,EAAYZ,GAAA,EAAKc,SAAA,EAAWM,IAAA;IAAKzB,CAAA,OAAAsB,KAAA;IAAAtB,CAAA,OAAAiB,UAAA;IAAAjB,CAAA,OAAAK,GAAA;IAAAL,CAAA,OAAAmB,SAAA;IAAAnB,CAAA,OAAAyB,IAAA;IAAAzB,CAAA,OAAAwD,EAAA;EAAA;IAAAA,EAAA,GAAAxD,CAAA;EAAA;EAtB5Cd,SAAA,CAAU6D,EAsBV,EAAGS,EAAyC;EAAA,IAAAC,GAAA;EAAA,IAAAzD,CAAA,SAAAe,QAAA,IAAAf,CAAA,SAAAyC,WAAA;IAG1CgB,GAAA,GAAAC,IAAA;MACE5B,cAAA,MAAe;MACff,QAAA,CAAS2C,IAAA,CAAAC,GAAQ;MACjBlB,WAAA;IAAA;IACFzC,CAAA,OAAAe,QAAA;IAAAf,CAAA,OAAAyC,WAAA;IAAAzC,CAAA,OAAAyD,GAAA;EAAA;IAAAA,GAAA,GAAAzD,CAAA;EAAA;EALF,MAAA4D,MAAA,GAAeH,GAMU;EAAA,IAAAI,GAAA;EAAA,IAAA7D,CAAA,SAAAe,QAAA,IAAAf,CAAA,SAAA8C,eAAA;IAIvBe,GAAA,GAAAC,MAAA;MACEhC,cAAA,MAAe;MACff,QAAA;QAAAgD,EAAA,EACML,MAAA,CAAAM;MAAA,CACN;MACAlB,eAAA;IAAA;IACF9C,CAAA,OAAAe,QAAA;IAAAf,CAAA,OAAA8C,eAAA;IAAA9C,CAAA,OAAA6D,GAAA;EAAA;IAAAA,GAAA,GAAA7D,CAAA;EAAA;EAPF,MAAAiE,QAAA,GAAiBJ,GAQY;EAAA,IAGzBrD,UAAA,CAAA0D,MAAA;IAOI,MAAAC,GAAA,GAAA/C,SAAA,IAAa;IACb,MAAAgD,GAAA,GAAApD,QAAA,IAAY;IAAA,IAAAqD,GAAA;IAAA,IAAArE,CAAA,SAAAO,SAAA,IAAAP,CAAA,SAAAmE,GAAA,IAAAnE,CAAA,SAAAoE,GAAA;MALHC,GAAA,IAAAzE,cAAA,EAAAC,SAAA,EAGTU,SAAA,EACA4D,GAAa,EACbC,GAAY,EAAAE,MAAA,CAAAC,OAEJ;MAAAvE,CAAA,OAAAO,SAAA;MAAAP,CAAA,OAAAmE,GAAA;MAAAnE,CAAA,OAAAoE,GAAA;MAAApE,CAAA,OAAAqE,GAAA;IAAA;MAAAA,GAAA,GAAArE,CAAA;IAAA;IAPC,MAAAwE,GAAA,GAAAH,GAOD,CAAAI,IAAA,CACF;IAAA,IAAAC,GAAA;IAAA,IAAA1E,CAAA,SAAAqB,KAAA,IAAArB,CAAA,SAAAuB,KAAA,IAAAvB,CAAA,SAAAc,UAAA,IAAAd,CAAA,SAAAG,KAAA,IAAAH,CAAA,SAAAa,KAAA,IAAAb,CAAA,SAAAkB,QAAA,IAAAlB,CAAA,SAAAW,UAAA,IAAAX,CAAA,SAAAE,KAAA,IAAAF,CAAA,SAAAQ,UAAA,IAAAR,CAAA,SAAA2B,OAAA,IAAA3B,CAAA,SAAA6B,WAAA,IAAA7B,CAAA,SAAAgB,QAAA,IAAAhB,CAAA,SAAAe,QAAA,IAAAf,CAAA,SAAAiB,UAAA,IAAAjB,CAAA,SAAAS,mBAAA,IAAAT,CAAA,SAAAI,cAAA,IAAAJ,CAAA,SAAAyB,IAAA,IAAAzB,CAAA,SAAA0B,CAAA,IAAA1B,CAAA,SAAAuC,qBAAA,IAAAvC,CAAA,SAAA4C,iBAAA,IAAA5C,CAAA,SAAAU,gBAAA,IAAAV,CAAA,SAAAC,WAAA,IAAAD,CAAA,SAAA4D,MAAA,IAAA5D,CAAA,SAAAsC,cAAA,IAAAtC,CAAA,SAAAiE,QAAA,IAAAjE,CAAA,SAAA2C,UAAA,IAAA3C,CAAA,SAAAwE,GAAA;MAAA,IAAAG,GAAA;MAAA,IAAA3E,CAAA,SAAAc,UAAA;QAMyD6D,GAAA,GAAA7D,UAAA,MAAgB;QAAAd,CAAA,OAAAc,UAAA;QAAAd,CAAA,OAAA2E,GAAA;MAAA;QAAAA,GAAA,GAAA3E,CAAA;MAAA;MAAA,IAAA4E,GAAA;MAAA,IAAA5E,CAAA,SAAAW,UAAA;QAE1CiE,GAAA,GAAAjE,UAAA,MAAgB;QAAAX,CAAA,OAAAW,UAAA;QAAAX,CAAA,OAAA4E,GAAA;MAAA;QAAAA,GAAA,GAAA5E,CAAA;MAAA;MAAA,IAAA6E,GAAA;MAAA,IAAA7E,CAAA,SAAAQ,UAAA,IAAAR,CAAA,SAAA2B,OAAA,IAAA3B,CAAA,SAAA6B,WAAA,IAAA7B,CAAA,SAAAgB,QAAA,IAAAhB,CAAA,SAAAe,QAAA,IAAAf,CAAA,SAAAiB,UAAA,IAAAjB,CAAA,SAAAS,mBAAA,IAAAT,CAAA,SAAAI,cAAA,IAAAJ,CAAA,SAAAyB,IAAA,IAAAzB,CAAA,SAAA0B,CAAA,IAAA1B,CAAA,SAAAuC,qBAAA,IAAAvC,CAAA,SAAA4C,iBAAA,IAAA5C,CAAA,SAAAU,gBAAA,IAAAV,CAAA,SAAAC,WAAA;QAEpD4E,GAAA,GAAArE,UAAA,EAAA0D,MAAA,IACCY,KAAA,CAAA9F,KAAA,CAAA+F,QAAA;UAAAC,QAAA,GACGrD,OAAA,KAAYE,WAAA,IACXoD,IAAA,CAAA3F,WAAA;YAAA+C,cAAA,EACkBpB,UAAA;YAAAR,mBAAA;YAAAkD,GAAA,EAEXhC,OAAA;YAAAuD,YAAA,EAEHlE,QAAA,GAAAQ,SAAA;cAGMT,QAAA,KAAS;YAAA,CACX;YAAAoE,YAAA,EAEQ3E,UAAA,CAAA0D;UAAA,C,GAGhB,EAACvC,OAAA,IAAWE,WAAU,KACtBoD,IAAA,CAAC;YAAA1E,SAAA,EAAe,GAAAV,SAAA,QAAoB;YAAAmF,QAAA,EAClCF,KAAA,CAAC;cAAAvE,SAAA,EAAe,GAAAV,SAAA,WAAuB;cAAAmF,QAAA,GACpC5E,cAAA,IACC6E,IAAA,CAAC1C,qBAAA;gBAAAhC,SAAA,EACY,GAAAV,SAAA,WAAuB;gBAAAuF,QAAA,EACxBpE,QAAA;gBAAAgE,QAAA,EAEVC,IAAA,CAAA7F,MAAA;kBAAAiG,WAAA,EAAoB;kBAAAD,QAAA,EAAsBpE,QAAA;kBAAAsE,EAAA,EAAa;kBAAAN,QAAA,EACpDtD,CAAA,CAAE;oBAAAb,KAAA,EACM9B,cAAA,CAAeyB,UAAA,CAAA+E,MAAA,CAAAC,QAAA,EAA4B/D,IAAA;kBAAA,CACpD;gBAAA,C;kBAINwD,IAAA,CAACrC,iBAAA;gBAAArC,SAAA,EAA6B,GAAAV,SAAA,WAAuB;gBAAAuF,QAAA,EAAYpE,QAAA;gBAAAgE,QAAA,EAC/DC,IAAA,CAAA7F,MAAA;kBAAAiG,WAAA,EAAoB;kBAAAD,QAAA,EAAsBpE,QAAA;kBAAAsE,EAAA,EAAa;kBAAAN,QAAA,EACpDtD,CAAA,CAAE;gBAAA,C;;;cAMbuD,IAAA,CAAAxF,gBAAA;YAAAQ,WAAA;YAAA,IAAiDS,gBAAA,MAAsB;UAAA,C;;;;;;;;;;;;;;;;;;;;MA3D/EgE,GAAA,GAAAI,KAAA,CAAC;QAAAvE,SAAA,EACYiE,GAQH;QAAAnD,KAAA;UAAA,GAEHA,KAAK;UAAAE;QAAA;QAAAyD,QAAA,GAIVC,IAAA,CAAAtF,UAAA;UAAAQ,KAAA;UAAAU,KAAA;UAAAK,QAAA;UAAA,GAAiEyD;QAAgB,C,GACjFG,KAAA,CAAC;UAAAvE,SAAA,EAAe,GAAAX,cAAA,QAAyB;UAAAoF,QAAA,GACvCC,IAAA,CAAAvF,UAAA;YAAA+F,WAAA,EAAyBvF,KAAA;YAAA,GAAY0E;UAAgB,C,GAEpDC,G,EA2CA,CAAC7D,QAAA,IAAYiE,IAAA,CAAC3C,cAAA;YAAAsB;UAAA,C,GACd,CAAC5C,QAAA,IAAYiE,IAAA,CAACtC,UAAA;YAAAsB;UAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA/DnBS,G;;;CAsEN","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAOlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAA;AACxC,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAqGhC,eAAO,MAAM,WAAW,4BAAiC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAOlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAA;AACxC,YAAY,EAAE,gBAAgB,EAAE,CAAA;AA+FhC,eAAO,MAAM,WAAW,4BAAiC,CAAA"}

package/dist/fields/Upload/index.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback, useMemo } from 'react';
 import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
@@ -9,74 +11,148 @@ import { useConfig } from '../../providers/Config/index.js';
 import { UploadInput } from './Input.js';
 import './index.scss';
 export { UploadInput };
-const UploadComponent = (props)=>{
-    const { CustomDescription, CustomError, CustomLabel, className, descriptionProps, errorProps, label, labelProps, path: pathFromProps, readOnly: readOnlyFromProps, relationTo, required, style, validate, width } = props;
-    const { collections, routes: { api: apiRoute }, serverURL } = useConfig();
-    const { permissions } = useAuth();
-    const collection = collections.find((coll)=>coll.slug === relationTo);
-    const memoizedValidate = useCallback((value, options)=>{
-        if (typeof validate === 'function') {
-            return validate(value, {
-                ...options,
-                required
-            });
-        }
-    }, [
-        validate,
-        required
-    ]);
-    const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps();
-    // Checks if the user has permissions to create a new document in the related collection
-    const canCreate = useMemo(()=>{
-        if (permissions?.collections && permissions.collections?.[relationTo]?.create) {
-            if (permissions.collections[relationTo].create?.permission === true) {
-                return true;
-            }
-        }
-        return false;
-    }, [
-        relationTo,
-        permissions
-    ]);
-    const { filterOptions, formInitializing, formProcessing, path, setValue, showError, value } = useField({
-        path: pathFromContext ?? pathFromProps,
-        validate: memoizedValidate
-    });
-    const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
-    const onChange = useCallback((incomingValue)=>{
-        const incomingID = incomingValue?.id || incomingValue;
-        setValue(incomingID);
-    }, [
-        setValue
-    ]);
-    if (collection.upload) {
-        return /*#__PURE__*/ _jsx(UploadInput, {
-            CustomDescription: CustomDescription,
-            CustomError: CustomError,
-            CustomLabel: CustomLabel,
-            allowNewUpload: canCreate,
-            api: apiRoute,
-            className: className,
-            collection: collection,
-            descriptionProps: descriptionProps,
-            errorProps: errorProps,
-            filterOptions: filterOptions,
-            label: label,
-            labelProps: labelProps,
-            onChange: onChange,
-            path: path,
-            readOnly: disabled,
-            relationTo: relationTo,
-            required: required,
-            serverURL: serverURL,
-            showError: showError,
-            style: style,
-            value: value,
-            width: width
+const UploadComponent = props => {
+  const $ = _c(12);
+  const {
+    field,
+    field: t0,
+    readOnly: readOnlyFromTopLevelProps,
+    validate
+  } = props;
+  const {
+    _path: pathFromProps,
+    admin: t1,
+    label,
+    relationTo,
+    required
+  } = t0;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = t1 === undefined ? {} : t1;
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const {
+    className,
+    readOnly: readOnlyFromAdmin,
+    style,
+    width
+  } = t2;
+  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
+  const {
+    config: t3
+  } = useConfig();
+  const {
+    collections,
+    routes: t4,
+    serverURL
+  } = t3;
+  const {
+    api: apiRoute
+  } = t4;
+  const {
+    permissions
+  } = useAuth();
+  let t5;
+  if ($[2] !== relationTo) {
+    t5 = coll => coll.slug === relationTo;
+    $[2] = relationTo;
+    $[3] = t5;
+  } else {
+    t5 = $[3];
+  }
+  const collection = collections.find(t5);
+  let t6;
+  if ($[4] !== validate || $[5] !== required) {
+    t6 = (value, options) => {
+      if (typeof validate === "function") {
+        return validate(value, {
+          ...options,
+          required
         });
+      }
+    };
+    $[4] = validate;
+    $[5] = required;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  const memoizedValidate = t6;
+  const {
+    path: pathFromContext,
+    readOnly: readOnlyFromContext
+  } = useFieldProps();
+  let t7;
+  bb0: {
+    if (permissions?.collections && permissions.collections?.[relationTo]?.create) {
+      if (permissions.collections[relationTo].create?.permission === true) {
+        t7 = true;
+        break bb0;
+      }
     }
-    return null;
+    t7 = false;
+  }
+  const canCreate = t7;
+  const t8 = pathFromContext ?? pathFromProps;
+  let t9;
+  if ($[7] !== t8 || $[8] !== memoizedValidate) {
+    t9 = {
+      path: t8,
+      validate: memoizedValidate
+    };
+    $[7] = t8;
+    $[8] = memoizedValidate;
+    $[9] = t9;
+  } else {
+    t9 = $[9];
+  }
+  const {
+    filterOptions,
+    formInitializing,
+    formProcessing,
+    setValue,
+    showError,
+    value: value_0
+  } = useField(t9);
+  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
+  let t10;
+  if ($[10] !== setValue) {
+    t10 = incomingValue => {
+      const incomingID = incomingValue?.id || incomingValue;
+      setValue(incomingID);
+    };
+    $[10] = setValue;
+    $[11] = t10;
+  } else {
+    t10 = $[11];
+  }
+  const onChange = t10;
+  if (collection.upload) {
+    return _jsx(UploadInput, {
+      Description: field?.admin?.components?.Description,
+      Error: field?.admin?.components?.Error,
+      Label: field?.admin?.components?.Label,
+      allowNewUpload: canCreate,
+      api: apiRoute,
+      className,
+      collection,
+      filterOptions,
+      label,
+      onChange,
+      readOnly: disabled,
+      relationTo,
+      required,
+      serverURL,
+      showError,
+      style,
+      value: value_0,
+      width
+    });
+  }
+  return null;
 };
 export const UploadField = withCondition(UploadComponent);
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldProps } from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { UploadInputProps } from './Input.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { UploadInput } from './Input.js'\nimport './index.scss'\n\nexport { UploadFieldProps, UploadInput }\nexport type { UploadInputProps }\n\nconst UploadComponent: React.FC<UploadFieldProps> = (props) => {\n  const {\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    descriptionProps,\n    errorProps,\n    label,\n    labelProps,\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n    relationTo,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const {\n    collections,\n    routes: { api: apiRoute },\n    serverURL,\n  } = useConfig()\n\n  const { permissions } = useAuth()\n\n  const collection = collections.find((coll) => coll.slug === relationTo)\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  // Checks if the user has permissions to create a new document in the related collection\n  const canCreate = useMemo(() => {\n    if (permissions?.collections && permissions.collections?.[relationTo]?.create) {\n      if (permissions.collections[relationTo].create?.permission === true) {\n        return true\n      }\n    }\n\n    return false\n  }, [relationTo, permissions])\n\n  const { filterOptions, formInitializing, formProcessing, path, setValue, showError, value } =\n    useField<string>({\n      path: pathFromContext ?? pathFromProps,\n      validate: memoizedValidate,\n    })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const onChange = useCallback(\n    (incomingValue) => {\n      const incomingID = incomingValue?.id || incomingValue\n      setValue(incomingID)\n    },\n    [setValue],\n  )\n\n  if (collection.upload) {\n    return (\n      <UploadInput\n        CustomDescription={CustomDescription}\n        CustomError={CustomError}\n        CustomLabel={CustomLabel}\n        allowNewUpload={canCreate}\n        api={apiRoute}\n        className={className}\n        collection={collection}\n        descriptionProps={descriptionProps}\n        errorProps={errorProps}\n        filterOptions={filterOptions}\n        label={label}\n        labelProps={labelProps}\n        onChange={onChange}\n        path={path}\n        readOnly={disabled}\n        relationTo={relationTo}\n        required={required}\n        serverURL={serverURL}\n        showError={showError}\n        style={style}\n        value={value}\n        width={width}\n      />\n    )\n  }\n\n  return null\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"names":["React","useCallback","useMemo","useFieldProps","useField","withCondition","useAuth","useConfig","UploadInput","UploadComponent","props","CustomDescription","CustomError","CustomLabel","className","descriptionProps","errorProps","label","labelProps","path","pathFromProps","readOnly","readOnlyFromProps","relationTo","required","style","validate","width","collections","routes","api","apiRoute","serverURL","permissions","collection","find","coll","slug","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","canCreate","create","permission","filterOptions","formInitializing","formProcessing","setValue","showError","disabled","onChange","incomingValue","incomingID","id","upload","allowNewUpload","UploadField"],"mappings":"AAAA;;AAIA,OAAOA,SAASC,WAAW,EAAEC,OAAO,QAAQ,QAAO;AAInD,SAASC,aAAa,QAAQ,0CAAyC;AACvE,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,WAAW,QAAQ,aAAY;AACxC,OAAO,eAAc;AAErB,SAA2BA,WAAW,GAAE;AAGxC,MAAMC,kBAA8C,CAACC;IACnD,MAAM,EACJC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,SAAS,EACTC,gBAAgB,EAChBC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,MAAMC,aAAa,EACnBC,UAAUC,iBAAiB,EAC3BC,UAAU,EACVC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAGjB;IAEJ,MAAM,EACJkB,WAAW,EACXC,QAAQ,EAAEC,KAAKC,QAAQ,EAAE,EACzBC,SAAS,EACV,GAAGzB;IAEJ,MAAM,EAAE0B,WAAW,EAAE,GAAG3B;IAExB,MAAM4B,aAAaN,YAAYO,IAAI,CAAC,CAACC,OAASA,KAAKC,IAAI,KAAKd;IAE5D,MAAMe,mBAAmBrC,YACvB,CAACsC,OAAOC;QACN,IAAI,OAAOd,aAAa,YAAY;YAClC,OAAOA,SAASa,OAAO;gBAAE,GAAGC,OAAO;gBAAEhB;YAAS;QAChD;IACF,GACA;QAACE;QAAUF;KAAS;IAGtB,MAAM,EAAEL,MAAMsB,eAAe,EAAEpB,UAAUqB,mBAAmB,EAAE,GAAGvC;IAEjE,wFAAwF;IACxF,MAAMwC,YAAYzC,QAAQ;QACxB,IAAI+B,aAAaL,eAAeK,YAAYL,WAAW,EAAE,CAACL,WAAW,EAAEqB,QAAQ;YAC7E,IAAIX,YAAYL,WAAW,CAACL,WAAW,CAACqB,MAAM,EAAEC,eAAe,MAAM;gBACnE,OAAO;YACT;QACF;QAEA,OAAO;IACT,GAAG;QAACtB;QAAYU;KAAY;IAE5B,MAAM,EAAEa,aAAa,EAAEC,gBAAgB,EAAEC,cAAc,EAAE7B,IAAI,EAAE8B,QAAQ,EAAEC,SAAS,EAAEX,KAAK,EAAE,GACzFnC,SAAiB;QACfe,MAAMsB,mBAAmBrB;QACzBM,UAAUY;IACZ;IAEF,MAAMa,WAAW7B,qBAAqBoB,uBAAuBM,kBAAkBD;IAE/E,MAAMK,WAAWnD,YACf,CAACoD;QACC,MAAMC,aAAaD,eAAeE,MAAMF;QACxCJ,SAASK;IACX,GACA;QAACL;KAAS;IAGZ,IAAIf,WAAWsB,MAAM,EAAE;QACrB,qBACE,KAAChD;YACCG,mBAAmBA;YACnBC,aAAaA;YACbC,aAAaA;YACb4C,gBAAgBd;YAChBb,KAAKC;YACLjB,WAAWA;YACXoB,YAAYA;YACZnB,kBAAkBA;YAClBC,YAAYA;YACZ8B,eAAeA;YACf7B,OAAOA;YACPC,YAAYA;YACZkC,UAAUA;YACVjC,MAAMA;YACNE,UAAU8B;YACV5B,YAAYA;YACZC,UAAUA;YACVQ,WAAWA;YACXkB,WAAWA;YACXzB,OAAOA;YACPc,OAAOA;YACPZ,OAAOA;;IAGb;IAEA,OAAO;AACT;AAEA,OAAO,MAAM+B,cAAcrD,cAAcI,iBAAgB"}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useMemo","useFieldProps","useField","withCondition","useAuth","useConfig","UploadInput","UploadComponent","props","$","field","t0","readOnly","readOnlyFromTopLevelProps","validate","_path","pathFromProps","admin","t1","label","relationTo","required","t2","undefined","className","readOnlyFromAdmin","style","width","readOnlyFromProps","config","t3","collections","routes","t4","serverURL","api","apiRoute","permissions","t5","coll","slug","collection","find","t6","value","options","memoizedValidate","path","pathFromContext","readOnlyFromContext","t7","bb0","create","permission","canCreate","t8","t9","filterOptions","formInitializing","formProcessing","setValue","showError","value_0","disabled","t10","incomingValue","incomingID","id","onChange","upload","_jsx","Description","components","Error","Label","allowNewUpload","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldProps } from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { UploadInputProps } from './Input.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { UploadInput } from './Input.js'\nimport './index.scss'\n\nexport { UploadFieldProps, UploadInput }\nexport type { UploadInputProps }\n\nconst UploadComponent: React.FC<UploadFieldProps> = (props) => {\n  const {\n    field,\n    field: {\n      _path: pathFromProps,\n      admin: { className, readOnly: readOnlyFromAdmin, style, width } = {},\n      label,\n      relationTo,\n      required,\n    },\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const {\n    config: {\n      collections,\n      routes: { api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { permissions } = useAuth()\n\n  const collection = collections.find((coll) => coll.slug === relationTo)\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  // Checks if the user has permissions to create a new document in the related collection\n  const canCreate = useMemo(() => {\n    if (permissions?.collections && permissions.collections?.[relationTo]?.create) {\n      if (permissions.collections[relationTo].create?.permission === true) {\n        return true\n      }\n    }\n\n    return false\n  }, [relationTo, permissions])\n\n  const { filterOptions, formInitializing, formProcessing, setValue, showError, value } =\n    useField<string>({\n      path: pathFromContext ?? pathFromProps,\n      validate: memoizedValidate,\n    })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const onChange = useCallback(\n    (incomingValue) => {\n      const incomingID = incomingValue?.id || incomingValue\n      setValue(incomingID)\n    },\n    [setValue],\n  )\n\n  if (collection.upload) {\n    return (\n      <UploadInput\n        Description={field?.admin?.components?.Description}\n        Error={field?.admin?.components?.Error}\n        Label={field?.admin?.components?.Label}\n        allowNewUpload={canCreate}\n        api={apiRoute}\n        className={className}\n        collection={collection}\n        filterOptions={filterOptions}\n        label={label}\n        onChange={onChange}\n        readOnly={disabled}\n        relationTo={relationTo}\n        required={required}\n        serverURL={serverURL}\n        showError={showError}\n        style={style}\n        value={value}\n        width={width}\n      />\n    )\n  }\n\n  return null\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/index.d.ts

@@ -1,4 +1,8 @@
 import type { FieldTypes } from 'payload';
+import type React from 'react';
 export * from './shared/index.js';
-export declare const fieldComponents: FieldTypes;
+export type FieldTypesComponents = {
+    [K in 'confirmPassword' | 'hidden' | 'password' | FieldTypes]: React.FC;
+};
+export declare const fieldComponents: FieldTypesComponents;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fields/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA2BzC,cAAc,mBAAmB,CAAA;AAEjC,eAAO,MAAM,eAAe,EAAE,UAyB7B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA2B9B,cAAc,mBAAmB,CAAA;AAEjC,MAAM,MAAM,oBAAoB,GAAG;KAChC,CAAC,IAAI,iBAAiB,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,KAAK,CAAC,EAAE;CACxE,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,oBAyB7B,CAAA"}

package/dist/fields/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { ArrayField } from './Array/index.js';
 import { BlocksField } from './Blocks/index.js';
 import { CheckboxField } from './Checkbox/index.js';
@@ -24,30 +26,29 @@ import { UIField } from './UI/index.js';
 import { UploadField } from './Upload/index.js';
 export * from './shared/index.js';
 export const fieldComponents = {
-    array: ArrayField,
-    blocks: BlocksField,
-    checkbox: CheckboxField,
-    code: CodeField,
-    collapsible: CollapsibleField,
-    confirmPassword: ConfirmPasswordField,
-    date: DateTimeField,
-    email: EmailField,
-    group: GroupField,
-    hidden: HiddenField,
-    json: JSONField,
-    number: NumberField,
-    password: PasswordField,
-    point: PointField,
-    radio: RadioGroupField,
-    relationship: RelationshipField,
-    richText: RichTextField,
-    row: RowField,
-    select: SelectField,
-    tabs: TabsField,
-    text: TextField,
-    textarea: TextareaField,
-    ui: UIField,
-    upload: UploadField
+  array: ArrayField,
+  blocks: BlocksField,
+  checkbox: CheckboxField,
+  code: CodeField,
+  collapsible: CollapsibleField,
+  confirmPassword: ConfirmPasswordField,
+  date: DateTimeField,
+  email: EmailField,
+  group: GroupField,
+  hidden: HiddenField,
+  json: JSONField,
+  number: NumberField,
+  password: PasswordField,
+  point: PointField,
+  radio: RadioGroupField,
+  relationship: RelationshipField,
+  richText: RichTextField,
+  row: RowField,
+  select: SelectField,
+  tabs: TabsField,
+  text: TextField,
+  textarea: TextareaField,
+  ui: UIField,
+  upload: UploadField
 };
-
 //# sourceMappingURL=index.js.map

package/dist/fields/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/fields/index.tsx"],"sourcesContent":["import type { FieldTypes } from 'payload'\n\nimport { ArrayField } from './Array/index.js'\nimport { BlocksField } from './Blocks/index.js'\nimport { CheckboxField } from './Checkbox/index.js'\nimport { CodeField } from './Code/index.js'\nimport { CollapsibleField } from './Collapsible/index.js'\nimport { ConfirmPasswordField } from './ConfirmPassword/index.js'\nimport { DateTimeField } from './DateTime/index.js'\nimport { EmailField } from './Email/index.js'\nimport { GroupField } from './Group/index.js'\nimport { HiddenField } from './Hidden/index.js'\nimport { JSONField } from './JSON/index.js'\nimport { NumberField } from './Number/index.js'\nimport { PasswordField } from './Password/index.js'\nimport { PointField } from './Point/index.js'\nimport { RadioGroupField } from './RadioGroup/index.js'\nimport { RelationshipField } from './Relationship/index.js'\nimport { RichTextField } from './RichText/index.js'\nimport { RowField } from './Row/index.js'\nimport { SelectField } from './Select/index.js'\nimport { TabsField } from './Tabs/index.js'\nimport { TextField } from './Text/index.js'\nimport { TextareaField } from './Textarea/index.js'\nimport { UIField } from './UI/index.js'\nimport { UploadField } from './Upload/index.js'\n\nexport * from './shared/index.js'\n\nexport const fieldComponents: FieldTypes = {\n  array: ArrayField,\n  blocks: BlocksField,\n  checkbox: CheckboxField,\n  code: CodeField,\n  collapsible: CollapsibleField,\n  confirmPassword: ConfirmPasswordField,\n  date: DateTimeField,\n  email: EmailField,\n  group: GroupField,\n  hidden: HiddenField,\n  json: JSONField,\n  number: NumberField,\n  password: PasswordField,\n  point: PointField,\n  radio: RadioGroupField,\n  relationship: RelationshipField,\n  richText: RichTextField,\n  row: RowField,\n  select: SelectField,\n  tabs: TabsField,\n  text: TextField,\n  textarea: TextareaField,\n  ui: UIField,\n  upload: UploadField,\n}\n"],"names":["ArrayField","BlocksField","CheckboxField","CodeField","CollapsibleField","ConfirmPasswordField","DateTimeField","EmailField","GroupField","HiddenField","JSONField","NumberField","PasswordField","PointField","RadioGroupField","RelationshipField","RichTextField","RowField","SelectField","TabsField","TextField","TextareaField","UIField","UploadField","fieldComponents","array","blocks","checkbox","code","collapsible","confirmPassword","date","email","group","hidden","json","number","password","point","radio","relationship","richText","row","select","tabs","text","textarea","ui","upload"],"mappings":"AAEA,SAASA,UAAU,QAAQ,mBAAkB;AAC7C,SAASC,WAAW,QAAQ,oBAAmB;AAC/C,SAASC,aAAa,QAAQ,sBAAqB;AACnD,SAASC,SAAS,QAAQ,kBAAiB;AAC3C,SAASC,gBAAgB,QAAQ,yBAAwB;AACzD,SAASC,oBAAoB,QAAQ,6BAA4B;AACjE,SAASC,aAAa,QAAQ,sBAAqB;AACnD,SAASC,UAAU,QAAQ,mBAAkB;AAC7C,SAASC,UAAU,QAAQ,mBAAkB;AAC7C,SAASC,WAAW,QAAQ,oBAAmB;AAC/C,SAASC,SAAS,QAAQ,kBAAiB;AAC3C,SAASC,WAAW,QAAQ,oBAAmB;AAC/C,SAASC,aAAa,QAAQ,sBAAqB;AACnD,SAASC,UAAU,QAAQ,mBAAkB;AAC7C,SAASC,eAAe,QAAQ,wBAAuB;AACvD,SAASC,iBAAiB,QAAQ,0BAAyB;AAC3D,SAASC,aAAa,QAAQ,sBAAqB;AACnD,SAASC,QAAQ,QAAQ,iBAAgB;AACzC,SAASC,WAAW,QAAQ,oBAAmB;AAC/C,SAASC,SAAS,QAAQ,kBAAiB;AAC3C,SAASC,SAAS,QAAQ,kBAAiB;AAC3C,SAASC,aAAa,QAAQ,sBAAqB;AACnD,SAASC,OAAO,QAAQ,gBAAe;AACvC,SAASC,WAAW,QAAQ,oBAAmB;AAE/C,cAAc,oBAAmB;AAEjC,OAAO,MAAMC,kBAA8B;IACzCC,OAAOzB;IACP0B,QAAQzB;IACR0B,UAAUzB;IACV0B,MAAMzB;IACN0B,aAAazB;IACb0B,iBAAiBzB;IACjB0B,MAAMzB;IACN0B,OAAOzB;IACP0B,OAAOzB;IACP0B,QAAQzB;IACR0B,MAAMzB;IACN0B,QAAQzB;IACR0B,UAAUzB;IACV0B,OAAOzB;IACP0B,OAAOzB;IACP0B,cAAczB;IACd0B,UAAUzB;IACV0B,KAAKzB;IACL0B,QAAQzB;IACR0B,MAAMzB;IACN0B,MAAMzB;IACN0B,UAAUzB;IACV0B,IAAIzB;IACJ0B,QAAQzB;AACV,EAAC"}
+{"version":3,"file":"index.js","names":["ArrayField","BlocksField","CheckboxField","CodeField","CollapsibleField","ConfirmPasswordField","DateTimeField","EmailField","GroupField","HiddenField","JSONField","NumberField","PasswordField","PointField","RadioGroupField","RelationshipField","RichTextField","RowField","SelectField","TabsField","TextField","TextareaField","UIField","UploadField","fieldComponents","array","blocks","checkbox","code","collapsible","confirmPassword","date","email","group","hidden","json","number","password","point","radio","relationship","richText","row","select","tabs","text","textarea","ui","upload"],"sources":["../../src/fields/index.tsx"],"sourcesContent":["'use client'\nimport type { FieldTypes } from 'payload'\nimport type React from 'react'\n\nimport { ArrayField } from './Array/index.js'\nimport { BlocksField } from './Blocks/index.js'\nimport { CheckboxField } from './Checkbox/index.js'\nimport { CodeField } from './Code/index.js'\nimport { CollapsibleField } from './Collapsible/index.js'\nimport { ConfirmPasswordField } from './ConfirmPassword/index.js'\nimport { DateTimeField } from './DateTime/index.js'\nimport { EmailField } from './Email/index.js'\nimport { GroupField } from './Group/index.js'\nimport { HiddenField } from './Hidden/index.js'\nimport { JSONField } from './JSON/index.js'\nimport { NumberField } from './Number/index.js'\nimport { PasswordField } from './Password/index.js'\nimport { PointField } from './Point/index.js'\nimport { RadioGroupField } from './RadioGroup/index.js'\nimport { RelationshipField } from './Relationship/index.js'\nimport { RichTextField } from './RichText/index.js'\nimport { RowField } from './Row/index.js'\nimport { SelectField } from './Select/index.js'\nimport { TabsField } from './Tabs/index.js'\nimport { TextField } from './Text/index.js'\nimport { TextareaField } from './Textarea/index.js'\nimport { UIField } from './UI/index.js'\nimport { UploadField } from './Upload/index.js'\n\nexport * from './shared/index.js'\n\nexport type FieldTypesComponents = {\n  [K in 'confirmPassword' | 'hidden' | 'password' | FieldTypes]: React.FC\n}\n\nexport const fieldComponents: FieldTypesComponents = {\n  array: ArrayField,\n  blocks: BlocksField,\n  checkbox: CheckboxField,\n  code: CodeField,\n  collapsible: CollapsibleField,\n  confirmPassword: ConfirmPasswordField,\n  date: DateTimeField,\n  email: EmailField,\n  group: GroupField,\n  hidden: HiddenField,\n  json: JSONField,\n  number: NumberField,\n  password: PasswordField,\n  point: PointField,\n  radio: RadioGroupField,\n  relationship: RelationshipField,\n  richText: RichTextField,\n  row: RowField,\n  select: SelectField,\n  tabs: TabsField,\n  text: TextField,\n  textarea: TextareaField,\n  ui: UIField,\n  upload: UploadField,\n}\n"],"mappings":"AAAA;;AAIA,SAASA,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,eAAe,QAAQ;AAChC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,WAAW,QAAQ;AAE5B,cAAc;AAMd,OAAO,MAAMC,eAAA,GAAwC;EACnDC,KAAA,EAAOzB,UAAA;EACP0B,MAAA,EAAQzB,WAAA;EACR0B,QAAA,EAAUzB,aAAA;EACV0B,IAAA,EAAMzB,SAAA;EACN0B,WAAA,EAAazB,gBAAA;EACb0B,eAAA,EAAiBzB,oBAAA;EACjB0B,IAAA,EAAMzB,aAAA;EACN0B,KAAA,EAAOzB,UAAA;EACP0B,KAAA,EAAOzB,UAAA;EACP0B,MAAA,EAAQzB,WAAA;EACR0B,IAAA,EAAMzB,SAAA;EACN0B,MAAA,EAAQzB,WAAA;EACR0B,QAAA,EAAUzB,aAAA;EACV0B,KAAA,EAAOzB,UAAA;EACP0B,KAAA,EAAOzB,eAAA;EACP0B,YAAA,EAAczB,iBAAA;EACd0B,QAAA,EAAUzB,aAAA;EACV0B,GAAA,EAAKzB,QAAA;EACL0B,MAAA,EAAQzB,WAAA;EACR0B,IAAA,EAAMzB,SAAA;EACN0B,IAAA,EAAMzB,SAAA;EACN0B,QAAA,EAAUzB,aAAA;EACV0B,EAAA,EAAIzB,OAAA;EACJ0B,MAAA,EAAQzB;AACV","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAElE,eAAO,MAAM,cAAc,eAAe,CAAA;AAE1C;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,cAAc,EACd,QAAQ,EACR,MAAM,EACN,kBAAkB,GACnB,EAAE;IACD,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD,WAiBA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAElE,eAAO,MAAM,cAAc,eAAe,CAAA;AAE1C;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,cAAc,EACd,QAAQ,EACR,MAAM,EACN,kBAAkB,GACnB,EAAE;IACD,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD,WAiBA"}

package/dist/fields/shared/index.js

@@ -1,15 +1,24 @@
+'use client';
+
 export const fieldBaseClass = 'field-type';
 /**
  * Determines whether a field should be displayed as right-to-left (RTL) based on its configuration, payload's localization configuration and the adming user's currently enabled locale.
 
  * @returns Whether the field should be displayed as RTL.
- */ export function isFieldRTL({ fieldLocalized, fieldRTL, locale, localizationConfig }) {
-    const hasMultipleLocales = locale && localizationConfig && localizationConfig.locales && localizationConfig.locales.length > 1;
-    const isCurrentLocaleDefaultLocale = locale?.code === localizationConfig?.defaultLocale;
-    return fieldRTL !== false && locale?.rtl === true && (fieldLocalized || !fieldLocalized && !hasMultipleLocales || // If there is only one locale which is also rtl, that field is rtl too
-    !fieldLocalized && isCurrentLocaleDefaultLocale) || // If the current locale is the default locale, but the field is not localized, that field is rtl too
-    fieldRTL === true // If fieldRTL is true. This should be useful for when no localization is set at all in the payload config, but you still want fields to be rtl.
-    ;
+ */
+export function isFieldRTL({
+  fieldLocalized,
+  fieldRTL,
+  locale,
+  localizationConfig
+}) {
+  const hasMultipleLocales = locale && localizationConfig && localizationConfig.locales && localizationConfig.locales.length > 1;
+  const isCurrentLocaleDefaultLocale = locale?.code === localizationConfig?.defaultLocale;
+  return fieldRTL !== false && locale?.rtl === true && (fieldLocalized || !fieldLocalized && !hasMultipleLocales ||
+  // If there is only one locale which is also rtl, that field is rtl too
+  !fieldLocalized && isCurrentLocaleDefaultLocale) ||
+  // If the current locale is the default locale, but the field is not localized, that field is rtl too
+  fieldRTL === true // If fieldRTL is true. This should be useful for when no localization is set at all in the payload config, but you still want fields to be rtl.
+  ;
 }
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/shared/index.tsx"],"sourcesContent":["import type { Locale, SanitizedLocalizationConfig } from 'payload'\n\nexport const fieldBaseClass = 'field-type'\n\n/**\n * Determines whether a field should be displayed as right-to-left (RTL) based on its configuration, payload's localization configuration and the adming user's currently enabled locale.\n\n * @returns Whether the field should be displayed as RTL.\n */\nexport function isFieldRTL({\n  fieldLocalized,\n  fieldRTL,\n  locale,\n  localizationConfig,\n}: {\n  fieldLocalized: boolean\n  fieldRTL: boolean\n  locale: Locale\n  localizationConfig?: SanitizedLocalizationConfig\n}) {\n  const hasMultipleLocales =\n    locale &&\n    localizationConfig &&\n    localizationConfig.locales &&\n    localizationConfig.locales.length > 1\n\n  const isCurrentLocaleDefaultLocale = locale?.code === localizationConfig?.defaultLocale\n\n  return (\n    (fieldRTL !== false &&\n      locale?.rtl === true &&\n      (fieldLocalized ||\n        (!fieldLocalized && !hasMultipleLocales) || // If there is only one locale which is also rtl, that field is rtl too\n        (!fieldLocalized && isCurrentLocaleDefaultLocale))) || // If the current locale is the default locale, but the field is not localized, that field is rtl too\n    fieldRTL === true\n  ) // If fieldRTL is true. This should be useful for when no localization is set at all in the payload config, but you still want fields to be rtl.\n}\n"],"names":["fieldBaseClass","isFieldRTL","fieldLocalized","fieldRTL","locale","localizationConfig","hasMultipleLocales","locales","length","isCurrentLocaleDefaultLocale","code","defaultLocale","rtl"],"mappings":"AAEA,OAAO,MAAMA,iBAAiB,aAAY;AAE1C;;;;CAIC,GACD,OAAO,SAASC,WAAW,EACzBC,cAAc,EACdC,QAAQ,EACRC,MAAM,EACNC,kBAAkB,EAMnB;IACC,MAAMC,qBACJF,UACAC,sBACAA,mBAAmBE,OAAO,IAC1BF,mBAAmBE,OAAO,CAACC,MAAM,GAAG;IAEtC,MAAMC,+BAA+BL,QAAQM,SAASL,oBAAoBM;IAE1E,OACE,AAACR,aAAa,SACZC,QAAQQ,QAAQ,QACfV,CAAAA,kBACE,CAACA,kBAAkB,CAACI,sBAAuB,uEAAuE;IAClH,CAACJ,kBAAkBO,4BAA4B,KAAO,qGAAqG;IAChKN,aAAa,KACb,gJAAgJ;;AACpJ"}
+{"version":3,"file":"index.js","names":["fieldBaseClass","isFieldRTL","fieldLocalized","fieldRTL","locale","localizationConfig","hasMultipleLocales","locales","length","isCurrentLocaleDefaultLocale","code","defaultLocale","rtl"],"sources":["../../../src/fields/shared/index.tsx"],"sourcesContent":["'use client'\nimport type { Locale, SanitizedLocalizationConfig } from 'payload'\n\nexport const fieldBaseClass = 'field-type'\n\n/**\n * Determines whether a field should be displayed as right-to-left (RTL) based on its configuration, payload's localization configuration and the adming user's currently enabled locale.\n\n * @returns Whether the field should be displayed as RTL.\n */\nexport function isFieldRTL({\n  fieldLocalized,\n  fieldRTL,\n  locale,\n  localizationConfig,\n}: {\n  fieldLocalized: boolean\n  fieldRTL: boolean\n  locale: Locale\n  localizationConfig?: SanitizedLocalizationConfig\n}) {\n  const hasMultipleLocales =\n    locale &&\n    localizationConfig &&\n    localizationConfig.locales &&\n    localizationConfig.locales.length > 1\n\n  const isCurrentLocaleDefaultLocale = locale?.code === localizationConfig?.defaultLocale\n\n  return (\n    (fieldRTL !== false &&\n      locale?.rtl === true &&\n      (fieldLocalized ||\n        (!fieldLocalized && !hasMultipleLocales) || // If there is only one locale which is also rtl, that field is rtl too\n        (!fieldLocalized && isCurrentLocaleDefaultLocale))) || // If the current locale is the default locale, but the field is not localized, that field is rtl too\n    fieldRTL === true\n  ) // If fieldRTL is true. This should be useful for when no localization is set at all in the payload config, but you still want fields to be rtl.\n}\n"],"mappings":"AAAA;;AAGA,OAAO,MAAMA,cAAA,GAAiB;AAE9B;;;;;AAKA,OAAO,SAASC,WAAW;EACzBC,cAAc;EACdC,QAAQ;EACRC,MAAM;EACNC;AAAkB,CAMnB;EACC,MAAMC,kBAAA,GACJF,MAAA,IACAC,kBAAA,IACAA,kBAAA,CAAmBE,OAAO,IAC1BF,kBAAA,CAAmBE,OAAO,CAACC,MAAM,GAAG;EAEtC,MAAMC,4BAAA,GAA+BL,MAAA,EAAQM,IAAA,KAASL,kBAAA,EAAoBM,aAAA;EAE1E,OACER,QAAC,KAAa,SACZC,MAAA,EAAQQ,GAAA,KAAQ,SACfV,cAAA,IACE,CAACA,cAAA,IAAkB,CAACI,kBAAA;EAAuB;EAC3C,CAACJ,cAAA,IAAkBO,4BAA4B;EAAO;EAC3DN,QAAA,KAAa,KACb;EAAA;AACJ","ignoreList":[]}

package/dist/forms/FieldPropsProvider/index.d.ts

@@ -10,21 +10,21 @@ export type FieldPropsContextType = {
     siblingPermissions: {
         [fieldName: string]: FieldPermissions;
     };
-    type: keyof FieldTypes;
+    type: FieldTypes;
 };
 export type Props = {
-    children: React.ReactNode;
-    custom?: Record<any, string>;
-    indexPath?: string;
-    isForceRendered?: boolean;
-    path: string;
-    permissions?: FieldPermissions;
-    readOnly: boolean;
-    schemaPath: string;
-    siblingPermissions: {
+    readonly children: React.ReactNode;
+    readonly custom?: Record<any, string>;
+    readonly indexPath?: string;
+    readonly isForceRendered?: boolean;
+    readonly path: string;
+    readonly permissions?: FieldPermissions;
+    readonly readOnly: boolean;
+    readonly schemaPath: string;
+    readonly siblingPermissions: {
         [fieldName: string]: FieldPermissions;
     };
-    type: keyof FieldTypes;
+    readonly type: FieldTypes;
 };
 export declare const FieldPropsProvider: React.FC<Props>;
 export declare const useFieldProps: () => FieldPropsContextType;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/FieldPropsProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAE3D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,kBAAkB,EAAE;QAClB,CAAC,SAAS,EAAE,MAAM,GAAG,gBAAgB,CAAA;KACtC,CAAA;IACD,IAAI,EAAE,MAAM,UAAU,CAAA;CACvB,CAAA;AAaD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,kBAAkB,EAAE;QAClB,CAAC,SAAS,EAAE,MAAM,GAAG,gBAAgB,CAAA;KACtC,CAAA;IACD,IAAI,EAAE,MAAM,UAAU,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2B9C,CAAA;AAED,eAAO,MAAM,aAAa,6BAGzB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/FieldPropsProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAE3D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,kBAAkB,EAAE;QAClB,CAAC,SAAS,EAAE,MAAM,GAAG,gBAAgB,CAAA;KACtC,CAAA;IACD,IAAI,EAAE,UAAU,CAAA;CACjB,CAAA;AAaD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;IACrC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,gBAAgB,CAAA;IACvC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,kBAAkB,EAAE;QAC3B,CAAC,SAAS,EAAE,MAAM,GAAG,gBAAgB,CAAA;KACtC,CAAA;IACD,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2B9C,CAAA;AAED,eAAO,MAAM,aAAa,6BAGzB,CAAA"}

package/dist/forms/FieldPropsProvider/index.js

@@ -1,34 +1,44 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-const FieldPropsContext = /*#__PURE__*/ React.createContext({
-    type: undefined,
-    custom: {},
-    indexPath: undefined,
-    path: undefined,
-    permissions: {},
-    readOnly: false,
-    schemaPath: undefined,
-    siblingPermissions: {}
+const FieldPropsContext = /*#__PURE__*/React.createContext({
+  type: undefined,
+  custom: {},
+  indexPath: undefined,
+  path: undefined,
+  permissions: {},
+  readOnly: false,
+  schemaPath: undefined,
+  siblingPermissions: {}
 });
-export const FieldPropsProvider = ({ type, children, custom, indexPath, path, permissions, readOnly, schemaPath, siblingPermissions })=>{
-    return /*#__PURE__*/ _jsx(FieldPropsContext.Provider, {
-        value: {
-            type,
-            custom,
-            indexPath,
-            path,
-            permissions,
-            readOnly,
-            schemaPath,
-            siblingPermissions
-        },
-        children: children
-    });
+export const FieldPropsProvider = ({
+  type,
+  children,
+  custom,
+  indexPath,
+  path,
+  permissions,
+  readOnly,
+  schemaPath,
+  siblingPermissions
+}) => {
+  return /*#__PURE__*/_jsx(FieldPropsContext.Provider, {
+    value: {
+      type,
+      custom,
+      indexPath,
+      path,
+      permissions,
+      readOnly,
+      schemaPath,
+      siblingPermissions
+    },
+    children: children
+  });
 };
-export const useFieldProps = ()=>{
-    const props = React.useContext(FieldPropsContext);
-    return props;
+export const useFieldProps = () => {
+  const props = React.useContext(FieldPropsContext);
+  return props;
 };
-
 //# sourceMappingURL=index.js.map