@payloadcms/ui 3.91.0-internal.c1569dc → 4.0.0-beta.1

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

@@ -1,247 +0,0 @@
-@import '../../../scss/styles.scss';
-@layer payload-default {
-  .folder-file-card {
-    // vars
-    --card-border-color: var(--theme-elevation-150);
-    --card-bg-color: var(--theme-elevation-0);
-    --card-preview-bg-color: var(--theme-elevation-50);
-    --card-icon-dots-bg-color: transparent;
-    --card-icon-dots-color: var(--theme-elevation-600);
-    --card-titlebar-icon-color: var(--theme-elevation-300);
-    --card-label-color: var(--theme-text);
-    --card-preview-icon-color: var(--theme-elevation-400);
-    --assigned-collections-color: var(--theme-elevation-900);
-
-    position: relative;
-    display: grid;
-    grid-template-areas: 'details';
-    border-radius: var(--style-radius-m);
-    border: 1px solid var(--card-border-color);
-    background-color: var(--card-bg-color);
-    cursor: pointer;
-
-    &--file {
-      grid-template-rows: 1fr auto;
-      grid-template-areas:
-        'preview'
-        'details';
-    }
-
-    &--over {
-      --card-border-color: var(--theme-elevation-500);
-      --card-bg-color: var(--theme-elevation-150);
-      --card-icon-dots-bg-color: transparent;
-      --card-icon-dots-color: var(--theme-elevation-400);
-      --card-titlebar-icon-color: var(--theme-elevation-250);
-      --card-label-color: var(--theme-text);
-    }
-
-    &--disabled {
-      --card-bg-color: var(--theme-elevation-50);
-      cursor: not-allowed;
-      &:after {
-        content: '';
-        position: absolute;
-        background-color: var(--theme-bg);
-        opacity: 0.5;
-        width: calc(100% + 2px);
-        height: calc(100% + 2px);
-        top: -1px;
-        left: -1px;
-        border-radius: inherit;
-      }
-    }
-
-    &--selected {
-      --card-border-color: var(--theme-success-300);
-      --card-bg-color: var(--theme-success-50);
-      --card-preview-bg-color: var(--theme-success-50);
-      --card-icon-dots-bg-color: var(--theme-success-50);
-      --card-icon-dots-color: var(--theme-success-400);
-      --card-titlebar-icon-color: var(--theme-success-800);
-      --card-label-color: var(--theme-success-800);
-      --card-preview-icon-color: var(--theme-success-800);
-      --accessibility-outline: 2px solid var(--theme-success-600);
-      --assigned-collections-color: var(--theme-success-850);
-
-      .popup:hover:not(.popup--active) {
-        --card-icon-dots-bg-color: var(--theme-success-100);
-      }
-      &:has(.popup--active) {
-        --card-icon-dots-bg-color: var(--theme-success-150);
-      }
-
-      .icon--dots {
-        opacity: 1;
-      }
-
-      .folder-file-card__icon-wrap .icon {
-        opacity: 0.5;
-      }
-
-      .folder-file-card__preview-area .icon {
-        opacity: 0.7;
-      }
-
-      .folder-file-card__preview-area .thumbnail {
-        &:after {
-          content: '';
-          position: absolute;
-          top: 0;
-          left: 0;
-          background: var(--theme-success-150);
-          width: 100%;
-          height: 100%;
-          mix-blend-mode: hard-light;
-        }
-      }
-    }
-
-    &:not(.folder-file-card--selected) {
-      .icon--dots {
-        opacity: 0;
-      }
-
-      &:hover,
-      &:has(.popup--active) {
-        --card-bg-color: var(--theme-elevation-50);
-
-        .icon--dots {
-          opacity: 1;
-        }
-      }
-
-      .popup:hover:not(.popup--active) {
-        --card-icon-dots-bg-color: var(--theme-elevation-150);
-      }
-      &:has(.popup--active) {
-        --card-icon-dots-bg-color: var(--theme-elevation-200);
-      }
-    }
-
-    &__drop-area {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border-radius: inherit;
-      pointer-events: none;
-    }
-
-    &__preview-area {
-      grid-area: preview;
-      aspect-ratio: 1/1;
-      background-color: var(--card-preview-bg-color);
-      border-top-left-radius: var(--style-radius-s);
-      border-top-right-radius: var(--style-radius-s);
-      border-bottom: 1px solid var(--card-border-color);
-      display: grid;
-      align-items: center;
-      justify-content: center;
-      pointer-events: none;
-      grid-template-columns: auto 50% auto;
-
-      &:has(.thumbnail) {
-        grid-template-columns: unset;
-      }
-
-      > .icon {
-        grid-column: 2;
-      }
-
-      .icon--document {
-        pointer-events: none;
-        height: 50%;
-        width: 50%;
-        margin: auto;
-        color: var(--card-preview-icon-color);
-      }
-
-      .thumbnail {
-        width: 100%;
-        height: 100%;
-        position: relative;
-        border-radius: inherit;
-        > img {
-          position: absolute;
-          top: 0;
-          left: 0;
-          bottom: 0;
-          right: 0;
-          width: 100%;
-          height: 100%;
-          object-fit: cover;
-          border-radius: inherit;
-        }
-      }
-
-      &:has(.thumbnail) {
-        justify-content: stretch;
-      }
-
-      img {
-        height: 100%;
-        width: 100%;
-        max-width: 100%;
-        max-height: 100%;
-        object-fit: cover;
-        border-top-left-radius: var(--style-radius-s);
-        border-top-right-radius: var(--style-radius-s);
-      }
-    }
-
-    &__titlebar-area {
-      position: relative;
-      pointer-events: none;
-      display: flex;
-      flex-direction: column;
-      grid-area: details;
-      border-radius: inherit;
-      display: grid;
-      grid-template-columns: auto 1fr auto;
-      gap: 1rem;
-      align-items: center;
-      padding: calc(var(--base) / 2);
-      background-color: var(--card-bg-color);
-
-      .popup {
-        pointer-events: all;
-      }
-    }
-
-    &__titlebar-labels {
-      display: grid;
-    }
-
-    &__name {
-      overflow: hidden;
-      font-weight: bold;
-      text-indent: 1px; // prevents left cuttoff of the first letter
-      text-wrap: nowrap;
-      text-overflow: ellipsis;
-      line-height: normal;
-      color: var(--card-label-color);
-    }
-
-    &__assigned-collections {
-      color: var(--assigned-collections-color);
-      opacity: 0.5;
-      margin-top: 4px;
-      line-height: normal;
-    }
-
-    &__icon-wrap .icon {
-      flex-shrink: 0;
-      color: var(--card-titlebar-icon-color);
-    }
-
-    .icon--dots {
-      rotate: 90deg;
-      transition: opacity 0.2s;
-      color: var(--card-icon-dots-color);
-      border-radius: var(--style-radius-s);
-      background-color: var(--card-icon-dots-bg-color);
-    }
-  }
-}

