@payloadcms/ui 3.0.0-canary.518fabe → 3.0.0-canary.51be7be

package/dist/fields/Textarea/index.scss

@@ -1,112 +1,114 @@
 @import '../../scss/styles.scss';
 
-.field-type.textarea {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-
-  .textarea-outer {
-    @include formInput();
+@layer payload-default {
+  .field-type.textarea {
+    position: relative;
     display: flex;
-    resize: vertical;
-    min-height: base(3);
-    height: 100%;
+    flex-direction: column;
 
-    // Scrollbar for giant content
-    max-height: calc(100vh - $top-header-offset - calc(#{base(5)}));
-    overflow: hidden;
+    .textarea-outer {
+      @include formInput();
+      display: flex;
+      resize: vertical;
+      min-height: base(3);
+      height: 100%;
 
-    @include mid-break {
-      max-height: 60vh;
+      // Scrollbar for giant content
+      max-height: calc(100vh - $top-header-offset - calc(#{base(5)}));
+      overflow: hidden;
+
+      @include mid-break {
+        max-height: 60vh;
+      }
     }
-  }
 
-  &.read-only {
-    .textarea-outer {
-      @include readOnly;
+    &.read-only {
+      .textarea-outer {
+        @include readOnly;
+      }
     }
-  }
 
-  // This element takes exactly the same dimensions as the clone
-  .textarea-inner {
-    display: block;
-    position: relative;
-    line-height: inherit;
-    flex-grow: 1;
-    background: none;
-    outline: none;
-  }
+    // This element takes exactly the same dimensions as the clone
+    .textarea-inner {
+      display: block;
+      position: relative;
+      line-height: inherit;
+      flex-grow: 1;
+      background: none;
+      outline: none;
+    }
 
-  // Unstyle the textarea, the border is rendered on .textarea-outer
-  .textarea-element {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    border: inherit;
-    padding: inherit;
-    font: inherit;
-    line-height: inherit;
-    color: inherit;
-    background: none;
-    overflow: auto;
-    resize: none;
-    outline: none;
-    text-transform: inherit;
+    // Unstyle the textarea, the border is rendered on .textarea-outer
+    .textarea-element {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      border: inherit;
+      padding: inherit;
+      font: inherit;
+      line-height: inherit;
+      color: inherit;
+      background: none;
+      overflow: auto;
+      resize: none;
+      outline: none;
+      text-transform: inherit;
 
-    &::-webkit-scrollbar {
-      display: none;
-    }
-    &[data-rtl='true'] {
-      direction: rtl;
+      &::-webkit-scrollbar {
+        display: none;
+      }
+      &[data-rtl='true'] {
+        direction: rtl;
+      }
     }
-  }
 
-  // Clone of textarea with same height
-  .textarea-clone {
-    vertical-align: top;
-    display: inline-block;
-    flex-grow: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: pre-wrap;
-    pointer-events: none;
-  }
+    // Clone of textarea with same height
+    .textarea-clone {
+      vertical-align: top;
+      display: inline-block;
+      flex-grow: 1;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: pre-wrap;
+      pointer-events: none;
+    }
 
-  .textarea-clone::before {
-    content: attr(data-value) ' ';
-    visibility: hidden;
-    opacity: 0;
-    white-space: pre-wrap;
-    overflow-wrap: break-word;
-  }
+    .textarea-clone::before {
+      content: attr(data-value) ' ';
+      visibility: hidden;
+      opacity: 0;
+      white-space: pre-wrap;
+      overflow-wrap: break-word;
+    }
 
-  .textarea-clone::after {
-    content: attr(data-after);
-    opacity: 0.5;
-  }
+    .textarea-clone::after {
+      content: attr(data-after);
+      opacity: 0.5;
+    }
 
-  @include mid-break {
-    padding: 0;
+    @include mid-break {
+      padding: 0;
+    }
   }
-}
 
-html[data-theme='light'] {
-  .field-type.textarea {
-    &.error {
-      .textarea-outer {
-        @include lightInputError;
+  html[data-theme='light'] {
+    .field-type.textarea {
+      &.error {
+        .textarea-outer {
+          @include lightInputError;
+        }
       }
     }
   }
-}
 
-html[data-theme='dark'] {
-  .field-type.textarea {
-    &.error {
-      .textarea-outer {
-        @include darkInputError;
+  html[data-theme='dark'] {
+    .field-type.textarea {
+      &.error {
+        .textarea-outer {
+          @include darkInputError;
+        }
       }
     }
   }

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

@@ -1,27 +1,29 @@
 @import '../../../scss/styles.scss';
 
-.upload--has-many {
-  position: relative;
-  max-width: 100%;
+@layer payload-default {
+  .upload--has-many {
+    position: relative;
+    max-width: 100%;
 
-  &__draggable-rows {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--base) / 4);
-  }
-
-  &__dragItem {
-    .icon--drag-handle {
-      color: var(--theme-elevation-400);
+    &__draggable-rows {
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--base) / 4);
     }
 
-    .thumbnail {
-      width: 26px;
-      height: 26px;
-    }
+    &__dragItem {
+      .icon--drag-handle {
+        color: var(--theme-elevation-400);
+      }
+
+      .thumbnail {
+        width: 26px;
+        height: 26px;
+      }
 
-    .uploadDocRelationshipContent__details {
-      line-height: 1.2;
+      .uploadDocRelationshipContent__details {
+        line-height: 1.2;
+      }
     }
   }
 }

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

@@ -18,7 +18,7 @@ export function UploadComponentHasOne(props) {
     relationTo,
     value
   } = fileDoc;
-  const id = String(value.id);
+  const id = String(value?.id);
   const url = value.thumbnailURL || value.url;
   let src;
   try {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","RelationshipContent","UploadCard","baseClass","UploadComponentHasOne","props","className","fileDoc","onRemove","readonly","serverURL","relationTo","value","id","String","url","thumbnailURL","src","URL","toString","_jsx","filter","Boolean","join","allowEdit","allowRemove","alt","filename","byteSize","filesize","collectionSlug","mimeType","x","width","y","height"],"sources":["../../../../src/fields/Upload/HasOne/index.tsx"],"sourcesContent":["'use client'\n\nimport type { JsonObject } from 'payload'\n\nimport React from 'react'\n\nimport { RelationshipContent } from '../RelationshipContent/index.js'\nimport { UploadCard } from '../UploadCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'upload upload--has-one'\n\ntype Props = {\n  readonly className?: string\n  readonly fileDoc: {\n    relationTo: string\n    value: JsonObject\n  }\n  readonly onRemove?: () => void\n  readonly readonly?: boolean\n  readonly serverURL: string\n}\n\nexport function UploadComponentHasOne(props: Props) {\n  const { className, fileDoc, onRemove, readonly, serverURL } = props\n  const { relationTo, value } = fileDoc\n  const id = String(value.id)\n\n  const url: string = value.thumbnailURL || value.url\n  let src: string\n\n  try {\n    src = new URL(url, serverURL).toString()\n  } catch {\n    src = `${serverURL}${url}`\n  }\n\n  return (\n    <UploadCard className={[baseClass, className].filter(Boolean).join(' ')}>\n      <RelationshipContent\n        allowEdit={!readonly}\n        allowRemove={!readonly}\n        alt={(value?.alt || value?.filename) as string}\n        byteSize={value.filesize as number}\n        collectionSlug={relationTo}\n        filename={value.filename as string}\n        id={id}\n        mimeType={value?.mimeType as string}\n        onRemove={onRemove}\n        src={src}\n        x={value?.width as number}\n        y={value?.height as number}\n      />\n    </UploadCard>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,MAAW;AAElB,SAASC,mBAAmB,QAAQ;AACpC,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAalB,OAAO,SAASC,sBAAsBC,KAAY;EAChD,MAAM;IAAEC,SAAS;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAS,CAAE,GAAGL,KAAA;EAC9D,MAAM;IAAEM,UAAU;IAAEC;EAAK,CAAE,GAAGL,OAAA;EAC9B,MAAMM,EAAA,GAAKC,MAAA,CAAOF,KAAA,CAAMC,EAAE;EAE1B,MAAME,GAAA,GAAcH,KAAA,CAAMI,YAAY,IAAIJ,KAAA,CAAMG,GAAG;EACnD,IAAIE,GAAA;EAEJ,IAAI;IACFA,GAAA,GAAM,IAAIC,GAAA,CAAIH,GAAA,EAAKL,SAAA,EAAWS,QAAQ;EACxC,EAAE,MAAM;IACNF,GAAA,GAAM,GAAGP,SAAA,GAAYK,GAAA,EAAK;EAC5B;EAEA,oBACEK,IAAA,CAAClB,UAAA;IAAWI,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACe,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;cACjE,aAAAH,IAAA,CAACnB,mBAAA;MACCuB,SAAA,EAAW,CAACf,QAAA;MACZgB,WAAA,EAAa,CAAChB,QAAA;MACdiB,GAAA,EAAMd,KAAA,EAAOc,GAAA,IAAOd,KAAA,EAAOe,QAAA;MAC3BC,QAAA,EAAUhB,KAAA,CAAMiB,QAAQ;MACxBC,cAAA,EAAgBnB,UAAA;MAChBgB,QAAA,EAAUf,KAAA,CAAMe,QAAQ;MACxBd,EAAA,EAAIA,EAAA;MACJkB,QAAA,EAAUnB,KAAA,EAAOmB,QAAA;MACjBvB,QAAA,EAAUA,QAAA;MACVS,GAAA,EAAKA,GAAA;MACLe,CAAA,EAAGpB,KAAA,EAAOqB,KAAA;MACVC,CAAA,EAAGtB,KAAA,EAAOuB;;;AAIlB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","RelationshipContent","UploadCard","baseClass","UploadComponentHasOne","props","className","fileDoc","onRemove","readonly","serverURL","relationTo","value","id","String","url","thumbnailURL","src","URL","toString","_jsx","filter","Boolean","join","allowEdit","allowRemove","alt","filename","byteSize","filesize","collectionSlug","mimeType","x","width","y","height"],"sources":["../../../../src/fields/Upload/HasOne/index.tsx"],"sourcesContent":["'use client'\n\nimport type { JsonObject } from 'payload'\n\nimport React from 'react'\n\nimport { RelationshipContent } from '../RelationshipContent/index.js'\nimport { UploadCard } from '../UploadCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'upload upload--has-one'\n\ntype Props = {\n  readonly className?: string\n  readonly fileDoc: {\n    relationTo: string\n    value: JsonObject\n  }\n  readonly onRemove?: () => void\n  readonly readonly?: boolean\n  readonly serverURL: string\n}\n\nexport function UploadComponentHasOne(props: Props) {\n  const { className, fileDoc, onRemove, readonly, serverURL } = props\n  const { relationTo, value } = fileDoc\n  const id = String(value?.id)\n\n  const url: string = value.thumbnailURL || value.url\n  let src: string\n\n  try {\n    src = new URL(url, serverURL).toString()\n  } catch {\n    src = `${serverURL}${url}`\n  }\n\n  return (\n    <UploadCard className={[baseClass, className].filter(Boolean).join(' ')}>\n      <RelationshipContent\n        allowEdit={!readonly}\n        allowRemove={!readonly}\n        alt={(value?.alt || value?.filename) as string}\n        byteSize={value.filesize as number}\n        collectionSlug={relationTo}\n        filename={value.filename as string}\n        id={id}\n        mimeType={value?.mimeType as string}\n        onRemove={onRemove}\n        src={src}\n        x={value?.width as number}\n        y={value?.height as number}\n      />\n    </UploadCard>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,MAAW;AAElB,SAASC,mBAAmB,QAAQ;AACpC,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAalB,OAAO,SAASC,sBAAsBC,KAAY;EAChD,MAAM;IAAEC,SAAS;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAS,CAAE,GAAGL,KAAA;EAC9D,MAAM;IAAEM,UAAU;IAAEC;EAAK,CAAE,GAAGL,OAAA;EAC9B,MAAMM,EAAA,GAAKC,MAAA,CAAOF,KAAA,EAAOC,EAAA;EAEzB,MAAME,GAAA,GAAcH,KAAA,CAAMI,YAAY,IAAIJ,KAAA,CAAMG,GAAG;EACnD,IAAIE,GAAA;EAEJ,IAAI;IACFA,GAAA,GAAM,IAAIC,GAAA,CAAIH,GAAA,EAAKL,SAAA,EAAWS,QAAQ;EACxC,EAAE,MAAM;IACNF,GAAA,GAAM,GAAGP,SAAA,GAAYK,GAAA,EAAK;EAC5B;EAEA,oBACEK,IAAA,CAAClB,UAAA;IAAWI,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACe,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;cACjE,aAAAH,IAAA,CAACnB,mBAAA;MACCuB,SAAA,EAAW,CAACf,QAAA;MACZgB,WAAA,EAAa,CAAChB,QAAA;MACdiB,GAAA,EAAMd,KAAA,EAAOc,GAAA,IAAOd,KAAA,EAAOe,QAAA;MAC3BC,QAAA,EAAUhB,KAAA,CAAMiB,QAAQ;MACxBC,cAAA,EAAgBnB,UAAA;MAChBgB,QAAA,EAAUf,KAAA,CAAMe,QAAQ;MACxBd,EAAA,EAAIA,EAAA;MACJkB,QAAA,EAAUnB,KAAA,EAAOmB,QAAA;MACjBvB,QAAA,EAAUA,QAAA;MACVS,GAAA,EAAKA,GAAA;MACLe,CAAA,EAAGpB,KAAA,EAAOqB,KAAA;MACVC,CAAA,EAAGtB,KAAA,EAAOuB;;;AAIlB","ignoreList":[]}

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

@@ -1,6 +1,8 @@
 @import '../../../scss/styles.scss';
 
-.upload {
-  position: relative;
-  max-width: 100%;
+@layer payload-default {
+  .upload {
+    position: relative;
+    max-width: 100%;
+  }
 }

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

@@ -7,7 +7,6 @@ export type UploadInputProps = {
     /**
      * Controls the visibility of the "Create new collection" button
      */
-    readonly allowNewUpload?: boolean;
     readonly api?: string;
     readonly className?: string;
     readonly collection?: ClientCollectionConfig;

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EAEnB,eAAe,EAEf,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,WAAW,IAAI,eAAe,EAE/B,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAIjD,OAAO,KAA0C,MAAM,OAAO,CAAA;AAmB9D,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,WAAW,CAAA;AAIjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,sBAAsB,CAAA;IAC5C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,2BAA2B,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IAChG,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;CAC9C,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAmdlD"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EAEnB,eAAe,EAEf,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,WAAW,IAAI,eAAe,EAE/B,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAIjD,OAAO,KAA0C,MAAM,OAAO,CAAA;AAmB9D,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,WAAW,CAAA;AAIjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,sBAAsB,CAAA;IAC5C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,2BAA2B,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IAChG,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;CAC9C,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBA+elD"}

package/dist/fields/Upload/Input.js

@@ -51,6 +51,7 @@ export function UploadInput(props) {
     value,
     width
   } = props;
+  const allowCreate = field?.admin?.allowCreate !== false;
   const [populatedDocs, setPopulatedDocs] = React.useState();
   const [activeRelationTo] = React.useState(Array.isArray(relationTo) ? relationTo[0] : relationTo);
   const {
@@ -103,7 +104,7 @@ export function UploadInput(props) {
   }
   let t4;
   if ($[9] !== value || $[10] !== t3) {
-    t4 = t3.concat(...((Array.isArray(value) || value ? [value] : []) || []));
+    t4 = t3.concat(...(Array.isArray(value) || value ? [value] : []));
     $[9] = value;
     $[10] = t3;
     $[11] = t4;
@@ -192,6 +193,10 @@ export function UploadInput(props) {
   const loadedValueDocsRef = React.useRef(false);
   let t13;
   bb0: {
+    if (readOnly || !allowCreate) {
+      t13 = false;
+      break bb0;
+    }
     if (typeof activeRelationTo === "string") {
       if (permissions?.collections && permissions.collections?.[activeRelationTo]?.create) {
         if (permissions.collections[activeRelationTo].create?.permission === true) {
@@ -326,13 +331,12 @@ export function UploadInput(props) {
   let t18;
   if ($[52] !== populateDocs || $[53] !== activeRelationTo || $[54] !== onChange || $[55] !== value || $[56] !== closeListDrawer) {
     t18 = async docs => {
-      const selectedDocIDs = Object.entries(docs).reduce((acc, t19) => {
-        const [docID, isSelected] = t19;
+      const selectedDocIDs = [];
+      for (const [id_0, isSelected] of docs) {
         if (isSelected) {
-          acc.push(docID);
+          selectedDocIDs.push(id_0);
         }
-        return acc;
-      }, []);
+      }
       const loadedDocs = await populateDocs(selectedDocIDs, activeRelationTo);
       if (loadedDocs) {
         setPopulatedDocs(currentDocs_0 => [...(currentDocs_0 || []), ...loadedDocs.docs.map(doc_2 => ({
@@ -378,9 +382,9 @@ export function UploadInput(props) {
     t20 = async t21 => {
       const {
         collectionSlug,
-        docID: docID_0
+        docID
       } = t21;
-      const loadedDocs_0 = await populateDocs([docID_0], collectionSlug);
+      const loadedDocs_0 = await populateDocs([docID], collectionSlug);
       const selectedDoc = loadedDocs_0 ? loadedDocs_0.docs?.[0] : null;
       setPopulatedDocs(currentDocs_2 => {
         if (selectedDoc) {
@@ -398,9 +402,9 @@ export function UploadInput(props) {
         return currentDocs_2;
       });
       if (hasMany) {
-        onChange([...(Array.isArray(value) ? value : []), docID_0]);
+        onChange([...(Array.isArray(value) ? value : []), docID]);
       } else {
-        onChange(docID_0);
+        onChange(docID);
       }
       closeListDrawer();
     };
@@ -458,6 +462,7 @@ export function UploadInput(props) {
     t23 = () => {
       const loadInitialDocs = async function loadInitialDocs() {
         if (value) {
+          loadedValueDocsRef.current = true;
           const loadedDocs_1 = await populateDocs(Array.isArray(value) ? value : [value], activeRelationTo);
           if (loadedDocs_1) {
             setPopulatedDocs(loadedDocs_1.docs.map(doc_3 => ({
@@ -466,7 +471,6 @@ export function UploadInput(props) {
             })));
           }
         }
-        loadedValueDocsRef.current = true;
       };
       if (!loadedValueDocsRef.current) {
         loadInitialDocs();
@@ -483,7 +487,7 @@ export function UploadInput(props) {
     t24 = $[78];
   }
   useEffect(t23, t24);
-  const showDropzone = !readOnly && (!value || hasMany && Array.isArray(value) && (typeof maxRows !== "number" || value.length < maxRows));
+  const showDropzone = !readOnly && (!value || hasMany && Array.isArray(value) && (typeof maxRows !== "number" || value.length < maxRows) || !hasMany && populatedDocs?.[0] && typeof populatedDocs[0].value === "undefined");
   const t25 = showError && "error";
   const t26 = readOnly && "read-only";
   let t27;
@@ -499,7 +503,7 @@ export function UploadInput(props) {
   const t28 = t27.join(" ");
   const t29 = `field-${path.replace(/\./g, "__")}`;
   let t30;
-  if ($[83] !== style || $[84] !== width || $[85] !== labelProps || $[86] !== Label || $[87] !== label || $[88] !== required || $[89] !== field || $[90] !== errorProps || $[91] !== Error || $[92] !== path || $[93] !== hasMany || $[94] !== value || $[95] !== populatedDocs || $[96] !== isSortable || $[97] !== readOnly || $[98] !== onRemove || $[99] !== onReorder || $[100] !== serverURL || $[101] !== showDropzone || $[102] !== canCreate || $[103] !== onLocalFileSelection || $[104] !== openCreateDocDrawer || $[105] !== t || $[106] !== openListDrawer || $[107] !== onDocCreate || $[108] !== CreateDocDrawer || $[109] !== onListBulkSelect || $[110] !== onListSelect || $[111] !== ListDrawer || $[112] !== maxRows || $[113] !== descriptionProps || $[114] !== Description || $[115] !== description || $[116] !== t28 || $[117] !== t29) {
+  if ($[83] !== style || $[84] !== width || $[85] !== labelProps || $[86] !== Label || $[87] !== label || $[88] !== required || $[89] !== field || $[90] !== errorProps || $[91] !== Error || $[92] !== path || $[93] !== hasMany || $[94] !== value || $[95] !== populatedDocs || $[96] !== isSortable || $[97] !== readOnly || $[98] !== onRemove || $[99] !== onReorder || $[100] !== serverURL || $[101] !== t || $[102] !== showDropzone || $[103] !== canCreate || $[104] !== onLocalFileSelection || $[105] !== openCreateDocDrawer || $[106] !== openListDrawer || $[107] !== onDocCreate || $[108] !== CreateDocDrawer || $[109] !== onListBulkSelect || $[110] !== onListSelect || $[111] !== ListDrawer || $[112] !== maxRows || $[113] !== descriptionProps || $[114] !== Description || $[115] !== description || $[116] !== t28 || $[117] !== t29) {
     let t31;
     if ($[119] !== labelProps) {
       t31 = labelProps || {};
@@ -560,39 +564,44 @@ export function UploadInput(props) {
             children: value.map(_temp)
           })
         }) : null, !hasMany && value ? _jsx(_Fragment, {
-          children: populatedDocs && populatedDocs?.length > 0 ? _jsx(UploadComponentHasOne, {
+          children: populatedDocs && populatedDocs?.length > 0 && populatedDocs[0].value ? _jsx(UploadComponentHasOne, {
             fileDoc: populatedDocs[0],
             onRemove,
             readonly: readOnly,
             serverURL
+          }) : populatedDocs && value && !populatedDocs?.[0]?.value ? _jsxs(_Fragment, {
+            children: [t("general:untitled"), " - ID: ", value]
           }) : _jsx(ShimmerEffect, {
             height: "62px"
           })
         }) : null, showDropzone ? _jsx(Dropzone, {
+          disabled: readOnly || !canCreate,
           multipleFiles: hasMany,
           onChange: onLocalFileSelection,
           children: _jsxs("div", {
             className: `${baseClass}__dropzoneContent`,
             children: [_jsxs("div", {
               className: `${baseClass}__dropzoneContent__buttons`,
-              children: [_jsx(Button, {
-                buttonStyle: "pill",
-                className: `${baseClass}__createNewToggler`,
-                disabled: readOnly || !canCreate,
-                onClick: () => {
-                  if (!readOnly) {
-                    if (hasMany) {
-                      onLocalFileSelection();
-                    } else {
-                      openCreateDocDrawer();
+              children: [canCreate && _jsxs(_Fragment, {
+                children: [_jsx(Button, {
+                  buttonStyle: "pill",
+                  className: `${baseClass}__createNewToggler`,
+                  disabled: readOnly || !canCreate,
+                  onClick: () => {
+                    if (!readOnly) {
+                      if (hasMany) {
+                        onLocalFileSelection();
+                      } else {
+                        openCreateDocDrawer();
+                      }
                     }
-                  }
-                },
-                size: "small",
-                children: t("general:createNew")
-              }), _jsx("span", {
-                className: `${baseClass}__dropzoneContent__orText`,
-                children: t("general:or")
+                  },
+                  size: "small",
+                  children: t("general:createNew")
+                }), _jsx("span", {
+                  className: `${baseClass}__dropzoneContent__orText`,
+                  children: t("general:or")
+                })]
               }), _jsx(Button, {
                 buttonStyle: "pill",
                 className: `${baseClass}__listToggler`,
@@ -603,11 +612,12 @@ export function UploadInput(props) {
               }), _jsx(CreateDocDrawer, {
                 onSave: onDocCreate
               }), _jsx(ListDrawer, {
+                allowCreate: canCreate,
                 enableRowSelections: hasMany,
                 onBulkSelect: onListBulkSelect,
                 onSelect: onListSelect
               })]
-            }), _jsxs("p", {
+            }), canCreate && _jsxs("p", {
               className: `${baseClass}__dragAndDropText`,
               children: [t("general:or"), " ", t("upload:dragAndDrop")]
             })]
@@ -642,11 +652,11 @@ export function UploadInput(props) {
     $[98] = onRemove;
     $[99] = onReorder;
     $[100] = serverURL;
-    $[101] = showDropzone;
-    $[102] = canCreate;
-    $[103] = onLocalFileSelection;
-    $[104] = openCreateDocDrawer;
-    $[105] = t;
+    $[101] = t;
+    $[102] = showDropzone;
+    $[103] = canCreate;
+    $[104] = onLocalFileSelection;
+    $[105] = openCreateDocDrawer;
     $[106] = openListDrawer;
     $[107] = onDocCreate;
     $[108] = CreateDocDrawer;
@@ -665,9 +675,9 @@ export function UploadInput(props) {
   }
   return t30;
 }
-function _temp(id_0) {
+function _temp(id_1) {
   return _jsx(ShimmerEffect, {
     height: "40px"
-  }, id_0);
+  }, id_1);
 }
 //# sourceMappingURL=Input.js.map