@payloadcms/ui 3.80.0-internal-debug.7019cc9 → 3.80.0-internal.0311fce

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;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

@@ -1,223 +0,0 @@
-'use client';
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
-import { getTranslation } from '@payloadcms/translations';
-import { extractID } from 'payload/shared';
-import React from 'react';
-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({ showRelationCell = true }) {
-    const { checkIfItemIsDisabled, documents, focusedRowIndex, onItemClick, onItemKeyPress, selectedItemKeys, subfolders } = useFolder();
-    const { config } = useConfig();
-    const { i18n, t } = useTranslation();
-    const [relationToMap] = React.useState(()=>{
-        const map = {};
-        config.collections.forEach((collection)=>{
-            map[collection.slug] = {
-                plural: getTranslation(collection.labels?.plural, i18n),
-                singular: 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__*/ _jsxDEV(SimpleTable, {
-        headerCells: columns.map(({ name, label })=>/*#__PURE__*/ _jsxDEV(TableHeader, {
-                children: label
-            }, name, false, {
-                fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
-                lineNumber: 76,
-                columnNumber: 9
-            }, void 0)),
-        tableRows: [
-            ...subfolders.map((subfolder, rowIndex)=>{
-                const { itemKey, relationTo, value } = subfolder;
-                const subfolderID = extractID(value);
-                return /*#__PURE__*/ _jsxDEV(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: config.admin.dateFormat
-                            });
-                        }
-                        if (name === 'type') {
-                            cellValue = /*#__PURE__*/ _jsxDEV(_Fragment, {
-                                children: [
-                                    relationToMap[relationTo]?.singular || relationTo,
-                                    Array.isArray(subfolder.value?.folderType) ? subfolder.value?.folderType.reduce((acc, slug, index)=>{
-                                        if (index === 0) {
-                                            return ` — ${relationToMap[slug]?.plural || slug}`;
-                                        }
-                                        if (index > 0) {
-                                            return `${acc}, ${relationToMap[slug]?.plural || slug}`;
-                                        }
-                                        return acc;
-                                    }, '') : ''
-                                ]
-                            }, void 0, true);
-                        }
-                        if (index === 0) {
-                            return /*#__PURE__*/ _jsxDEV("span", {
-                                className: `${baseClass}__cell-with-icon`,
-                                children: [
-                                    /*#__PURE__*/ _jsxDEV(ColoredFolderIcon, {}, void 0, false, {
-                                        fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
-                                        lineNumber: 121,
-                                        columnNumber: 23
-                                    }, void 0),
-                                    cellValue
-                                ]
-                            }, `${itemKey}-${name}`, true, {
-                                fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
-                                lineNumber: 120,
-                                columnNumber: 21
-                            }, void 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: itemKey,
-                    onClick: (event)=>{
-                        void onItemClick({
-                            event,
-                            index: rowIndex,
-                            item: subfolder
-                        });
-                    },
-                    onKeyDown: (event)=>{
-                        void onItemKeyPress({
-                            event,
-                            index: rowIndex,
-                            item: subfolder
-                        });
-                    }
-                }, `${rowIndex}-${itemKey}`, false, {
-                    fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
-                    lineNumber: 84,
-                    columnNumber: 13
-                }, void 0);
-            }),
-            ...documents.map((document, unadjustedIndex)=>{
-                const { itemKey, relationTo, value } = document;
-                const documentID = extractID(value);
-                const rowIndex = unadjustedIndex + subfolders.length;
-                return /*#__PURE__*/ _jsxDEV(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: config.admin.dateFormat
-                            });
-                        }
-                        if (name === 'type') {
-                            cellValue = relationToMap[relationTo]?.singular || relationTo;
-                        }
-                        if (index === 0) {
-                            return /*#__PURE__*/ _jsxDEV("span", {
-                                className: `${baseClass}__cell-with-icon`,
-                                children: [
-                                    /*#__PURE__*/ _jsxDEV(DocumentIcon, {}, void 0, false, {
-                                        fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
-                                        lineNumber: 187,
-                                        columnNumber: 23
-                                    }, void 0),
-                                    cellValue
-                                ]
-                            }, `${itemKey}-${name}`, true, {
-                                fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
-                                lineNumber: 186,
-                                columnNumber: 21
-                            }, void 0);
-                        } else {
-                            return cellValue;
-                        }
-                    }),
-                    disabled: checkIfItemIsDisabled(document),
-                    dragData: {
-                        id: documentID,
-                        type: 'document'
-                    },
-                    id: documentID,
-                    isFocused: focusedRowIndex === rowIndex,
-                    isSelected: selectedItemKeys.has(itemKey),
-                    isSelecting: selectedItemKeys.size > 0,
-                    itemKey: itemKey,
-                    onClick: (event)=>{
-                        void onItemClick({
-                            event,
-                            index: rowIndex,
-                            item: document
-                        });
-                    },
-                    onKeyDown: (event)=>{
-                        void onItemKeyPress({
-                            event,
-                            index: rowIndex,
-                            item: document
-                        });
-                    }
-                }, `${rowIndex}-${itemKey}`, false, {
-                    fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
-                    lineNumber: 165,
-                    columnNumber: 13
-                }, void 0);
-            })
-        ]
-    }, void 0, false, {
-        fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
-        lineNumber: 74,
-        columnNumber: 5
-    }, this);
-}
-
-//# sourceMappingURL=index.js.map

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

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

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

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

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"}

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

