@payloadcms/ui 3.39.0-internal.32c7661 → 3.39.0

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

@@ -0,0 +1,213 @@
+@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);
+
+    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);
+
+      .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: 50%;
+      }
+
+      .folder-file-card__preview-area .icon {
+        opacity: 0.7;
+      }
+    }
+
+    &: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);
+      }
+    }
+
+    &__drag-handle {
+      position: absolute;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      cursor: pointer;
+      background: none;
+      border: none;
+      padding: 0;
+      outline-offset: var(--accessibility-outline-offset);
+
+      &:focus-visible {
+        outline: var(--accessibility-outline);
+      }
+    }
+
+    &__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: inherit;
+      border-top-right-radius: inherit;
+      border-bottom: 1px solid var(--card-border-color);
+      display: grid;
+      align-items: center;
+      justify-content: center;
+      pointer-events: none;
+
+      .icon--document {
+        pointer-events: none;
+        height: 50%;
+        width: 50%;
+        margin: auto;
+        color: var(--card-preview-icon-color);
+      }
+
+      .thumbnail {
+        width: 100%;
+        height: 100%;
+      }
+
+      &: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;
+      grid-area: details;
+      border-radius: inherit;
+      display: grid;
+      grid-template-columns: auto 1fr auto;
+      gap: 1rem;
+      align-items: center;
+      padding: 1rem;
+      background-color: var(--card-bg-color);
+
+      .popup {
+        pointer-events: all;
+      }
+    }
+
+    &__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);
+    }
+
+    &__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,29 @@
+import type { I18nClient } from '@payloadcms/translations';
+import type { FolderDocumentItemKey, FolderOrDocument } from 'payload/shared';
+import React from 'react';
+import type { FormatDateArgs } from '../../../utilities/formatDocTitle/formatDateTitle.js';
+import './index.scss';
+type Props = {
+    dateFormat: FormatDateArgs['pattern'];
+    disabledItems?: Set<FolderDocumentItemKey>;
+    documents: FolderOrDocument[];
+    focusedRowIndex: number;
+    i18n: I18nClient;
+    isMovingItems: boolean;
+    onRowClick: (args: {
+        event: React.MouseEvent<Element>;
+        index: number;
+        item: FolderOrDocument;
+    }) => void;
+    onRowPress: (args: {
+        event: React.KeyboardEvent<Element>;
+        index: number;
+        item: FolderOrDocument;
+    }) => void;
+    selectedItems: Set<FolderDocumentItemKey>;
+    showRelationCell?: boolean;
+    subfolders: FolderOrDocument[];
+};
+export declare function FolderFileTable({ dateFormat, disabledItems, documents, focusedRowIndex, i18n, isMovingItems, onRowClick, onRowPress, selectedItems, showRelationCell, subfolders, }: 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":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAI7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sDAAsD,CAAA;AAS1F,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACrC,aAAa,CAAC,EAAE,GAAG,CAAC,qBAAqB,CAAC,CAAA;IAC1C,SAAS,EAAE,gBAAgB,EAAE,CAAA;IAC7B,eAAe,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,UAAU,CAAA;IAChB,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,CAAC,IAAI,EAAE;QACjB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;QAChC,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,gBAAgB,CAAA;KACvB,KAAK,IAAI,CAAA;IACV,UAAU,EAAE,CAAC,IAAI,EAAE;QACjB,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QACnC,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,gBAAgB,CAAA;KACvB,KAAK,IAAI,CAAA;IACV,aAAa,EAAE,GAAG,CAAC,qBAAqB,CAAC,CAAA;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,UAAU,EAAE,gBAAgB,EAAE,CAAA;CAC/B,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,aAAyB,EACzB,SAAS,EACT,eAAe,EACf,IAAI,EACJ,aAAa,EACb,UAAU,EACV,UAAU,EACV,aAAa,EACb,gBAAuB,EACvB,UAAU,GACX,EAAE,KAAK,qBA0KP"}

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

