@payloadcms/ui 3.80.0-internal.cdd7ef7 → 3.80.0

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

@@ -0,0 +1,247 @@
+@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

@@ -0,0 +1,8 @@
+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

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

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

@@ -0,0 +1,284 @@
+'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 { 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)
+        };
+      });
+      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 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: [_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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","extractID","React","DocumentIcon","useConfig","useFolder","useTranslation","formatDate","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","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","rowIndex_0","t7","index_1","name_1","cellValue_0","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 { 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"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+@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);
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1 @@
+{"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"}