@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.dafc24d

package/dist/elements/FolderView/FolderField/index.server.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 // eslint-disable-next-line payload/no-imports-from-exports-dir
 import { MoveDocToFolder } from '../../../exports/client/index.js';
 import './index.scss';
@@ -7,11 +7,15 @@ export const FolderField = (props)=>{
     if (props.payload.config.folders === false) {
         return null;
     }
-    return /*#__PURE__*/ _jsx(MoveDocToFolder, {
+    return /*#__PURE__*/ _jsxDEV(MoveDocToFolder, {
         className: baseClass,
         folderCollectionSlug: props.payload.config.folders.slug,
         folderFieldName: props.payload.config.folders.fieldName
-    });
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/FolderField/index.server.tsx",
+        lineNumber: 14,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.server.js.map

package/dist/elements/FolderView/FolderField/index.server.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/FolderField/index.server.tsx"],"sourcesContent":["import type { RelationshipFieldServerProps } from 'payload'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { MoveDocToFolder } from '../../../exports/client/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-edit-field'\n\nexport const FolderField = (props: RelationshipFieldServerProps) => {\n  if (props.payload.config.folders === false) {\n    return null\n  }\n  return (\n    <MoveDocToFolder\n      className={baseClass}\n      folderCollectionSlug={props.payload.config.folders.slug}\n      folderFieldName={props.payload.config.folders.fieldName}\n    />\n  )\n}\n"],"names":["MoveDocToFolder","baseClass","FolderField","props","payload","config","folders","className","folderCollectionSlug","slug","folderFieldName","fieldName"],"mappings":";AAEA,+DAA+D;AAC/D,SAASA,eAAe,QAAQ,mCAAkC;AAClE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAc,CAACC;IAC1B,IAAIA,MAAMC,OAAO,CAACC,MAAM,CAACC,OAAO,KAAK,OAAO;QAC1C,OAAO;IACT;IACA,qBACE,KAACN;QACCO,WAAWN;QACXO,sBAAsBL,MAAMC,OAAO,CAACC,MAAM,CAACC,OAAO,CAACG,IAAI;QACvDC,iBAAiBP,MAAMC,OAAO,CAACC,MAAM,CAACC,OAAO,CAACK,SAAS;;AAG7D,EAAC"}
+{"version":3,"sources":["../../../../src/elements/FolderView/FolderField/index.server.tsx"],"sourcesContent":["import type { RelationshipFieldServerProps } from 'payload'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { MoveDocToFolder } from '../../../exports/client/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-edit-field'\n\nexport const FolderField = (props: RelationshipFieldServerProps) => {\n  if (props.payload.config.folders === false) {\n    return null\n  }\n  return (\n    <MoveDocToFolder\n      className={baseClass}\n      folderCollectionSlug={props.payload.config.folders.slug}\n      folderFieldName={props.payload.config.folders.fieldName}\n    />\n  )\n}\n"],"names":["MoveDocToFolder","baseClass","FolderField","props","payload","config","folders","className","folderCollectionSlug","slug","folderFieldName","fieldName"],"mappings":";AAEA,+DAA+D;AAC/D,SAASA,eAAe,QAAQ,mCAAkC;AAClE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAc,CAACC;IAC1B,IAAIA,MAAMC,OAAO,CAACC,MAAM,CAACC,OAAO,KAAK,OAAO;QAC1C,OAAO;IACT;IACA,qBACE,QAACN;QACCO,WAAWN;QACXO,sBAAsBL,MAAMC,OAAO,CAACC,MAAM,CAACC,OAAO,CAACG,IAAI;QACvDC,iBAAiBP,MAAMC,OAAO,CAACC,MAAM,CAACC,OAAO,CAACK,SAAS;;;;;;AAG7D,EAAC"}

package/dist/elements/FolderView/FolderFileCard/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useDroppable } from '@dnd-kit/core';
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
@@ -41,7 +41,7 @@ export function FolderFileCard({ id, type, className = '', disabled = false, fol
     }, [
         isFocused
     ]);
-    return /*#__PURE__*/ _jsxs(DraggableWithClick, {
+    return /*#__PURE__*/ _jsxDEV(DraggableWithClick, {
         className: [
             baseClass,
             className,
@@ -57,50 +57,110 @@ export function FolderFileCard({ id, type, className = '', disabled = false, fol
         onKeyDown: onKeyDown,
         ref: ref,
         children: [
-            !disableDrop ? /*#__PURE__*/ _jsx("div", {
+            !disableDrop ? /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__drop-area`,
                 ref: setNodeRef
-            }) : null,
-            type === 'file' ? /*#__PURE__*/ _jsx("div", {
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+                lineNumber: 103,
+                columnNumber: 23
+            }, this) : null,
+            type === 'file' ? /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__preview-area`,
-                children: previewUrl ? /*#__PURE__*/ _jsx(Thumbnail, {
+                children: previewUrl ? /*#__PURE__*/ _jsxDEV(Thumbnail, {
                     fileSrc: previewUrl
-                }) : /*#__PURE__*/ _jsx(DocumentIcon, {})
-            }) : null,
-            /*#__PURE__*/ _jsxs("div", {
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+                    lineNumber: 107,
+                    columnNumber: 25
+                }, this) : /*#__PURE__*/ _jsxDEV(DocumentIcon, {}, void 0, false, {
+                    fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+                    lineNumber: 107,
+                    columnNumber: 62
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+                lineNumber: 106,
+                columnNumber: 9
+            }, this) : null,
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__titlebar-area`,
                 children: [
-                    /*#__PURE__*/ _jsx("div", {
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__icon-wrap`,
-                        children: type === 'file' ? /*#__PURE__*/ _jsx(DocumentIcon, {}) : /*#__PURE__*/ _jsx(ColoredFolderIcon, {})
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
+                        children: type === 'file' ? /*#__PURE__*/ _jsxDEV(DocumentIcon, {}, void 0, false, {
+                            fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+                            lineNumber: 113,
+                            columnNumber: 30
+                        }, this) : /*#__PURE__*/ _jsxDEV(ColoredFolderIcon, {}, void 0, false, {
+                            fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+                            lineNumber: 113,
+                            columnNumber: 49
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+                        lineNumber: 112,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__titlebar-labels`,
                         children: [
-                            /*#__PURE__*/ _jsx("p", {
+                            /*#__PURE__*/ _jsxDEV("p", {
                                 className: `${baseClass}__name`,
                                 title: title,
-                                children: /*#__PURE__*/ _jsx("span", {
+                                children: /*#__PURE__*/ _jsxDEV("span", {
                                     children: title
-                                })
-                            }),
-                            folderType && folderType.length > 0 ? /*#__PURE__*/ _jsx(AssignedCollections, {
+                                }, void 0, false, {
+                                    fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+                                    lineNumber: 117,
+                                    columnNumber: 13
+                                }, this)
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+                                lineNumber: 116,
+                                columnNumber: 11
+                            }, this),
+                            folderType && folderType.length > 0 ? /*#__PURE__*/ _jsxDEV(AssignedCollections, {
                                 folderType: folderType
-                            }) : null
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+                                lineNumber: 120,
+                                columnNumber: 13
+                            }, this) : null
                         ]
-                    }),
-                    PopupActions ? /*#__PURE__*/ _jsx(Popup, {
-                        button: /*#__PURE__*/ _jsx(ThreeDotsIcon, {}),
+                    }, void 0, true, {
+                        fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+                        lineNumber: 115,
+                        columnNumber: 9
+                    }, this),
+                    PopupActions ? /*#__PURE__*/ _jsxDEV(Popup, {
+                        button: /*#__PURE__*/ _jsxDEV(ThreeDotsIcon, {}, void 0, false, {
+                            fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+                            lineNumber: 125,
+                            columnNumber: 21
+                        }, void 0),
                         disabled: selectedCount > 1 || selectedCount === 1 && !isSelected,
                         horizontalAlign: "right",
                         size: "large",
                         verticalAlign: "bottom",
                         children: PopupActions
-                    }) : null
+                    }, void 0, false, {
+                        fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+                        lineNumber: 124,
+                        columnNumber: 11
+                    }, this) : null
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+                lineNumber: 111,
+                columnNumber: 7
+            }, this)
         ]
-    }, itemKey);
+    }, itemKey, true, {
+        fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+        lineNumber: 84,
+        columnNumber: 5
+    }, this);
 }
 function AssignedCollections({ folderType }) {
     const { config } = useConfig();
@@ -121,22 +181,30 @@ function AssignedCollections({ folderType }) {
         config.collections,
         i18n
     ]);
-    return /*#__PURE__*/ _jsx("p", {
+    return /*#__PURE__*/ _jsxDEV("p", {
         className: `${baseClass}__assigned-collections`,
-        children: collectionsDisplayText.map((label, index)=>/*#__PURE__*/ _jsxs("span", {
+        children: collectionsDisplayText.map((label, index)=>/*#__PURE__*/ _jsxDEV("span", {
                 children: [
                     label,
                     index < folderType.length - 1 ? ', ' : ''
                 ]
-            }, label))
-    });
+            }, label, true, {
+                fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+                lineNumber: 156,
+                columnNumber: 9
+            }, this))
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+        lineNumber: 154,
+        columnNumber: 5
+    }, this);
 }
 // todo: possibly remove
 export function ContextFolderFileCard({ type, className, index, item }) {
     const { checkIfItemIsDisabled, focusedRowIndex, onItemClick, onItemKeyPress, selectedItemKeys } = useFolder();
     const isSelected = selectedItemKeys.has(item.itemKey);
     const isDisabled = checkIfItemIsDisabled(item);
-    return /*#__PURE__*/ _jsx(FolderFileCard, {
+    return /*#__PURE__*/ _jsxDEV(FolderFileCard, {
         className: className,
         disabled: isDisabled,
         folderType: item.value.folderType || [],
@@ -161,7 +229,11 @@ export function ContextFolderFileCard({ type, className, index, item }) {
         previewUrl: item.value.url,
         title: item.value._folderOrDocumentTitle,
         type: type
-    });
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+        lineNumber: 178,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

package/dist/elements/FolderView/FolderFileCard/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/FolderFileCard/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { useDroppable } from '@dnd-kit/core'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { DocumentIcon } from '../../../icons/Document/index.js'\nimport { ThreeDotsIcon } from '../../../icons/ThreeDots/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Popup } from '../../Popup/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport { ColoredFolderIcon } from '../ColoredFolderIcon/index.js'\nimport { DraggableWithClick } from '../DraggableWithClick/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-file-card'\n\ntype Props = {\n  readonly className?: string\n  readonly disabled?: boolean\n  readonly folderType?: string[]\n  readonly id: number | string\n  readonly isDeleting?: boolean\n  readonly isFocused?: boolean\n  readonly isSelected?: boolean\n  readonly itemKey: string\n  readonly onClick?: (e: React.MouseEvent) => void\n  readonly onKeyDown?: (e: React.KeyboardEvent) => void\n  readonly PopupActions?: React.ReactNode\n  readonly previewUrl?: string\n  readonly selectedCount?: number\n  readonly title: string\n  readonly type: 'file' | 'folder'\n}\nexport function FolderFileCard({\n  id,\n  type,\n  className = '',\n  disabled = false,\n  folderType,\n  isDeleting = false,\n  isFocused = false,\n  isSelected = false,\n  itemKey,\n  onClick,\n  onKeyDown,\n  PopupActions,\n  previewUrl,\n  selectedCount = 0,\n  title,\n}: Props) {\n  const disableDrop = !id || disabled || type !== 'folder'\n  const { isOver, setNodeRef } = useDroppable({\n    id: itemKey,\n    data: {\n      id,\n      type,\n      folderType,\n    },\n    disabled: disableDrop,\n  })\n  const ref = React.useRef(null)\n\n  React.useEffect(() => {\n    const copyOfRef = ref.current\n    if (isFocused && ref.current) {\n      ref.current.focus()\n    } else if (!isFocused && ref.current) {\n      ref.current.blur()\n    }\n\n    return () => {\n      if (copyOfRef) {\n        copyOfRef.blur()\n      }\n    }\n  }, [isFocused])\n\n  return (\n    <DraggableWithClick\n      className={[\n        baseClass,\n        className,\n        isSelected && `${baseClass}--selected`,\n        disabled && `${baseClass}--disabled`,\n        isDeleting && `${baseClass}--deleting`,\n        isFocused && `${baseClass}--focused`,\n        isOver && `${baseClass}--over`,\n        `${baseClass}--${type}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      disabled={disabled || (!onClick && !onKeyDown)}\n      key={itemKey}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      ref={ref}\n    >\n      {!disableDrop ? <div className={`${baseClass}__drop-area`} ref={setNodeRef} /> : null}\n\n      {type === 'file' ? (\n        <div className={`${baseClass}__preview-area`}>\n          {previewUrl ? <Thumbnail fileSrc={previewUrl} /> : <DocumentIcon />}\n        </div>\n      ) : null}\n\n      <div className={`${baseClass}__titlebar-area`}>\n        <div className={`${baseClass}__icon-wrap`}>\n          {type === 'file' ? <DocumentIcon /> : <ColoredFolderIcon />}\n        </div>\n        <div className={`${baseClass}__titlebar-labels`}>\n          <p className={`${baseClass}__name`} title={title}>\n            <span>{title}</span>\n          </p>\n          {folderType && folderType.length > 0 ? (\n            <AssignedCollections folderType={folderType} />\n          ) : null}\n        </div>\n        {PopupActions ? (\n          <Popup\n            button={<ThreeDotsIcon />}\n            disabled={selectedCount > 1 || (selectedCount === 1 && !isSelected)}\n            horizontalAlign=\"right\"\n            size=\"large\"\n            verticalAlign=\"bottom\"\n          >\n            {PopupActions}\n          </Popup>\n        ) : null}\n      </div>\n    </DraggableWithClick>\n  )\n}\n\nfunction AssignedCollections({ folderType }: { folderType: string[] }) {\n  const { config } = useConfig()\n  const { i18n } = useTranslation()\n\n  const collectionsDisplayText = React.useMemo(() => {\n    return folderType.reduce((acc, collection) => {\n      const collectionConfig = config.collections?.find((c) => c.slug === collection)\n      if (collectionConfig) {\n        return [...acc, getTranslation(collectionConfig.labels.plural, i18n)]\n      }\n      return acc\n    }, [])\n  }, [folderType, config.collections, i18n])\n\n  return (\n    <p className={`${baseClass}__assigned-collections`}>\n      {collectionsDisplayText.map((label, index) => (\n        <span key={label}>\n          {label}\n          {index < folderType.length - 1 ? ', ' : ''}\n        </span>\n      ))}\n    </p>\n  )\n}\n\ntype ContextCardProps = {\n  readonly className?: string\n  readonly index: number // todo: possibly remove\n  readonly item: FolderOrDocument\n  readonly type: 'file' | 'folder'\n}\nexport function ContextFolderFileCard({ type, className, index, item }: ContextCardProps) {\n  const { checkIfItemIsDisabled, focusedRowIndex, onItemClick, onItemKeyPress, selectedItemKeys } =\n    useFolder()\n  const isSelected = selectedItemKeys.has(item.itemKey)\n  const isDisabled = checkIfItemIsDisabled(item)\n\n  return (\n    <FolderFileCard\n      className={className}\n      disabled={isDisabled}\n      folderType={item.value.folderType || []}\n      id={item.value.id}\n      isFocused={focusedRowIndex === index}\n      isSelected={isSelected}\n      itemKey={item.itemKey}\n      onClick={(event) => {\n        void onItemClick({ event, index, item })\n      }}\n      onKeyDown={(event) => {\n        void onItemKeyPress({ event, index, item })\n      }}\n      previewUrl={item.value.url}\n      title={item.value._folderOrDocumentTitle}\n      type={type}\n    />\n  )\n}\n"],"names":["useDroppable","getTranslation","React","DocumentIcon","ThreeDotsIcon","useConfig","useFolder","useTranslation","Popup","Thumbnail","ColoredFolderIcon","DraggableWithClick","baseClass","FolderFileCard","id","type","className","disabled","folderType","isDeleting","isFocused","isSelected","itemKey","onClick","onKeyDown","PopupActions","previewUrl","selectedCount","title","disableDrop","isOver","setNodeRef","data","ref","useRef","useEffect","copyOfRef","current","focus","blur","filter","Boolean","join","div","fileSrc","p","span","length","AssignedCollections","button","horizontalAlign","size","verticalAlign","config","i18n","collectionsDisplayText","useMemo","reduce","acc","collection","collectionConfig","collections","find","c","slug","labels","plural","map","label","index","ContextFolderFileCard","item","checkIfItemIsDisabled","focusedRowIndex","onItemClick","onItemKeyPress","selectedItemKeys","has","isDisabled","value","event","url","_folderOrDocumentTitle"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/elements/FolderView/FolderFileCard/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { useDroppable } from '@dnd-kit/core'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { DocumentIcon } from '../../../icons/Document/index.js'\nimport { ThreeDotsIcon } from '../../../icons/ThreeDots/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Popup } from '../../Popup/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport { ColoredFolderIcon } from '../ColoredFolderIcon/index.js'\nimport { DraggableWithClick } from '../DraggableWithClick/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-file-card'\n\ntype Props = {\n  readonly className?: string\n  readonly disabled?: boolean\n  readonly folderType?: string[]\n  readonly id: number | string\n  readonly isDeleting?: boolean\n  readonly isFocused?: boolean\n  readonly isSelected?: boolean\n  readonly itemKey: string\n  readonly onClick?: (e: React.MouseEvent) => void\n  readonly onKeyDown?: (e: React.KeyboardEvent) => void\n  readonly PopupActions?: React.ReactNode\n  readonly previewUrl?: string\n  readonly selectedCount?: number\n  readonly title: string\n  readonly type: 'file' | 'folder'\n}\nexport function FolderFileCard({\n  id,\n  type,\n  className = '',\n  disabled = false,\n  folderType,\n  isDeleting = false,\n  isFocused = false,\n  isSelected = false,\n  itemKey,\n  onClick,\n  onKeyDown,\n  PopupActions,\n  previewUrl,\n  selectedCount = 0,\n  title,\n}: Props) {\n  const disableDrop = !id || disabled || type !== 'folder'\n  const { isOver, setNodeRef } = useDroppable({\n    id: itemKey,\n    data: {\n      id,\n      type,\n      folderType,\n    },\n    disabled: disableDrop,\n  })\n  const ref = React.useRef(null)\n\n  React.useEffect(() => {\n    const copyOfRef = ref.current\n    if (isFocused && ref.current) {\n      ref.current.focus()\n    } else if (!isFocused && ref.current) {\n      ref.current.blur()\n    }\n\n    return () => {\n      if (copyOfRef) {\n        copyOfRef.blur()\n      }\n    }\n  }, [isFocused])\n\n  return (\n    <DraggableWithClick\n      className={[\n        baseClass,\n        className,\n        isSelected && `${baseClass}--selected`,\n        disabled && `${baseClass}--disabled`,\n        isDeleting && `${baseClass}--deleting`,\n        isFocused && `${baseClass}--focused`,\n        isOver && `${baseClass}--over`,\n        `${baseClass}--${type}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      disabled={disabled || (!onClick && !onKeyDown)}\n      key={itemKey}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      ref={ref}\n    >\n      {!disableDrop ? <div className={`${baseClass}__drop-area`} ref={setNodeRef} /> : null}\n\n      {type === 'file' ? (\n        <div className={`${baseClass}__preview-area`}>\n          {previewUrl ? <Thumbnail fileSrc={previewUrl} /> : <DocumentIcon />}\n        </div>\n      ) : null}\n\n      <div className={`${baseClass}__titlebar-area`}>\n        <div className={`${baseClass}__icon-wrap`}>\n          {type === 'file' ? <DocumentIcon /> : <ColoredFolderIcon />}\n        </div>\n        <div className={`${baseClass}__titlebar-labels`}>\n          <p className={`${baseClass}__name`} title={title}>\n            <span>{title}</span>\n          </p>\n          {folderType && folderType.length > 0 ? (\n            <AssignedCollections folderType={folderType} />\n          ) : null}\n        </div>\n        {PopupActions ? (\n          <Popup\n            button={<ThreeDotsIcon />}\n            disabled={selectedCount > 1 || (selectedCount === 1 && !isSelected)}\n            horizontalAlign=\"right\"\n            size=\"large\"\n            verticalAlign=\"bottom\"\n          >\n            {PopupActions}\n          </Popup>\n        ) : null}\n      </div>\n    </DraggableWithClick>\n  )\n}\n\nfunction AssignedCollections({ folderType }: { folderType: string[] }) {\n  const { config } = useConfig()\n  const { i18n } = useTranslation()\n\n  const collectionsDisplayText = React.useMemo(() => {\n    return folderType.reduce((acc, collection) => {\n      const collectionConfig = config.collections?.find((c) => c.slug === collection)\n      if (collectionConfig) {\n        return [...acc, getTranslation(collectionConfig.labels.plural, i18n)]\n      }\n      return acc\n    }, [])\n  }, [folderType, config.collections, i18n])\n\n  return (\n    <p className={`${baseClass}__assigned-collections`}>\n      {collectionsDisplayText.map((label, index) => (\n        <span key={label}>\n          {label}\n          {index < folderType.length - 1 ? ', ' : ''}\n        </span>\n      ))}\n    </p>\n  )\n}\n\ntype ContextCardProps = {\n  readonly className?: string\n  readonly index: number // todo: possibly remove\n  readonly item: FolderOrDocument\n  readonly type: 'file' | 'folder'\n}\nexport function ContextFolderFileCard({ type, className, index, item }: ContextCardProps) {\n  const { checkIfItemIsDisabled, focusedRowIndex, onItemClick, onItemKeyPress, selectedItemKeys } =\n    useFolder()\n  const isSelected = selectedItemKeys.has(item.itemKey)\n  const isDisabled = checkIfItemIsDisabled(item)\n\n  return (\n    <FolderFileCard\n      className={className}\n      disabled={isDisabled}\n      folderType={item.value.folderType || []}\n      id={item.value.id}\n      isFocused={focusedRowIndex === index}\n      isSelected={isSelected}\n      itemKey={item.itemKey}\n      onClick={(event) => {\n        void onItemClick({ event, index, item })\n      }}\n      onKeyDown={(event) => {\n        void onItemKeyPress({ event, index, item })\n      }}\n      previewUrl={item.value.url}\n      title={item.value._folderOrDocumentTitle}\n      type={type}\n    />\n  )\n}\n"],"names":["useDroppable","getTranslation","React","DocumentIcon","ThreeDotsIcon","useConfig","useFolder","useTranslation","Popup","Thumbnail","ColoredFolderIcon","DraggableWithClick","baseClass","FolderFileCard","id","type","className","disabled","folderType","isDeleting","isFocused","isSelected","itemKey","onClick","onKeyDown","PopupActions","previewUrl","selectedCount","title","disableDrop","isOver","setNodeRef","data","ref","useRef","useEffect","copyOfRef","current","focus","blur","filter","Boolean","join","div","fileSrc","p","span","length","AssignedCollections","button","horizontalAlign","size","verticalAlign","config","i18n","collectionsDisplayText","useMemo","reduce","acc","collection","collectionConfig","collections","find","c","slug","labels","plural","map","label","index","ContextFolderFileCard","item","checkIfItemIsDisabled","focusedRowIndex","onItemClick","onItemKeyPress","selectedItemKeys","has","isDisabled","value","event","url","_folderOrDocumentTitle"],"mappings":"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"}

package/dist/elements/FolderView/FolderFileTable/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { extractID } from 'payload/shared';
 import React from 'react';
@@ -50,15 +50,19 @@ export function FolderFileTable({ showRelationCell = true }) {
         }
         return columnsToShow;
     });
-    return /*#__PURE__*/ _jsx(SimpleTable, {
-        headerCells: columns.map(({ name, label })=>/*#__PURE__*/ _jsx(TableHeader, {
+    return /*#__PURE__*/ _jsxDEV(SimpleTable, {
+        headerCells: columns.map(({ name, label })=>/*#__PURE__*/ _jsxDEV(TableHeader, {
                 children: label
-            }, name)),
+            }, name, false, {
+                fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
+                lineNumber: 76,
+                columnNumber: 9
+            }, void 0)),
         tableRows: [
             ...subfolders.map((subfolder, rowIndex)=>{
                 const { itemKey, relationTo, value } = subfolder;
                 const subfolderID = extractID(value);
-                return /*#__PURE__*/ _jsx(DraggableTableRow, {
+                return /*#__PURE__*/ _jsxDEV(DraggableTableRow, {
                     columns: columns.map(({ name }, index)=>{
                         let cellValue = '—';
                         if (name === 'name' && value._folderOrDocumentTitle !== undefined) {
@@ -72,7 +76,7 @@ export function FolderFileTable({ showRelationCell = true }) {
                             });
                         }
                         if (name === 'type') {
-                            cellValue = /*#__PURE__*/ _jsxs(_Fragment, {
+                            cellValue = /*#__PURE__*/ _jsxDEV(_Fragment, {
                                 children: [
                                     relationToMap[relationTo]?.singular || relationTo,
                                     Array.isArray(subfolder.value?.folderType) ? subfolder.value?.folderType.reduce((acc, slug, index)=>{
@@ -85,16 +89,24 @@ export function FolderFileTable({ showRelationCell = true }) {
                                         return acc;
                                     }, '') : ''
                                 ]
-                            });
+                            }, void 0, true);
                         }
                         if (index === 0) {
-                            return /*#__PURE__*/ _jsxs("span", {
+                            return /*#__PURE__*/ _jsxDEV("span", {
                                 className: `${baseClass}__cell-with-icon`,
                                 children: [
-                                    /*#__PURE__*/ _jsx(ColoredFolderIcon, {}),
+                                    /*#__PURE__*/ _jsxDEV(ColoredFolderIcon, {}, void 0, false, {
+                                        fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
+                                        lineNumber: 121,
+                                        columnNumber: 23
+                                    }, void 0),
                                     cellValue
                                 ]
-                            }, `${itemKey}-${name}`);
+                            }, `${itemKey}-${name}`, true, {
+                                fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
+                                lineNumber: 120,
+                                columnNumber: 21
+                            }, void 0);
                         } else {
                             return cellValue;
                         }
@@ -124,13 +136,17 @@ export function FolderFileTable({ showRelationCell = true }) {
                             item: subfolder
                         });
                     }
-                }, `${rowIndex}-${itemKey}`);
+                }, `${rowIndex}-${itemKey}`, false, {
+                    fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
+                    lineNumber: 84,
+                    columnNumber: 13
+                }, void 0);
             }),
             ...documents.map((document, unadjustedIndex)=>{
                 const { itemKey, relationTo, value } = document;
                 const documentID = extractID(value);
                 const rowIndex = unadjustedIndex + subfolders.length;
-                return /*#__PURE__*/ _jsx(DraggableTableRow, {
+                return /*#__PURE__*/ _jsxDEV(DraggableTableRow, {
                     columns: columns.map(({ name }, index)=>{
                         let cellValue = '—';
                         if (name === 'name' && value._folderOrDocumentTitle !== undefined) {
@@ -147,13 +163,21 @@ export function FolderFileTable({ showRelationCell = true }) {
                             cellValue = relationToMap[relationTo]?.singular || relationTo;
                         }
                         if (index === 0) {
-                            return /*#__PURE__*/ _jsxs("span", {
+                            return /*#__PURE__*/ _jsxDEV("span", {
                                 className: `${baseClass}__cell-with-icon`,
                                 children: [
-                                    /*#__PURE__*/ _jsx(DocumentIcon, {}),
+                                    /*#__PURE__*/ _jsxDEV(DocumentIcon, {}, void 0, false, {
+                                        fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
+                                        lineNumber: 187,
+                                        columnNumber: 23
+                                    }, void 0),
                                     cellValue
                                 ]
-                            }, `${itemKey}-${name}`);
+                            }, `${itemKey}-${name}`, true, {
+                                fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
+                                lineNumber: 186,
+                                columnNumber: 21
+                            }, void 0);
                         } else {
                             return cellValue;
                         }
@@ -182,10 +206,18 @@ export function FolderFileTable({ showRelationCell = true }) {
                             item: document
                         });
                     }
-                }, `${rowIndex}-${itemKey}`);
+                }, `${rowIndex}-${itemKey}`, false, {
+                    fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
+                    lineNumber: 165,
+                    columnNumber: 13
+                }, void 0);
             })
         ]
-    });
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
+        lineNumber: 74,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

package/dist/elements/FolderView/FolderFileTable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/FolderFileTable/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { extractID } from 'payload/shared'\nimport React from 'react'\n\nimport { DocumentIcon } from '../../../icons/Document/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatDate } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport { ColoredFolderIcon } from '../ColoredFolderIcon/index.js'\nimport { DraggableTableRow } from '../DraggableTableRow/index.js'\nimport { SimpleTable, TableHeader } from '../SimpleTable/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-file-table'\n\ntype Props = {\n  showRelationCell?: boolean\n}\n\nexport function FolderFileTable({ showRelationCell = true }: Props) {\n  const {\n    checkIfItemIsDisabled,\n    documents,\n    focusedRowIndex,\n    onItemClick,\n    onItemKeyPress,\n    selectedItemKeys,\n    subfolders,\n  } = useFolder()\n  const { config } = useConfig()\n  const { i18n, t } = useTranslation()\n\n  const [relationToMap] = React.useState(() => {\n    const map: Record<string, { plural: string; singular: string }> = {}\n    config.collections.forEach((collection) => {\n      map[collection.slug] = {\n        plural: getTranslation(collection.labels?.plural, i18n),\n        singular: getTranslation(collection.labels?.singular, i18n),\n      }\n    })\n    return map\n  })\n\n  const [columns] = React.useState(() => {\n    const columnsToShow = [\n      {\n        name: 'name',\n        label: t('general:name'),\n      },\n      {\n        name: 'createdAt',\n        label: t('general:createdAt'),\n      },\n      {\n        name: 'updatedAt',\n        label: t('general:updatedAt'),\n      },\n    ]\n\n    if (showRelationCell) {\n      columnsToShow.push({\n        name: 'type',\n        label: t('version:type'),\n      })\n    }\n\n    return columnsToShow\n  })\n\n  return (\n    <SimpleTable\n      headerCells={columns.map(({ name, label }) => (\n        <TableHeader key={name}>{label}</TableHeader>\n      ))}\n      tableRows={[\n        ...subfolders.map((subfolder, rowIndex) => {\n          const { itemKey, relationTo, value } = subfolder\n          const subfolderID = extractID(value)\n\n          return (\n            <DraggableTableRow\n              columns={columns.map(({ name }, index) => {\n                let cellValue: React.ReactNode = '—'\n                if (name === 'name' && value._folderOrDocumentTitle !== undefined) {\n                  cellValue = value._folderOrDocumentTitle\n                }\n\n                if ((name === 'createdAt' || name === 'updatedAt') && value[name]) {\n                  cellValue = formatDate({\n                    date: value[name],\n                    i18n,\n                    pattern: config.admin.dateFormat,\n                  })\n                }\n\n                if (name === 'type') {\n                  cellValue = (\n                    <>\n                      {relationToMap[relationTo]?.singular || relationTo}\n                      {Array.isArray(subfolder.value?.folderType)\n                        ? subfolder.value?.folderType.reduce((acc, slug, index) => {\n                            if (index === 0) {\n                              return ` — ${relationToMap[slug]?.plural || slug}`\n                            }\n                            if (index > 0) {\n                              return `${acc}, ${relationToMap[slug]?.plural || slug}`\n                            }\n                            return acc\n                          }, '')\n                        : ''}\n                    </>\n                  )\n                }\n\n                if (index === 0) {\n                  return (\n                    <span className={`${baseClass}__cell-with-icon`} key={`${itemKey}-${name}`}>\n                      <ColoredFolderIcon />\n                      {cellValue}\n                    </span>\n                  )\n                } else {\n                  return cellValue\n                }\n              })}\n              disabled={checkIfItemIsDisabled(subfolder)}\n              dragData={{\n                id: subfolderID,\n                type: 'folder',\n              }}\n              id={subfolderID}\n              isDroppable\n              isFocused={focusedRowIndex === rowIndex}\n              isSelected={selectedItemKeys.has(itemKey)}\n              isSelecting={selectedItemKeys.size > 0}\n              itemKey={itemKey}\n              key={`${rowIndex}-${itemKey}`}\n              onClick={(event) => {\n                void onItemClick({\n                  event,\n                  index: rowIndex,\n                  item: subfolder,\n                })\n              }}\n              onKeyDown={(event) => {\n                void onItemKeyPress({\n                  event,\n                  index: rowIndex,\n                  item: subfolder,\n                })\n              }}\n            />\n          )\n        }),\n\n        ...documents.map((document, unadjustedIndex) => {\n          const { itemKey, relationTo, value } = document\n          const documentID = extractID(value)\n          const rowIndex = unadjustedIndex + subfolders.length\n\n          return (\n            <DraggableTableRow\n              columns={columns.map(({ name }, index) => {\n                let cellValue: React.ReactNode = '—'\n                if (name === 'name' && value._folderOrDocumentTitle !== undefined) {\n                  cellValue = value._folderOrDocumentTitle\n                }\n\n                if ((name === 'createdAt' || name === 'updatedAt') && value[name]) {\n                  cellValue = formatDate({\n                    date: value[name],\n                    i18n,\n                    pattern: config.admin.dateFormat,\n                  })\n                }\n\n                if (name === 'type') {\n                  cellValue = relationToMap[relationTo]?.singular || relationTo\n                }\n\n                if (index === 0) {\n                  return (\n                    <span className={`${baseClass}__cell-with-icon`} key={`${itemKey}-${name}`}>\n                      <DocumentIcon />\n                      {cellValue}\n                    </span>\n                  )\n                } else {\n                  return cellValue\n                }\n              })}\n              disabled={checkIfItemIsDisabled(document)}\n              dragData={{\n                id: documentID,\n                type: 'document',\n              }}\n              id={documentID}\n              isFocused={focusedRowIndex === rowIndex}\n              isSelected={selectedItemKeys.has(itemKey)}\n              isSelecting={selectedItemKeys.size > 0}\n              itemKey={itemKey}\n              key={`${rowIndex}-${itemKey}`}\n              onClick={(event) => {\n                void onItemClick({\n                  event,\n                  index: rowIndex,\n                  item: document,\n                })\n              }}\n              onKeyDown={(event) => {\n                void onItemKeyPress({\n                  event,\n                  index: rowIndex,\n                  item: document,\n                })\n              }}\n            />\n          )\n        }),\n      ]}\n    />\n  )\n}\n"],"names":["getTranslation","extractID","React","DocumentIcon","useConfig","useFolder","useTranslation","formatDate","ColoredFolderIcon","DraggableTableRow","SimpleTable","TableHeader","baseClass","FolderFileTable","showRelationCell","checkIfItemIsDisabled","documents","focusedRowIndex","onItemClick","onItemKeyPress","selectedItemKeys","subfolders","config","i18n","t","relationToMap","useState","map","collections","forEach","collection","slug","plural","labels","singular","columns","columnsToShow","name","label","push","headerCells","tableRows","subfolder","rowIndex","itemKey","relationTo","value","subfolderID","index","cellValue","_folderOrDocumentTitle","undefined","date","pattern","admin","dateFormat","Array","isArray","folderType","reduce","acc","span","className","disabled","dragData","id","type","isDroppable","isFocused","isSelected","has","isSelecting","size","onClick","event","item","onKeyDown","document","unadjustedIndex","documentID","length"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/elements/FolderView/FolderFileTable/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { extractID } from 'payload/shared'\nimport React from 'react'\n\nimport { DocumentIcon } from '../../../icons/Document/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatDate } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport { ColoredFolderIcon } from '../ColoredFolderIcon/index.js'\nimport { DraggableTableRow } from '../DraggableTableRow/index.js'\nimport { SimpleTable, TableHeader } from '../SimpleTable/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-file-table'\n\ntype Props = {\n  showRelationCell?: boolean\n}\n\nexport function FolderFileTable({ showRelationCell = true }: Props) {\n  const {\n    checkIfItemIsDisabled,\n    documents,\n    focusedRowIndex,\n    onItemClick,\n    onItemKeyPress,\n    selectedItemKeys,\n    subfolders,\n  } = useFolder()\n  const { config } = useConfig()\n  const { i18n, t } = useTranslation()\n\n  const [relationToMap] = React.useState(() => {\n    const map: Record<string, { plural: string; singular: string }> = {}\n    config.collections.forEach((collection) => {\n      map[collection.slug] = {\n        plural: getTranslation(collection.labels?.plural, i18n),\n        singular: getTranslation(collection.labels?.singular, i18n),\n      }\n    })\n    return map\n  })\n\n  const [columns] = React.useState(() => {\n    const columnsToShow = [\n      {\n        name: 'name',\n        label: t('general:name'),\n      },\n      {\n        name: 'createdAt',\n        label: t('general:createdAt'),\n      },\n      {\n        name: 'updatedAt',\n        label: t('general:updatedAt'),\n      },\n    ]\n\n    if (showRelationCell) {\n      columnsToShow.push({\n        name: 'type',\n        label: t('version:type'),\n      })\n    }\n\n    return columnsToShow\n  })\n\n  return (\n    <SimpleTable\n      headerCells={columns.map(({ name, label }) => (\n        <TableHeader key={name}>{label}</TableHeader>\n      ))}\n      tableRows={[\n        ...subfolders.map((subfolder, rowIndex) => {\n          const { itemKey, relationTo, value } = subfolder\n          const subfolderID = extractID(value)\n\n          return (\n            <DraggableTableRow\n              columns={columns.map(({ name }, index) => {\n                let cellValue: React.ReactNode = '—'\n                if (name === 'name' && value._folderOrDocumentTitle !== undefined) {\n                  cellValue = value._folderOrDocumentTitle\n                }\n\n                if ((name === 'createdAt' || name === 'updatedAt') && value[name]) {\n                  cellValue = formatDate({\n                    date: value[name],\n                    i18n,\n                    pattern: config.admin.dateFormat,\n                  })\n                }\n\n                if (name === 'type') {\n                  cellValue = (\n                    <>\n                      {relationToMap[relationTo]?.singular || relationTo}\n                      {Array.isArray(subfolder.value?.folderType)\n                        ? subfolder.value?.folderType.reduce((acc, slug, index) => {\n                            if (index === 0) {\n                              return ` — ${relationToMap[slug]?.plural || slug}`\n                            }\n                            if (index > 0) {\n                              return `${acc}, ${relationToMap[slug]?.plural || slug}`\n                            }\n                            return acc\n                          }, '')\n                        : ''}\n                    </>\n                  )\n                }\n\n                if (index === 0) {\n                  return (\n                    <span className={`${baseClass}__cell-with-icon`} key={`${itemKey}-${name}`}>\n                      <ColoredFolderIcon />\n                      {cellValue}\n                    </span>\n                  )\n                } else {\n                  return cellValue\n                }\n              })}\n              disabled={checkIfItemIsDisabled(subfolder)}\n              dragData={{\n                id: subfolderID,\n                type: 'folder',\n              }}\n              id={subfolderID}\n              isDroppable\n              isFocused={focusedRowIndex === rowIndex}\n              isSelected={selectedItemKeys.has(itemKey)}\n              isSelecting={selectedItemKeys.size > 0}\n              itemKey={itemKey}\n              key={`${rowIndex}-${itemKey}`}\n              onClick={(event) => {\n                void onItemClick({\n                  event,\n                  index: rowIndex,\n                  item: subfolder,\n                })\n              }}\n              onKeyDown={(event) => {\n                void onItemKeyPress({\n                  event,\n                  index: rowIndex,\n                  item: subfolder,\n                })\n              }}\n            />\n          )\n        }),\n\n        ...documents.map((document, unadjustedIndex) => {\n          const { itemKey, relationTo, value } = document\n          const documentID = extractID(value)\n          const rowIndex = unadjustedIndex + subfolders.length\n\n          return (\n            <DraggableTableRow\n              columns={columns.map(({ name }, index) => {\n                let cellValue: React.ReactNode = '—'\n                if (name === 'name' && value._folderOrDocumentTitle !== undefined) {\n                  cellValue = value._folderOrDocumentTitle\n                }\n\n                if ((name === 'createdAt' || name === 'updatedAt') && value[name]) {\n                  cellValue = formatDate({\n                    date: value[name],\n                    i18n,\n                    pattern: config.admin.dateFormat,\n                  })\n                }\n\n                if (name === 'type') {\n                  cellValue = relationToMap[relationTo]?.singular || relationTo\n                }\n\n                if (index === 0) {\n                  return (\n                    <span className={`${baseClass}__cell-with-icon`} key={`${itemKey}-${name}`}>\n                      <DocumentIcon />\n                      {cellValue}\n                    </span>\n                  )\n                } else {\n                  return cellValue\n                }\n              })}\n              disabled={checkIfItemIsDisabled(document)}\n              dragData={{\n                id: documentID,\n                type: 'document',\n              }}\n              id={documentID}\n              isFocused={focusedRowIndex === rowIndex}\n              isSelected={selectedItemKeys.has(itemKey)}\n              isSelecting={selectedItemKeys.size > 0}\n              itemKey={itemKey}\n              key={`${rowIndex}-${itemKey}`}\n              onClick={(event) => {\n                void onItemClick({\n                  event,\n                  index: rowIndex,\n                  item: document,\n                })\n              }}\n              onKeyDown={(event) => {\n                void onItemKeyPress({\n                  event,\n                  index: rowIndex,\n                  item: document,\n                })\n              }}\n            />\n          )\n        }),\n      ]}\n    />\n  )\n}\n"],"names":["getTranslation","extractID","React","DocumentIcon","useConfig","useFolder","useTranslation","formatDate","ColoredFolderIcon","DraggableTableRow","SimpleTable","TableHeader","baseClass","FolderFileTable","showRelationCell","checkIfItemIsDisabled","documents","focusedRowIndex","onItemClick","onItemKeyPress","selectedItemKeys","subfolders","config","i18n","t","relationToMap","useState","map","collections","forEach","collection","slug","plural","labels","singular","columns","columnsToShow","name","label","push","headerCells","tableRows","subfolder","rowIndex","itemKey","relationTo","value","subfolderID","index","cellValue","_folderOrDocumentTitle","undefined","date","pattern","admin","dateFormat","Array","isArray","folderType","reduce","acc","span","className","disabled","dragData","id","type","isDroppable","isFocused","isSelected","has","isSelecting","size","onClick","event","item","onKeyDown","document","unadjustedIndex","documentID","length"],"mappings":"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"}

package/dist/elements/FolderView/FolderTypeField/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { mergeFieldStyles } from '../../../fields/mergeFieldStyles.js';
 import { formatOptions } from '../../../fields/Select/index.js';
@@ -70,7 +70,7 @@ export const FolderTypeField = ({ options: allSelectOptions, ...props })=>{
     const styles = React.useMemo(()=>mergeFieldStyles(field), [
         field
     ]);
-    return /*#__PURE__*/ _jsx(SelectInput, {
+    return /*#__PURE__*/ _jsxDEV(SelectInput, {
         AfterInput: AfterInput,
         BeforeInput: BeforeInput,
         className: className,
@@ -94,7 +94,11 @@ export const FolderTypeField = ({ options: allSelectOptions, ...props })=>{
         showError: showError,
         style: styles,
         value: value
-    });
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/FolderTypeField/index.tsx",
+        lineNumber: 105,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/FolderView/FolderTypeField/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/FolderTypeField/index.tsx"],"sourcesContent":["import type { Option, OptionObject, SelectFieldClientProps } from 'payload'\n\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../ReactSelect/types.js'\n\nimport { mergeFieldStyles } from '../../../fields/mergeFieldStyles.js'\nimport { formatOptions } from '../../../fields/Select/index.js'\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport const FolderTypeField = ({\n  options: allSelectOptions,\n  ...props\n}: { options: Option[] } & SelectFieldClientProps) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: {\n        className,\n        isClearable = true,\n        isSortable = true,\n        placeholder,\n      } = {} as SelectFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n  const { t } = useTranslation()\n\n  const { folderType } = useFolder()\n\n  const options = React.useMemo(() => {\n    if (!folderType || folderType.length === 0) {\n      return formatOptions(allSelectOptions)\n    }\n    return formatOptions(\n      allSelectOptions.filter((option) => {\n        if (typeof option === 'object' && option.value) {\n          return folderType.includes(option.value)\n        }\n        return true\n      }),\n    )\n  }, [allSelectOptions, folderType])\n\n  const memoizedValidate = React.useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, hasMany, options, required })\n      }\n    },\n    [validate, required, hasMany, options],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    selectFilterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const onChange: ReactSelectAdapterProps['onChange'] = React.useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!readOnly || disabled) {\n        let newValue: string | string[] = null\n        if (selectedOption && hasMany) {\n          if (Array.isArray(selectedOption) && selectedOption.length > 0) {\n            newValue = selectedOption.map((option) => option.value)\n          } else {\n            newValue = null\n          }\n        } else if (selectedOption && !Array.isArray(selectedOption)) {\n          newValue = selectedOption.value\n        }\n\n        if (typeof onChangeFromProps === 'function') {\n          onChangeFromProps(newValue)\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = React.useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={t('folder:folderTypeDescription')}\n      Error={Error}\n      filterOption={\n        selectFilterOptions\n          ? ({ value }) =>\n              selectFilterOptions?.some(\n                (option) => (typeof option === 'string' ? option : option.value) === value,\n              )\n          : undefined\n      }\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      required={required || (Array.isArray(folderType) && folderType.length > 0)}\n      showError={showError}\n      style={styles}\n      value={value as string | string[]}\n    />\n  )\n}\n"],"names":["React","mergeFieldStyles","formatOptions","SelectInput","useField","useFolder","useTranslation","FolderTypeField","options","allSelectOptions","props","field","name","admin","className","isClearable","isSortable","placeholder","hasMany","label","localized","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","t","folderType","useMemo","length","filter","option","value","includes","memoizedValidate","useCallback","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","selectFilterOptions","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","map","styles","description","filterOption","some","undefined","style"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/elements/FolderView/FolderTypeField/index.tsx"],"sourcesContent":["import type { Option, OptionObject, SelectFieldClientProps } from 'payload'\n\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../ReactSelect/types.js'\n\nimport { mergeFieldStyles } from '../../../fields/mergeFieldStyles.js'\nimport { formatOptions } from '../../../fields/Select/index.js'\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport const FolderTypeField = ({\n  options: allSelectOptions,\n  ...props\n}: { options: Option[] } & SelectFieldClientProps) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: {\n        className,\n        isClearable = true,\n        isSortable = true,\n        placeholder,\n      } = {} as SelectFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n  const { t } = useTranslation()\n\n  const { folderType } = useFolder()\n\n  const options = React.useMemo(() => {\n    if (!folderType || folderType.length === 0) {\n      return formatOptions(allSelectOptions)\n    }\n    return formatOptions(\n      allSelectOptions.filter((option) => {\n        if (typeof option === 'object' && option.value) {\n          return folderType.includes(option.value)\n        }\n        return true\n      }),\n    )\n  }, [allSelectOptions, folderType])\n\n  const memoizedValidate = React.useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, hasMany, options, required })\n      }\n    },\n    [validate, required, hasMany, options],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    selectFilterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const onChange: ReactSelectAdapterProps['onChange'] = React.useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!readOnly || disabled) {\n        let newValue: string | string[] = null\n        if (selectedOption && hasMany) {\n          if (Array.isArray(selectedOption) && selectedOption.length > 0) {\n            newValue = selectedOption.map((option) => option.value)\n          } else {\n            newValue = null\n          }\n        } else if (selectedOption && !Array.isArray(selectedOption)) {\n          newValue = selectedOption.value\n        }\n\n        if (typeof onChangeFromProps === 'function') {\n          onChangeFromProps(newValue)\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = React.useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={t('folder:folderTypeDescription')}\n      Error={Error}\n      filterOption={\n        selectFilterOptions\n          ? ({ value }) =>\n              selectFilterOptions?.some(\n                (option) => (typeof option === 'string' ? option : option.value) === value,\n              )\n          : undefined\n      }\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      required={required || (Array.isArray(folderType) && folderType.length > 0)}\n      showError={showError}\n      style={styles}\n      value={value as string | string[]}\n    />\n  )\n}\n"],"names":["React","mergeFieldStyles","formatOptions","SelectInput","useField","useFolder","useTranslation","FolderTypeField","options","allSelectOptions","props","field","name","admin","className","isClearable","isSortable","placeholder","hasMany","label","localized","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","t","folderType","useMemo","length","filter","option","value","includes","memoizedValidate","useCallback","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","selectFilterOptions","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","map","styles","description","filterOption","some","undefined","style"],"mappings":"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"}

package/dist/elements/FolderView/ItemCardGrid/index.js

@@ -1,30 +1,42 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import React from 'react';
 import { ContextFolderFileCard } from '../FolderFileCard/index.js';
 import './index.scss';
 const baseClass = 'item-card-grid';
 export function ItemCardGrid({ type, items, subfolderCount, title }) {
-    return /*#__PURE__*/ _jsxs(_Fragment, {
+    return /*#__PURE__*/ _jsxDEV(_Fragment, {
         children: [
-            title && /*#__PURE__*/ _jsx("p", {
+            title && /*#__PURE__*/ _jsxDEV("p", {
                 className: `${baseClass}__title`,
                 children: title
-            }),
-            /*#__PURE__*/ _jsx("div", {
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/ItemCardGrid/index.tsx",
+                lineNumber: 28,
+                columnNumber: 17
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: baseClass,
                 children: !items || items?.length === 0 ? null : items.map((item, _index)=>{
                     const index = _index + (subfolderCount || 0);
                     const { itemKey } = item;
-                    return /*#__PURE__*/ _jsx(ContextFolderFileCard, {
+                    return /*#__PURE__*/ _jsxDEV(ContextFolderFileCard, {
                         index: index,
                         item: item,
                         type: type
-                    }, itemKey);
+                    }, itemKey, false, {
+                        fileName: "src/elements/FolderView/ItemCardGrid/index.tsx",
+                        lineNumber: 36,
+                        columnNumber: 22
+                    }, this);
                 })
-            })
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/ItemCardGrid/index.tsx",
+                lineNumber: 29,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true);
 }
 
 //# sourceMappingURL=index.js.map

package/dist/elements/FolderView/ItemCardGrid/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/ItemCardGrid/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport React from 'react'\n\nimport { ContextFolderFileCard } from '../FolderFileCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'item-card-grid'\n\ntype ItemCardGridProps = {\n  items: FolderOrDocument[]\n  title?: string\n} & (\n  | {\n      subfolderCount: number\n      type: 'file'\n    }\n  | {\n      subfolderCount?: never\n      type: 'folder'\n    }\n)\nexport function ItemCardGrid({ type, items, subfolderCount, title }: ItemCardGridProps) {\n  return (\n    <>\n      {title && <p className={`${baseClass}__title`}>{title}</p>}\n      <div className={baseClass}>\n        {!items || items?.length === 0\n          ? null\n          : items.map((item, _index) => {\n              const index = _index + (subfolderCount || 0)\n              const { itemKey } = item\n\n              return <ContextFolderFileCard index={index} item={item} key={itemKey} type={type} />\n            })}\n      </div>\n    </>\n  )\n}\n"],"names":["React","ContextFolderFileCard","baseClass","ItemCardGrid","type","items","subfolderCount","title","p","className","div","length","map","item","_index","index","itemKey"],"mappings":"AAAA;;AAIA,OAAOA,WAAW,QAAO;AAEzB,SAASC,qBAAqB,QAAQ,6BAA4B;AAClE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAelB,OAAO,SAASC,aAAa,EAAEC,IAAI,EAAEC,KAAK,EAAEC,cAAc,EAAEC,KAAK,EAAqB;IACpF,qBACE;;YACGA,uBAAS,KAACC;gBAAEC,WAAW,GAAGP,UAAU,OAAO,CAAC;0BAAGK;;0BAChD,KAACG;gBAAID,WAAWP;0BACb,CAACG,SAASA,OAAOM,WAAW,IACzB,OACAN,MAAMO,GAAG,CAAC,CAACC,MAAMC;oBACf,MAAMC,QAAQD,SAAUR,CAAAA,kBAAkB,CAAA;oBAC1C,MAAM,EAAEU,OAAO,EAAE,GAAGH;oBAEpB,qBAAO,KAACZ;wBAAsBc,OAAOA;wBAAOF,MAAMA;wBAAoBT,MAAMA;uBAAfY;gBAC/D;;;;AAIZ"}
+{"version":3,"sources":["../../../../src/elements/FolderView/ItemCardGrid/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport React from 'react'\n\nimport { ContextFolderFileCard } from '../FolderFileCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'item-card-grid'\n\ntype ItemCardGridProps = {\n  items: FolderOrDocument[]\n  title?: string\n} & (\n  | {\n      subfolderCount: number\n      type: 'file'\n    }\n  | {\n      subfolderCount?: never\n      type: 'folder'\n    }\n)\nexport function ItemCardGrid({ type, items, subfolderCount, title }: ItemCardGridProps) {\n  return (\n    <>\n      {title && <p className={`${baseClass}__title`}>{title}</p>}\n      <div className={baseClass}>\n        {!items || items?.length === 0\n          ? null\n          : items.map((item, _index) => {\n              const index = _index + (subfolderCount || 0)\n              const { itemKey } = item\n\n              return <ContextFolderFileCard index={index} item={item} key={itemKey} type={type} />\n            })}\n      </div>\n    </>\n  )\n}\n"],"names":["React","ContextFolderFileCard","baseClass","ItemCardGrid","type","items","subfolderCount","title","p","className","div","length","map","item","_index","index","itemKey"],"mappings":"AAAA;;AAIA,OAAOA,WAAW,QAAO;AAEzB,SAASC,qBAAqB,QAAQ,6BAA4B;AAClE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAelB,OAAO,SAASC,aAAa,EAAEC,IAAI,EAAEC,KAAK,EAAEC,cAAc,EAAEC,KAAK,EAAqB;IACpF,qBACE;;YACGA,uBAAS,QAACC;gBAAEC,WAAW,GAAGP,UAAU,OAAO,CAAC;0BAAGK;;;;;;0BAChD,QAACG;gBAAID,WAAWP;0BACb,CAACG,SAASA,OAAOM,WAAW,IACzB,OACAN,MAAMO,GAAG,CAAC,CAACC,MAAMC;oBACf,MAAMC,QAAQD,SAAUR,CAAAA,kBAAkB,CAAA;oBAC1C,MAAM,EAAEU,OAAO,EAAE,GAAGH;oBAEpB,qBAAO,QAACZ;wBAAsBc,OAAOA;wBAAOF,MAAMA;wBAAoBT,MAAMA;uBAAfY;;;;;gBAC/D;;;;;;;;AAIZ"}