@@ -0,0 +1,189 @@
+import { jsx as _jsx, jsxs as _jsxs } 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 { 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({
+  dateFormat,
+  disabledItems = new Set(),
+  documents,
+  focusedRowIndex,
+  i18n,
+  isMovingItems,
+  onRowClick,
+  onRowPress,
+  selectedItems,
+  showRelationCell = true,
+  subfolders
+}) {
+  const {
+    config
+  } = useConfig();
+  const {
+    t
+  } = useTranslation();
+  const [relationToMap] = React.useState(() => {
+    const map = {};
+    config.collections.forEach(collection => {
+      map[collection.slug] = getTranslation(collection.labels?.singular, i18n);
+    });
+    return map;
+  });
+  const [columns] = React.useState(() => {
+    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;
+  });
+  return /*#__PURE__*/_jsx(SimpleTable, {
+    headerCells: columns.map(({
+      name,
+      label
+    }) => /*#__PURE__*/_jsx(TableHeader, {
+      children: label
+    }, name)),
+    tableRows: [...subfolders.map((subfolder, rowIndex) => {
+      const {
+        itemKey,
+        relationTo,
+        value
+      } = subfolder;
+      const subfolderID = extractID(value);
+      return /*#__PURE__*/_jsx(DraggableTableRow, {
+        columns: columns.map(({
+          name
+        }, index) => {
+          let cellValue = '—';
+          if (name === 'name' && value._folderOrDocumentTitle !== undefined) {
+            cellValue = value._folderOrDocumentTitle;
+          }
+          if ((name === 'createdAt' || name === 'updatedAt') && value[name]) {
+            cellValue = formatDate({
+              date: value[name],
+              i18n,
+              pattern: dateFormat
+            });
+          }
+          if (name === 'type') {
+            cellValue = relationToMap[relationTo] || relationTo;
+          }
+          if (index === 0) {
+            return /*#__PURE__*/_jsxs("span", {
+              className: `${baseClass}__cell-with-icon`,
+              children: [/*#__PURE__*/_jsx(ColoredFolderIcon, {}), cellValue]
+            }, `${itemKey}-${name}`);
+          } else {
+            return cellValue;
+          }
+        }),
+        disabled: isMovingItems && selectedItems?.has(itemKey) || disabledItems?.has(itemKey),
+        dragData: {
+          id: subfolderID,
+          type: 'folder'
+        },
+        id: subfolderID,
+        isDroppable: true,
+        isFocused: focusedRowIndex === rowIndex,
+        isSelected: selectedItems.has(itemKey),
+        isSelecting: selectedItems.size > 0,
+        itemKey: itemKey,
+        onClick: event => {
+          void onRowClick({
+            event,
+            index: rowIndex,
+            item: subfolder
+          });
+        },
+        onKeyDown: event => {
+          void onRowPress({
+            event,
+            index: rowIndex,
+            item: subfolder
+          });
+        }
+      }, `${rowIndex}-${itemKey}`);
+    }), ...documents.map((document, unadjustedIndex) => {
+      const {
+        itemKey,
+        relationTo,
+        value
+      } = document;
+      const documentID = extractID(value);
+      const rowIndex = unadjustedIndex + subfolders.length;
+      return /*#__PURE__*/_jsx(DraggableTableRow, {
+        columns: columns.map(({
+          name
+        }, index) => {
+          let cellValue = '—';
+          if (name === 'name' && value._folderOrDocumentTitle !== undefined) {
+            cellValue = value._folderOrDocumentTitle;
+          }
+          if ((name === 'createdAt' || name === 'updatedAt') && value[name]) {
+            cellValue = formatDate({
+              date: value[name],
+              i18n,
+              pattern: dateFormat
+            });
+          }
+          if (name === 'type') {
+            cellValue = relationToMap[relationTo] || relationTo;
+          }
+          if (index === 0) {
+            return /*#__PURE__*/_jsxs("span", {
+              className: `${baseClass}__cell-with-icon`,
+              children: [/*#__PURE__*/_jsx(DocumentIcon, {}), cellValue]
+            }, `${itemKey}-${name}`);
+          } else {
+            return cellValue;
+          }
+        }),
+        disabled: isMovingItems || disabledItems?.has(itemKey),
+        dragData: {
+          id: documentID,
+          type: 'document'
+        },
+        id: documentID,
+        isFocused: focusedRowIndex === rowIndex,
+        isSelected: selectedItems.has(itemKey),
+        isSelecting: selectedItems.size > 0,
+        itemKey: itemKey,
+        onClick: event => {
+          void onRowClick({
+            event,
+            index: rowIndex,
+            item: document
+          });
+        },
+        onKeyDown: event => {
+          void onRowPress({
+            event,
+            index: rowIndex,
+            item: document
+          });
+        }
+      }, `${rowIndex}-${itemKey}`);
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","extractID","React","DocumentIcon","useConfig","useTranslation","formatDate","ColoredFolderIcon","DraggableTableRow","SimpleTable","TableHeader","baseClass","FolderFileTable","dateFormat","disabledItems","Set","documents","focusedRowIndex","i18n","isMovingItems","onRowClick","onRowPress","selectedItems","showRelationCell","subfolders","config","t","relationToMap","useState","map","collections","forEach","collection","slug","labels","singular","columns","columnsToShow","name","label","push","_jsx","headerCells","tableRows","subfolder","rowIndex","itemKey","relationTo","value","subfolderID","index","cellValue","_folderOrDocumentTitle","undefined","date","pattern","_jsxs","className","disabled","has","dragData","id","type","isDroppable","isFocused","isSelected","isSelecting","size","onClick","event","item","onKeyDown","document","unadjustedIndex","documentID","length"],"sources":["../../../../src/elements/FolderView/FolderFileTable/index.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { FolderDocumentItemKey, FolderOrDocument } from 'payload/shared'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { extractID } from 'payload/shared'\nimport React from 'react'\n\nimport type { FormatDateArgs } from '../../../utilities/formatDocTitle/formatDateTitle.js'\n\nimport { DocumentIcon } from '../../../icons/Document/index.js'\nimport { useConfig } from '../../../providers/Config/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  dateFormat: FormatDateArgs['pattern']\n  disabledItems?: Set<FolderDocumentItemKey>\n  documents: FolderOrDocument[]\n  focusedRowIndex: number\n  i18n: I18nClient\n  isMovingItems: boolean\n  onRowClick: (args: {\n    event: React.MouseEvent<Element>\n    index: number\n    item: FolderOrDocument\n  }) => void\n  onRowPress: (args: {\n    event: React.KeyboardEvent<Element>\n    index: number\n    item: FolderOrDocument\n  }) => void\n  selectedItems: Set<FolderDocumentItemKey>\n  showRelationCell?: boolean\n  subfolders: FolderOrDocument[]\n}\n\nexport function FolderFileTable({\n  dateFormat,\n  disabledItems = new Set(),\n  documents,\n  focusedRowIndex,\n  i18n,\n  isMovingItems,\n  onRowClick,\n  onRowPress,\n  selectedItems,\n  showRelationCell = true,\n  subfolders,\n}: Props) {\n  const { config } = useConfig()\n  const { t } = useTranslation()\n\n  const [relationToMap] = React.useState(() => {\n    const map: Record<string, string> = {}\n    config.collections.forEach((collection) => {\n      map[collection.slug] = getTranslation(collection.labels?.singular, i18n)\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({ date: value[name], i18n, pattern: dateFormat })\n                }\n\n                if (name === 'type') {\n                  cellValue = relationToMap[relationTo] || relationTo\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={\n                (isMovingItems && selectedItems?.has(itemKey)) || disabledItems?.has(itemKey)\n              }\n              dragData={{\n                id: subfolderID,\n                type: 'folder',\n              }}\n              id={subfolderID}\n              isDroppable\n              isFocused={focusedRowIndex === rowIndex}\n              isSelected={selectedItems.has(itemKey)}\n              isSelecting={selectedItems.size > 0}\n              itemKey={itemKey}\n              key={`${rowIndex}-${itemKey}`}\n              onClick={(event) => {\n                void onRowClick({\n                  event,\n                  index: rowIndex,\n                  item: subfolder,\n                })\n              }}\n              onKeyDown={(event) => {\n                void onRowPress({\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({ date: value[name], i18n, pattern: dateFormat })\n                }\n\n                if (name === 'type') {\n                  cellValue = relationToMap[relationTo] || 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={isMovingItems || disabledItems?.has(itemKey)}\n              dragData={{\n                id: documentID,\n                type: 'document',\n              }}\n              id={documentID}\n              isFocused={focusedRowIndex === rowIndex}\n              isSelected={selectedItems.has(itemKey)}\n              isSelecting={selectedItems.size > 0}\n              itemKey={itemKey}\n              key={`${rowIndex}-${itemKey}`}\n              onClick={(event) => {\n                void onRowClick({\n                  event,\n                  index: rowIndex,\n                  item: document,\n                })\n              }}\n              onKeyDown={(event) => {\n                void onRowPress({\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/ItemCardGrid/index.d.ts

@@ -0,0 +1,22 @@
+import type { FolderDocumentItemKey, FolderOrDocument } from 'payload/shared';
+import React from 'react';
+import './index.scss';
+type ItemCardGridProps = {
+    disabledItemKeys?: Set<FolderDocumentItemKey>;
+    items: FolderOrDocument[];
+    RenderActionGroup?: (args: {
+        index: number;
+        item: FolderOrDocument;
+    }) => React.ReactNode;
+    selectedItemKeys: Set<FolderDocumentItemKey>;
+    title?: string;
+} & ({
+    subfolderCount: number;
+    type: 'file';
+} | {
+    subfolderCount?: never;
+    type: 'folder';
+});
+export declare function ItemCardGrid({ type, disabledItemKeys, items, RenderActionGroup, selectedItemKeys, subfolderCount, title, }: ItemCardGridProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/ItemCardGrid/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAE7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAIrB,KAAK,iBAAiB,GAAG;IACvB,gBAAgB,CAAC,EAAE,GAAG,CAAC,qBAAqB,CAAC,CAAA;IAC7C,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,gBAAgB,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IACxF,gBAAgB,EAAE,GAAG,CAAC,qBAAqB,CAAC,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,CACA;IACE,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;CACb,GACD;IACE,cAAc,CAAC,EAAE,KAAK,CAAA;IACtB,IAAI,EAAE,QAAQ,CAAA;CACf,CACJ,CAAA;AACD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,gBAAgB,EAChB,KAAK,EACL,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,KAAK,GACN,EAAE,iBAAiB,qBA+CnB"}

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

@@ -0,0 +1,100 @@
+'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 React from 'react';
+import { useFolder } from '../../../providers/Folders/index.js';
+import { FolderFileCard } from '../FolderFileCard/index.js';
+import './index.scss';
+const baseClass = 'item-card-grid';
+export function ItemCardGrid(t0) {
+  const $ = _c(15);
+  const {
+    type,
+    disabledItemKeys,
+    items,
+    RenderActionGroup,
+    selectedItemKeys,
+    subfolderCount,
+    title
+  } = t0;
+  const {
+    focusedRowIndex,
+    isDragging,
+    onItemClick,
+    onItemKeyPress,
+    selectedIndexes
+  } = useFolder();
+  let t1;
+  if ($[0] !== title) {
+    t1 = title && _jsx("p", {
+      className: `${baseClass}__title`,
+      children: title
+    });
+    $[0] = title;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== RenderActionGroup || $[3] !== disabledItemKeys || $[4] !== focusedRowIndex || $[5] !== isDragging || $[6] !== items || $[7] !== onItemClick || $[8] !== onItemKeyPress || $[9] !== selectedIndexes || $[10] !== selectedItemKeys || $[11] !== subfolderCount || $[12] !== t1 || $[13] !== type) {
+    t2 = _jsxs(_Fragment, {
+      children: [t1, _jsx("div", {
+        className: baseClass,
+        children: !items || items?.length === 0 ? null : items.map((item, _index) => {
+          const index = _index + (subfolderCount || 0);
+          const {
+            itemKey,
+            value
+          } = item;
+          return _jsx(FolderFileCard, {
+            disabled: isDragging && selectedItemKeys.has(itemKey) || disabledItemKeys?.has(itemKey),
+            id: value.id,
+            isFocused: focusedRowIndex === index,
+            isSelected: selectedItemKeys.has(itemKey),
+            itemKey,
+            onClick: event => {
+              onItemClick({
+                event,
+                index,
+                item
+              });
+            },
+            onKeyDown: event_0 => {
+              onItemKeyPress({
+                event: event_0,
+                index,
+                item
+              });
+            },
+            PopupActions: RenderActionGroup ? RenderActionGroup({
+              index,
+              item
+            }) : null,
+            previewUrl: value?.url,
+            selectedCount: selectedIndexes.size,
+            title: value._folderOrDocumentTitle,
+            type
+          }, itemKey);
+        })
+      })]
+    });
+    $[2] = RenderActionGroup;
+    $[3] = disabledItemKeys;
+    $[4] = focusedRowIndex;
+    $[5] = isDragging;
+    $[6] = items;
+    $[7] = onItemClick;
+    $[8] = onItemKeyPress;
+    $[9] = selectedIndexes;
+    $[10] = selectedItemKeys;
+    $[11] = subfolderCount;
+    $[12] = t1;
+    $[13] = type;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  return t2;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useFolder","FolderFileCard","baseClass","ItemCardGrid","t0","$","type","disabledItemKeys","items","RenderActionGroup","selectedItemKeys","subfolderCount","title","focusedRowIndex","isDragging","onItemClick","onItemKeyPress","selectedIndexes","t1","_jsx","className","children","t2","_jsxs","_Fragment","length","map","item","_index","index","itemKey","value","disabled","has","id","isFocused","isSelected","onClick","event","onKeyDown","event_0","PopupActions","previewUrl","url","selectedCount","size","_folderOrDocumentTitle"],"sources":["../../../../src/elements/FolderView/ItemCardGrid/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderDocumentItemKey, FolderOrDocument } from 'payload/shared'\n\nimport React from 'react'\n\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { FolderFileCard } from '../FolderFileCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'item-card-grid'\n\ntype ItemCardGridProps = {\n  disabledItemKeys?: Set<FolderDocumentItemKey>\n  items: FolderOrDocument[]\n  RenderActionGroup?: (args: { index: number; item: FolderOrDocument }) => React.ReactNode\n  selectedItemKeys: Set<FolderDocumentItemKey>\n  title?: string\n} & (\n  | {\n      subfolderCount: number\n      type: 'file'\n    }\n  | {\n      subfolderCount?: never\n      type: 'folder'\n    }\n)\nexport function ItemCardGrid({\n  type,\n  disabledItemKeys,\n  items,\n  RenderActionGroup,\n  selectedItemKeys,\n  subfolderCount,\n  title,\n}: ItemCardGridProps) {\n  const { focusedRowIndex, isDragging, onItemClick, onItemKeyPress, selectedIndexes } = useFolder()\n\n  return (\n    <>\n      {title && <p className={`${baseClass}__title`}>{title}</p>}\n      <div className={baseClass}>\n        {!items || items?.length === 0\n          ? null\n          : items.map((item, _index) => {\n              const index = _index + (subfolderCount || 0)\n              const { itemKey, value } = item\n\n              return (\n                <FolderFileCard\n                  disabled={\n                    (isDragging && selectedItemKeys.has(itemKey)) || disabledItemKeys?.has(itemKey)\n                  }\n                  id={value.id}\n                  isFocused={focusedRowIndex === index}\n                  isSelected={selectedItemKeys.has(itemKey)}\n                  itemKey={itemKey}\n                  key={itemKey}\n                  onClick={(event) => {\n                    void onItemClick({ event, index, item })\n                  }}\n                  onKeyDown={(event) => {\n                    void onItemKeyPress({ event, index, item })\n                  }}\n                  PopupActions={\n                    RenderActionGroup\n                      ? RenderActionGroup({\n                          index,\n                          item,\n                        })\n                      : null\n                  }\n                  previewUrl={value?.url}\n                  selectedCount={selectedIndexes.size}\n                  title={value._folderOrDocumentTitle}\n                  type={type}\n                />\n              )\n            })}\n      </div>\n    </>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAkBlB,OAAO,SAAAC,aAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAsB;IAAAQ,IAAA;IAAAC,gBAAA;IAAAC,KAAA;IAAAC,iBAAA;IAAAC,gBAAA;IAAAC,cAAA;IAAAC;EAAA,IAAAR,EAQT;EAClB;IAAAS,eAAA;IAAAC,UAAA;IAAAC,WAAA;IAAAC,cAAA;IAAAC;EAAA,IAAsFjB,SAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAb,CAAA,QAAAO,KAAA;IAIjFM,EAAA,GAAAN,KAAA,IAASO,IAAA,CAAC;MAAAC,SAAA,EAAa,GAAAlB,SAAA,SAAqB;MAAAmB,QAAA,EAAGT;IAAA,C;;;;;;;;IADlDU,EAAA,GAAAC,KAAA,CAAAC,SAAA;MAAAH,QAAA,GACGH,E,EACDC,IAAA,CAAC;QAAAC,SAAA,EAAAlB,SAAA;QAAAmB,QAAA,EACE,CAACb,KAAA,IAASA,KAAA,EAAAiB,MAAA,MAAkB,UAEzBjB,KAAA,CAAAkB,GAAA,EAAAC,IAAA,EAAAC,MAAA;UACE,MAAAC,KAAA,GAAcD,MAAA,IAAUjB,cAAA,KAAkB;UAC1C;YAAAmB,OAAA;YAAAC;UAAA,IAA2BJ,IAAA;UAAA,OAGzBR,IAAA,CAAAlB,cAAA;YAAA+B,QAAA,EAEIlB,UAAC,IAAcJ,gBAAA,CAAAuB,GAAA,CAAqBH,OAAA,KAAavB,gBAAA,EAAA0B,GAAA,CAAsBH,OAAA;YAAAI,EAAA,EAErEH,KAAA,CAAAG,EAAA;YAAAC,SAAA,EACOtB,eAAA,KAAoBgB,KAAA;YAAAO,UAAA,EACnB1B,gBAAA,CAAAuB,GAAA,CAAqBH,OAAA;YAAAA,OAAA;YAAAO,OAAA,EAAAC,KAAA;cAI1BvB,WAAA;gBAAAuB,KAAA;gBAAAT,KAAA;gBAAAF;cAAA,CAAiC;YAAA;YAAAY,SAAA,EAAAC,OAAA;cAGjCxB,cAAA;gBAAAsB,KAAA,EAAiBA,OAAA;gBAAAT,KAAA;gBAAAF;cAAA,CAAmB;YAAA;YAAAc,YAAA,EAGzChC,iBAAA,GACIA,iBAAA;cAAAoB,KAAA;cAAAF;YAAA,CAGA,QACA;YAAAe,UAAA,EAEMX,KAAA,EAAAY,GAAA;YAAAC,aAAA,EACG3B,eAAA,CAAA4B,IAAA;YAAAjC,KAAA,EACRmB,KAAA,CAAAe,sBAAA;YAAAxC;UAAA,GAjBFwB,OAAA;QAAA,CAqBX;MAAA,C;;;;;;;;;;;;;;;;;;SAvCRR,E","ignoreList":[]}

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

@@ -0,0 +1,16 @@
+@import '../../../scss/styles.scss';
+
+@layer payload-default {
+  .item-card-grid {
+    --gap: var(--base);
+    gap: var(--gap);
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+    margin-bottom: var(--base);
+
+    &__title {
+      color: var(--theme-elevation-400);
+      margin-bottom: calc(var(--base) / 2);
+    }
+  }
+}

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

@@ -0,0 +1,34 @@
+import type { FolderOrDocument } from 'payload/shared';
+import React from 'react';
+import type { Props as ButtonProps } from '../../Button/types.js';
+import './index.scss';
+/**
+ * This is the button shown on the edit document view. It uses the more generic `MoveDocToFolderButton` component.
+ */
+export declare function MoveDocToFolder({ buttonProps, className, folderFieldName, }: {
+    buttonProps?: Partial<ButtonProps>;
+    className?: string;
+    folderFieldName: string;
+}): React.JSX.Element;
+type MoveDocToFolderButtonProps = {
+    buttonProps?: Partial<ButtonProps>;
+    className?: string;
+    collectionSlug: string;
+    docData: FolderOrDocument['value'];
+    docID: number | string;
+    docTitle?: string;
+    fromFolderID?: number | string;
+    fromFolderName: string;
+    modalSlug: string;
+    onConfirm?: (args: {
+        id: number | string;
+        name: string;
+    }) => Promise<void> | void;
+    skipConfirmModal?: boolean;
+};
+/**
+ * This is a more generic button that can be used in other contexts, such as table cells and the edit view.
+ */
+export declare const MoveDocToFolderButton: ({ buttonProps, className, collectionSlug, docData, docID, docTitle, fromFolderID, fromFolderName, modalSlug, onConfirm, skipConfirmModal, }: MoveDocToFolderButtonProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/MoveDocToFolder/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAItD,OAAO,KAAgB,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAUjE,OAAO,cAAc,CAAA;AAIrB;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,SAAc,EACd,eAAe,GAChB,EAAE;IACD,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,MAAM,CAAA;CACxB,qBAoDA;AAED,KAAK,0BAA0B,GAAG;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAClC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACjF,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,gJAY/B,0BAA0B,sBAsE5B,CAAA"}