package/dist/elements/FolderView/FolderFileTable/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import './index.scss';
-type Props = {
-    showRelationCell?: boolean;
-};
-export declare function FolderFileTable({ showRelationCell }: Props): React.JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/FolderFileTable/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/FolderFileTable/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,gBAAuB,EAAE,EAAE,KAAK,qBAmOjE"}

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

@@ -1,294 +0,0 @@
-'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { getTranslation } from '@payloadcms/translations';
-import { extractID } from 'payload/shared';
-import React from 'react';
-import { DocumentIcon } from '../../../icons/Document/index.js';
-import { useConfig } from '../../../providers/Config/index.js';
-import { useFolder } from '../../../providers/Folders/index.js';
-import { useTranslation } from '../../../providers/Translation/index.js';
-import { formatDate } from '../../../utilities/formatDocTitle/formatDateTitle.js';
-import { Thumbnail } from '../../Thumbnail/index.js';
-import { ColoredFolderIcon } from '../ColoredFolderIcon/index.js';
-import { DraggableTableRow } from '../DraggableTableRow/index.js';
-import { SimpleTable, TableHeader } from '../SimpleTable/index.js';
-import './index.scss';
-const baseClass = 'folder-file-table';
-export function FolderFileTable(t0) {
-  const $ = _c(39);
-  const {
-    showRelationCell: t1
-  } = t0;
-  const showRelationCell = t1 === undefined ? true : t1;
-  const {
-    checkIfItemIsDisabled,
-    documents,
-    focusedRowIndex,
-    onItemClick,
-    onItemKeyPress,
-    selectedItemKeys,
-    subfolders
-  } = useFolder();
-  const {
-    config
-  } = useConfig();
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  let t2;
-  if ($[0] !== config || $[1] !== i18n) {
-    t2 = () => {
-      const map = {};
-      config.collections.forEach(collection => {
-        map[collection.slug] = {
-          plural: getTranslation(collection.labels?.plural, i18n),
-          singular: getTranslation(collection.labels?.singular, i18n),
-          upload: collection.upload
-        };
-      });
-      return map;
-    };
-    $[0] = config;
-    $[1] = i18n;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const [relationToMap] = React.useState(t2);
-  let t3;
-  if ($[3] !== showRelationCell || $[4] !== t) {
-    t3 = () => {
-      const columnsToShow = [{
-        name: "name",
-        label: t("general:name")
-      }, {
-        name: "createdAt",
-        label: t("general:createdAt")
-      }, {
-        name: "updatedAt",
-        label: t("general:updatedAt")
-      }];
-      if (showRelationCell) {
-        columnsToShow.push({
-          name: "type",
-          label: t("version:type")
-        });
-      }
-      return columnsToShow;
-    };
-    $[3] = showRelationCell;
-    $[4] = t;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  const [columns] = React.useState(t3);
-  let t4;
-  if ($[6] !== checkIfItemIsDisabled || $[7] !== columns || $[8] !== config || $[9] !== documents || $[10] !== focusedRowIndex || $[11] !== i18n || $[12] !== onItemClick || $[13] !== onItemKeyPress || $[14] !== relationToMap || $[15] !== selectedItemKeys || $[16] !== subfolders) {
-    let t5;
-    if ($[18] !== checkIfItemIsDisabled || $[19] !== columns || $[20] !== config || $[21] !== focusedRowIndex || $[22] !== i18n || $[23] !== onItemClick || $[24] !== onItemKeyPress || $[25] !== relationToMap || $[26] !== selectedItemKeys) {
-      t5 = (subfolder, rowIndex) => {
-        const {
-          itemKey,
-          relationTo,
-          value
-        } = subfolder;
-        const subfolderID = extractID(value);
-        return _jsx(DraggableTableRow, {
-          columns: columns.map((t6, index) => {
-            const {
-              name: name_0
-            } = t6;
-            let cellValue = "\u2014";
-            if (name_0 === "name" && value._folderOrDocumentTitle !== undefined) {
-              cellValue = value._folderOrDocumentTitle;
-            }
-            if ((name_0 === "createdAt" || name_0 === "updatedAt") && value[name_0]) {
-              cellValue = formatDate({
-                date: value[name_0],
-                i18n,
-                pattern: config.admin.dateFormat
-              });
-            }
-            if (name_0 === "type") {
-              cellValue = _jsxs(_Fragment, {
-                children: [relationToMap[relationTo]?.singular || relationTo, Array.isArray(subfolder.value?.folderType) ? subfolder.value?.folderType.reduce((acc, slug, index_0) => {
-                  if (index_0 === 0) {
-                    return ` — ${relationToMap[slug]?.plural || slug}`;
-                  }
-                  if (index_0 > 0) {
-                    return `${acc}, ${relationToMap[slug]?.plural || slug}`;
-                  }
-                  return acc;
-                }, "") : ""]
-              });
-            }
-            if (index === 0) {
-              return _jsxs("span", {
-                className: `${baseClass}__cell-with-icon`,
-                children: [_jsx(ColoredFolderIcon, {}), cellValue]
-              }, `${itemKey}-${name_0}`);
-            } else {
-              return cellValue;
-            }
-          }),
-          disabled: checkIfItemIsDisabled(subfolder),
-          dragData: {
-            id: subfolderID,
-            type: "folder"
-          },
-          id: subfolderID,
-          isDroppable: true,
-          isFocused: focusedRowIndex === rowIndex,
-          isSelected: selectedItemKeys.has(itemKey),
-          isSelecting: selectedItemKeys.size > 0,
-          itemKey,
-          onClick: event => {
-            onItemClick({
-              event,
-              index: rowIndex,
-              item: subfolder
-            });
-          },
-          onKeyDown: event_0 => {
-            onItemKeyPress({
-              event: event_0,
-              index: rowIndex,
-              item: subfolder
-            });
-          }
-        }, `${rowIndex}-${itemKey}`);
-      };
-      $[18] = checkIfItemIsDisabled;
-      $[19] = columns;
-      $[20] = config;
-      $[21] = focusedRowIndex;
-      $[22] = i18n;
-      $[23] = onItemClick;
-      $[24] = onItemKeyPress;
-      $[25] = relationToMap;
-      $[26] = selectedItemKeys;
-      $[27] = t5;
-    } else {
-      t5 = $[27];
-    }
-    let t6;
-    if ($[28] !== checkIfItemIsDisabled || $[29] !== columns || $[30] !== config || $[31] !== focusedRowIndex || $[32] !== i18n || $[33] !== onItemClick || $[34] !== onItemKeyPress || $[35] !== relationToMap || $[36] !== selectedItemKeys || $[37] !== subfolders.length) {
-      t6 = (document, unadjustedIndex) => {
-        const {
-          itemKey: itemKey_0,
-          relationTo: relationTo_0,
-          value: value_0
-        } = document;
-        const documentID = extractID(value_0);
-        const relatedCollection = relationToMap[relationTo_0];
-        const rowIndex_0 = unadjustedIndex + subfolders.length;
-        return _jsx(DraggableTableRow, {
-          columns: columns.map((t7, index_1) => {
-            const {
-              name: name_1
-            } = t7;
-            let cellValue_0 = "\u2014";
-            if (name_1 === "name" && value_0._folderOrDocumentTitle !== undefined) {
-              cellValue_0 = value_0._folderOrDocumentTitle;
-            }
-            if ((name_1 === "createdAt" || name_1 === "updatedAt") && value_0[name_1]) {
-              cellValue_0 = formatDate({
-                date: value_0[name_1],
-                i18n,
-                pattern: config.admin.dateFormat
-              });
-            }
-            if (name_1 === "type") {
-              cellValue_0 = relationToMap[relationTo_0]?.singular || relationTo_0;
-            }
-            if (index_1 === 0) {
-              return _jsxs("span", {
-                className: `${baseClass}__cell-with-icon`,
-                children: [value_0.url && relatedCollection?.upload && relatedCollection.upload.displayPreview !== false ? _jsx(Thumbnail, {
-                  className: `${baseClass}__thumbnail`,
-                  doc: value_0,
-                  fileSrc: value_0.url,
-                  imageCacheTag: relatedCollection.upload.cacheTags ? value_0.updatedAt : undefined,
-                  loading: "lazy",
-                  size: "none"
-                }) : _jsx(DocumentIcon, {}), cellValue_0]
-              }, `${itemKey_0}-${name_1}`);
-            } else {
-              return cellValue_0;
-            }
-          }),
-          disabled: checkIfItemIsDisabled(document),
-          dragData: {
-            id: documentID,
-            type: "document"
-          },
-          id: documentID,
-          isFocused: focusedRowIndex === rowIndex_0,
-          isSelected: selectedItemKeys.has(itemKey_0),
-          isSelecting: selectedItemKeys.size > 0,
-          itemKey: itemKey_0,
-          onClick: event_1 => {
-            onItemClick({
-              event: event_1,
-              index: rowIndex_0,
-              item: document
-            });
-          },
-          onKeyDown: event_2 => {
-            onItemKeyPress({
-              event: event_2,
-              index: rowIndex_0,
-              item: document
-            });
-          }
-        }, `${rowIndex_0}-${itemKey_0}`);
-      };
-      $[28] = checkIfItemIsDisabled;
-      $[29] = columns;
-      $[30] = config;
-      $[31] = focusedRowIndex;
-      $[32] = i18n;
-      $[33] = onItemClick;
-      $[34] = onItemKeyPress;
-      $[35] = relationToMap;
-      $[36] = selectedItemKeys;
-      $[37] = subfolders.length;
-      $[38] = t6;
-    } else {
-      t6 = $[38];
-    }
-    t4 = _jsx(SimpleTable, {
-      headerCells: columns.map(_temp),
-      tableRows: [...subfolders.map(t5), ...documents.map(t6)]
-    });
-    $[6] = checkIfItemIsDisabled;
-    $[7] = columns;
-    $[8] = config;
-    $[9] = documents;
-    $[10] = focusedRowIndex;
-    $[11] = i18n;
-    $[12] = onItemClick;
-    $[13] = onItemKeyPress;
-    $[14] = relationToMap;
-    $[15] = selectedItemKeys;
-    $[16] = subfolders;
-    $[17] = t4;
-  } else {
-    t4 = $[17];
-  }
-  return t4;
-}
-function _temp(t0) {
-  const {
-    name,
-    label
-  } = t0;
-  return _jsx(TableHeader, {
-    children: label
-  }, name);
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","extractID","React","DocumentIcon","useConfig","useFolder","useTranslation","formatDate","Thumbnail","ColoredFolderIcon","DraggableTableRow","SimpleTable","TableHeader","baseClass","FolderFileTable","t0","$","showRelationCell","t1","undefined","checkIfItemIsDisabled","documents","focusedRowIndex","onItemClick","onItemKeyPress","selectedItemKeys","subfolders","config","i18n","t","t2","map","collections","forEach","collection","slug","plural","labels","singular","upload","relationToMap","useState","t3","columnsToShow","name","label","push","columns","t4","t5","subfolder","rowIndex","itemKey","relationTo","value","subfolderID","_jsx","t6","index","name_0","cellValue","_folderOrDocumentTitle","pattern","admin","dateFormat","Array","isArray","folderType","reduce","acc","index_0","_jsxs","className","children","disabled","dragData","id","type","isDroppable","isFocused","isSelected","has","isSelecting","size","onClick","event","item","onKeyDown","event_0","length","document","unadjustedIndex","itemKey_0","relationTo_0","value_0","documentID","relatedCollection","rowIndex_0","t7","index_1","name_1","cellValue_0","url","displayPreview","doc","fileSrc","imageCacheTag","cacheTags","updatedAt","loading","event_1","event_2","headerCells","_temp","tableRows"],"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 { Thumbnail } from '../../Thumbnail/index.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<\n      string,\n      {\n        plural: string\n        singular: string\n        upload: (typeof config.collections)[number]['upload']\n      }\n    > = {}\n    config.collections.forEach((collection) => {\n      map[collection.slug] = {\n        plural: getTranslation(collection.labels?.plural, i18n),\n        singular: getTranslation(collection.labels?.singular, i18n),\n        upload: collection.upload,\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 relatedCollection = relationToMap[relationTo]\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                      {value.url &&\n                      relatedCollection?.upload &&\n                      relatedCollection.upload.displayPreview !== false ? (\n                        <Thumbnail\n                          className={`${baseClass}__thumbnail`}\n                          doc={value}\n                          fileSrc={value.url}\n                          imageCacheTag={\n                            relatedCollection.upload.cacheTags ? value.updatedAt : undefined\n                          }\n                          loading=\"lazy\"\n                          size=\"none\"\n                        />\n                      ) : (\n                        <DocumentIcon />\n                      )}\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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,cAAc,QAAQ;AAC/B,SAASC,SAAS,QAAQ;AAC1B,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,WAAW,EAAEC,WAAW,QAAQ;AACzC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAAAC,gBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAjB,EAAA;EAAyB;IAAAkB,gBAAA,EAAAC;EAAA,IAAAH,EAAkC;EAAhC,MAAAE,gBAAA,GAAAA,EAAuB,KAAAE,SAAA,UAAvBF,EAAuB;EACvD;IAAAG,qBAAA;IAAAC,SAAA;IAAAC,eAAA;IAAAC,WAAA;IAAAC,cAAA;IAAAC,gBAAA;IAAAC;EAAA,IAQIrB,SAAA;EACJ;IAAAsB;EAAA,IAAmBvB,SAAA;EACnB;IAAAwB,IAAA;IAAAC;EAAA,IAAoBvB,cAAA;EAAA,IAAAwB,EAAA;EAAA,IAAAd,CAAA,QAAAW,MAAA,IAAAX,CAAA,QAAAY,IAAA;IAEmBE,EAAA,GAAAA,CAAA;MACrC,MAAAC,GAAA;MAQAJ,MAAA,CAAAK,WAAA,CAAAC,OAAA,CAAAC,UAAA;QACEH,GAAG,CAACG,UAAA,CAAAC,IAAA;UAAAC,MAAA,EACMpC,cAAA,CAAekC,UAAA,CAAAG,MAAA,EAAAD,MAAA,EAA2BR,IAAA;UAAAU,QAAA,EACxCtC,cAAA,CAAekC,UAAA,CAAAG,MAAA,EAAAC,QAAA,EAA6BV,IAAA;UAAAW,MAAA,EAC9CL,UAAA,CAAAK;QAAA;MAAA,CAEZ;MAAA,OACOR,GAAA;IAAA;IACTf,CAAA,MAAAW,MAAA;IAAAX,CAAA,MAAAY,IAAA;IAAAZ,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAjBA,OAAAwB,aAAA,IAAwBtC,KAAA,CAAAuC,QAAA,CAAeX,EAiBvC;EAAA,IAAAY,EAAA;EAAA,IAAA1B,CAAA,QAAAC,gBAAA,IAAAD,CAAA,QAAAa,CAAA;IAEiCa,EAAA,GAAAA,CAAA;MAC/B,MAAAC,aAAA;QAAAC,IAAA,EAEU;QAAAC,KAAA,EACChB,CAAA,CAAE;MAAA;QAAAe,IAAA,EAGH;QAAAC,KAAA,EACChB,CAAA,CAAE;MAAA;QAAAe,IAAA,EAGH;QAAAC,KAAA,EACChB,CAAA,CAAE;MAAA;MAEZ,IAEGZ,gBAAA;QACF0B,aAAA,CAAAG,IAAA;UAAAF,IAAA,EACQ;UAAAC,KAAA,EACChB,CAAA,CAAE;QAAA,CACX;MAAA;MAAA,OAGKc,aAAA;IAAA;IACT3B,CAAA,MAAAC,gBAAA;IAAAD,CAAA,MAAAa,CAAA;IAAAb,CAAA,MAAA0B,EAAA;EAAA;IAAAA,EAAA,GAAA1B,CAAA;EAAA;EAxBA,OAAA+B,OAAA,IAAkB7C,KAAA,CAAAuC,QAAA,CAAeC,EAwBjC;EAAA,IAAAM,EAAA;EAAA,IAAAhC,CAAA,QAAAI,qBAAA,IAAAJ,CAAA,QAAA+B,OAAA,IAAA/B,CAAA,QAAAW,MAAA,IAAAX,CAAA,QAAAK,SAAA,IAAAL,CAAA,SAAAM,eAAA,IAAAN,CAAA,SAAAY,IAAA,IAAAZ,CAAA,SAAAO,WAAA,IAAAP,CAAA,SAAAQ,cAAA,IAAAR,CAAA,SAAAwB,aAAA,IAAAxB,CAAA,SAAAS,gBAAA,IAAAT,CAAA,SAAAU,UAAA;IAAA,IAAAuB,EAAA;IAAA,IAAAjC,CAAA,SAAAI,qBAAA,IAAAJ,CAAA,SAAA+B,OAAA,IAAA/B,CAAA,SAAAW,MAAA,IAAAX,CAAA,SAAAM,eAAA,IAAAN,CAAA,SAAAY,IAAA,IAAAZ,CAAA,SAAAO,WAAA,IAAAP,CAAA,SAAAQ,cAAA,IAAAR,CAAA,SAAAwB,aAAA,IAAAxB,CAAA,SAAAS,gBAAA;MAQwBwB,EAAA,GAAAA,CAAAC,SAAA,EAAAC,QAAA;QAChB;UAAAC,OAAA;UAAAC,UAAA;UAAAC;QAAA,IAAuCJ,SAAA;QACvC,MAAAK,WAAA,GAAoBtD,SAAA,CAAUqD,KAAA;QAAA,OAG5BE,IAAA,CAAA9C,iBAAA;UAAAqC,OAAA,EACWA,OAAA,CAAAhB,GAAA,EAAA0B,EAAA,EAAAC,KAAA;YAAa;cAAAd,IAAA,EAAAe;YAAA,IAAAF,EAAQ;YAC5B,IAAAG,SAAA,GAAiC;YAAA,IAC7BhB,MAAA,KAAS,UAAUU,KAAA,CAAAO,sBAAA,KAAA1C,SAAiC;cACtDyC,SAAA,CAAAA,CAAA,CAAYN,KAAA,CAAAO,sBAAA;YAAZ;YAAA,IAGE,CAACjB,MAAA,KAAS,eAAeA,MAAA,KAAS,WAAU,KAAMU,KAAK,CAACV,MAAA,CAAK;cAC/DgB,SAAA,CAAAA,CAAA,CAAYA;gBAAAA,KAAA,CACJN,KAAK,CAACV,MAAA;gBAAAhB,IAAA;gBAAAkC,OAAA,EAEHnC,MAAA,CAAAoC,KAAA,CAAAC;cAAA,CACX;YAJA;YAAA,IAOEpB,MAAA,KAAS;cACXgB,SAAA,CAAAA,CAAA,CACEA,gBAAA,CAAAA;gBAAAA,SAAA,CAAAA,CACGpB,aAAa,CAACa,UAAA,GAAAf,QAAA,IAAyBe,UAAA,EACvCY,KAAA,CAAAC,OAAA,CAAchB,SAAA,CAAAI,KAAA,EAAAa,UAAiB,IAC5BjB,SAAA,CAAAI,KAAA,EAAAa,UAAA,CAAAC,MAAA,EAAAC,GAAA,EAAAlC,IAAA,EAAAmC,OAAA;kBAAA,IACMZ,OAAA,MAAU;oBAAA,OACL,MAAMlB,aAAa,CAACL,IAAA,GAAAC,MAAA,IAAiBD,IAAA,EAAM;kBAAA;kBAAA,IAEhDuB,OAAA,IAAQ;oBAAA,OACH,GAAGW,GAAA,KAAQ7B,aAAa,CAACL,IAAA,GAAAC,MAAA,IAAiBD,IAAA,EAAM;kBAAA;kBAAA,OAElDkC,GAAA;gBAAA,GACN,MACH;cAAA,C;YAbR;YAAA,IAkBEX,KAAA,MAAU;cAAA,OAEVa,KAAA,CAAC;gBAAAC,SAAA,EAAgB,GAAA3D,SAAA,kBAA8B;gBAAA4D,QAAA,GAC7CjB,IAAA,CAAA/C,iBAAA,IAAC,GACAmD,SAAA;cAAA,GAFmD,GAAGR,OAAA,IAAWR,MAAA,EAAM;YAAA;cAAA,OAMrEgB,SAAA;YAAA;UAAA,CAEX;UAAAc,QAAA,EACUtD,qBAAA,CAAsB8B,SAAA;UAAAyB,QAAA;YAAAC,EAAA,EAE1BrB,WAAA;YAAAsB,IAAA,EACE;UAAA;UAAAD,EAAA,EAEJrB,WAAA;UAAAuB,WAAA;UAAAC,SAAA,EAEOzD,eAAA,KAAoB6B,QAAA;UAAA6B,UAAA,EACnBvD,gBAAA,CAAAwD,GAAA,CAAqB7B,OAAA;UAAA8B,WAAA,EACpBzD,gBAAA,CAAA0D,IAAA,IAAwB;UAAA/B,OAAA;UAAAgC,OAAA,EAAAC,KAAA;YAI9B9D,WAAA;cAAA8D,KAAA;cAAA3B,KAAA,EAEIP,QAAA;cAAAmC,IAAA,EACDpC;YAAA,CACR;UAAA;UAAAqC,SAAA,EAAAC,OAAA;YAGKhE,cAAA;cAAA6D,KAAA,EACHA,OAAA;cAAA3B,KAAA,EACOP,QAAA;cAAAmC,IAAA,EACDpC;YAAA,CACR;UAAA;QAAA,GAbG,GAAGC,QAAA,IAAYC,OAAA,EAAS;MAAA;MAiBnCpC,CAAA,OAAAI,qBAAA;MAAAJ,CAAA,OAAA+B,OAAA;MAAA/B,CAAA,OAAAW,MAAA;MAAAX,CAAA,OAAAM,eAAA;MAAAN,CAAA,OAAAY,IAAA;MAAAZ,CAAA,OAAAO,WAAA;MAAAP,CAAA,OAAAQ,cAAA;MAAAR,CAAA,OAAAwB,aAAA;MAAAxB,CAAA,OAAAS,gBAAA;MAAAT,CAAA,OAAAiC,EAAA;IAAA;MAAAA,EAAA,GAAAjC,CAAA;IAAA;IAAA,IAAAyC,EAAA;IAAA,IAAAzC,CAAA,SAAAI,qBAAA,IAAAJ,CAAA,SAAA+B,OAAA,IAAA/B,CAAA,SAAAW,MAAA,IAAAX,CAAA,SAAAM,eAAA,IAAAN,CAAA,SAAAY,IAAA,IAAAZ,CAAA,SAAAO,WAAA,IAAAP,CAAA,SAAAQ,cAAA,IAAAR,CAAA,SAAAwB,aAAA,IAAAxB,CAAA,SAAAS,gBAAA,IAAAT,CAAA,SAAAU,UAAA,CAAA+D,MAAA;MAEiBhC,EAAA,GAAAA,CAAAiC,QAAA,EAAAC,eAAA;QACf;UAAAvC,OAAA,EAAAwC,SAAA;UAAAvC,UAAA,EAAAwC,YAAA;UAAAvC,KAAA,EAAAwC;QAAA,IAAuCJ,QAAA;QACvC,MAAAK,UAAA,GAAmB9F,SAAA,CAAUqD,OAAA;QAC7B,MAAA0C,iBAAA,GAA0BxD,aAAa,CAACa,YAAA;QACxC,MAAA4C,UAAA,GAAiBN,eAAA,GAAkBjE,UAAA,CAAA+D,MAAiB;QAAA,OAGlDjC,IAAA,CAAA9C,iBAAA;UAAAqC,OAAA,EACWA,OAAA,CAAAhB,GAAA,EAAAmE,EAAA,EAAAC,OAAA;YAAa;cAAAvD,IAAA,EAAAwD;YAAA,IAAAF,EAAQ;YAC5B,IAAAG,WAAA,GAAiC;YAAA,IAC7BzD,MAAA,KAAS,UAAUU,OAAA,CAAAO,sBAAA,KAAA1C,SAAiC;cACtDyC,WAAA,CAAAA,CAAA,CAAYN,OAAA,CAAAO,sBAAA;YAAZ;YAAA,IAGE,CAACjB,MAAA,KAAS,eAAeA,MAAA,KAAS,WAAU,KAAMU,OAAK,CAACV,MAAA,CAAK;cAC/DgB,WAAA,CAAAA,CAAA,CAAYA;gBAAAA,KAAA,CACJN,OAAK,CAACV,MAAA;gBAAAhB,IAAA;gBAAAkC,OAAA,EAEHnC,MAAA,CAAAoC,KAAA,CAAAC;cAAA,CACX;YAJA;YAAA,IAOEpB,MAAA,KAAS;cACXgB,WAAA,CAAAA,CAAA,CAAYpB,aAAa,CAACa,YAAA,GAAAf,QAAA,IAAyBe,YAAA;YAAnD;YAAA,IAGEK,OAAA,MAAU;cAAA,OAEVa,KAAA,CAAC;gBAAAC,SAAA,EAAgB,GAAA3D,SAAA,kBAA8B;gBAAA4D,QAAA,GAC5CnB,OAAA,CAAAgD,GAAA,IACDN,iBAAA,EAAAzD,MAAmB,IACnByD,iBAAA,CAAAzD,MAAA,CAAAgE,cAAA,UAA4C,GAC1C/C,IAAA,CAAAhD,SAAA;kBAAAgE,SAAA,EACa,GAAA3D,SAAA,aAAyB;kBAAA2F,GAAA,EAC/BlD,OAAA;kBAAAmD,OAAA,EACInD,OAAA,CAAAgD,GAAA;kBAAAI,aAAA,EAEPV,iBAAA,CAAAzD,MAAA,CAAAoE,SAAA,GAAqCrD,OAAA,CAAAsD,SAAA,GAAAzF,SAAkB;kBAAA0F,OAAA,EAEjD;kBAAA1B,IAAA,EACH;gBAAA,C,IAGP3B,IAAA,CAAArD,YAAA,IAAC,GAEFyD,WAAA;cAAA,GAjBmD,GAAGR,SAAA,IAAWR,MAAA,EAAM;YAAA;cAAA,OAqBrEgB,WAAA;YAAA;UAAA,CAEX;UAAAc,QAAA,EACUtD,qBAAA,CAAsBsE,QAAA;UAAAf,QAAA;YAAAC,EAAA,EAE1BmB,UAAA;YAAAlB,IAAA,EACE;UAAA;UAAAD,EAAA,EAEJmB,UAAA;UAAAhB,SAAA,EACOzD,eAAA,KAAoB6B,UAAA;UAAA6B,UAAA,EACnBvD,gBAAA,CAAAwD,GAAA,CAAqB7B,SAAA;UAAA8B,WAAA,EACpBzD,gBAAA,CAAA0D,IAAA,IAAwB;UAAA/B,OAAA,EAC5BA,SAAA;UAAAgC,OAAA,EAAA0B,OAAA;YAGFvF,WAAA;cAAA8D,KAAA,EACHA,OAAA;cAAA3B,KAAA,EACOP,UAAA;cAAAmC,IAAA,EACDI;YAAA,CACR;UAAA;UAAAH,SAAA,EAAAwB,OAAA;YAGKvF,cAAA;cAAA6D,KAAA,EACHA,OAAA;cAAA3B,KAAA,EACOP,UAAA;cAAAmC,IAAA,EACDI;YAAA,CACR;UAAA;QAAA,GAbG,GAAGvC,UAAA,IAAYC,SAAA,EAAS;MAAA;MAiBnCpC,CAAA,OAAAI,qBAAA;MAAAJ,CAAA,OAAA+B,OAAA;MAAA/B,CAAA,OAAAW,MAAA;MAAAX,CAAA,OAAAM,eAAA;MAAAN,CAAA,OAAAY,IAAA;MAAAZ,CAAA,OAAAO,WAAA;MAAAP,CAAA,OAAAQ,cAAA;MAAAR,CAAA,OAAAwB,aAAA;MAAAxB,CAAA,OAAAS,gBAAA;MAAAT,CAAA,OAAAU,UAAA,CAAA+D,MAAA;MAAAzE,CAAA,OAAAyC,EAAA;IAAA;MAAAA,EAAA,GAAAzC,CAAA;IAAA;IApKJgC,EAAA,GAAAQ,IAAA,CAAA7C,WAAA;MAAAqG,WAAA,EACejE,OAAA,CAAAhB,GAAA,CAAAkF,KACO;MAAAC,SAAA,MAGfxF,UAAA,CAAAK,GAAA,CAAekB,EA8ElB,MAEG5B,SAAA,CAAAU,GAAA,CAAc0B,EA+EjB;IAAA,C;;;;;;;;;;;;;;;;SApKJT,E;;AA3DG,SAAAiE,MAAAlG,EAAA;EA4DyB;IAAA6B,IAAA;IAAAC;EAAA,IAAA9B,EAAe;EAAA,OACvCyC,IAAA,CAAA5C,WAAA;IAAA6D,QAAA,EAAyB5B;EAAA,GAAPD,IAAA;AAAA","ignoreList":[]}

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

@@ -1,25 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .folder-file-table {
-    &__cell-with-icon {
-      display: grid;
-      grid-template-columns: auto 1fr;
-      gap: calc(var(--base) / 2);
-    }
-
-    &__thumbnail {
-      align-self: center;
-      width: var(--base);
-      height: var(--base);
-      overflow: hidden;
-
-      img,
-      svg {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-      }
-    }
-  }
-}

package/dist/elements/FolderView/FolderTypeField/index.d.ts

@@ -1,4 +0,0 @@
-import type { SelectFieldClientProps } from 'payload';
-import React from 'react';
-export declare const FolderTypeField: (props: SelectFieldClientProps) => React.JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/FolderTypeField/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/FolderTypeField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,eAAO,MAAM,eAAe,UAAW,sBAAsB,sBA0H5D,CAAA"}