@payloadcms/ui 3.70.0-canary.9 → 3.71.0-internal-debug.80dab4c

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

@@ -1,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-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';
@@ -16,194 +14,226 @@ import { ColoredFolderIcon } from '../ColoredFolderIcon/index.js';
 import { DraggableWithClick } from '../DraggableWithClick/index.js';
 import './index.scss';
 const baseClass = 'folder-file-card';
-export function FolderFileCard({
-  id,
-  type,
-  className = '',
-  disabled = false,
-  folderType,
-  isDeleting = false,
-  isFocused = false,
-  isSelected = false,
-  itemKey,
-  onClick,
-  onKeyDown,
-  PopupActions,
-  previewUrl,
-  selectedCount = 0,
-  title
-}) {
-  const disableDrop = !id || disabled || type !== 'folder';
-  const {
-    isOver,
-    setNodeRef
-  } = useDroppable({
-    id: itemKey,
-    data: {
-      id,
-      type,
-      folderType
-    },
-    disabled: disableDrop
-  });
-  const ref = React.useRef(null);
-  React.useEffect(() => {
-    const copyOfRef = ref.current;
-    if (isFocused && ref.current) {
-      ref.current.focus();
-    } else if (!isFocused && ref.current) {
-      ref.current.blur();
-    }
-    return () => {
-      if (copyOfRef) {
-        copyOfRef.blur();
-      }
-    };
-  }, [isFocused]);
-  return /*#__PURE__*/_jsxs(DraggableWithClick, {
-    className: [baseClass, className, isSelected && `${baseClass}--selected`, disabled && `${baseClass}--disabled`, isDeleting && `${baseClass}--deleting`, isFocused && `${baseClass}--focused`, isOver && `${baseClass}--over`, `${baseClass}--${type}`].filter(Boolean).join(' '),
-    disabled: disabled || !onClick && !onKeyDown,
-    onClick: onClick,
-    onKeyDown: onKeyDown,
-    ref: ref,
-    children: [!disableDrop ? /*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__drop-area`,
-      ref: setNodeRef
-    }) : null, type === 'file' ? /*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__preview-area`,
-      children: previewUrl ? /*#__PURE__*/_jsx(Thumbnail, {
-        fileSrc: previewUrl
-      }) : /*#__PURE__*/_jsx(DocumentIcon, {})
-    }) : null, /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__titlebar-area`,
-      children: [/*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__icon-wrap`,
-        children: type === 'file' ? /*#__PURE__*/_jsx(DocumentIcon, {}) : /*#__PURE__*/_jsx(ColoredFolderIcon, {})
-      }), /*#__PURE__*/_jsxs("div", {
-        className: `${baseClass}__titlebar-labels`,
-        children: [/*#__PURE__*/_jsx("p", {
-          className: `${baseClass}__name`,
-          title: title,
-          children: /*#__PURE__*/_jsx("span", {
-            children: title
-          })
-        }), folderType && folderType.length > 0 ? /*#__PURE__*/_jsx(AssignedCollections, {
-          folderType: folderType
-        }) : null]
-      }), PopupActions ? /*#__PURE__*/_jsx(Popup, {
-        button: /*#__PURE__*/_jsx(ThreeDotsIcon, {}),
-        disabled: selectedCount > 1 || selectedCount === 1 && !isSelected,
-        horizontalAlign: "right",
-        size: "large",
-        verticalAlign: "bottom",
-        children: PopupActions
-      }) : null]
-    })]
-  }, itemKey);
+export function FolderFileCard({ id, type, className = '', disabled = false, folderType, isDeleting = false, isFocused = false, isSelected = false, itemKey, onClick, onKeyDown, PopupActions, previewUrl, selectedCount = 0, title }) {
+    const disableDrop = !id || disabled || type !== 'folder';
+    const { isOver, setNodeRef } = useDroppable({
+        id: itemKey,
+        data: {
+            id,
+            type,
+            folderType
+        },
+        disabled: disableDrop
+    });
+    const ref = React.useRef(null);
+    React.useEffect(()=>{
+        const copyOfRef = ref.current;
+        if (isFocused && ref.current) {
+            ref.current.focus();
+        } else if (!isFocused && ref.current) {
+            ref.current.blur();
+        }
+        return ()=>{
+            if (copyOfRef) {
+                copyOfRef.blur();
+            }
+        };
+    }, [
+        isFocused
+    ]);
+    return /*#__PURE__*/ _jsxDEV(DraggableWithClick, {
+        className: [
+            baseClass,
+            className,
+            isSelected && `${baseClass}--selected`,
+            disabled && `${baseClass}--disabled`,
+            isDeleting && `${baseClass}--deleting`,
+            isFocused && `${baseClass}--focused`,
+            isOver && `${baseClass}--over`,
+            `${baseClass}--${type}`
+        ].filter(Boolean).join(' '),
+        disabled: disabled || !onClick && !onKeyDown,
+        onClick: onClick,
+        onKeyDown: onKeyDown,
+        ref: ref,
+        children: [
+            !disableDrop ? /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__drop-area`,
+                ref: setNodeRef
+            }, 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__*/ _jsxDEV(Thumbnail, {
+                    fileSrc: previewUrl
+                }, 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__*/ _jsxDEV("div", {
+                        className: `${baseClass}__icon-wrap`,
+                        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__*/ _jsxDEV("p", {
+                                className: `${baseClass}__name`,
+                                title: title,
+                                children: /*#__PURE__*/ _jsxDEV("span", {
+                                    children: title
+                                }, 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
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+                                lineNumber: 120,
+                                columnNumber: 13
+                            }, this) : null
+                        ]
+                    }, 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
+                    }, 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, true, {
+        fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
+        lineNumber: 84,
+        columnNumber: 5
+    }, this);
 }
-function AssignedCollections({
-  folderType
-}) {
-  const {
-    config
-  } = useConfig();
-  const {
-    i18n
-  } = useTranslation();
-  const collectionsDisplayText = React.useMemo(() => {
-    return folderType.reduce((acc, collection) => {
-      const collectionConfig = config.collections?.find(c => c.slug === collection);
-      if (collectionConfig) {
-        return [...acc, getTranslation(collectionConfig.labels.plural, i18n)];
-      }
-      return acc;
-    }, []);
-  }, [folderType, config.collections, i18n]);
-  return /*#__PURE__*/_jsx("p", {
-    className: `${baseClass}__assigned-collections`,
-    children: collectionsDisplayText.map((label, index) => /*#__PURE__*/_jsxs("span", {
-      children: [label, index < folderType.length - 1 ? ', ' : '']
-    }, label))
-  });
+function AssignedCollections({ folderType }) {
+    const { config } = useConfig();
+    const { i18n } = useTranslation();
+    const collectionsDisplayText = React.useMemo(()=>{
+        return folderType.reduce((acc, collection)=>{
+            const collectionConfig = config.collections?.find((c)=>c.slug === collection);
+            if (collectionConfig) {
+                return [
+                    ...acc,
+                    getTranslation(collectionConfig.labels.plural, i18n)
+                ];
+            }
+            return acc;
+        }, []);
+    }, [
+        folderType,
+        config.collections,
+        i18n
+    ]);
+    return /*#__PURE__*/ _jsxDEV("p", {
+        className: `${baseClass}__assigned-collections`,
+        children: collectionsDisplayText.map((label, index)=>/*#__PURE__*/ _jsxDEV("span", {
+                children: [
+                    label,
+                    index < folderType.length - 1 ? ', ' : ''
+                ]
+            }, 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);
 }
-export function ContextFolderFileCard(t0) {
-  const $ = _c(18);
-  const {
-    type,
-    className,
-    index,
-    item
-  } = t0;
-  const {
-    checkIfItemIsDisabled,
-    focusedRowIndex,
-    onItemClick,
-    onItemKeyPress,
-    selectedItemKeys
-  } = useFolder();
-  let t1;
-  if ($[0] !== checkIfItemIsDisabled || $[1] !== className || $[2] !== focusedRowIndex || $[3] !== index || $[4] !== item || $[5] !== onItemClick || $[6] !== onItemKeyPress || $[7] !== selectedItemKeys || $[8] !== type) {
+// 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);
-    let t2;
-    if ($[10] !== index || $[11] !== item || $[12] !== onItemClick) {
-      t2 = event => {
-        onItemClick({
-          event,
-          index,
-          item
-        });
-      };
-      $[10] = index;
-      $[11] = item;
-      $[12] = onItemClick;
-      $[13] = t2;
-    } else {
-      t2 = $[13];
-    }
-    let t3;
-    if ($[14] !== index || $[15] !== item || $[16] !== onItemKeyPress) {
-      t3 = event_0 => {
-        onItemKeyPress({
-          event: event_0,
-          index,
-          item
-        });
-      };
-      $[14] = index;
-      $[15] = item;
-      $[16] = onItemKeyPress;
-      $[17] = t3;
-    } else {
-      t3 = $[17];
-    }
-    t1 = _jsx(FolderFileCard, {
-      className,
-      disabled: isDisabled,
-      folderType: item.value.folderType || [],
-      id: item.value.id,
-      isFocused: focusedRowIndex === index,
-      isSelected,
-      itemKey: item.itemKey,
-      onClick: t2,
-      onKeyDown: t3,
-      previewUrl: item.value.url,
-      title: item.value._folderOrDocumentTitle,
-      type
-    });
-    $[0] = checkIfItemIsDisabled;
-    $[1] = className;
-    $[2] = focusedRowIndex;
-    $[3] = index;
-    $[4] = item;
-    $[5] = onItemClick;
-    $[6] = onItemKeyPress;
-    $[7] = selectedItemKeys;
-    $[8] = type;
-    $[9] = t1;
-  } else {
-    t1 = $[9];
-  }
-  return t1;
+    return /*#__PURE__*/ _jsxDEV(FolderFileCard, {
+        className: className,
+        disabled: isDisabled,
+        folderType: item.value.folderType || [],
+        id: item.value.id,
+        isFocused: focusedRowIndex === index,
+        isSelected: isSelected,
+        itemKey: item.itemKey,
+        onClick: (event)=>{
+            void onItemClick({
+                event,
+                index,
+                item
+            });
+        },
+        onKeyDown: (event)=>{
+            void onItemKeyPress({
+                event,
+                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,"file":"index.js","names":["c","_c","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","_jsxs","filter","Boolean","join","_jsx","fileSrc","length","AssignedCollections","button","horizontalAlign","size","verticalAlign","config","i18n","collectionsDisplayText","useMemo","reduce","acc","collection","collectionConfig","collections","find","slug","labels","plural","map","label","index","ContextFolderFileCard","t0","$","item","checkIfItemIsDisabled","focusedRowIndex","onItemClick","onItemKeyPress","selectedItemKeys","t1","has","isDisabled","t2","event","t3","event_0","value","url","_folderOrDocumentTitle"],"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"],"mappings":"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","ignoreList":[]}
+{"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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"}