@@ -1,104 +0,0 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
-import { mergeFieldStyles } from '../../../fields/mergeFieldStyles.js';
-import { formatOptions } from '../../../fields/Select/index.js';
-import { SelectInput } from '../../../fields/Select/Input.js';
-import { useField } from '../../../forms/useField/index.js';
-import { useFolder } from '../../../providers/Folders/index.js';
-import { useTranslation } from '../../../providers/Translation/index.js';
-export const FolderTypeField = (props)=>{
-    const { field, field: { name, admin: { className, isClearable = true, isSortable = true, placeholder } = {}, hasMany = false, label, localized, options: allSelectOptions = [], required }, onChange: onChangeFromProps, path: pathFromProps, readOnly, validate } = props;
-    const { t } = useTranslation();
-    const { folderType } = useFolder();
-    const options = React.useMemo(()=>{
-        if (!folderType || folderType.length === 0) {
-            return formatOptions(allSelectOptions);
-        }
-        return formatOptions(allSelectOptions.filter((option)=>{
-            if (typeof option === 'object' && option.value) {
-                return folderType.includes(option.value);
-            }
-            return true;
-        }));
-    }, [
-        allSelectOptions,
-        folderType
-    ]);
-    const memoizedValidate = React.useCallback((value, validationOptions)=>{
-        if (typeof validate === 'function') {
-            return validate(value, {
-                ...validationOptions,
-                hasMany,
-                options,
-                required
-            });
-        }
-    }, [
-        validate,
-        required,
-        hasMany,
-        options
-    ]);
-    const { customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {}, disabled, path, selectFilterOptions, setValue, showError, value } = useField({
-        potentiallyStalePath: pathFromProps,
-        validate: memoizedValidate
-    });
-    const onChange = React.useCallback((selectedOption)=>{
-        if (!readOnly || disabled) {
-            let newValue = null;
-            if (selectedOption && hasMany) {
-                if (Array.isArray(selectedOption) && selectedOption.length > 0) {
-                    newValue = selectedOption.map((option)=>option.value);
-                } else {
-                    newValue = null;
-                }
-            } else if (selectedOption && !Array.isArray(selectedOption)) {
-                newValue = selectedOption.value;
-            }
-            if (typeof onChangeFromProps === 'function') {
-                onChangeFromProps(newValue);
-            }
-            setValue(newValue);
-        }
-    }, [
-        readOnly,
-        disabled,
-        hasMany,
-        setValue,
-        onChangeFromProps
-    ]);
-    const styles = React.useMemo(()=>mergeFieldStyles(field), [
-        field
-    ]);
-    return /*#__PURE__*/ _jsxDEV(SelectInput, {
-        AfterInput: AfterInput,
-        BeforeInput: BeforeInput,
-        className: className,
-        Description: Description,
-        description: t('folder:folderTypeDescription'),
-        Error: Error,
-        filterOption: selectFilterOptions ? ({ value })=>selectFilterOptions?.some((option)=>(typeof option === 'string' ? option : option.value) === value) : undefined,
-        hasMany: hasMany,
-        isClearable: isClearable,
-        isSortable: isSortable,
-        Label: Label,
-        label: label,
-        localized: localized,
-        name: name,
-        onChange: onChange,
-        options: options,
-        path: path,
-        placeholder: placeholder,
-        readOnly: readOnly || disabled,
-        required: required || Array.isArray(folderType) && folderType.length > 0,
-        showError: showError,
-        style: styles,
-        value: value
-    }, void 0, false, {
-        fileName: "src/elements/FolderView/FolderTypeField/index.tsx",
-        lineNumber: 103,
-        columnNumber: 5
-    }, this);
-};
-
-//# sourceMappingURL=index.js.map

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

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

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

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