@payloadcms/ui 3.0.0-alpha.9 → 3.0.0-beta.0

package/dist/elements/TableColumns/index.js

@@ -1,89 +1,29 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    TableColumnContext: function() {
-        return TableColumnContext;
-    },
-    TableColumnsProvider: function() {
-        return TableColumnsProvider;
-    },
-    useTableColumns: function() {
-        return useTableColumns;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _ComponentMapProvider = require("../../providers/ComponentMapProvider");
-const _Config = require("../../providers/Config");
-const _Preferences = require("../../providers/Preferences");
-const _buildColumns = require("./buildColumns");
-const _columnReducer = require("./columnReducer");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-const TableColumnContext = /*#__PURE__*/ (0, _react.createContext)({});
-const useTableColumns = ()=>(0, _react.useContext)(TableColumnContext);
-const TableColumnsProvider = ({ cellProps, children, collectionSlug, enableRowSelections = false, listPreferences })=>{
-    const config = (0, _Config.useConfig)();
-    const { componentMap } = (0, _ComponentMapProvider.useComponentMap)();
+import React, { createContext, useCallback, useContext, useEffect, useReducer, useRef, useState } from 'react';
+import { useComponentMap } from '../../providers/ComponentMap/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { usePreferences } from '../../providers/Preferences/index.js';
+import { buildColumnState } from './buildColumnState.js';
+import { columnReducer } from './columnReducer.js';
+import { filterFields } from './filterFields.js';
+import { getInitialColumns } from './getInitialColumns.js';
+export const TableColumnContext = /*#__PURE__*/ createContext({});
+export const useTableColumns = ()=>useContext(TableColumnContext);
+export const TableColumnsProvider = ({ cellProps, children, collectionSlug, enableRowSelections = false, listPreferences, preferenceKey })=>{
+    const config = useConfig();
+    const { componentMap } = useComponentMap();
     const { fieldMap } = componentMap.collections[collectionSlug];
     const collectionConfig = config.collections.find((collectionConfig)=>collectionConfig.slug === collectionSlug);
     const { admin: { defaultColumns, useAsTitle } } = collectionConfig;
-    const preferenceKey = `${collectionSlug}-list`;
-    const prevCollection = (0, _react.useRef)(collectionSlug);
-    const hasInitialized = (0, _react.useRef)(false);
-    const { getPreference, setPreference } = (0, _Preferences.usePreferences)();
-    const [tableColumns, dispatchTableColumns] = (0, _react.useReducer)(_columnReducer.columnReducer, {}, ()=>{
-        return (0, _buildColumns.buildColumns)({
+    const prevCollection = useRef(collectionSlug);
+    const hasInitialized = useRef(false);
+    const { getPreference, setPreference } = usePreferences();
+    const [initialColumns] = useState(()=>getInitialColumns(filterFields(fieldMap), useAsTitle, defaultColumns));
+    const [tableColumns, dispatchTableColumns] = useReducer(columnReducer, {}, ()=>{
+        return buildColumnState({
             cellProps,
             columnPreferences: listPreferences?.columns,
-            defaultColumns,
+            columns: initialColumns,
             enableRowSelections,
             fieldMap,
             useAsTitle
@@ -92,20 +32,20 @@ const TableColumnsProvider = ({ cellProps, children, collectionSlug, enableRowSe
     // /////////////////////////////////////
     // Get preferences on collection change
     // /////////////////////////////////////
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         const sync = async ()=>{
             const collectionHasChanged = prevCollection.current !== collectionSlug;
-            if (collectionHasChanged) {
+            if (collectionHasChanged || !listPreferences) {
                 const currentPreferences = await getPreference(preferenceKey);
                 prevCollection.current = collectionSlug;
-                if (currentPreferences.columns) {
+                if (currentPreferences?.columns) {
                     dispatchTableColumns({
                         type: 'set',
                         payload: {
-                            columns: (0, _buildColumns.buildColumns)({
+                            columns: buildColumnState({
                                 cellProps,
                                 columnPreferences: currentPreferences?.columns,
-                                defaultColumns,
+                                columns: initialColumns,
                                 enableRowSelections: true,
                                 fieldMap,
                                 useAsTitle
@@ -115,7 +55,7 @@ const TableColumnsProvider = ({ cellProps, children, collectionSlug, enableRowSe
                 }
             }
         };
-        sync();
+        void sync();
     }, [
         preferenceKey,
         getPreference,
@@ -123,12 +63,14 @@ const TableColumnsProvider = ({ cellProps, children, collectionSlug, enableRowSe
         fieldMap,
         cellProps,
         defaultColumns,
-        useAsTitle
+        useAsTitle,
+        listPreferences,
+        initialColumns
     ]);
     // /////////////////////////////////////
     // Set preferences on column change
     // /////////////////////////////////////
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (!hasInitialized.current) {
             hasInitialized.current = true;
             return;
@@ -145,7 +87,7 @@ const TableColumnsProvider = ({ cellProps, children, collectionSlug, enableRowSe
         preferenceKey,
         setPreference
     ]);
-    const setActiveColumns = (0, _react.useCallback)((columns)=>{
+    const setActiveColumns = useCallback((columns)=>{
     // dispatchTableColumns({
     //   type: 'set',
     //   payload: {
@@ -163,7 +105,7 @@ const TableColumnsProvider = ({ cellProps, children, collectionSlug, enableRowSe
         collectionConfig,
         cellProps
     ]);
-    const moveColumn = (0, _react.useCallback)((args)=>{
+    const moveColumn = useCallback((args)=>{
         const { fromIndex, toIndex } = args;
         dispatchTableColumns({
             type: 'move',
@@ -175,7 +117,7 @@ const TableColumnsProvider = ({ cellProps, children, collectionSlug, enableRowSe
     }, [
         dispatchTableColumns
     ]);
-    const toggleColumn = (0, _react.useCallback)((column)=>{
+    const toggleColumn = useCallback((column)=>{
         dispatchTableColumns({
             type: 'toggle',
             payload: {
@@ -185,7 +127,7 @@ const TableColumnsProvider = ({ cellProps, children, collectionSlug, enableRowSe
     }, [
         dispatchTableColumns
     ]);
-    return /*#__PURE__*/ _react.default.createElement(TableColumnContext.Provider, {
+    return /*#__PURE__*/ React.createElement(TableColumnContext.Provider, {
         value: {
             columns: tableColumns,
             dispatchTableColumns,
@@ -196,4 +138,4 @@ const TableColumnsProvider = ({ cellProps, children, collectionSlug, enableRowSe
     }, children);
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9UYWJsZUNvbHVtbnMvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IHR5cGUgeyBTYW5pdGl6ZWRDb2xsZWN0aW9uQ29uZmlnIH0gZnJvbSAncGF5bG9hZC90eXBlcydcbmltcG9ydCB0eXBlIHsgQ2VsbFByb3BzIH0gZnJvbSAncGF5bG9hZC90eXBlcydcblxuaW1wb3J0IFJlYWN0LCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNhbGxiYWNrLCB1c2VDb250ZXh0LCB1c2VFZmZlY3QsIHVzZVJlZHVjZXIsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IENvbHVtblByZWZlcmVuY2VzIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL0xpc3RJbmZvL3R5cGVzJ1xuaW1wb3J0IHR5cGUgeyBDb2x1bW4gfSBmcm9tICcuLi9UYWJsZS90eXBlcydcbmltcG9ydCB0eXBlIHsgQWN0aW9uIH0gZnJvbSAnLi9jb2x1bW5SZWR1Y2VyJ1xuXG5pbXBvcnQgeyB1c2VDb21wb25lbnRNYXAgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvQ29tcG9uZW50TWFwUHJvdmlkZXInXG5pbXBvcnQgeyB1c2VDb25maWcgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvQ29uZmlnJ1xuaW1wb3J0IHsgdXNlUHJlZmVyZW5jZXMgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvUHJlZmVyZW5jZXMnXG5pbXBvcnQgeyBidWlsZENvbHVtbnMgfSBmcm9tICcuL2J1aWxkQ29sdW1ucydcbmltcG9ydCB7IGNvbHVtblJlZHVjZXIgfSBmcm9tICcuL2NvbHVtblJlZHVjZXInXG5cbmV4cG9ydCBpbnRlcmZhY2UgSVRhYmxlQ29sdW1ucyB7XG4gIGNvbHVtbnM6IENvbHVtbltdXG4gIGRpc3BhdGNoVGFibGVDb2x1bW5zOiBSZWFjdC5EaXNwYXRjaDxBY3Rpb24+XG4gIG1vdmVDb2x1bW46IChhcmdzOiB7IGZyb21JbmRleDogbnVtYmVyOyB0b0luZGV4OiBudW1iZXIgfSkgPT4gdm9pZFxuICBzZXRBY3RpdmVDb2x1bW5zOiAoY29sdW1uczogc3RyaW5nW10pID0+IHZvaWRcbiAgdG9nZ2xlQ29sdW1uOiAoY29sdW1uOiBzdHJpbmcpID0+IHZvaWRcbn1cblxuZXhwb3J0IGNvbnN0IFRhYmxlQ29sdW1uQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8SVRhYmxlQ29sdW1ucz4oe30gYXMgSVRhYmxlQ29sdW1ucylcblxuZXhwb3J0IGNvbnN0IHVzZVRhYmxlQ29sdW1ucyA9ICgpOiBJVGFibGVDb2x1bW5zID0+IHVzZUNvbnRleHQoVGFibGVDb2x1bW5Db250ZXh0KVxuXG5leHBvcnQgdHlwZSBMaXN0UHJlZmVyZW5jZXMgPSB7XG4gIGNvbHVtbnM6IENvbHVtblByZWZlcmVuY2VzXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZUNvbHVtbnNQcm92aWRlcjogUmVhY3QuRkM8e1xuICBjZWxsUHJvcHM/OiBQYXJ0aWFsPENlbGxQcm9wcz5bXVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG4gIGNvbGxlY3Rpb25TbHVnOiBzdHJpbmdcbiAgZW5hYmxlUm93U2VsZWN0aW9ucz86IGJvb2xlYW5cbiAgbGlzdFByZWZlcmVuY2VzOiBMaXN0UHJlZmVyZW5jZXNcbn0+ID0gKHsgY2VsbFByb3BzLCBjaGlsZHJlbiwgY29sbGVjdGlvblNsdWcsIGVuYWJsZVJvd1NlbGVjdGlvbnMgPSBmYWxzZSwgbGlzdFByZWZlcmVuY2VzIH0pID0+IHtcbiAgY29uc3QgY29uZmlnID0gdXNlQ29uZmlnKClcblxuICBjb25zdCB7IGNvbXBvbmVudE1hcCB9ID0gdXNlQ29tcG9uZW50TWFwKClcblxuICBjb25zdCB7IGZpZWxkTWFwIH0gPSBjb21wb25lbnRNYXAuY29sbGVjdGlvbnNbY29sbGVjdGlvblNsdWddXG5cbiAgY29uc3QgY29sbGVjdGlvbkNvbmZpZyA9IGNvbmZpZy5jb2xsZWN0aW9ucy5maW5kKFxuICAgIChjb2xsZWN0aW9uQ29uZmlnKSA9PiBjb2xsZWN0aW9uQ29uZmlnLnNsdWcgPT09IGNvbGxlY3Rpb25TbHVnLFxuICApXG5cbiAgY29uc3Qge1xuICAgIGFkbWluOiB7IGRlZmF1bHRDb2x1bW5zLCB1c2VBc1RpdGxlIH0sXG4gIH0gPSBjb2xsZWN0aW9uQ29uZmlnXG5cbiAgY29uc3QgcHJlZmVyZW5jZUtleSA9IGAke2NvbGxlY3Rpb25TbHVnfS1saXN0YFxuICBjb25zdCBwcmV2Q29sbGVjdGlvbiA9IHVzZVJlZjxTYW5pdGl6ZWRDb2xsZWN0aW9uQ29uZmlnWydzbHVnJ10+KGNvbGxlY3Rpb25TbHVnKVxuICBjb25zdCBoYXNJbml0aWFsaXplZCA9IHVzZVJlZihmYWxzZSlcbiAgY29uc3QgeyBnZXRQcmVmZXJlbmNlLCBzZXRQcmVmZXJlbmNlIH0gPSB1c2VQcmVmZXJlbmNlcygpXG5cbiAgY29uc3QgW3RhYmxlQ29sdW1ucywgZGlzcGF0Y2hUYWJsZUNvbHVtbnNdID0gdXNlUmVkdWNlcihjb2x1bW5SZWR1Y2VyLCB7fSwgKCkgPT4ge1xuICAgIHJldHVybiBidWlsZENvbHVtbnMoe1xuICAgICAgY2VsbFByb3BzLFxuICAgICAgY29sdW1uUHJlZmVyZW5jZXM6IGxpc3RQcmVmZXJlbmNlcz8uY29sdW1ucyxcbiAgICAgIGRlZmF1bHRDb2x1bW5zLFxuICAgICAgZW5hYmxlUm93U2VsZWN0aW9ucyxcbiAgICAgIGZpZWxkTWFwLFxuICAgICAgdXNlQXNUaXRsZSxcbiAgICB9KVxuICB9KVxuXG4gIC8vIC8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy9cbiAgLy8gR2V0IHByZWZlcmVuY2VzIG9uIGNvbGxlY3Rpb24gY2hhbmdlXG4gIC8vIC8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy9cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHN5bmMgPSBhc3luYyAoKSA9PiB7XG4gICAgICBjb25zdCBjb2xsZWN0aW9uSGFzQ2hhbmdlZCA9IHByZXZDb2xsZWN0aW9uLmN1cnJlbnQgIT09IGNvbGxlY3Rpb25TbHVnXG5cbiAgICAgIGlmIChjb2xsZWN0aW9uSGFzQ2hhbmdlZCkge1xuICAgICAgICBjb25zdCBjdXJyZW50UHJlZmVyZW5jZXMgPSBhd2FpdCBnZXRQcmVmZXJlbmNlPHtcbiAgICAgICAgICBjb2x1bW5zOiBDb2x1bW5QcmVmZXJlbmNlc1xuICAgICAgICB9PihwcmVmZXJlbmNlS2V5KVxuICAgICAgICBwcmV2Q29sbGVjdGlvbi5jdXJyZW50ID0gY29sbGVjdGlvblNsdWdcblxuICAgICAgICBpZiAoY3VycmVudFByZWZlcmVuY2VzLmNvbHVtbnMpIHtcbiAgICAgICAgICBkaXNwYXRjaFRhYmxlQ29sdW1ucyh7XG4gICAgICAgICAgICB0eXBlOiAnc2V0JyxcbiAgICAgICAgICAgIHBheWxvYWQ6IHtcbiAgICAgICAgICAgICAgY29sdW1uczogYnVpbGRDb2x1bW5zKHtcbiAgICAgICAgICAgICAgICBjZWxsUHJvcHMsXG4gICAgICAgICAgICAgICAgY29sdW1uUHJlZmVyZW5jZXM6IGN1cnJlbnRQcmVmZXJlbmNlcz8uY29sdW1ucyxcbiAgICAgICAgICAgICAgICBkZWZhdWx0Q29sdW1ucyxcbiAgICAgICAgICAgICAgICBlbmFibGVSb3dTZWxlY3Rpb25zOiB0cnVlLFxuICAgICAgICAgICAgICAgIGZpZWxkTWFwLFxuICAgICAgICAgICAgICAgIHVzZUFzVGl0bGUsXG4gICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9KVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgc3luYygpXG4gIH0sIFtcbiAgICBwcmVmZXJlbmNlS2V5LFxuICAgIGdldFByZWZlcmVuY2UsXG4gICAgY29sbGVjdGlvblNsdWcsXG4gICAgZmllbGRNYXAsXG4gICAgY2VsbFByb3BzLFxuICAgIGRlZmF1bHRDb2x1bW5zLFxuICAgIHVzZUFzVGl0bGUsXG4gIF0pXG5cbiAgLy8gLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL1xuICAvLyBTZXQgcHJlZmVyZW5jZXMgb24gY29sdW1uIGNoYW5nZVxuICAvLyAvLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWhhc0luaXRpYWxpemVkLmN1cnJlbnQpIHtcbiAgICAgIGhhc0luaXRpYWxpemVkLmN1cnJlbnQgPSB0cnVlXG4gICAgICByZXR1cm5cbiAgICB9XG5cbiAgICBjb25zdCBjb2x1bW5zID0gdGFibGVDb2x1bW5zLm1hcCgoYykgPT4gKHtcbiAgICAgIGFjY2Vzc29yOiBjPy5hY2Nlc3NvcixcbiAgICAgIGFjdGl2ZTogYz8uYWN0aXZlLFxuICAgIH0pKVxuXG4gICAgdm9pZCBzZXRQcmVmZXJlbmNlKHByZWZlcmVuY2VLZXksIHsgY29sdW1ucyB9LCB0cnVlKVxuICB9LCBbdGFibGVDb2x1bW5zLCBwcmVmZXJlbmNlS2V5LCBzZXRQcmVmZXJlbmNlXSlcblxuICBjb25zdCBzZXRBY3RpdmVDb2x1bW5zID0gdXNlQ2FsbGJhY2soXG4gICAgKGNvbHVtbnM6IHN0cmluZ1tdKSA9PiB7XG4gICAgICAvLyBkaXNwYXRjaFRhYmxlQ29sdW1ucyh7XG4gICAgICAvLyAgIHR5cGU6ICdzZXQnLFxuICAgICAgLy8gICBwYXlsb2FkOiB7XG4gICAgICAvLyAgICAgLy8gb25TZWxlY3QsXG4gICAgICAvLyAgICAgY2VsbFByb3BzLFxuICAgICAgLy8gICAgIGNvbGxlY3Rpb246IHsgLi4uY29sbGVjdGlvbkNvbmZpZywgZmllbGRzOiBmb3JtYXRGaWVsZHMoY29sbGVjdGlvbkNvbmZpZykgfSxcbiAgICAgIC8vICAgICBjb2x1bW5zOiBjb2x1bW5zLm1hcCgoY29sdW1uKSA9PiAoe1xuICAgICAgLy8gICAgICAgYWNjZXNzb3I6IGNvbHVtbixcbiAgICAgIC8vICAgICAgIGFjdGl2ZTogdHJ1ZSxcbiAgICAgIC8vICAgICB9KSksXG4gICAgICAvLyAgICAgaTE4bixcbiAgICAgIC8vICAgfSxcbiAgICAgIC8vIH0pXG4gICAgfSxcbiAgICBbY29sbGVjdGlvbkNvbmZpZywgY2VsbFByb3BzXSxcbiAgKVxuXG4gIGNvbnN0IG1vdmVDb2x1bW4gPSB1c2VDYWxsYmFjayhcbiAgICAoYXJnczogeyBmcm9tSW5kZXg6IG51bWJlcjsgdG9JbmRleDogbnVtYmVyIH0pID0+IHtcbiAgICAgIGNvbnN0IHsgZnJvbUluZGV4LCB0b0luZGV4IH0gPSBhcmdzXG5cbiAgICAgIGRpc3BhdGNoVGFibGVDb2x1bW5zKHtcbiAgICAgICAgdHlwZTogJ21vdmUnLFxuICAgICAgICBwYXlsb2FkOiB7XG4gICAgICAgICAgZnJvbUluZGV4LFxuICAgICAgICAgIHRvSW5kZXgsXG4gICAgICAgIH0sXG4gICAgICB9KVxuICAgIH0sXG4gICAgW2Rpc3BhdGNoVGFibGVDb2x1bW5zXSxcbiAgKVxuXG4gIGNvbnN0IHRvZ2dsZUNvbHVtbiA9IHVzZUNhbGxiYWNrKFxuICAgIChjb2x1bW46IHN0cmluZykgPT4ge1xuICAgICAgZGlzcGF0Y2hUYWJsZUNvbHVtbnMoe1xuICAgICAgICB0eXBlOiAndG9nZ2xlJyxcbiAgICAgICAgcGF5bG9hZDoge1xuICAgICAgICAgIGNvbHVtbixcbiAgICAgICAgfSxcbiAgICAgIH0pXG4gICAgfSxcbiAgICBbZGlzcGF0Y2hUYWJsZUNvbHVtbnNdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8VGFibGVDb2x1bW5Db250ZXh0LlByb3ZpZGVyXG4gICAgICB2YWx1ZT17e1xuICAgICAgICBjb2x1bW5zOiB0YWJsZUNvbHVtbnMsXG4gICAgICAgIGRpc3BhdGNoVGFibGVDb2x1bW5zLFxuICAgICAgICBtb3ZlQ29sdW1uLFxuICAgICAgICBzZXRBY3RpdmVDb2x1bW5zLFxuICAgICAgICB0b2dnbGVDb2x1bW4sXG4gICAgICB9fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhYmxlQ29sdW1uQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIlRhYmxlQ29sdW1uQ29udGV4dCIsIlRhYmxlQ29sdW1uc1Byb3ZpZGVyIiwidXNlVGFibGVDb2x1bW5zIiwiY3JlYXRlQ29udGV4dCIsInVzZUNvbnRleHQiLCJjZWxsUHJvcHMiLCJjaGlsZHJlbiIsImNvbGxlY3Rpb25TbHVnIiwiZW5hYmxlUm93U2VsZWN0aW9ucyIsImxpc3RQcmVmZXJlbmNlcyIsImNvbmZpZyIsInVzZUNvbmZpZyIsImNvbXBvbmVudE1hcCIsInVzZUNvbXBvbmVudE1hcCIsImZpZWxkTWFwIiwiY29sbGVjdGlvbnMiLCJjb2xsZWN0aW9uQ29uZmlnIiwiZmluZCIsInNsdWciLCJhZG1pbiIsImRlZmF1bHRDb2x1bW5zIiwidXNlQXNUaXRsZSIsInByZWZlcmVuY2VLZXkiLCJwcmV2Q29sbGVjdGlvbiIsInVzZVJlZiIsImhhc0luaXRpYWxpemVkIiwiZ2V0UHJlZmVyZW5jZSIsInNldFByZWZlcmVuY2UiLCJ1c2VQcmVmZXJlbmNlcyIsInRhYmxlQ29sdW1ucyIsImRpc3BhdGNoVGFibGVDb2x1bW5zIiwidXNlUmVkdWNlciIsImNvbHVtblJlZHVjZXIiLCJidWlsZENvbHVtbnMiLCJjb2x1bW5QcmVmZXJlbmNlcyIsImNvbHVtbnMiLCJ1c2VFZmZlY3QiLCJzeW5jIiwiY29sbGVjdGlvbkhhc0NoYW5nZWQiLCJjdXJyZW50IiwiY3VycmVudFByZWZlcmVuY2VzIiwidHlwZSIsInBheWxvYWQiLCJtYXAiLCJjIiwiYWNjZXNzb3IiLCJhY3RpdmUiLCJzZXRBY3RpdmVDb2x1bW5zIiwidXNlQ2FsbGJhY2siLCJtb3ZlQ29sdW1uIiwiYXJncyIsImZyb21JbmRleCIsInRvSW5kZXgiLCJ0b2dnbGVDb2x1bW4iLCJjb2x1bW4iLCJQcm92aWRlciIsInZhbHVlIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7O0lBd0JhQSxrQkFBa0I7ZUFBbEJBOztJQVFBQyxvQkFBb0I7ZUFBcEJBOztJQU5BQyxlQUFlO2VBQWZBOzs7K0RBdEJnRjtzQ0FNN0Q7d0JBQ047NkJBQ0s7OEJBQ0Y7K0JBQ0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQVV2QixNQUFNRixtQ0FBcUJHLElBQUFBLG9CQUFhLEVBQWdCLENBQUM7QUFFekQsTUFBTUQsa0JBQWtCLElBQXFCRSxJQUFBQSxpQkFBVSxFQUFDSjtBQU14RCxNQUFNQyx1QkFNUixDQUFDLEVBQUVJLFNBQVMsRUFBRUMsUUFBUSxFQUFFQyxjQUFjLEVBQUVDLHNCQUFzQixLQUFLLEVBQUVDLGVBQWUsRUFBRTtJQUN6RixNQUFNQyxTQUFTQyxJQUFBQSxpQkFBUztJQUV4QixNQUFNLEVBQUVDLFlBQVksRUFBRSxHQUFHQyxJQUFBQSxxQ0FBZTtJQUV4QyxNQUFNLEVBQUVDLFFBQVEsRUFBRSxHQUFHRixhQUFhRyxXQUFXLENBQUNSLGVBQWU7SUFFN0QsTUFBTVMsbUJBQW1CTixPQUFPSyxXQUFXLENBQUNFLElBQUksQ0FDOUMsQ0FBQ0QsbUJBQXFCQSxpQkFBaUJFLElBQUksS0FBS1g7SUFHbEQsTUFBTSxFQUNKWSxPQUFPLEVBQUVDLGNBQWMsRUFBRUMsVUFBVSxFQUFFLEVBQ3RDLEdBQUdMO0lBRUosTUFBTU0sZ0JBQWdCLENBQUMsRUFBRWYsZUFBZSxLQUFLLENBQUM7SUFDOUMsTUFBTWdCLGlCQUFpQkMsSUFBQUEsYUFBTSxFQUFvQ2pCO0lBQ2pFLE1BQU1rQixpQkFBaUJELElBQUFBLGFBQU0sRUFBQztJQUM5QixNQUFNLEVBQUVFLGFBQWEsRUFBRUMsYUFBYSxFQUFFLEdBQUdDLElBQUFBLDJCQUFjO0lBRXZELE1BQU0sQ0FBQ0MsY0FBY0MscUJBQXFCLEdBQUdDLElBQUFBLGlCQUFVLEVBQUNDLDRCQUFhLEVBQUUsQ0FBQyxHQUFHO1FBQ3pFLE9BQU9DLElBQUFBLDBCQUFZLEVBQUM7WUFDbEI1QjtZQUNBNkIsbUJBQW1CekIsaUJBQWlCMEI7WUFDcENmO1lBQ0FaO1lBQ0FNO1lBQ0FPO1FBQ0Y7SUFDRjtJQUVBLHdDQUF3QztJQUN4Qyx1Q0FBdUM7SUFDdkMsd0NBQXdDO0lBRXhDZSxJQUFBQSxnQkFBUyxFQUFDO1FBQ1IsTUFBTUMsT0FBTztZQUNYLE1BQU1DLHVCQUF1QmYsZUFBZWdCLE9BQU8sS0FBS2hDO1lBRXhELElBQUkrQixzQkFBc0I7Z0JBQ3hCLE1BQU1FLHFCQUFxQixNQUFNZCxjQUU5Qko7Z0JBQ0hDLGVBQWVnQixPQUFPLEdBQUdoQztnQkFFekIsSUFBSWlDLG1CQUFtQkwsT0FBTyxFQUFFO29CQUM5QkwscUJBQXFCO3dCQUNuQlcsTUFBTTt3QkFDTkMsU0FBUzs0QkFDUFAsU0FBU0YsSUFBQUEsMEJBQVksRUFBQztnQ0FDcEI1QjtnQ0FDQTZCLG1CQUFtQk0sb0JBQW9CTDtnQ0FDdkNmO2dDQUNBWixxQkFBcUI7Z0NBQ3JCTTtnQ0FDQU87NEJBQ0Y7d0JBQ0Y7b0JBQ0Y7Z0JBQ0Y7WUFDRjtRQUNGO1FBRUFnQjtJQUNGLEdBQUc7UUFDRGY7UUFDQUk7UUFDQW5CO1FBQ0FPO1FBQ0FUO1FBQ0FlO1FBQ0FDO0tBQ0Q7SUFFRCx3Q0FBd0M7SUFDeEMsbUNBQW1DO0lBQ25DLHdDQUF3QztJQUV4Q2UsSUFBQUEsZ0JBQVMsRUFBQztRQUNSLElBQUksQ0FBQ1gsZUFBZWMsT0FBTyxFQUFFO1lBQzNCZCxlQUFlYyxPQUFPLEdBQUc7WUFDekI7UUFDRjtRQUVBLE1BQU1KLFVBQVVOLGFBQWFjLEdBQUcsQ0FBQyxDQUFDQyxJQUFPLENBQUE7Z0JBQ3ZDQyxVQUFVRCxHQUFHQztnQkFDYkMsUUFBUUYsR0FBR0U7WUFDYixDQUFBO1FBRUEsS0FBS25CLGNBQWNMLGVBQWU7WUFBRWE7UUFBUSxHQUFHO0lBQ2pELEdBQUc7UUFBQ047UUFBY1A7UUFBZUs7S0FBYztJQUUvQyxNQUFNb0IsbUJBQW1CQyxJQUFBQSxrQkFBVyxFQUNsQyxDQUFDYjtJQUNDLHlCQUF5QjtJQUN6QixpQkFBaUI7SUFDakIsZUFBZTtJQUNmLG1CQUFtQjtJQUNuQixpQkFBaUI7SUFDakIsbUZBQW1GO0lBQ25GLDBDQUEwQztJQUMxQywwQkFBMEI7SUFDMUIsc0JBQXNCO0lBQ3RCLFdBQVc7SUFDWCxZQUFZO0lBQ1osT0FBTztJQUNQLEtBQUs7SUFDUCxHQUNBO1FBQUNuQjtRQUFrQlg7S0FBVTtJQUcvQixNQUFNNEMsYUFBYUQsSUFBQUEsa0JBQVcsRUFDNUIsQ0FBQ0U7UUFDQyxNQUFNLEVBQUVDLFNBQVMsRUFBRUMsT0FBTyxFQUFFLEdBQUdGO1FBRS9CcEIscUJBQXFCO1lBQ25CVyxNQUFNO1lBQ05DLFNBQVM7Z0JBQ1BTO2dCQUNBQztZQUNGO1FBQ0Y7SUFDRixHQUNBO1FBQUN0QjtLQUFxQjtJQUd4QixNQUFNdUIsZUFBZUwsSUFBQUEsa0JBQVcsRUFDOUIsQ0FBQ007UUFDQ3hCLHFCQUFxQjtZQUNuQlcsTUFBTTtZQUNOQyxTQUFTO2dCQUNQWTtZQUNGO1FBQ0Y7SUFDRixHQUNBO1FBQUN4QjtLQUFxQjtJQUd4QixxQkFDRSw2QkFBQzlCLG1CQUFtQnVELFFBQVE7UUFDMUJDLE9BQU87WUFDTHJCLFNBQVNOO1lBQ1RDO1lBQ0FtQjtZQUNBRjtZQUNBTTtRQUNGO09BRUMvQztBQUdQIn0=
+//# sourceMappingURL=index.js.map

package/dist/elements/TableColumns/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/TableColumns/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload/types'\nimport type { CellComponentProps } from 'payload/types'\n\nimport React, {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useRef,\n  useState,\n} from 'react'\n\nimport type { ColumnPreferences } from '../../providers/ListInfo/index.js'\nimport type { Column } from '../Table/index.js'\nimport type { Action } from './columnReducer.js'\n\nimport { useComponentMap } from '../../providers/ComponentMap/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { buildColumnState } from './buildColumnState.js'\nimport { columnReducer } from './columnReducer.js'\nimport { filterFields } from './filterFields.js'\nimport { getInitialColumns } from './getInitialColumns.js'\n\nexport interface ITableColumns {\n  columns: Column[]\n  dispatchTableColumns: React.Dispatch<Action>\n  moveColumn: (args: { fromIndex: number; toIndex: number }) => void\n  setActiveColumns: (columns: string[]) => void\n  toggleColumn: (column: string) => void\n}\n\nexport const TableColumnContext = createContext<ITableColumns>({} as ITableColumns)\n\nexport const useTableColumns = (): ITableColumns => useContext(TableColumnContext)\n\nexport type ListPreferences = {\n  columns: ColumnPreferences\n}\n\ntype Props = {\n  cellProps?: Partial<CellComponentProps>[]\n  children: React.ReactNode\n  collectionSlug: string\n  enableRowSelections?: boolean\n  listPreferences?: ListPreferences\n  preferenceKey: string\n}\n\nexport const TableColumnsProvider: React.FC<Props> = ({\n  cellProps,\n  children,\n  collectionSlug,\n  enableRowSelections = false,\n  listPreferences,\n  preferenceKey,\n}) => {\n  const config = useConfig()\n\n  const { componentMap } = useComponentMap()\n\n  const { fieldMap } = componentMap.collections[collectionSlug]\n\n  const collectionConfig = config.collections.find(\n    (collectionConfig) => collectionConfig.slug === collectionSlug,\n  )\n\n  const {\n    admin: { defaultColumns, useAsTitle },\n  } = collectionConfig\n\n  const prevCollection = useRef<SanitizedCollectionConfig['slug']>(collectionSlug)\n  const hasInitialized = useRef(false)\n  const { getPreference, setPreference } = usePreferences()\n\n  const [initialColumns] = useState<ColumnPreferences>(() =>\n    getInitialColumns(filterFields(fieldMap), useAsTitle, defaultColumns),\n  )\n\n  const [tableColumns, dispatchTableColumns] = useReducer(columnReducer, {}, () => {\n    return buildColumnState({\n      cellProps,\n      columnPreferences: listPreferences?.columns,\n      columns: initialColumns,\n      enableRowSelections,\n      fieldMap,\n      useAsTitle,\n    })\n  })\n\n  // /////////////////////////////////////\n  // Get preferences on collection change\n  // /////////////////////////////////////\n\n  useEffect(() => {\n    const sync = async () => {\n      const collectionHasChanged = prevCollection.current !== collectionSlug\n\n      if (collectionHasChanged || !listPreferences) {\n        const currentPreferences = await getPreference<{\n          columns: ColumnPreferences\n        }>(preferenceKey)\n        prevCollection.current = collectionSlug\n\n        if (currentPreferences?.columns) {\n          dispatchTableColumns({\n            type: 'set',\n            payload: {\n              columns: buildColumnState({\n                cellProps,\n                columnPreferences: currentPreferences?.columns,\n                columns: initialColumns,\n                enableRowSelections: true,\n                fieldMap,\n                useAsTitle,\n              }),\n            },\n          })\n        }\n      }\n    }\n\n    void sync()\n  }, [\n    preferenceKey,\n    getPreference,\n    collectionSlug,\n    fieldMap,\n    cellProps,\n    defaultColumns,\n    useAsTitle,\n    listPreferences,\n    initialColumns,\n  ])\n\n  // /////////////////////////////////////\n  // Set preferences on column change\n  // /////////////////////////////////////\n\n  useEffect(() => {\n    if (!hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    const columns = tableColumns.map((c) => ({\n      accessor: c?.accessor,\n      active: c?.active,\n    }))\n\n    void setPreference(preferenceKey, { columns }, true)\n  }, [tableColumns, preferenceKey, setPreference])\n\n  const setActiveColumns = useCallback(\n    (columns: string[]) => {\n      // dispatchTableColumns({\n      //   type: 'set',\n      //   payload: {\n      //     // onSelect,\n      //     cellProps,\n      //     collection: { ...collectionConfig, fields: formatFields(collectionConfig) },\n      //     columns: columns.map((column) => ({\n      //       accessor: column,\n      //       active: true,\n      //     })),\n      //     i18n,\n      //   },\n      // })\n    },\n    [collectionConfig, cellProps],\n  )\n\n  const moveColumn = useCallback(\n    (args: { fromIndex: number; toIndex: number }) => {\n      const { fromIndex, toIndex } = args\n\n      dispatchTableColumns({\n        type: 'move',\n        payload: {\n          fromIndex,\n          toIndex,\n        },\n      })\n    },\n    [dispatchTableColumns],\n  )\n\n  const toggleColumn = useCallback(\n    (column: string) => {\n      dispatchTableColumns({\n        type: 'toggle',\n        payload: {\n          column,\n        },\n      })\n    },\n    [dispatchTableColumns],\n  )\n\n  return (\n    <TableColumnContext.Provider\n      value={{\n        columns: tableColumns,\n        dispatchTableColumns,\n        moveColumn,\n        setActiveColumns,\n        toggleColumn,\n      }}\n    >\n      {children}\n    </TableColumnContext.Provider>\n  )\n}\n"],"names":["React","createContext","useCallback","useContext","useEffect","useReducer","useRef","useState","useComponentMap","useConfig","usePreferences","buildColumnState","columnReducer","filterFields","getInitialColumns","TableColumnContext","useTableColumns","TableColumnsProvider","cellProps","children","collectionSlug","enableRowSelections","listPreferences","preferenceKey","config","componentMap","fieldMap","collections","collectionConfig","find","slug","admin","defaultColumns","useAsTitle","prevCollection","hasInitialized","getPreference","setPreference","initialColumns","tableColumns","dispatchTableColumns","columnPreferences","columns","sync","collectionHasChanged","current","currentPreferences","type","payload","map","c","accessor","active","setActiveColumns","moveColumn","args","fromIndex","toIndex","toggleColumn","column","Provider","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/elements/Thumbnail/index.d.ts

@@ -1,6 +1,20 @@
 import React from 'react';
-import type { Props } from './types';
 import './index.scss';
-declare const Thumbnail: React.FC<Props>;
-export default Thumbnail;
+import type { SanitizedCollectionConfig } from 'payload/types';
+export type ThumbnailProps = {
+    className?: string;
+    collectionSlug?: string;
+    doc?: Record<string, unknown>;
+    fileSrc?: string;
+    imageCacheTag?: string;
+    size?: 'expand' | 'large' | 'medium' | 'small';
+    uploadConfig?: SanitizedCollectionConfig['upload'];
+};
+export declare const useThumbnailContext: () => {
+    className: string;
+    filename: string;
+    size: string;
+    src: string;
+};
+export declare const Thumbnail: React.FC<ThumbnailProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Thumbnail/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Thumbnail/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6B9B,CAAA;AACD,eAAe,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Thumbnail/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAK9D,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC9C,YAAY,CAAC,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CACnD,CAAA;AASD,eAAO,MAAM,mBAAmB;;;;;CAA2C,CAAA;AAE3E,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6B9C,CAAA"}

package/dist/elements/Thumbnail/index.js

@@ -1,89 +1,47 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _File = /*#__PURE__*/ _interop_require_default(require("../../graphics/File"));
-const _useThumbnail = /*#__PURE__*/ _interop_require_default(require("../../hooks/useThumbnail"));
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+import React from 'react';
 const baseClass = 'thumbnail';
-const Thumbnail = (props)=>{
-    const { className = '', collectionSlug, doc: { filename } = {}, doc, fileSrc, imageCacheTag, size, uploadConfig } = props;
-    const thumbnailSRC = (0, _useThumbnail.default)(collectionSlug, uploadConfig, doc) || fileSrc;
-    const [src, setSrc] = (0, _react.useState)(thumbnailSRC);
-    const classes = [
+import { File } from '../../graphics/File/index.js';
+import { ShimmerEffect } from '../ShimmerEffect/index.js';
+const ThumbnailContext = /*#__PURE__*/ React.createContext({
+    className: '',
+    filename: '',
+    size: 'medium',
+    src: ''
+});
+export const useThumbnailContext = ()=>React.useContext(ThumbnailContext);
+export const Thumbnail = (props)=>{
+    const { className = '', doc: { filename } = {}, fileSrc, size } = props;
+    const [fileExists, setFileExists] = React.useState(undefined);
+    const classNames = [
         baseClass,
         `${baseClass}--size-${size || 'medium'}`,
         className
     ].join(' ');
-    (0, _react.useEffect)(()=>{
-        if (thumbnailSRC) {
-            setSrc(`${thumbnailSRC}${imageCacheTag ? `?${imageCacheTag}` : ''}`);
+    React.useEffect(()=>{
+        if (!fileSrc) {
+            setFileExists(false);
+            return;
         }
+        const img = new Image();
+        img.src = fileSrc;
+        img.onload = ()=>{
+            setFileExists(true);
+        };
+        img.onerror = ()=>{
+            setFileExists(false);
+        };
     }, [
-        thumbnailSRC,
-        imageCacheTag
+        fileSrc
     ]);
-    return /*#__PURE__*/ _react.default.createElement("div", {
-        className: classes
-    }, src && /*#__PURE__*/ _react.default.createElement("img", {
+    return /*#__PURE__*/ React.createElement("div", {
+        className: classNames
+    }, fileExists === undefined && /*#__PURE__*/ React.createElement(ShimmerEffect, {
+        height: "100%"
+    }), fileExists && /*#__PURE__*/ React.createElement("img", {
         alt: filename,
-        src: src
-    }), !src && /*#__PURE__*/ _react.default.createElement(_File.default, null));
+        src: fileSrc
+    }), fileExists === false && /*#__PURE__*/ React.createElement(File, null));
 };
-const _default = Thumbnail;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9UaHVtYm5haWwvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCBGaWxlR3JhcGhpYyBmcm9tICcuLi8uLi9ncmFwaGljcy9GaWxlJ1xuaW1wb3J0IHVzZVRodW1ibmFpbCBmcm9tICcuLi8uLi9ob29rcy91c2VUaHVtYm5haWwnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3RodW1ibmFpbCdcblxuY29uc3QgVGh1bWJuYWlsOiBSZWFjdC5GQzxQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIGNsYXNzTmFtZSA9ICcnLFxuICAgIGNvbGxlY3Rpb25TbHVnLFxuICAgIGRvYzogeyBmaWxlbmFtZSB9ID0ge30sXG4gICAgZG9jLFxuICAgIGZpbGVTcmMsXG4gICAgaW1hZ2VDYWNoZVRhZyxcbiAgICBzaXplLFxuICAgIHVwbG9hZENvbmZpZyxcbiAgfSA9IHByb3BzXG5cbiAgY29uc3QgdGh1bWJuYWlsU1JDID0gdXNlVGh1bWJuYWlsKGNvbGxlY3Rpb25TbHVnLCB1cGxvYWRDb25maWcsIGRvYykgfHwgZmlsZVNyY1xuICBjb25zdCBbc3JjLCBzZXRTcmNdID0gdXNlU3RhdGUodGh1bWJuYWlsU1JDKVxuXG4gIGNvbnN0IGNsYXNzZXMgPSBbYmFzZUNsYXNzLCBgJHtiYXNlQ2xhc3N9LS1zaXplLSR7c2l6ZSB8fCAnbWVkaXVtJ31gLCBjbGFzc05hbWVdLmpvaW4oJyAnKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHRodW1ibmFpbFNSQykge1xuICAgICAgc2V0U3JjKGAke3RodW1ibmFpbFNSQ30ke2ltYWdlQ2FjaGVUYWcgPyBgPyR7aW1hZ2VDYWNoZVRhZ31gIDogJyd9YClcbiAgICB9XG4gIH0sIFt0aHVtYm5haWxTUkMsIGltYWdlQ2FjaGVUYWddKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzZXN9PlxuICAgICAge3NyYyAmJiA8aW1nIGFsdD17ZmlsZW5hbWUgYXMgc3RyaW5nfSBzcmM9e3NyY30gLz59XG4gICAgICB7IXNyYyAmJiA8RmlsZUdyYXBoaWMgLz59XG4gICAgPC9kaXY+XG4gIClcbn1cbmV4cG9ydCBkZWZhdWx0IFRodW1ibmFpbFxuIl0sIm5hbWVzIjpbImJhc2VDbGFzcyIsIlRodW1ibmFpbCIsInByb3BzIiwiY2xhc3NOYW1lIiwiY29sbGVjdGlvblNsdWciLCJkb2MiLCJmaWxlbmFtZSIsImZpbGVTcmMiLCJpbWFnZUNhY2hlVGFnIiwic2l6ZSIsInVwbG9hZENvbmZpZyIsInRodW1ibmFpbFNSQyIsInVzZVRodW1ibmFpbCIsInNyYyIsInNldFNyYyIsInVzZVN0YXRlIiwiY2xhc3NlcyIsImpvaW4iLCJ1c2VFZmZlY3QiLCJkaXYiLCJpbWciLCJhbHQiLCJGaWxlR3JhcGhpYyJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OytCQXlDQTs7O2VBQUE7OzsrREF4QzJDOzZEQUluQjtxRUFDQztRQUNsQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLFlBQTZCLENBQUNDO0lBQ2xDLE1BQU0sRUFDSkMsWUFBWSxFQUFFLEVBQ2RDLGNBQWMsRUFDZEMsS0FBSyxFQUFFQyxRQUFRLEVBQUUsR0FBRyxDQUFDLENBQUMsRUFDdEJELEdBQUcsRUFDSEUsT0FBTyxFQUNQQyxhQUFhLEVBQ2JDLElBQUksRUFDSkMsWUFBWSxFQUNiLEdBQUdSO0lBRUosTUFBTVMsZUFBZUMsSUFBQUEscUJBQVksRUFBQ1IsZ0JBQWdCTSxjQUFjTCxRQUFRRTtJQUN4RSxNQUFNLENBQUNNLEtBQUtDLE9BQU8sR0FBR0MsSUFBQUEsZUFBUSxFQUFDSjtJQUUvQixNQUFNSyxVQUFVO1FBQUNoQjtRQUFXLENBQUMsRUFBRUEsVUFBVSxPQUFPLEVBQUVTLFFBQVEsU0FBUyxDQUFDO1FBQUVOO0tBQVUsQ0FBQ2MsSUFBSSxDQUFDO0lBRXRGQyxJQUFBQSxnQkFBUyxFQUFDO1FBQ1IsSUFBSVAsY0FBYztZQUNoQkcsT0FBTyxDQUFDLEVBQUVILGFBQWEsRUFBRUgsZ0JBQWdCLENBQUMsQ0FBQyxFQUFFQSxjQUFjLENBQUMsR0FBRyxHQUFHLENBQUM7UUFDckU7SUFDRixHQUFHO1FBQUNHO1FBQWNIO0tBQWM7SUFFaEMscUJBQ0UsNkJBQUNXO1FBQUloQixXQUFXYTtPQUNiSCxxQkFBTyw2QkFBQ087UUFBSUMsS0FBS2Y7UUFBb0JPLEtBQUtBO1FBQzFDLENBQUNBLHFCQUFPLDZCQUFDUyxhQUFXO0FBRzNCO01BQ0EsV0FBZXJCIn0=
+//# sourceMappingURL=index.js.map

package/dist/elements/Thumbnail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Thumbnail/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'thumbnail'\n\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport { File } from '../../graphics/File/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nexport type ThumbnailProps = {\n  className?: string\n  collectionSlug?: string\n  doc?: Record<string, unknown>\n  fileSrc?: string\n  imageCacheTag?: string\n  size?: 'expand' | 'large' | 'medium' | 'small'\n  uploadConfig?: SanitizedCollectionConfig['upload']\n}\n\nconst ThumbnailContext = React.createContext({\n  className: '',\n  filename: '',\n  size: 'medium',\n  src: '',\n})\n\nexport const useThumbnailContext = () => React.useContext(ThumbnailContext)\n\nexport const Thumbnail: React.FC<ThumbnailProps> = (props) => {\n  const { className = '', doc: { filename } = {}, fileSrc, size } = props\n  const [fileExists, setFileExists] = React.useState(undefined)\n\n  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ')\n\n  React.useEffect(() => {\n    if (!fileSrc) {\n      setFileExists(false)\n      return\n    }\n\n    const img = new Image()\n    img.src = fileSrc\n    img.onload = () => {\n      setFileExists(true)\n    }\n    img.onerror = () => {\n      setFileExists(false)\n    }\n  }, [fileSrc])\n\n  return (\n    <div className={classNames}>\n      {fileExists === undefined && <ShimmerEffect height=\"100%\" />}\n      {fileExists && <img alt={filename as string} src={fileSrc} />}\n      {fileExists === false && <File />}\n    </div>\n  )\n}\n"],"names":["React","baseClass","File","ShimmerEffect","ThumbnailContext","createContext","className","filename","size","src","useThumbnailContext","useContext","Thumbnail","props","doc","fileSrc","fileExists","setFileExists","useState","undefined","classNames","join","useEffect","img","Image","onload","onerror","div","height","alt"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAIlB,SAASC,IAAI,QAAQ,+BAA8B;AACnD,SAASC,aAAa,QAAQ,4BAA2B;AAYzD,MAAMC,iCAAmBJ,MAAMK,aAAa,CAAC;IAC3CC,WAAW;IACXC,UAAU;IACVC,MAAM;IACNC,KAAK;AACP;AAEA,OAAO,MAAMC,sBAAsB,IAAMV,MAAMW,UAAU,CAACP,kBAAiB;AAE3E,OAAO,MAAMQ,YAAsC,CAACC;IAClD,MAAM,EAAEP,YAAY,EAAE,EAAEQ,KAAK,EAAEP,QAAQ,EAAE,GAAG,CAAC,CAAC,EAAEQ,OAAO,EAAEP,IAAI,EAAE,GAAGK;IAClE,MAAM,CAACG,YAAYC,cAAc,GAAGjB,MAAMkB,QAAQ,CAACC;IAEnD,MAAMC,aAAa;QAACnB;QAAW,CAAC,EAAEA,UAAU,OAAO,EAAEO,QAAQ,SAAS,CAAC;QAAEF;KAAU,CAACe,IAAI,CAAC;IAEzFrB,MAAMsB,SAAS,CAAC;QACd,IAAI,CAACP,SAAS;YACZE,cAAc;YACd;QACF;QAEA,MAAMM,MAAM,IAAIC;QAChBD,IAAId,GAAG,GAAGM;QACVQ,IAAIE,MAAM,GAAG;YACXR,cAAc;QAChB;QACAM,IAAIG,OAAO,GAAG;YACZT,cAAc;QAChB;IACF,GAAG;QAACF;KAAQ;IAEZ,qBACE,oBAACY;QAAIrB,WAAWc;OACbJ,eAAeG,2BAAa,oBAAChB;QAAcyB,QAAO;QAClDZ,4BAAc,oBAACO;QAAIM,KAAKtB;QAAoBE,KAAKM;QACjDC,eAAe,uBAAS,oBAACd;AAGhC,EAAC"}

package/dist/elements/ThumbnailCard/index.d.ts

@@ -1,5 +1,17 @@
+import type { SanitizedCollectionConfig, TypeWithID } from 'payload/types';
 import React from 'react';
-import type { Props } from './types';
 import './index.scss';
-export declare const ThumbnailCard: React.FC<Props>;
+export type ThumbnailCardProps = {
+    alignLabel?: 'center' | 'left';
+    className?: string;
+    collection?: SanitizedCollectionConfig;
+    doc?: TypeWithID & {
+        filename?: string;
+    };
+    label?: string;
+    onClick?: () => void;
+    onKeyDown?: () => void;
+    thumbnail: React.ReactNode;
+};
+export declare const ThumbnailCard: React.FC<ThumbnailCardProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/ThumbnailCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ThumbnailCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKpC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4CzC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ThumbnailCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,yBAAyB,CAAA;IACtC,GAAG,CAAC,EAAE,UAAU,GAAG;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAID,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0CtD,CAAA"}

package/dist/elements/ThumbnailCard/index.js

@@ -1,27 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ThumbnailCard", {
-    enumerable: true,
-    get: function() {
-        return ThumbnailCard;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Translation = require("../../providers/Translation");
-const _formatDocTitle = require("../../utilities/formatDocTitle");
-const _Thumbnail = /*#__PURE__*/ _interop_require_default(require("../Thumbnail"));
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import React from 'react';
+import { useConfig } from '../../providers/Config/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { formatDocTitle } from '../../utilities/formatDocTitle.js';
 const baseClass = 'thumbnail-card';
-const ThumbnailCard = (props)=>{
+export const ThumbnailCard = (props)=>{
     const { alignLabel, className, collection, doc, label: labelFromProps, onClick, thumbnail } = props;
-    const { i18n, t } = (0, _Translation.useTranslation)();
+    const config = useConfig();
+    const { i18n } = useTranslation();
     const classes = [
         baseClass,
         className,
@@ -30,25 +15,24 @@ const ThumbnailCard = (props)=>{
     ].filter(Boolean).join(' ');
     let title = labelFromProps;
     if (!title) {
-        title = (0, _formatDocTitle.formatDocTitle)({
-            doc,
-            i18n,
-            useAsTitle: collection?.admin?.useAsTitle
-        }) || doc?.filename || `[${t('general:untitled')}]`;
+        title = formatDocTitle({
+            collectionConfig: collection,
+            data: doc,
+            dateFormat: config.admin.dateFormat,
+            fallback: doc?.filename,
+            i18n
+        });
     }
-    return /*#__PURE__*/ _react.default.createElement("button", {
+    return /*#__PURE__*/ React.createElement("button", {
         className: classes,
         onClick: onClick,
         title: title,
         type: "button"
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__thumbnail`
-    }, thumbnail && thumbnail, !thumbnail && collection && doc && /*#__PURE__*/ _react.default.createElement(_Thumbnail.default, {
-        doc: doc,
-        size: "expand"
-    })), /*#__PURE__*/ _react.default.createElement("div", {
+    }, thumbnail), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__label`
     }, title));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9UaHVtYm5haWxDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9UcmFuc2xhdGlvbidcbmltcG9ydCB7IGZvcm1hdERvY1RpdGxlIH0gZnJvbSAnLi4vLi4vdXRpbGl0aWVzL2Zvcm1hdERvY1RpdGxlJ1xuaW1wb3J0IFRodW1ibmFpbCBmcm9tICcuLi9UaHVtYm5haWwnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3RodW1ibmFpbC1jYXJkJ1xuXG5leHBvcnQgY29uc3QgVGh1bWJuYWlsQ2FyZDogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBhbGlnbkxhYmVsLFxuICAgIGNsYXNzTmFtZSxcbiAgICBjb2xsZWN0aW9uLFxuICAgIGRvYyxcbiAgICBsYWJlbDogbGFiZWxGcm9tUHJvcHMsXG4gICAgb25DbGljayxcbiAgICB0aHVtYm5haWwsXG4gIH0gPSBwcm9wc1xuXG4gIGNvbnN0IHsgaTE4biwgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuXG4gIGNvbnN0IGNsYXNzZXMgPSBbXG4gICAgYmFzZUNsYXNzLFxuICAgIGNsYXNzTmFtZSxcbiAgICB0eXBlb2Ygb25DbGljayA9PT0gJ2Z1bmN0aW9uJyAmJiBgJHtiYXNlQ2xhc3N9LS1oYXMtb24tY2xpY2tgLFxuICAgIGFsaWduTGFiZWwgJiYgYCR7YmFzZUNsYXNzfS0tYWxpZ24tbGFiZWwtJHthbGlnbkxhYmVsfWAsXG4gIF1cbiAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgLmpvaW4oJyAnKVxuXG4gIGxldCB0aXRsZSA9IGxhYmVsRnJvbVByb3BzXG5cbiAgaWYgKCF0aXRsZSkge1xuICAgIHRpdGxlID1cbiAgICAgIGZvcm1hdERvY1RpdGxlKHtcbiAgICAgICAgZG9jLFxuICAgICAgICBpMThuLFxuICAgICAgICB1c2VBc1RpdGxlOiBjb2xsZWN0aW9uPy5hZG1pbj8udXNlQXNUaXRsZSxcbiAgICAgIH0pIHx8XG4gICAgICAoZG9jPy5maWxlbmFtZSBhcyBzdHJpbmcpIHx8XG4gICAgICBgWyR7dCgnZ2VuZXJhbDp1bnRpdGxlZCcpfV1gXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxidXR0b24gY2xhc3NOYW1lPXtjbGFzc2VzfSBvbkNsaWNrPXtvbkNsaWNrfSB0aXRsZT17dGl0bGV9IHR5cGU9XCJidXR0b25cIj5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X190aHVtYm5haWxgfT5cbiAgICAgICAge3RodW1ibmFpbCAmJiB0aHVtYm5haWx9XG4gICAgICAgIHshdGh1bWJuYWlsICYmIGNvbGxlY3Rpb24gJiYgZG9jICYmIDxUaHVtYm5haWwgZG9jPXtkb2N9IHNpemU9XCJleHBhbmRcIiAvPn1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xhYmVsYH0+e3RpdGxlfTwvZGl2PlxuICAgIDwvYnV0dG9uPlxuICApXG59XG4iXSwibmFtZXMiOlsiVGh1bWJuYWlsQ2FyZCIsImJhc2VDbGFzcyIsInByb3BzIiwiYWxpZ25MYWJlbCIsImNsYXNzTmFtZSIsImNvbGxlY3Rpb24iLCJkb2MiLCJsYWJlbCIsImxhYmVsRnJvbVByb3BzIiwib25DbGljayIsInRodW1ibmFpbCIsImkxOG4iLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJjbGFzc2VzIiwiZmlsdGVyIiwiQm9vbGVhbiIsImpvaW4iLCJ0aXRsZSIsImZvcm1hdERvY1RpdGxlIiwidXNlQXNUaXRsZSIsImFkbWluIiwiZmlsZW5hbWUiLCJidXR0b24iLCJ0eXBlIiwiZGl2IiwiVGh1bWJuYWlsIiwic2l6ZSJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFXYUE7OztlQUFBQTs7OzhEQVhLOzZCQUlhO2dDQUNBO2tFQUNUO1FBQ2Y7Ozs7OztBQUVQLE1BQU1DLFlBQVk7QUFFWCxNQUFNRCxnQkFBaUMsQ0FBQ0U7SUFDN0MsTUFBTSxFQUNKQyxVQUFVLEVBQ1ZDLFNBQVMsRUFDVEMsVUFBVSxFQUNWQyxHQUFHLEVBQ0hDLE9BQU9DLGNBQWMsRUFDckJDLE9BQU8sRUFDUEMsU0FBUyxFQUNWLEdBQUdSO0lBRUosTUFBTSxFQUFFUyxJQUFJLEVBQUVDLENBQUMsRUFBRSxHQUFHQyxJQUFBQSwyQkFBYztJQUVsQyxNQUFNQyxVQUFVO1FBQ2RiO1FBQ0FHO1FBQ0EsT0FBT0ssWUFBWSxjQUFjLENBQUMsRUFBRVIsVUFBVSxjQUFjLENBQUM7UUFDN0RFLGNBQWMsQ0FBQyxFQUFFRixVQUFVLGNBQWMsRUFBRUUsV0FBVyxDQUFDO0tBQ3hELENBQ0VZLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO0lBRVIsSUFBSUMsUUFBUVY7SUFFWixJQUFJLENBQUNVLE9BQU87UUFDVkEsUUFDRUMsSUFBQUEsOEJBQWMsRUFBQztZQUNiYjtZQUNBSztZQUNBUyxZQUFZZixZQUFZZ0IsT0FBT0Q7UUFDakMsTUFDQ2QsS0FBS2dCLFlBQ04sQ0FBQyxDQUFDLEVBQUVWLEVBQUUsb0JBQW9CLENBQUMsQ0FBQztJQUNoQztJQUVBLHFCQUNFLDZCQUFDVztRQUFPbkIsV0FBV1U7UUFBU0wsU0FBU0E7UUFBU1MsT0FBT0E7UUFBT00sTUFBSztxQkFDL0QsNkJBQUNDO1FBQUlyQixXQUFXLENBQUMsRUFBRUgsVUFBVSxXQUFXLENBQUM7T0FDdENTLGFBQWFBLFdBQ2IsQ0FBQ0EsYUFBYUwsY0FBY0MscUJBQU8sNkJBQUNvQixrQkFBUztRQUFDcEIsS0FBS0E7UUFBS3FCLE1BQUs7dUJBRWhFLDZCQUFDRjtRQUFJckIsV0FBVyxDQUFDLEVBQUVILFVBQVUsT0FBTyxDQUFDO09BQUdpQjtBQUc5QyJ9
+//# sourceMappingURL=index.js.map

package/dist/elements/ThumbnailCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/ThumbnailCard/index.tsx"],"sourcesContent":["import type { SanitizedCollectionConfig, TypeWithID } from 'payload/types'\n\nimport React from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDocTitle } from '../../utilities/formatDocTitle.js'\nimport './index.scss'\n\nexport type ThumbnailCardProps = {\n  alignLabel?: 'center' | 'left'\n  className?: string\n  collection?: SanitizedCollectionConfig\n  doc?: TypeWithID & { filename?: string }\n  label?: string\n  onClick?: () => void\n  onKeyDown?: () => void\n  thumbnail: React.ReactNode\n}\n\nconst baseClass = 'thumbnail-card'\n\nexport const ThumbnailCard: React.FC<ThumbnailCardProps> = (props) => {\n  const {\n    alignLabel,\n    className,\n    collection,\n    doc,\n    label: labelFromProps,\n    onClick,\n    thumbnail,\n  } = props\n\n  const config = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const classes = [\n    baseClass,\n    className,\n    typeof onClick === 'function' && `${baseClass}--has-on-click`,\n    alignLabel && `${baseClass}--align-label-${alignLabel}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let title = labelFromProps\n\n  if (!title) {\n    title = formatDocTitle({\n      collectionConfig: collection,\n      data: doc,\n      dateFormat: config.admin.dateFormat,\n      fallback: doc?.filename,\n      i18n,\n    })\n  }\n\n  return (\n    <button className={classes} onClick={onClick} title={title} type=\"button\">\n      <div className={`${baseClass}__thumbnail`}>{thumbnail}</div>\n      <div className={`${baseClass}__label`}>{title}</div>\n    </button>\n  )\n}\n"],"names":["React","useConfig","useTranslation","formatDocTitle","baseClass","ThumbnailCard","props","alignLabel","className","collection","doc","label","labelFromProps","onClick","thumbnail","config","i18n","classes","filter","Boolean","join","title","collectionConfig","data","dateFormat","admin","fallback","filename","button","type","div"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,oCAAmC;AAclE,MAAMC,YAAY;AAElB,OAAO,MAAMC,gBAA8C,CAACC;IAC1D,MAAM,EACJC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,GAAG,EACHC,OAAOC,cAAc,EACrBC,OAAO,EACPC,SAAS,EACV,GAAGR;IAEJ,MAAMS,SAASd;IAEf,MAAM,EAAEe,IAAI,EAAE,GAAGd;IAEjB,MAAMe,UAAU;QACdb;QACAI;QACA,OAAOK,YAAY,cAAc,CAAC,EAAET,UAAU,cAAc,CAAC;QAC7DG,cAAc,CAAC,EAAEH,UAAU,cAAc,EAAEG,WAAW,CAAC;KACxD,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIC,QAAQT;IAEZ,IAAI,CAACS,OAAO;QACVA,QAAQlB,eAAe;YACrBmB,kBAAkBb;YAClBc,MAAMb;YACNc,YAAYT,OAAOU,KAAK,CAACD,UAAU;YACnCE,UAAUhB,KAAKiB;YACfX;QACF;IACF;IAEA,qBACE,oBAACY;QAAOpB,WAAWS;QAASJ,SAASA;QAASQ,OAAOA;QAAOQ,MAAK;qBAC/D,oBAACC;QAAItB,WAAW,CAAC,EAAEJ,UAAU,WAAW,CAAC;OAAGU,0BAC5C,oBAACgB;QAAItB,WAAW,CAAC,EAAEJ,UAAU,OAAO,CAAC;OAAGiB;AAG9C,EAAC"}

package/dist/elements/Tooltip/index.d.ts

@@ -1,5 +1,12 @@
 import React from 'react';
-import type { Props } from './types';
 import './index.scss';
+export type Props = {
+    alignCaret?: 'center' | 'left' | 'right';
+    boundingRef?: React.RefObject<HTMLElement>;
+    children: React.ReactNode;
+    className?: string;
+    delay?: number;
+    show?: boolean;
+};
 export declare const Tooltip: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Tooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAGpC,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuEnC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Tooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuEnC,CAAA"}