payload 1.15.6 → 2.0.0-beta.1

package/dist/admin/components/elements/TableColumns/index.js

@@ -1,155 +1,227 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+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;
+    },
+    useTableColumns: function() {
+        return useTableColumns;
+    },
+    TableColumnsProvider: function() {
+        return TableColumnsProvider;
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableColumnsProvider = exports.useTableColumns = exports.TableColumnContext = void 0;
-const react_1 = __importStar(require("react"));
-const Preferences_1 = require("../../utilities/Preferences");
-const buildColumns_1 = __importDefault(require("./buildColumns"));
-const columnReducer_1 = require("./columnReducer");
-const getInitialColumns_1 = __importDefault(require("./getInitialColumns"));
-const formatFields_1 = __importDefault(require("../../views/collections/List/formatFields"));
-exports.TableColumnContext = (0, react_1.createContext)({});
-const useTableColumns = () => (0, react_1.useContext)(exports.TableColumnContext);
-exports.useTableColumns = useTableColumns;
-const TableColumnsProvider = ({ children, cellProps, collection, collection: { admin: { useAsTitle, defaultColumns, }, }, }) => {
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _Preferences = require("../../utilities/Preferences");
+const _formatFields = /*#__PURE__*/ _interop_require_default(require("../../views/collections/List/formatFields"));
+const _buildColumns = /*#__PURE__*/ _interop_require_default(require("./buildColumns"));
+const _columnReducer = require("./columnReducer");
+const _getInitialColumns = /*#__PURE__*/ _interop_require_default(require("./getInitialColumns"));
+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 = {};
+    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, collection: { admin: { defaultColumns, useAsTitle } }, collection })=>{
     const preferenceKey = `${collection.slug}-list`;
-    const prevCollection = (0, react_1.useRef)();
-    const hasInitialized = (0, react_1.useRef)(false);
-    const { getPreference, setPreference } = (0, Preferences_1.usePreferences)();
-    const [formattedFields] = (0, react_1.useState)(() => (0, formatFields_1.default)(collection));
-    const [tableColumns, dispatchTableColumns] = (0, react_1.useReducer)(columnReducer_1.columnReducer, {}, () => {
-        const initialColumns = (0, getInitialColumns_1.default)(formattedFields, useAsTitle, defaultColumns);
-        return (0, buildColumns_1.default)({
-            collection,
-            columns: initialColumns.map((column) => ({
-                accessor: column,
-                active: true,
-            })),
+    const prevCollection = (0, _react.useRef)();
+    const hasInitialized = (0, _react.useRef)(false);
+    const { getPreference, setPreference } = (0, _Preferences.usePreferences)();
+    const [formattedFields] = (0, _react.useState)(()=>(0, _formatFields.default)(collection));
+    const [tableColumns, dispatchTableColumns] = (0, _react.useReducer)(_columnReducer.columnReducer, {}, ()=>{
+        const initialColumns = (0, _getInitialColumns.default)(formattedFields, useAsTitle, defaultColumns);
+        return (0, _buildColumns.default)({
             cellProps,
+            collection,
+            columns: initialColumns.map((column)=>({
+                    accessor: column,
+                    active: true
+                }))
         });
     });
     // /////////////////////////////////////
     // Sync preferences on collection change
     // /////////////////////////////////////
-    (0, react_1.useEffect)(() => {
-        const sync = async () => {
+    (0, _react.useEffect)(()=>{
+        const sync = async ()=>{
             const collectionHasChanged = prevCollection.current !== collection.slug;
             if (collectionHasChanged) {
                 hasInitialized.current = false;
                 const currentPreferences = await getPreference(preferenceKey);
                 prevCollection.current = collection.slug;
-                const initialColumns = (0, getInitialColumns_1.default)(formattedFields, useAsTitle, defaultColumns);
-                const newCols = (currentPreferences === null || currentPreferences === void 0 ? void 0 : currentPreferences.columns) || initialColumns;
+                const initialColumns = (0, _getInitialColumns.default)(formattedFields, useAsTitle, defaultColumns);
+                const newCols = currentPreferences?.columns || initialColumns;
                 dispatchTableColumns({
-                    type: 'set',
                     payload: {
-                        columns: newCols.map((column) => {
+                        cellProps,
+                        collection: {
+                            ...collection,
+                            fields: (0, _formatFields.default)(collection)
+                        },
+                        columns: newCols.map((column)=>{
                             // 'string' is for backwards compatibility
                             // the preference used to be stored as an array of strings
                             if (typeof column === 'string') {
                                 return {
                                     accessor: column,
-                                    active: true,
+                                    active: true
                                 };
                             }
                             return column;
-                        }),
-                        collection: { ...collection, fields: (0, formatFields_1.default)(collection) },
-                        cellProps,
+                        })
                     },
+                    type: 'set'
                 });
                 hasInitialized.current = true;
             }
         };
         sync();
-    }, [preferenceKey, setPreference, tableColumns, getPreference, useAsTitle, defaultColumns, collection, cellProps, formattedFields]);
+    }, [
+        preferenceKey,
+        setPreference,
+        tableColumns,
+        getPreference,
+        useAsTitle,
+        defaultColumns,
+        collection,
+        cellProps,
+        formattedFields
+    ]);
     // /////////////////////////////////////
     // Set preferences on column change
     // /////////////////////////////////////
-    (0, react_1.useEffect)(() => {
-        if (!hasInitialized.current)
-            return;
-        const sync = async () => {
+    (0, _react.useEffect)(()=>{
+        if (!hasInitialized.current) return;
+        const sync = async ()=>{
             const currentPreferences = await getPreference(preferenceKey);
             const newPreferences = {
                 ...currentPreferences,
-                columns: tableColumns.map((c) => ({
-                    accessor: c.accessor,
-                    active: c.active,
-                })),
+                columns: tableColumns.map((c)=>({
+                        accessor: c.accessor,
+                        active: c.active
+                    }))
             };
             setPreference(preferenceKey, newPreferences);
         };
         sync();
-    }, [tableColumns, preferenceKey, setPreference, getPreference]);
-    const setActiveColumns = (0, react_1.useCallback)((columns) => {
+    }, [
+        tableColumns,
+        preferenceKey,
+        setPreference,
+        getPreference
+    ]);
+    const setActiveColumns = (0, _react.useCallback)((columns)=>{
         dispatchTableColumns({
-            type: 'set',
             payload: {
-                collection: { ...collection, fields: (0, formatFields_1.default)(collection) },
-                columns: columns.map((column) => ({
-                    accessor: column,
-                    active: true,
-                })),
                 // onSelect,
                 cellProps,
+                collection: {
+                    ...collection,
+                    fields: (0, _formatFields.default)(collection)
+                },
+                columns: columns.map((column)=>({
+                        accessor: column,
+                        active: true
+                    }))
             },
+            type: 'set'
         });
-    }, [collection, cellProps]);
-    const moveColumn = (0, react_1.useCallback)((args) => {
+    }, [
+        collection,
+        cellProps
+    ]);
+    const moveColumn = (0, _react.useCallback)((args)=>{
         const { fromIndex, toIndex } = args;
         dispatchTableColumns({
-            type: 'move',
             payload: {
-                fromIndex,
-                toIndex,
-                collection: { ...collection, fields: (0, formatFields_1.default)(collection) },
                 cellProps,
+                collection: {
+                    ...collection,
+                    fields: (0, _formatFields.default)(collection)
+                },
+                fromIndex,
+                toIndex
             },
+            type: 'move'
         });
-    }, [collection, cellProps]);
-    const toggleColumn = (0, react_1.useCallback)((column) => {
+    }, [
+        collection,
+        cellProps
+    ]);
+    const toggleColumn = (0, _react.useCallback)((column)=>{
         dispatchTableColumns({
-            type: 'toggle',
             payload: {
-                column,
-                collection: { ...collection, fields: (0, formatFields_1.default)(collection) },
                 cellProps,
+                collection: {
+                    ...collection,
+                    fields: (0, _formatFields.default)(collection)
+                },
+                column
             },
+            type: 'toggle'
         });
-    }, [collection, cellProps]);
-    return (react_1.default.createElement(exports.TableColumnContext.Provider, { value: {
+    }, [
+        collection,
+        cellProps
+    ]);
+    return /*#__PURE__*/ _react.default.createElement(TableColumnContext.Provider, {
+        value: {
             columns: tableColumns,
             dispatchTableColumns,
-            setActiveColumns,
             moveColumn,
-            toggleColumn,
-        } }, children));
+            setActiveColumns,
+            toggleColumn
+        }
+    }, children);
 };
-exports.TableColumnsProvider = TableColumnsProvider;
-//# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL1RhYmxlQ29sdW1ucy9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7XG4gIGNyZWF0ZUNvbnRleHQsXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VDb250ZXh0LFxuICB1c2VFZmZlY3QsXG4gIHVzZVJlZHVjZXIsXG4gIHVzZVJlZixcbiAgdXNlU3RhdGUsXG59IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IFNhbml0aXplZENvbGxlY3Rpb25Db25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9jb2xsZWN0aW9ucy9jb25maWcvdHlwZXMnXG5pbXBvcnQgdHlwZSB7IEZpZWxkIH0gZnJvbSAnLi4vLi4vLi4vLi4vZmllbGRzL2NvbmZpZy90eXBlcydcbmltcG9ydCB0eXBlIHsgUHJvcHMgYXMgQ2VsbFByb3BzIH0gZnJvbSAnLi4vLi4vdmlld3MvY29sbGVjdGlvbnMvTGlzdC9DZWxsL3R5cGVzJ1xuaW1wb3J0IHR5cGUgeyBMaXN0UHJlZmVyZW5jZXMgfSBmcm9tICcuLi8uLi92aWV3cy9jb2xsZWN0aW9ucy9MaXN0L3R5cGVzJ1xuaW1wb3J0IHR5cGUgeyBDb2x1bW4gfSBmcm9tICcuLi9UYWJsZS90eXBlcydcbmltcG9ydCB0eXBlIHsgQWN0aW9uIH0gZnJvbSAnLi9jb2x1bW5SZWR1Y2VyJ1xuXG5pbXBvcnQgeyB1c2VQcmVmZXJlbmNlcyB9IGZyb20gJy4uLy4uL3V0aWxpdGllcy9QcmVmZXJlbmNlcydcbmltcG9ydCBmb3JtYXRGaWVsZHMgZnJvbSAnLi4vLi4vdmlld3MvY29sbGVjdGlvbnMvTGlzdC9mb3JtYXRGaWVsZHMnXG5pbXBvcnQgYnVpbGRDb2x1bW5zIGZyb20gJy4vYnVpbGRDb2x1bW5zJ1xuaW1wb3J0IHsgY29sdW1uUmVkdWNlciB9IGZyb20gJy4vY29sdW1uUmVkdWNlcidcbmltcG9ydCBnZXRJbml0aWFsQ29sdW1uU3RhdGUgZnJvbSAnLi9nZXRJbml0aWFsQ29sdW1ucydcblxuZXhwb3J0IGludGVyZmFjZSBJVGFibGVDb2x1bW5zIHtcbiAgY29sdW1uczogQ29sdW1uW11cbiAgZGlzcGF0Y2hUYWJsZUNvbHVtbnM6IFJlYWN0LkRpc3BhdGNoPEFjdGlvbj5cbiAgbW92ZUNvbHVtbjogKGFyZ3M6IHsgZnJvbUluZGV4OiBudW1iZXI7IHRvSW5kZXg6IG51bWJlciB9KSA9PiB2b2lkXG4gIHNldEFjdGl2ZUNvbHVtbnM6IChjb2x1bW5zOiBzdHJpbmdbXSkgPT4gdm9pZFxuICB0b2dnbGVDb2x1bW46IChjb2x1bW46IHN0cmluZykgPT4gdm9pZFxufVxuXG5leHBvcnQgY29uc3QgVGFibGVDb2x1bW5Db250ZXh0ID0gY3JlYXRlQ29udGV4dDxJVGFibGVDb2x1bW5zPih7fSBhcyBJVGFibGVDb2x1bW5zKVxuXG5leHBvcnQgY29uc3QgdXNlVGFibGVDb2x1bW5zID0gKCk6IElUYWJsZUNvbHVtbnMgPT4gdXNlQ29udGV4dChUYWJsZUNvbHVtbkNvbnRleHQpXG5cbmV4cG9ydCBjb25zdCBUYWJsZUNvbHVtbnNQcm92aWRlcjogUmVhY3QuRkM8e1xuICBjZWxsUHJvcHM/OiBQYXJ0aWFsPENlbGxQcm9wcz5bXVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG4gIGNvbGxlY3Rpb246IFNhbml0aXplZENvbGxlY3Rpb25Db25maWdcbn0+ID0gKHtcbiAgY2VsbFByb3BzLFxuICBjaGlsZHJlbixcbiAgY29sbGVjdGlvbjoge1xuICAgIGFkbWluOiB7IGRlZmF1bHRDb2x1bW5zLCB1c2VBc1RpdGxlIH0sXG4gIH0sXG4gIGNvbGxlY3Rpb24sXG59KSA9PiB7XG4gIGNvbnN0IHByZWZlcmVuY2VLZXkgPSBgJHtjb2xsZWN0aW9uLnNsdWd9LWxpc3RgXG4gIGNvbnN0IHByZXZDb2xsZWN0aW9uID0gdXNlUmVmPFNhbml0aXplZENvbGxlY3Rpb25Db25maWdbJ3NsdWcnXT4oKVxuICBjb25zdCBoYXNJbml0aWFsaXplZCA9IHVzZVJlZihmYWxzZSlcbiAgY29uc3QgeyBnZXRQcmVmZXJlbmNlLCBzZXRQcmVmZXJlbmNlIH0gPSB1c2VQcmVmZXJlbmNlcygpXG4gIGNvbnN0IFtmb3JtYXR0ZWRGaWVsZHNdID0gdXNlU3RhdGU8RmllbGRbXT4oKCkgPT4gZm9ybWF0RmllbGRzKGNvbGxlY3Rpb24pKVxuXG4gIGNvbnN0IFt0YWJsZUNvbHVtbnMsIGRpc3BhdGNoVGFibGVDb2x1bW5zXSA9IHVzZVJlZHVjZXIoY29sdW1uUmVkdWNlciwge30sICgpID0+IHtcbiAgICBjb25zdCBpbml0aWFsQ29sdW1ucyA9IGdldEluaXRpYWxDb2x1bW5TdGF0ZShmb3JtYXR0ZWRGaWVsZHMsIHVzZUFzVGl0bGUsIGRlZmF1bHRDb2x1bW5zKVxuXG4gICAgcmV0dXJuIGJ1aWxkQ29sdW1ucyh7XG4gICAgICBjZWxsUHJvcHMsXG4gICAgICBjb2xsZWN0aW9uLFxuICAgICAgY29sdW1uczogaW5pdGlhbENvbHVtbnMubWFwKChjb2x1bW4pID0+ICh7XG4gICAgICAgIGFjY2Vzc29yOiBjb2x1bW4sXG4gICAgICAgIGFjdGl2ZTogdHJ1ZSxcbiAgICAgIH0pKSxcbiAgICB9KVxuICB9KVxuXG4gIC8vIC8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy9cbiAgLy8gU3luYyBwcmVmZXJlbmNlcyBvbiBjb2xsZWN0aW9uIGNoYW5nZVxuICAvLyAvLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBzeW5jID0gYXN5bmMgKCkgPT4ge1xuICAgICAgY29uc3QgY29sbGVjdGlvbkhhc0NoYW5nZWQgPSBwcmV2Q29sbGVjdGlvbi5jdXJyZW50ICE9PSBjb2xsZWN0aW9uLnNsdWdcblxuICAgICAgaWYgKGNvbGxlY3Rpb25IYXNDaGFuZ2VkKSB7XG4gICAgICAgIGhhc0luaXRpYWxpemVkLmN1cnJlbnQgPSBmYWxzZVxuXG4gICAgICAgIGNvbnN0IGN1cnJlbnRQcmVmZXJlbmNlcyA9IGF3YWl0IGdldFByZWZlcmVuY2U8TGlzdFByZWZlcmVuY2VzPihwcmVmZXJlbmNlS2V5KVxuICAgICAgICBwcmV2Q29sbGVjdGlvbi5jdXJyZW50ID0gY29sbGVjdGlvbi5zbHVnXG4gICAgICAgIGNvbnN0IGluaXRpYWxDb2x1bW5zID0gZ2V0SW5pdGlhbENvbHVtblN0YXRlKGZvcm1hdHRlZEZpZWxkcywgdXNlQXNUaXRsZSwgZGVmYXVsdENvbHVtbnMpXG4gICAgICAgIGNvbnN0IG5ld0NvbHMgPSBjdXJyZW50UHJlZmVyZW5jZXM/LmNvbHVtbnMgfHwgaW5pdGlhbENvbHVtbnNcblxuICAgICAgICBkaXNwYXRjaFRhYmxlQ29sdW1ucyh7XG4gICAgICAgICAgcGF5bG9hZDoge1xuICAgICAgICAgICAgY2VsbFByb3BzLFxuICAgICAgICAgICAgY29sbGVjdGlvbjogeyAuLi5jb2xsZWN0aW9uLCBmaWVsZHM6IGZvcm1hdEZpZWxkcyhjb2xsZWN0aW9uKSB9LFxuICAgICAgICAgICAgY29sdW1uczogbmV3Q29scy5tYXAoKGNvbHVtbikgPT4ge1xuICAgICAgICAgICAgICAvLyAnc3RyaW5nJyBpcyBmb3IgYmFja3dhcmRzIGNvbXBhdGliaWxpdHlcbiAgICAgICAgICAgICAgLy8gdGhlIHByZWZlcmVuY2UgdXNlZCB0byBiZSBzdG9yZWQgYXMgYW4gYXJyYXkgb2Ygc3RyaW5nc1xuICAgICAgICAgICAgICBpZiAodHlwZW9mIGNvbHVtbiA9PT0gJ3N0cmluZycpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgICAgYWNjZXNzb3I6IGNvbHVtbixcbiAgICAgICAgICAgICAgICAgIGFjdGl2ZTogdHJ1ZSxcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgcmV0dXJuIGNvbHVtblxuICAgICAgICAgICAgfSksXG4gICAgICAgICAgfSxcbiAgICAgICAgICB0eXBlOiAnc2V0JyxcbiAgICAgICAgfSlcblxuICAgICAgICBoYXNJbml0aWFsaXplZC5jdXJyZW50ID0gdHJ1ZVxuICAgICAgfVxuICAgIH1cblxuICAgIHN5bmMoKVxuICB9LCBbXG4gICAgcHJlZmVyZW5jZUtleSxcbiAgICBzZXRQcmVmZXJlbmNlLFxuICAgIHRhYmxlQ29sdW1ucyxcbiAgICBnZXRQcmVmZXJlbmNlLFxuICAgIHVzZUFzVGl0bGUsXG4gICAgZGVmYXVsdENvbHVtbnMsXG4gICAgY29sbGVjdGlvbixcbiAgICBjZWxsUHJvcHMsXG4gICAgZm9ybWF0dGVkRmllbGRzLFxuICBdKVxuXG4gIC8vIC8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy9cbiAgLy8gU2V0IHByZWZlcmVuY2VzIG9uIGNvbHVtbiBjaGFuZ2VcbiAgLy8gLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFoYXNJbml0aWFsaXplZC5jdXJyZW50KSByZXR1cm5cblxuICAgIGNvbnN0IHN5bmMgPSBhc3luYyAoKSA9PiB7XG4gICAgICBjb25zdCBjdXJyZW50UHJlZmVyZW5jZXMgPSBhd2FpdCBnZXRQcmVmZXJlbmNlPExpc3RQcmVmZXJlbmNlcz4ocHJlZmVyZW5jZUtleSlcblxuICAgICAgY29uc3QgbmV3UHJlZmVyZW5jZXMgPSB7XG4gICAgICAgIC4uLmN1cnJlbnRQcmVmZXJlbmNlcyxcbiAgICAgICAgY29sdW1uczogdGFibGVDb2x1bW5zLm1hcCgoYykgPT4gKHtcbiAgICAgICAgICBhY2Nlc3NvcjogYy5hY2Nlc3NvcixcbiAgICAgICAgICBhY3RpdmU6IGMuYWN0aXZlLFxuICAgICAgICB9KSksXG4gICAgICB9XG5cbiAgICAgIHNldFByZWZlcmVuY2UocHJlZmVyZW5jZUtleSwgbmV3UHJlZmVyZW5jZXMpXG4gICAgfVxuXG4gICAgc3luYygpXG4gIH0sIFt0YWJsZUNvbHVtbnMsIHByZWZlcmVuY2VLZXksIHNldFByZWZlcmVuY2UsIGdldFByZWZlcmVuY2VdKVxuXG4gIGNvbnN0IHNldEFjdGl2ZUNvbHVtbnMgPSB1c2VDYWxsYmFjayhcbiAgICAoY29sdW1uczogc3RyaW5nW10pID0+IHtcbiAgICAgIGRpc3BhdGNoVGFibGVDb2x1bW5zKHtcbiAgICAgICAgcGF5bG9hZDoge1xuICAgICAgICAgIC8vIG9uU2VsZWN0LFxuICAgICAgICAgIGNlbGxQcm9wcyxcbiAgICAgICAgICBjb2xsZWN0aW9uOiB7IC4uLmNvbGxlY3Rpb24sIGZpZWxkczogZm9ybWF0RmllbGRzKGNvbGxlY3Rpb24pIH0sXG4gICAgICAgICAgY29sdW1uczogY29sdW1ucy5tYXAoKGNvbHVtbikgPT4gKHtcbiAgICAgICAgICAgIGFjY2Vzc29yOiBjb2x1bW4sXG4gICAgICAgICAgICBhY3RpdmU6IHRydWUsXG4gICAgICAgICAgfSkpLFxuICAgICAgICB9LFxuICAgICAgICB0eXBlOiAnc2V0JyxcbiAgICAgIH0pXG4gICAgfSxcbiAgICBbY29sbGVjdGlvbiwgY2VsbFByb3BzXSxcbiAgKVxuXG4gIGNvbnN0IG1vdmVDb2x1bW4gPSB1c2VDYWxsYmFjayhcbiAgICAoYXJnczogeyBmcm9tSW5kZXg6IG51bWJlcjsgdG9JbmRleDogbnVtYmVyIH0pID0+IHtcbiAgICAgIGNvbnN0IHsgZnJvbUluZGV4LCB0b0luZGV4IH0gPSBhcmdzXG5cbiAgICAgIGRpc3BhdGNoVGFibGVDb2x1bW5zKHtcbiAgICAgICAgcGF5bG9hZDoge1xuICAgICAgICAgIGNlbGxQcm9wcyxcbiAgICAgICAgICBjb2xsZWN0aW9uOiB7IC4uLmNvbGxlY3Rpb24sIGZpZWxkczogZm9ybWF0RmllbGRzKGNvbGxlY3Rpb24pIH0sXG4gICAgICAgICAgZnJvbUluZGV4LFxuICAgICAgICAgIHRvSW5kZXgsXG4gICAgICAgIH0sXG4gICAgICAgIHR5cGU6ICdtb3ZlJyxcbiAgICAgIH0pXG4gICAgfSxcbiAgICBbY29sbGVjdGlvbiwgY2VsbFByb3BzXSxcbiAgKVxuXG4gIGNvbnN0IHRvZ2dsZUNvbHVtbiA9IHVzZUNhbGxiYWNrKFxuICAgIChjb2x1bW46IHN0cmluZykgPT4ge1xuICAgICAgZGlzcGF0Y2hUYWJsZUNvbHVtbnMoe1xuICAgICAgICBwYXlsb2FkOiB7XG4gICAgICAgICAgY2VsbFByb3BzLFxuICAgICAgICAgIGNvbGxlY3Rpb246IHsgLi4uY29sbGVjdGlvbiwgZmllbGRzOiBmb3JtYXRGaWVsZHMoY29sbGVjdGlvbikgfSxcbiAgICAgICAgICBjb2x1bW4sXG4gICAgICAgIH0sXG4gICAgICAgIHR5cGU6ICd0b2dnbGUnLFxuICAgICAgfSlcbiAgICB9LFxuICAgIFtjb2xsZWN0aW9uLCBjZWxsUHJvcHNdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8VGFibGVDb2x1bW5Db250ZXh0LlByb3ZpZGVyXG4gICAgICB2YWx1ZT17e1xuICAgICAgICBjb2x1bW5zOiB0YWJsZUNvbHVtbnMsXG4gICAgICAgIGRpc3BhdGNoVGFibGVDb2x1bW5zLFxuICAgICAgICBtb3ZlQ29sdW1uLFxuICAgICAgICBzZXRBY3RpdmVDb2x1bW5zLFxuICAgICAgICB0b2dnbGVDb2x1bW4sXG4gICAgICB9fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhYmxlQ29sdW1uQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIlRhYmxlQ29sdW1uQ29udGV4dCIsInVzZVRhYmxlQ29sdW1ucyIsIlRhYmxlQ29sdW1uc1Byb3ZpZGVyIiwiY3JlYXRlQ29udGV4dCIsInVzZUNvbnRleHQiLCJjZWxsUHJvcHMiLCJjaGlsZHJlbiIsImNvbGxlY3Rpb24iLCJhZG1pbiIsImRlZmF1bHRDb2x1bW5zIiwidXNlQXNUaXRsZSIsInByZWZlcmVuY2VLZXkiLCJzbHVnIiwicHJldkNvbGxlY3Rpb24iLCJ1c2VSZWYiLCJoYXNJbml0aWFsaXplZCIsImdldFByZWZlcmVuY2UiLCJzZXRQcmVmZXJlbmNlIiwidXNlUHJlZmVyZW5jZXMiLCJmb3JtYXR0ZWRGaWVsZHMiLCJ1c2VTdGF0ZSIsImZvcm1hdEZpZWxkcyIsInRhYmxlQ29sdW1ucyIsImRpc3BhdGNoVGFibGVDb2x1bW5zIiwidXNlUmVkdWNlciIsImNvbHVtblJlZHVjZXIiLCJpbml0aWFsQ29sdW1ucyIsImdldEluaXRpYWxDb2x1bW5TdGF0ZSIsImJ1aWxkQ29sdW1ucyIsImNvbHVtbnMiLCJtYXAiLCJjb2x1bW4iLCJhY2Nlc3NvciIsImFjdGl2ZSIsInVzZUVmZmVjdCIsInN5bmMiLCJjb2xsZWN0aW9uSGFzQ2hhbmdlZCIsImN1cnJlbnQiLCJjdXJyZW50UHJlZmVyZW5jZXMiLCJuZXdDb2xzIiwicGF5bG9hZCIsImZpZWxkcyIsInR5cGUiLCJuZXdQcmVmZXJlbmNlcyIsImMiLCJzZXRBY3RpdmVDb2x1bW5zIiwidXNlQ2FsbGJhY2siLCJtb3ZlQ29sdW1uIiwiYXJncyIsImZyb21JbmRleCIsInRvSW5kZXgiLCJ0b2dnbGVDb2x1bW4iLCJQcm92aWRlciIsInZhbHVlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztJQStCYUEsa0JBQWtCO2VBQWxCQTs7SUFFQUMsZUFBZTtlQUFmQTs7SUFFQUMsb0JBQW9CO2VBQXBCQTs7OytEQTNCTjs2QkFTd0I7cUVBQ047cUVBQ0E7K0JBQ0s7MEVBQ0k7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQVUzQixNQUFNRixtQ0FBcUJHLElBQUFBLG9CQUFhLEVBQWdCLENBQUM7QUFFekQsTUFBTUYsa0JBQWtCLElBQXFCRyxJQUFBQSxpQkFBVSxFQUFDSjtBQUV4RCxNQUFNRSx1QkFJUixDQUFDLEVBQ0pHLFNBQVMsRUFDVEMsUUFBUSxFQUNSQyxZQUFZLEVBQ1ZDLE9BQU8sRUFBRUMsY0FBYyxFQUFFQyxVQUFVLEVBQUUsRUFDdEMsRUFDREgsVUFBVSxFQUNYO0lBQ0MsTUFBTUksZ0JBQWdCLENBQUMsRUFBRUosV0FBV0ssSUFBSSxDQUFDLEtBQUssQ0FBQztJQUMvQyxNQUFNQyxpQkFBaUJDLElBQUFBLGFBQU07SUFDN0IsTUFBTUMsaUJBQWlC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

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

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Props } from './types';
+import type { Props } from './types';
 import './index.scss';
 declare const Thumbnail: React.FC<Props>;
 export default Thumbnail;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Thumbnail/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmB9B,CAAA;AACD,eAAe,SAAS,CAAA"}

package/dist/admin/components/elements/Thumbnail/index.js

@@ -1,24 +1,38 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const File_1 = __importDefault(require("../../graphics/File"));
-const useThumbnail_1 = __importDefault(require("../../../hooks/useThumbnail"));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _useThumbnail = /*#__PURE__*/ _interop_require_default(require("../../../hooks/useThumbnail"));
+const _File = /*#__PURE__*/ _interop_require_default(require("../../graphics/File"));
 require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const baseClass = 'thumbnail';
-const Thumbnail = (props) => {
-    const { doc, doc: { filename, }, collection, size, className = '', } = props;
-    const thumbnailSRC = (0, useThumbnail_1.default)(collection, doc);
+const Thumbnail = (props)=>{
+    const { className = '', collection, doc: { filename }, doc, size } = props;
+    const thumbnailSRC = (0, _useThumbnail.default)(collection, doc);
     const classes = [
         baseClass,
         `${baseClass}--size-${size || 'medium'}`,
-        className,
+        className
     ].join(' ');
-    return (react_1.default.createElement("div", { className: classes },
-        thumbnailSRC && (react_1.default.createElement("img", { src: thumbnailSRC, alt: filename })),
-        !thumbnailSRC && (react_1.default.createElement(File_1.default, null))));
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: classes
+    }, thumbnailSRC && /*#__PURE__*/ _react.default.createElement("img", {
+        alt: filename,
+        src: thumbnailSRC
+    }), !thumbnailSRC && /*#__PURE__*/ _react.default.createElement(_File.default, null));
 };
-exports.default = Thumbnail;
-//# sourceMappingURL=index.js.map
+const _default = Thumbnail;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL1RodW1ibmFpbC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IHVzZVRodW1ibmFpbCBmcm9tICcuLi8uLi8uLi9ob29rcy91c2VUaHVtYm5haWwnXG5pbXBvcnQgRmlsZUdyYXBoaWMgZnJvbSAnLi4vLi4vZ3JhcGhpY3MvRmlsZSdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAndGh1bWJuYWlsJ1xuXG5jb25zdCBUaHVtYm5haWw6IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgY2xhc3NOYW1lID0gJycsXG4gICAgY29sbGVjdGlvbixcbiAgICBkb2M6IHsgZmlsZW5hbWUgfSxcbiAgICBkb2MsXG4gICAgc2l6ZSxcbiAgfSA9IHByb3BzXG5cbiAgY29uc3QgdGh1bWJuYWlsU1JDID0gdXNlVGh1bWJuYWlsKGNvbGxlY3Rpb24sIGRvYylcblxuICBjb25zdCBjbGFzc2VzID0gW2Jhc2VDbGFzcywgYCR7YmFzZUNsYXNzfS0tc2l6ZS0ke3NpemUgfHwgJ21lZGl1bSd9YCwgY2xhc3NOYW1lXS5qb2luKCcgJylcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzfT5cbiAgICAgIHt0aHVtYm5haWxTUkMgJiYgPGltZyBhbHQ9e2ZpbGVuYW1lIGFzIHN0cmluZ30gc3JjPXt0aHVtYm5haWxTUkN9IC8+fVxuICAgICAgeyF0aHVtYm5haWxTUkMgJiYgPEZpbGVHcmFwaGljIC8+fVxuICAgIDwvZGl2PlxuICApXG59XG5leHBvcnQgZGVmYXVsdCBUaHVtYm5haWxcbiJdLCJuYW1lcyI6WyJiYXNlQ2xhc3MiLCJUaHVtYm5haWwiLCJwcm9wcyIsImNsYXNzTmFtZSIsImNvbGxlY3Rpb24iLCJkb2MiLCJmaWxlbmFtZSIsInNpemUiLCJ0aHVtYm5haWxTUkMiLCJ1c2VUaHVtYm5haWwiLCJjbGFzc2VzIiwiam9pbiIsImRpdiIsImltZyIsImFsdCIsInNyYyIsIkZpbGVHcmFwaGljIl0sIm1hcHBpbmdzIjoiOzs7OytCQThCQTs7O2VBQUE7Ozs4REE5QmtCO3FFQUlPOzZEQUNEO1FBQ2pCOzs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLFlBQTZCLENBQUNDO0lBQ2xDLE1BQU0sRUFDSkMsWUFBWSxFQUFFLEVBQ2RDLFVBQVUsRUFDVkMsS0FBSyxFQUFFQyxRQUFRLEVBQUUsRUFDakJELEdBQUcsRUFDSEUsSUFBSSxFQUNMLEdBQUdMO0lBRUosTUFBTU0sZUFBZUMsSUFBQUEscUJBQVksRUFBQ0wsWUFBWUM7SUFFOUMsTUFBTUssVUFBVTtRQUFDVjtRQUFXLENBQUMsRUFBRUEsVUFBVSxPQUFPLEVBQUVPLFFBQVEsU0FBUyxDQUFDO1FBQUVKO0tBQVUsQ0FBQ1EsSUFBSSxDQUFDO0lBRXRGLHFCQUNFLDZCQUFDQztRQUFJVCxXQUFXTztPQUNiRiw4QkFBZ0IsNkJBQUNLO1FBQUlDLEtBQUtSO1FBQW9CUyxLQUFLUDtRQUNuRCxDQUFDQSw4QkFBZ0IsNkJBQUNRLGFBQVc7QUFHcEM7TUFDQSxXQUFlZiJ9

package/dist/admin/components/elements/Thumbnail/index.scss

@@ -6,7 +6,8 @@
   align-self: stretch;
   overflow: hidden;
 
-  img, svg {
+  img,
+  svg {
     width: 100%;
     height: 100%;
     object-fit: cover;
@@ -18,7 +19,8 @@
     padding-top: 100%;
     position: relative;
 
-    img, svg {
+    img,
+    svg {
       position: absolute;
       top: 0;
     }

package/dist/admin/components/elements/Thumbnail/types.d.ts

@@ -1,7 +1,8 @@
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+import type { SanitizedCollectionConfig } from '../../../../collections/config/types';
 export type Props = {
-    doc: Record<string, unknown>;
-    collection: SanitizedCollectionConfig;
-    size?: 'small' | 'medium' | 'large' | 'expand';
     className?: string;
+    collection: SanitizedCollectionConfig;
+    doc: Record<string, unknown>;
+    size?: 'expand' | 'large' | 'medium' | 'small';
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/admin/components/elements/Thumbnail/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Thumbnail/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAA;AAErF,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,yBAAyB,CAAA;IACrC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CAC/C,CAAA"}

package/dist/admin/components/elements/Thumbnail/types.js

@@ -1,3 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

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

@@ -1,4 +1,5 @@
 import React from 'react';
-import { Props } from './types';
+import type { Props } from './types';
 import './index.scss';
 export declare const ThumbnailCard: React.FC<Props>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ThumbnailCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKpC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgDzC,CAAA"}

package/dist/admin/components/elements/ThumbnailCard/index.js

@@ -1,40 +1,58 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThumbnailCard = void 0;
-const react_1 = __importDefault(require("react"));
-const react_i18next_1 = require("react-i18next");
-const Thumbnail_1 = __importDefault(require("../Thumbnail"));
-const Config_1 = require("../../utilities/Config");
-const useTitle_1 = require("../../../hooks/useTitle");
+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 _reacti18next = require("react-i18next");
+const _useTitle = require("../../../hooks/useTitle");
+const _Config = require("../../utilities/Config");
+const _Thumbnail = /*#__PURE__*/ _interop_require_default(require("../Thumbnail"));
 require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const baseClass = 'thumbnail-card';
-const ThumbnailCard = (props) => {
-    const { className, onClick, doc, collection, thumbnail, label: labelFromProps, alignLabel, } = props;
-    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
-    const config = (0, Config_1.useConfig)();
+const ThumbnailCard = (props)=>{
+    const { alignLabel, className, collection, doc, label: labelFromProps, onClick, thumbnail } = props;
+    const { i18n, t } = (0, _reacti18next.useTranslation)('general');
+    const config = (0, _Config.useConfig)();
     const classes = [
         baseClass,
         className,
         typeof onClick === 'function' && `${baseClass}--has-on-click`,
-        alignLabel && `${baseClass}--align-label-${alignLabel}`,
+        alignLabel && `${baseClass}--align-label-${alignLabel}`
     ].filter(Boolean).join(' ');
     let title = labelFromProps;
     if (!title) {
-        title = (0, useTitle_1.formatUseAsTitle)({
-            doc,
+        title = (0, _useTitle.formatUseAsTitle)({
             collection,
-            i18n,
             config,
-        }) || (doc === null || doc === void 0 ? void 0 : doc.filename) || `[${t('untitled')}]`;
+            doc,
+            i18n
+        }) || (doc?.filename) || `[${t('untitled')}]`;
     }
-    return (react_1.default.createElement("button", { type: "button", title: title, className: classes, onClick: onClick },
-        react_1.default.createElement("div", { className: `${baseClass}__thumbnail` },
-            thumbnail && thumbnail,
-            !thumbnail && (collection && doc) && (react_1.default.createElement(Thumbnail_1.default, { size: "expand", doc: doc, collection: collection }))),
-        react_1.default.createElement("div", { className: `${baseClass}__label` }, title)));
+    return /*#__PURE__*/ _react.default.createElement("button", {
+        className: classes,
+        onClick: onClick,
+        title: title,
+        type: "button"
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__thumbnail`
+    }, thumbnail && thumbnail, !thumbnail && collection && doc && /*#__PURE__*/ _react.default.createElement(_Thumbnail.default, {
+        collection: collection,
+        doc: doc,
+        size: "expand"
+    })), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__label`
+    }, title));
 };
-exports.ThumbnailCard = ThumbnailCard;
-//# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL1RodW1ibmFpbENhcmQvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IGZvcm1hdFVzZUFzVGl0bGUgfSBmcm9tICcuLi8uLi8uLi9ob29rcy91c2VUaXRsZSdcbmltcG9ydCB7IHVzZUNvbmZpZyB9IGZyb20gJy4uLy4uL3V0aWxpdGllcy9Db25maWcnXG5pbXBvcnQgVGh1bWJuYWlsIGZyb20gJy4uL1RodW1ibmFpbCdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAndGh1bWJuYWlsLWNhcmQnXG5cbmV4cG9ydCBjb25zdCBUaHVtYm5haWxDYXJkOiBSZWFjdC5GQzxQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIGFsaWduTGFiZWwsXG4gICAgY2xhc3NOYW1lLFxuICAgIGNvbGxlY3Rpb24sXG4gICAgZG9jLFxuICAgIGxhYmVsOiBsYWJlbEZyb21Qcm9wcyxcbiAgICBvbkNsaWNrLFxuICAgIHRodW1ibmFpbCxcbiAgfSA9IHByb3BzXG5cbiAgY29uc3QgeyBpMThuLCB0IH0gPSB1c2VUcmFuc2xhdGlvbignZ2VuZXJhbCcpXG4gIGNvbnN0IGNvbmZpZyA9IHVzZUNvbmZpZygpXG5cbiAgY29uc3QgY2xhc3NlcyA9IFtcbiAgICBiYXNlQ2xhc3MsXG4gICAgY2xhc3NOYW1lLFxuICAgIHR5cGVvZiBvbkNsaWNrID09PSAnZnVuY3Rpb24nICYmIGAke2Jhc2VDbGFzc30tLWhhcy1vbi1jbGlja2AsXG4gICAgYWxpZ25MYWJlbCAmJiBgJHtiYXNlQ2xhc3N9LS1hbGlnbi1sYWJlbC0ke2FsaWduTGFiZWx9YCxcbiAgXVxuICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAuam9pbignICcpXG5cbiAgbGV0IHRpdGxlID0gbGFiZWxGcm9tUHJvcHNcblxuICBpZiAoIXRpdGxlKSB7XG4gICAgdGl0bGUgPVxuICAgICAgZm9ybWF0VXNlQXNUaXRsZSh7XG4gICAgICAgIGNvbGxlY3Rpb24sXG4gICAgICAgIGNvbmZpZyxcbiAgICAgICAgZG9jLFxuICAgICAgICBpMThuLFxuICAgICAgfSkgfHxcbiAgICAgIChkb2M/LmZpbGVuYW1lIGFzIHN0cmluZykgfHxcbiAgICAgIGBbJHt0KCd1bnRpdGxlZCcpfV1gXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxidXR0b24gY2xhc3NOYW1lPXtjbGFzc2VzfSBvbkNsaWNrPXtvbkNsaWNrfSB0aXRsZT17dGl0bGV9IHR5cGU9XCJidXR0b25cIj5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X190aHVtYm5haWxgfT5cbiAgICAgICAge3RodW1ibmFpbCAmJiB0aHVtYm5haWx9XG4gICAgICAgIHshdGh1bWJuYWlsICYmIGNvbGxlY3Rpb24gJiYgZG9jICYmIChcbiAgICAgICAgICA8VGh1bWJuYWlsIGNvbGxlY3Rpb249e2NvbGxlY3Rpb259IGRvYz17ZG9jfSBzaXplPVwiZXhwYW5kXCIgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xhYmVsYH0+e3RpdGxlfTwvZGl2PlxuICAgIDwvYnV0dG9uPlxuICApXG59XG4iXSwibmFtZXMiOlsiVGh1bWJuYWlsQ2FyZCIsImJhc2VDbGFzcyIsInByb3BzIiwiYWxpZ25MYWJlbCIsImNsYXNzTmFtZSIsImNvbGxlY3Rpb24iLCJkb2MiLCJsYWJlbCIsImxhYmVsRnJvbVByb3BzIiwib25DbGljayIsInRodW1ibmFpbCIsImkxOG4iLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJjb25maWciLCJ1c2VDb25maWciLCJjbGFzc2VzIiwiZmlsdGVyIiwiQm9vbGVhbiIsImpvaW4iLCJ0aXRsZSIsImZvcm1hdFVzZUFzVGl0bGUiLCJmaWxlbmFtZSIsImJ1dHRvbiIsInR5cGUiLCJkaXYiLCJUaHVtYm5haWwiLCJzaXplIl0sIm1hcHBpbmdzIjoiOzs7OytCQVlhQTs7O2VBQUFBOzs7OERBWks7OEJBQ2E7MEJBSUU7d0JBQ1A7a0VBQ0o7UUFDZjs7Ozs7O0FBRVAsTUFBTUMsWUFBWTtBQUVYLE1BQU1ELGdCQUFpQyxDQUFDRTtJQUM3QyxNQUFNLEVBQ0pDLFVBQVUsRUFDVkMsU0FBUyxFQUNUQyxVQUFVLEVBQ1ZDLEdBQUcsRUFDSEMsT0FBT0MsY0FBYyxFQUNyQkMsT0FBTyxFQUNQQyxTQUFTLEVBQ1YsR0FBR1I7SUFFSixNQUFNLEVBQUVTLElBQUksRUFBRUMsQ0FBQyxFQUFFLEdBQUdDLElBQUFBLDRCQUFjLEVBQUM7SUFDbkMsTUFBTUMsU0FBU0MsSUFBQUEsaUJBQVM7SUFFeEIsTUFBTUMsVUFBVTtRQUNkZjtRQUNBRztRQUNBLE9BQU9LLFlBQVksY0FBYyxDQUFDLEVBQUVSLFVBQVUsY0FBYyxDQUFDO1FBQzdERSxjQUFjLENBQUMsRUFBRUYsVUFBVSxjQUFjLEVBQUVFLFdBQVcsQ0FBQztLQUN4RCxDQUNFYyxNQUFNLENBQUNDLFNBQ1BDLElBQUksQ0FBQztJQUVSLElBQUlDLFFBQVFaO0lBRVosSUFBSSxDQUFDWSxPQUFPO1FBQ1ZBLFFBQ0VDLElBQUFBLDBCQUFnQixFQUFDO1lBQ2ZoQjtZQUNBUztZQUNBUjtZQUNBSztRQUNGLE1BQ0EsQ0FBQ0wsS0FBS2dCLFFBQWtCLEtBQ3hCLENBQUMsQ0FBQyxFQUFFVixFQUFFLFlBQVksQ0FBQyxDQUFDO0lBQ3hCO0lBRUEscUJBQ0UsNkJBQUNXO1FBQU9uQixXQUFXWTtRQUFTUCxTQUFTQTtRQUFTVyxPQUFPQTtRQUFPSSxNQUFLO3FCQUMvRCw2QkFBQ0M7UUFBSXJCLFdBQVcsQ0FBQyxFQUFFSCxVQUFVLFdBQVcsQ0FBQztPQUN0Q1MsYUFBYUEsV0FDYixDQUFDQSxhQUFhTCxjQUFjQyxxQkFDM0IsNkJBQUNvQixrQkFBUztRQUFDckIsWUFBWUE7UUFBWUMsS0FBS0E7UUFBS3FCLE1BQUs7dUJBR3RELDZCQUFDRjtRQUFJckIsV0FBVyxDQUFDLEVBQUVILFVBQVUsT0FBTyxDQUFDO09BQUdtQjtBQUc5QyJ9

package/dist/admin/components/elements/ThumbnailCard/index.scss

@@ -7,7 +7,7 @@
   background: var(--theme-input-bg);
 
   &__label {
-    padding: base(.5);
+    padding: base(0.5);
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;

package/dist/admin/components/elements/ThumbnailCard/types.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="react" />
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+import type { SanitizedCollectionConfig } from '../../../../collections/config/types';
 export type Props = {
+    alignLabel?: 'center' | 'left';
     className?: string;
     collection?: SanitizedCollectionConfig;
     doc?: Record<string, unknown>;
+    label?: string;
     onClick?: () => void;
     onKeyDown?: () => void;
     thumbnail?: React.ReactNode;
-    label?: string;
-    alignLabel?: 'left' | 'center';
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/admin/components/elements/ThumbnailCard/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ThumbnailCard/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAA;AAErF,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,yBAAyB,CAAA;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B,CAAA"}

package/dist/admin/components/elements/ThumbnailCard/types.js

@@ -1,3 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

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

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Props } from './types';
+import type { Props } from './types';
 import './index.scss';
 declare const Tooltip: React.FC<Props>;
 export default Tooltip;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAGpC,OAAO,cAAc,CAAA;AAErB,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoD5B,CAAA;AAED,eAAe,OAAO,CAAA"}