@payloadcms/ui 3.2.2 → 3.2.3-canary.3e78927

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","DraggableSortableItem","DraggableSortable","DragHandleIcon","RelationshipContent","UploadCard","baseClass","UploadComponentHasMany","props","$","className","fileDocs","isSortable","onRemove","onReorder","readonly","reloadDoc","serverURL","t0","moveFromIndex","moveToIndex","updatedArray","item","splice","moveRow","t1","index","updatedArray_0","length","removeItem","t2","filter","Boolean","t3","join","t4","t5","t6","moveFromIndex_0","moveToIndex_0","t7","index_0","relationTo","value","value_0","id","String","url","thumbnailURL","src","toString","_jsx","disabled","children","draggableSortableItemProps","ref","setNodeRef","style","transform","transition","zIndex","isDragging","undefined","_jsxs","size","attributes","listeners","allowEdit","allowRemove","alt","filename","byteSize","filesize","collectionSlug","mimeType","withMeta","x","width","y","height","ids","map","_temp","onDragEnd"],"sources":["../../../../src/fields/Upload/HasMany/index.tsx"],"sourcesContent":["'use client'\nimport type { JsonObject } from 'payload'\n\nimport React from 'react'\n\nimport { DraggableSortableItem } from '../../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../../../elements/DraggableSortable/index.js'\nimport { DragHandleIcon } from '../../../icons/DragHandle/index.js'\nimport { RelationshipContent } from '../RelationshipContent/index.js'\nimport { UploadCard } from '../UploadCard/index.js'\n\nconst baseClass = 'upload upload--has-many'\n\nimport type { ReloadDoc } from '../types.js'\n\nimport './index.scss'\n\ntype Props = {\n  readonly className?: string\n  readonly fileDocs: {\n    relationTo: string\n    value: JsonObject\n  }[]\n  readonly isSortable?: boolean\n  readonly onRemove?: (value) => void\n  readonly onReorder?: (value) => void\n  readonly readonly?: boolean\n  readonly reloadDoc: ReloadDoc\n  readonly serverURL: string\n}\nexport function UploadComponentHasMany(props: Props) {\n  const { className, fileDocs, isSortable, onRemove, onReorder, readonly, reloadDoc, serverURL } =\n    props\n\n  const moveRow = React.useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      if (moveFromIndex === moveToIndex) {\n        return\n      }\n\n      const updatedArray = [...fileDocs]\n      const [item] = updatedArray.splice(moveFromIndex, 1)\n\n      updatedArray.splice(moveToIndex, 0, item)\n\n      onReorder(updatedArray)\n    },\n    [fileDocs, onReorder],\n  )\n\n  const removeItem = React.useCallback(\n    (index: number) => {\n      const updatedArray = [...(fileDocs || [])]\n      updatedArray.splice(index, 1)\n      onRemove(updatedArray.length === 0 ? [] : updatedArray)\n    },\n    [fileDocs, onRemove],\n  )\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <DraggableSortable\n        className={`${baseClass}__draggable-rows`}\n        ids={fileDocs?.map(({ value }) => String(value.id))}\n        onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n      >\n        {fileDocs.map(({ relationTo, value }, index) => {\n          const id = String(value.id)\n          const url: string = value.thumbnailURL || value.url\n          let src: string\n\n          try {\n            src = new URL(url, serverURL).toString()\n          } catch {\n            src = `${serverURL}${url}`\n          }\n\n          return (\n            <DraggableSortableItem disabled={!isSortable || readonly} id={id} key={id}>\n              {(draggableSortableItemProps) => (\n                <div\n                  className={[\n                    `${baseClass}__dragItem`,\n                    draggableSortableItemProps && isSortable && `${baseClass}--has-drag-handle`,\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  ref={draggableSortableItemProps.setNodeRef}\n                  style={{\n                    transform: draggableSortableItemProps.transform,\n                    transition: draggableSortableItemProps.transition,\n                    zIndex: draggableSortableItemProps.isDragging ? 1 : undefined,\n                  }}\n                >\n                  <UploadCard size=\"small\">\n                    {draggableSortableItemProps && (\n                      <div\n                        className={`${baseClass}__drag`}\n                        {...draggableSortableItemProps.attributes}\n                        {...draggableSortableItemProps.listeners}\n                      >\n                        <DragHandleIcon />\n                      </div>\n                    )}\n\n                    <RelationshipContent\n                      allowEdit={!readonly}\n                      allowRemove={!readonly}\n                      alt={(value?.alt || value?.filename) as string}\n                      byteSize={value.filesize as number}\n                      collectionSlug={relationTo}\n                      filename={value.filename as string}\n                      id={id}\n                      mimeType={value?.mimeType as string}\n                      onRemove={() => removeItem(index)}\n                      reloadDoc={reloadDoc}\n                      src={src}\n                      withMeta={false}\n                      x={value?.width as number}\n                      y={value?.height as number}\n                    />\n                  </UploadCard>\n                </div>\n              )}\n            </DraggableSortableItem>\n          )\n        })}\n      </DraggableSortable>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","DraggableSortableItem","DraggableSortable","DragHandleIcon","RelationshipContent","UploadCard","baseClass","UploadComponentHasMany","props","$","className","fileDocs","isSortable","onRemove","onReorder","readonly","reloadDoc","serverURL","t0","moveFromIndex","moveToIndex","updatedArray","item","splice","moveRow","t1","index","updatedArray_0","length","removeItem","t2","filter","Boolean","t3","join","t4","t5","t6","moveFromIndex_0","moveToIndex_0","t7","index_0","relationTo","value","value_0","id","String","url","thumbnailURL","src","toString","_jsx","disabled","children","draggableSortableItemProps","ref","setNodeRef","style","transform","transition","zIndex","isDragging","undefined","_jsxs","size","attributes","listeners","allowEdit","allowRemove","alt","filename","byteSize","filesize","collectionSlug","mimeType","withMeta","x","width","y","height","ids","map","_temp","onDragEnd"],"sources":["../../../../src/fields/Upload/HasMany/index.tsx"],"sourcesContent":["'use client'\nimport type { JsonObject } from 'payload'\n\nimport React from 'react'\n\nimport { DraggableSortableItem } from '../../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../../../elements/DraggableSortable/index.js'\nimport { DragHandleIcon } from '../../../icons/DragHandle/index.js'\nimport { RelationshipContent } from '../RelationshipContent/index.js'\nimport { UploadCard } from '../UploadCard/index.js'\n\nconst baseClass = 'upload upload--has-many'\n\nimport type { ReloadDoc } from '../types.js'\n\nimport './index.scss'\n\ntype Props = {\n  readonly className?: string\n  readonly fileDocs: {\n    relationTo: string\n    value: JsonObject\n  }[]\n  readonly isSortable?: boolean\n  readonly onRemove?: (value) => void\n  readonly onReorder?: (value) => void\n  readonly readonly?: boolean\n  readonly reloadDoc: ReloadDoc\n  readonly serverURL: string\n}\nexport function UploadComponentHasMany(props: Props) {\n  const { className, fileDocs, isSortable, onRemove, onReorder, readonly, reloadDoc, serverURL } =\n    props\n\n  const moveRow = React.useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      if (moveFromIndex === moveToIndex) {\n        return\n      }\n\n      const updatedArray = [...fileDocs]\n      const [item] = updatedArray.splice(moveFromIndex, 1)\n\n      updatedArray.splice(moveToIndex, 0, item)\n\n      onReorder(updatedArray)\n    },\n    [fileDocs, onReorder],\n  )\n\n  const removeItem = React.useCallback(\n    (index: number) => {\n      const updatedArray = [...(fileDocs || [])]\n      updatedArray.splice(index, 1)\n      onRemove(updatedArray.length === 0 ? [] : updatedArray)\n    },\n    [fileDocs, onRemove],\n  )\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <DraggableSortable\n        className={`${baseClass}__draggable-rows`}\n        ids={fileDocs?.map(({ value }) => String(value.id))}\n        onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n      >\n        {fileDocs.map(({ relationTo, value }, index) => {\n          const id = String(value.id)\n          const url: string = value.thumbnailURL || value.url\n          let src: string\n\n          try {\n            src = new URL(url, serverURL).toString()\n          } catch {\n            src = `${serverURL}${url}`\n          }\n\n          return (\n            <DraggableSortableItem disabled={!isSortable || readonly} id={id} key={id}>\n              {(draggableSortableItemProps) => (\n                <div\n                  className={[\n                    `${baseClass}__dragItem`,\n                    draggableSortableItemProps && isSortable && `${baseClass}--has-drag-handle`,\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  ref={draggableSortableItemProps.setNodeRef}\n                  style={{\n                    transform: draggableSortableItemProps.transform,\n                    transition: draggableSortableItemProps.transition,\n                    zIndex: draggableSortableItemProps.isDragging ? 1 : undefined,\n                  }}\n                >\n                  <UploadCard size=\"small\">\n                    {draggableSortableItemProps && (\n                      <div\n                        className={`${baseClass}__drag`}\n                        {...draggableSortableItemProps.attributes}\n                        {...draggableSortableItemProps.listeners}\n                      >\n                        <DragHandleIcon />\n                      </div>\n                    )}\n\n                    <RelationshipContent\n                      allowEdit={!readonly}\n                      allowRemove={!readonly}\n                      alt={(value?.alt || value?.filename) as string}\n                      byteSize={value.filesize as number}\n                      collectionSlug={relationTo}\n                      filename={value.filename as string}\n                      id={id}\n                      mimeType={value?.mimeType as string}\n                      onRemove={() => removeItem(index)}\n                      reloadDoc={reloadDoc}\n                      src={src}\n                      withMeta={false}\n                      x={value?.width as number}\n                      y={value?.height as number}\n                    />\n                  </UploadCard>\n                </div>\n              )}\n            </DraggableSortableItem>\n          )\n        })}\n      </DraggableSortable>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Upload/Input.js

@@ -75,37 +75,37 @@ export function UploadInput(props) {
   } = useTranslation();
   let t0;
   let t1;
-  if ($[0] !== filterOptionsFromProps || $[1] !== activeRelationTo) {
+  if ($[0] !== activeRelationTo || $[1] !== filterOptionsFromProps) {
     t1 = filterOptionsFromProps?.[activeRelationTo] || {};
-    $[0] = filterOptionsFromProps;
-    $[1] = activeRelationTo;
+    $[0] = activeRelationTo;
+    $[1] = filterOptionsFromProps;
     $[2] = t1;
   } else {
     t1 = $[2];
   }
   let t2;
-  if ($[3] !== filterOptionsFromProps || $[4] !== activeRelationTo) {
+  if ($[3] !== activeRelationTo || $[4] !== filterOptionsFromProps) {
     t2 = filterOptionsFromProps?.[activeRelationTo]?.id || {};
-    $[3] = filterOptionsFromProps;
-    $[4] = activeRelationTo;
+    $[3] = activeRelationTo;
+    $[4] = filterOptionsFromProps;
     $[5] = t2;
   } else {
     t2 = $[5];
   }
   let t3;
-  if ($[6] !== filterOptionsFromProps || $[7] !== activeRelationTo) {
+  if ($[6] !== activeRelationTo || $[7] !== filterOptionsFromProps) {
     t3 = filterOptionsFromProps?.[activeRelationTo]?.id?.not_in || [];
-    $[6] = filterOptionsFromProps;
-    $[7] = activeRelationTo;
+    $[6] = activeRelationTo;
+    $[7] = filterOptionsFromProps;
     $[8] = t3;
   } else {
     t3 = $[8];
   }
   let t4;
-  if ($[9] !== value || $[10] !== t3) {
+  if ($[9] !== t3 || $[10] !== value) {
     t4 = t3.concat(...(Array.isArray(value) || value ? [value] : []));
-    $[9] = value;
-    $[10] = t3;
+    $[9] = t3;
+    $[10] = value;
     $[11] = t4;
   } else {
     t4 = $[11];
@@ -135,13 +135,13 @@ export function UploadInput(props) {
     t6 = $[17];
   }
   let t7;
-  if ($[18] !== filterOptionsFromProps || $[19] !== activeRelationTo || $[20] !== t6) {
+  if ($[18] !== activeRelationTo || $[19] !== filterOptionsFromProps || $[20] !== t6) {
     t7 = {
       ...filterOptionsFromProps,
       [activeRelationTo]: t6
     };
-    $[18] = filterOptionsFromProps;
-    $[19] = activeRelationTo;
+    $[18] = activeRelationTo;
+    $[19] = filterOptionsFromProps;
     $[20] = t6;
     $[21] = t7;
   } else {
@@ -158,13 +158,13 @@ export function UploadInput(props) {
     t8 = $[23];
   }
   let t9;
-  if ($[24] !== t8 || $[25] !== filterOptions) {
+  if ($[24] !== filterOptions || $[25] !== t8) {
     t9 = {
       collectionSlugs: t8,
       filterOptions
     };
-    $[24] = t8;
-    $[25] = filterOptions;
+    $[24] = filterOptions;
+    $[25] = t8;
     $[26] = t9;
   } else {
     t9 = $[26];
@@ -219,7 +219,7 @@ export function UploadInput(props) {
   }
   const onChange = t14;
   let t15;
-  if ($[31] !== code || $[32] !== serverURL || $[33] !== api || $[34] !== i18n.language) {
+  if ($[31] !== api || $[32] !== code || $[33] !== i18n.language || $[34] !== serverURL) {
     t15 = async (ids, relatedCollectionSlug) => {
       const query = {
         depth: 0,
@@ -254,20 +254,20 @@ export function UploadInput(props) {
       }
       return null;
     };
-    $[31] = code;
-    $[32] = serverURL;
-    $[33] = api;
-    $[34] = i18n.language;
+    $[31] = api;
+    $[32] = code;
+    $[33] = i18n.language;
+    $[34] = serverURL;
     $[35] = t15;
   } else {
     t15 = $[35];
   }
   const populateDocs = t15;
   let t16;
-  if ($[36] !== hasMany || $[37] !== value || $[38] !== onChange || $[39] !== activeRelationTo) {
+  if ($[36] !== activeRelationTo || $[37] !== hasMany || $[38] !== onChange || $[39] !== value) {
     t16 = newDocs => {
       if (hasMany) {
-        const mergedValue = [...(Array.isArray(value) ? value : []), ...newDocs.map(doc_0 => doc_0.id)];
+        const mergedValue = [...(Array.isArray(value) ? value : []), ...newDocs.map(_temp)];
         onChange(mergedValue);
         setPopulatedDocs(currentDocs => [...(currentDocs || []), ...newDocs.map(doc_1 => ({
           relationTo: activeRelationTo,
@@ -282,17 +282,17 @@ export function UploadInput(props) {
         }]);
       }
     };
-    $[36] = hasMany;
-    $[37] = value;
+    $[36] = activeRelationTo;
+    $[37] = hasMany;
     $[38] = onChange;
-    $[39] = activeRelationTo;
+    $[39] = value;
     $[40] = t16;
   } else {
     t16 = $[40];
   }
   const onUploadSuccess = t16;
   let t17;
-  if ($[41] !== hasMany || $[42] !== setInitialFiles || $[43] !== setCollectionSlug || $[44] !== relationTo || $[45] !== setOnSuccess || $[46] !== onUploadSuccess || $[47] !== maxRows || $[48] !== setMaxFiles || $[49] !== openModal || $[50] !== drawerSlug) {
+  if ($[41] !== drawerSlug || $[42] !== hasMany || $[43] !== maxRows || $[44] !== onUploadSuccess || $[45] !== openModal || $[46] !== relationTo || $[47] !== setCollectionSlug || $[48] !== setInitialFiles || $[49] !== setMaxFiles || $[50] !== setOnSuccess) {
     t17 = fileList => {
       let fileListToUse = fileList;
       if (!hasMany && fileList && fileList.length > 1) {
@@ -310,23 +310,23 @@ export function UploadInput(props) {
       }
       openModal(drawerSlug);
     };
-    $[41] = hasMany;
-    $[42] = setInitialFiles;
-    $[43] = setCollectionSlug;
-    $[44] = relationTo;
-    $[45] = setOnSuccess;
-    $[46] = onUploadSuccess;
-    $[47] = maxRows;
-    $[48] = setMaxFiles;
-    $[49] = openModal;
-    $[50] = drawerSlug;
+    $[41] = drawerSlug;
+    $[42] = hasMany;
+    $[43] = maxRows;
+    $[44] = onUploadSuccess;
+    $[45] = openModal;
+    $[46] = relationTo;
+    $[47] = setCollectionSlug;
+    $[48] = setInitialFiles;
+    $[49] = setMaxFiles;
+    $[50] = setOnSuccess;
     $[51] = t17;
   } else {
     t17 = $[51];
   }
   const onLocalFileSelection = t17;
   let t18;
-  if ($[52] !== populateDocs || $[53] !== activeRelationTo || $[54] !== onChange || $[55] !== value || $[56] !== closeListDrawer) {
+  if ($[52] !== activeRelationTo || $[53] !== closeListDrawer || $[54] !== onChange || $[55] !== populateDocs || $[56] !== value) {
     t18 = async docs => {
       const selectedDocIDs = [];
       for (const [id_0, isSelected] of docs) {
@@ -344,18 +344,18 @@ export function UploadInput(props) {
       onChange([...(Array.isArray(value) ? value : []), ...selectedDocIDs]);
       closeListDrawer();
     };
-    $[52] = populateDocs;
-    $[53] = activeRelationTo;
+    $[52] = activeRelationTo;
+    $[53] = closeListDrawer;
     $[54] = onChange;
-    $[55] = value;
-    $[56] = closeListDrawer;
+    $[55] = populateDocs;
+    $[56] = value;
     $[57] = t18;
   } else {
     t18 = $[57];
   }
   const onListBulkSelect = t18;
   let t19;
-  if ($[58] !== activeRelationTo || $[59] !== onChange || $[60] !== closeCreateDocDrawer) {
+  if ($[58] !== activeRelationTo || $[59] !== closeCreateDocDrawer || $[60] !== onChange) {
     t19 = data => {
       if (data.doc) {
         setPopulatedDocs(currentDocs_1 => [...(currentDocs_1 || []), {
@@ -367,15 +367,15 @@ export function UploadInput(props) {
       closeCreateDocDrawer();
     };
     $[58] = activeRelationTo;
-    $[59] = onChange;
-    $[60] = closeCreateDocDrawer;
+    $[59] = closeCreateDocDrawer;
+    $[60] = onChange;
     $[61] = t19;
   } else {
     t19 = $[61];
   }
   const onDocCreate = t19;
   let t20;
-  if ($[62] !== populateDocs || $[63] !== hasMany || $[64] !== activeRelationTo || $[65] !== onChange || $[66] !== value || $[67] !== closeListDrawer) {
+  if ($[62] !== activeRelationTo || $[63] !== closeListDrawer || $[64] !== hasMany || $[65] !== onChange || $[66] !== populateDocs || $[67] !== value) {
     t20 = async t21 => {
       const {
         collectionSlug,
@@ -405,12 +405,12 @@ export function UploadInput(props) {
       }
       closeListDrawer();
     };
-    $[62] = populateDocs;
-    $[63] = hasMany;
-    $[64] = activeRelationTo;
+    $[62] = activeRelationTo;
+    $[63] = closeListDrawer;
+    $[64] = hasMany;
     $[65] = onChange;
-    $[66] = value;
-    $[67] = closeListDrawer;
+    $[66] = populateDocs;
+    $[67] = value;
     $[68] = t20;
   } else {
     t20 = $[68];
@@ -445,12 +445,7 @@ export function UploadInput(props) {
   let t22;
   if ($[71] !== onChange) {
     t22 = newValue_0 => {
-      const newValueIDs = newValue_0.map(t23 => {
-        const {
-          value: value_0
-        } = t23;
-        return value_0.id;
-      });
+      const newValueIDs = newValue_0.map(_temp2);
       onChange(newValueIDs);
       setPopulatedDocs(newValue_0);
     };
@@ -461,19 +456,14 @@ export function UploadInput(props) {
   }
   const onReorder = t22;
   let t23;
-  if ($[73] !== onChange || $[74] !== hasMany) {
+  if ($[73] !== hasMany || $[74] !== onChange) {
     t23 = newValue_1 => {
-      const newValueIDs_0 = newValue_1 ? newValue_1.map(t24 => {
-        const {
-          value: value_1
-        } = t24;
-        return value_1.id;
-      }) : null;
+      const newValueIDs_0 = newValue_1 ? newValue_1.map(_temp3) : null;
       onChange(hasMany ? newValueIDs_0 : newValueIDs_0 ? newValueIDs_0[0] : null);
       setPopulatedDocs(newValue_1 ? newValue_1 : []);
     };
-    $[73] = onChange;
-    $[74] = hasMany;
+    $[73] = hasMany;
+    $[74] = onChange;
     $[75] = t23;
   } else {
     t23 = $[75];
@@ -481,7 +471,7 @@ export function UploadInput(props) {
   const onRemove = t23;
   let t24;
   let t25;
-  if ($[76] !== value || $[77] !== populateDocs || $[78] !== activeRelationTo) {
+  if ($[76] !== activeRelationTo || $[77] !== populateDocs || $[78] !== value) {
     t24 = () => {
       const loadInitialDocs = async function loadInitialDocs() {
         if (value) {
@@ -500,9 +490,9 @@ export function UploadInput(props) {
       }
     };
     t25 = [populateDocs, activeRelationTo, value];
-    $[76] = value;
+    $[76] = activeRelationTo;
     $[77] = populateDocs;
-    $[78] = activeRelationTo;
+    $[78] = value;
     $[79] = t24;
     $[80] = t25;
   } else {
@@ -526,7 +516,7 @@ export function UploadInput(props) {
   const t29 = t28.join(" ");
   const t30 = `field-${path?.replace(/\./g, "__")}`;
   let t31;
-  if ($[85] !== label || $[86] !== localized || $[87] !== path || $[88] !== required || $[89] !== Label || $[90] !== showError || $[91] !== Error || $[92] !== hasMany || $[93] !== value || $[94] !== populatedDocs || $[95] !== isSortable || $[96] !== readOnly || $[97] !== onRemove || $[98] !== onReorder || $[99] !== reloadDoc || $[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] !== description || $[114] !== Description || $[115] !== BeforeInput || $[116] !== AfterInput || $[117] !== t29 || $[118] !== t30 || $[119] !== style) {
+  if ($[85] !== AfterInput || $[86] !== BeforeInput || $[87] !== CreateDocDrawer || $[88] !== Description || $[89] !== Error || $[90] !== Label || $[91] !== ListDrawer || $[92] !== canCreate || $[93] !== description || $[94] !== hasMany || $[95] !== isSortable || $[96] !== label || $[97] !== localized || $[98] !== maxRows || $[99] !== onDocCreate || $[100] !== onListBulkSelect || $[101] !== onListSelect || $[102] !== onLocalFileSelection || $[103] !== onRemove || $[104] !== onReorder || $[105] !== openCreateDocDrawer || $[106] !== openListDrawer || $[107] !== path || $[108] !== populatedDocs || $[109] !== readOnly || $[110] !== reloadDoc || $[111] !== required || $[112] !== serverURL || $[113] !== showDropzone || $[114] !== showError || $[115] !== style || $[116] !== t || $[117] !== t29 || $[118] !== t30 || $[119] !== value) {
     t31 = _jsxs("div", {
       className: t29,
       id: t30,
@@ -561,7 +551,7 @@ export function UploadInput(props) {
             serverURL
           }) : _jsx("div", {
             className: `${baseClass}__loadingRows`,
-            children: value.map(_temp)
+            children: value.map(_temp4)
           })
         }) : null, !hasMany && value ? _jsx(_Fragment, {
           children: populatedDocs && populatedDocs?.length > 0 && populatedDocs[0].value ? _jsx(UploadComponentHasOne, {
@@ -636,50 +626,65 @@ export function UploadInput(props) {
         })
       })]
     });
-    $[85] = label;
-    $[86] = localized;
-    $[87] = path;
-    $[88] = required;
-    $[89] = Label;
-    $[90] = showError;
-    $[91] = Error;
-    $[92] = hasMany;
-    $[93] = value;
-    $[94] = populatedDocs;
+    $[85] = AfterInput;
+    $[86] = BeforeInput;
+    $[87] = CreateDocDrawer;
+    $[88] = Description;
+    $[89] = Error;
+    $[90] = Label;
+    $[91] = ListDrawer;
+    $[92] = canCreate;
+    $[93] = description;
+    $[94] = hasMany;
     $[95] = isSortable;
-    $[96] = readOnly;
-    $[97] = onRemove;
-    $[98] = onReorder;
-    $[99] = reloadDoc;
-    $[100] = serverURL;
-    $[101] = t;
-    $[102] = showDropzone;
-    $[103] = canCreate;
-    $[104] = onLocalFileSelection;
+    $[96] = label;
+    $[97] = localized;
+    $[98] = maxRows;
+    $[99] = onDocCreate;
+    $[100] = onListBulkSelect;
+    $[101] = onListSelect;
+    $[102] = onLocalFileSelection;
+    $[103] = onRemove;
+    $[104] = onReorder;
     $[105] = openCreateDocDrawer;
     $[106] = openListDrawer;
-    $[107] = onDocCreate;
-    $[108] = CreateDocDrawer;
-    $[109] = onListBulkSelect;
-    $[110] = onListSelect;
-    $[111] = ListDrawer;
-    $[112] = maxRows;
-    $[113] = description;
-    $[114] = Description;
-    $[115] = BeforeInput;
-    $[116] = AfterInput;
+    $[107] = path;
+    $[108] = populatedDocs;
+    $[109] = readOnly;
+    $[110] = reloadDoc;
+    $[111] = required;
+    $[112] = serverURL;
+    $[113] = showDropzone;
+    $[114] = showError;
+    $[115] = style;
+    $[116] = t;
     $[117] = t29;
     $[118] = t30;
-    $[119] = style;
+    $[119] = value;
     $[120] = t31;
   } else {
     t31 = $[120];
   }
   return t31;
 }
-function _temp(id_1) {
+function _temp4(id_1) {
   return _jsx(ShimmerEffect, {
     height: "40px"
   }, id_1);
 }
+function _temp3(t0) {
+  const {
+    value: value_1
+  } = t0;
+  return value_1.id;
+}
+function _temp2(t0) {
+  const {
+    value: value_0
+  } = t0;
+  return value_0.id;
+}
+function _temp(doc_0) {
+  return doc_0.id;
+}
 //# sourceMappingURL=Input.js.map