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

package/dist/elements/FieldSelect/index.js

@@ -1,97 +1,74 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FieldSelect", {
-    enumerable: true,
-    get: function() {
-        return FieldSelect;
-    }
-});
-const _translations = require("@payloadcms/translations");
-const _types = require("payload/types");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _context = require("../../forms/Form/context");
-const _createNestedFieldPath = require("../../forms/Form/createNestedFieldPath");
-const _Label = /*#__PURE__*/ _interop_require_default(require("../../forms/Label"));
-const _Translation = require("../../providers/Translation");
-const _ReactSelect = /*#__PURE__*/ _interop_require_default(require("../ReactSelect"));
-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];
-            }
+import React, { Fragment, useState } from 'react';
+import { FieldLabel } from '../../forms/FieldLabel/index.js';
+import { useForm } from '../../forms/Form/context.js';
+import { createNestedClientFieldPath } from '../../forms/Form/createNestedFieldPath.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { ReactSelect } from '../ReactSelect/index.js';
+const baseClass = 'field-select';
+const combineLabel = ({ customLabel, field, prefix })=>{
+    const CustomLabelToRender = field && 'CustomLabel' in field.fieldComponentProps && field.fieldComponentProps.CustomLabel !== undefined ? field.fieldComponentProps.CustomLabel : null;
+    const DefaultLabelToRender = field && 'labelProps' in field.fieldComponentProps && field.fieldComponentProps.labelProps ? /*#__PURE__*/ React.createElement(FieldLabel, field.fieldComponentProps.labelProps) : null;
+    const LabelToRender = CustomLabelToRender || DefaultLabelToRender || customLabel;
+    if (!LabelToRender) return null;
+    return /*#__PURE__*/ React.createElement(Fragment, null, prefix && /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement("span", {
+        style: {
+            display: 'inline-block'
         }
+    }, prefix), ' > '), /*#__PURE__*/ React.createElement("span", {
+        style: {
+            display: 'inline-block'
+        }
+    }, LabelToRender));
+};
+const reduceFields = ({ fieldMap, labelPrefix = null, path = '' })=>{
+    if (!fieldMap) {
+        return [];
     }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-const baseClass = 'field-select';
-const combineLabel = (prefix, field, i18n)=>`${prefix === '' ? '' : `${prefix} > `}${(0, _translations.getTranslation)(field.label || field.name, i18n) || ''}`;
-const reduceFields = (fields, i18n, path = '', labelPrefix = '')=>fields.reduce((fieldsToUse, field)=>{
+    return fieldMap?.reduce((fieldsToUse, field)=>{
+        const { isFieldAffectingData } = field;
         // escape for a variety of reasons
-        if ((0, _types.fieldAffectsData)(field) && (field.admin?.disableBulkEdit || field.unique || field.hidden || field.admin?.hidden || field.admin?.readOnly)) {
+        if (isFieldAffectingData && (field.disableBulkEdit || field.unique || field.isHidden || 'readOnly' in field.fieldComponentProps && field.fieldComponentProps.readOnly)) {
             return fieldsToUse;
         }
-        if (!(field.type === 'array' || field.type === 'blocks') && (0, _types.fieldHasSubFields)(field)) {
+        if (!(field.type === 'array' || field.type === 'blocks') && 'fieldMap' in field.fieldComponentProps) {
             return [
                 ...fieldsToUse,
-                ...reduceFields(field.fields, i18n, (0, _createNestedFieldPath.createNestedFieldPath)(path, field), combineLabel(labelPrefix, field, i18n))
+                ...reduceFields({
+                    fieldMap: field.fieldComponentProps.fieldMap,
+                    labelPrefix: combineLabel({
+                        field,
+                        prefix: labelPrefix
+                    }),
+                    path: createNestedClientFieldPath(path, field)
+                })
             ];
         }
-        if (field.type === 'tabs') {
+        if (field.type === 'tabs' && 'tabs' in field.fieldComponentProps) {
             return [
                 ...fieldsToUse,
-                ...field.tabs.reduce((tabFields, tab)=>{
-                    return [
-                        ...tabFields,
-                        ...reduceFields(tab.fields, i18n, (0, _types.tabHasName)(tab) ? (0, _createNestedFieldPath.createNestedFieldPath)(path, field) : path, combineLabel(labelPrefix, field, i18n))
-                    ];
+                ...field.fieldComponentProps.tabs.reduce((tabFields, tab)=>{
+                    if ('fieldMap' in tab) {
+                        const isNamedTab = 'name' in tab && tab.name;
+                        return [
+                            ...tabFields,
+                            ...reduceFields({
+                                fieldMap: tab.fieldMap,
+                                labelPrefix,
+                                path: isNamedTab ? createNestedClientFieldPath(path, field) : path
+                            })
+                        ];
+                    }
                 }, [])
             ];
         }
         const formattedField = {
-            label: combineLabel(labelPrefix, field, i18n),
+            label: combineLabel({
+                field,
+                prefix: labelPrefix
+            }),
             value: {
                 ...field,
-                path: (0, _createNestedFieldPath.createNestedFieldPath)(path, field)
+                path: createNestedClientFieldPath(path, field)
             }
         };
         return [
@@ -99,10 +76,13 @@ const reduceFields = (fields, i18n, path = '', labelPrefix = '')=>fields.reduce(
             formattedField
         ];
     }, []);
-const FieldSelect = ({ fields, setSelected })=>{
-    const { i18n, t } = (0, _Translation.useTranslation)();
-    const [options] = (0, _react.useState)(()=>reduceFields(fields, i18n));
-    const { dispatchFields, getFields } = (0, _context.useForm)();
+};
+export const FieldSelect = ({ fieldMap, setSelected })=>{
+    const { t } = useTranslation();
+    const [options] = useState(()=>reduceFields({
+            fieldMap
+        }));
+    const { dispatchFields, getFields } = useForm();
     const handleChange = (selected)=>{
         const activeFields = getFields();
         if (selected === null) {
@@ -124,15 +104,21 @@ const FieldSelect = ({ fields, setSelected })=>{
             });
         }
     };
-    return /*#__PURE__*/ _react.default.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: baseClass
-    }, /*#__PURE__*/ _react.default.createElement(_Label.default, {
+    }, /*#__PURE__*/ React.createElement(FieldLabel, {
         label: t('fields:selectFieldsToEdit')
-    }), /*#__PURE__*/ _react.default.createElement(_ReactSelect.default, {
+    }), /*#__PURE__*/ React.createElement(ReactSelect, {
+        getOptionValue: (option)=>{
+            if (typeof option.value === 'object' && 'path' in option.value) {
+                return String(option.value.path);
+            }
+            return String(option.value);
+        },
         isMulti: true,
         onChange: handleChange,
         options: options
     }));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9GaWVsZFNlbGVjdC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBGaWVsZCwgRmllbGRXaXRoUGF0aCB9IGZyb20gJ3BheWxvYWQvdHlwZXMnXG5cbmltcG9ydCB7IGdldFRyYW5zbGF0aW9uIH0gZnJvbSAnQHBheWxvYWRjbXMvdHJhbnNsYXRpb25zJ1xuaW1wb3J0IHsgZmllbGRBZmZlY3RzRGF0YSwgZmllbGRIYXNTdWJGaWVsZHMsIHRhYkhhc05hbWUgfSBmcm9tICdwYXlsb2FkL3R5cGVzJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IHVzZUZvcm0gfSBmcm9tICcuLi8uLi9mb3Jtcy9Gb3JtL2NvbnRleHQnXG5pbXBvcnQgeyBjcmVhdGVOZXN0ZWRGaWVsZFBhdGggfSBmcm9tICcuLi8uLi9mb3Jtcy9Gb3JtL2NyZWF0ZU5lc3RlZEZpZWxkUGF0aCdcbmltcG9ydCBMYWJlbCBmcm9tICcuLi8uLi9mb3Jtcy9MYWJlbCdcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1RyYW5zbGF0aW9uJ1xuaW1wb3J0IFJlYWN0U2VsZWN0IGZyb20gJy4uL1JlYWN0U2VsZWN0J1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdmaWVsZC1zZWxlY3QnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGZpZWxkczogRmllbGRbXVxuICBzZXRTZWxlY3RlZDogKGZpZWxkczogRmllbGRXaXRoUGF0aFtdKSA9PiB2b2lkXG59XG5cbmNvbnN0IGNvbWJpbmVMYWJlbCA9IChwcmVmaXgsIGZpZWxkLCBpMThuKTogc3RyaW5nID0+XG4gIGAke3ByZWZpeCA9PT0gJycgPyAnJyA6IGAke3ByZWZpeH0gPiBgfSR7Z2V0VHJhbnNsYXRpb24oZmllbGQubGFiZWwgfHwgZmllbGQubmFtZSwgaTE4bikgfHwgJyd9YFxuY29uc3QgcmVkdWNlRmllbGRzID0gKFxuICBmaWVsZHM6IEZpZWxkW10sXG4gIGkxOG4sXG4gIHBhdGggPSAnJyxcbiAgbGFiZWxQcmVmaXggPSAnJyxcbik6IHsgbGFiZWw6IHN0cmluZzsgdmFsdWU6IEZpZWxkV2l0aFBhdGggfVtdID0+XG4gIGZpZWxkcy5yZWR1Y2UoKGZpZWxkc1RvVXNlLCBmaWVsZCkgPT4ge1xuICAgIC8vIGVzY2FwZSBmb3IgYSB2YXJpZXR5IG9mIHJlYXNvbnNcbiAgICBpZiAoXG4gICAgICBmaWVsZEFmZmVjdHNEYXRhKGZpZWxkKSAmJlxuICAgICAgKGZpZWxkLmFkbWluPy5kaXNhYmxlQnVsa0VkaXQgfHxcbiAgICAgICAgZmllbGQudW5pcXVlIHx8XG4gICAgICAgIGZpZWxkLmhpZGRlbiB8fFxuICAgICAgICBmaWVsZC5hZG1pbj8uaGlkZGVuIHx8XG4gICAgICAgIGZpZWxkLmFkbWluPy5yZWFkT25seSlcbiAgICApIHtcbiAgICAgIHJldHVybiBmaWVsZHNUb1VzZVxuICAgIH1cbiAgICBpZiAoIShmaWVsZC50eXBlID09PSAnYXJyYXknIHx8IGZpZWxkLnR5cGUgPT09ICdibG9ja3MnKSAmJiBmaWVsZEhhc1N1YkZpZWxkcyhmaWVsZCkpIHtcbiAgICAgIHJldHVybiBbXG4gICAgICAgIC4uLmZpZWxkc1RvVXNlLFxuICAgICAgICAuLi5yZWR1Y2VGaWVsZHMoXG4gICAgICAgICAgZmllbGQuZmllbGRzLFxuICAgICAgICAgIGkxOG4sXG4gICAgICAgICAgY3JlYXRlTmVzdGVkRmllbGRQYXRoKHBhdGgsIGZpZWxkKSxcbiAgICAgICAgICBjb21iaW5lTGFiZWwobGFiZWxQcmVmaXgsIGZpZWxkLCBpMThuKSxcbiAgICAgICAgKSxcbiAgICAgIF1cbiAgICB9XG4gICAgaWYgKGZpZWxkLnR5cGUgPT09ICd0YWJzJykge1xuICAgICAgcmV0dXJuIFtcbiAgICAgICAgLi4uZmllbGRzVG9Vc2UsXG4gICAgICAgIC4uLmZpZWxkLnRhYnMucmVkdWNlKCh0YWJGaWVsZHMsIHRhYikgPT4ge1xuICAgICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICAuLi50YWJGaWVsZHMsXG4gICAgICAgICAgICAuLi5yZWR1Y2VGaWVsZHMoXG4gICAgICAgICAgICAgIHRhYi5maWVsZHMsXG4gICAgICAgICAgICAgIGkxOG4sXG4gICAgICAgICAgICAgIHRhYkhhc05hbWUodGFiKSA/IGNyZWF0ZU5lc3RlZEZpZWxkUGF0aChwYXRoLCBmaWVsZCkgOiBwYXRoLFxuICAgICAgICAgICAgICBjb21iaW5lTGFiZWwobGFiZWxQcmVmaXgsIGZpZWxkLCBpMThuKSxcbiAgICAgICAgICAgICksXG4gICAgICAgICAgXVxuICAgICAgICB9LCBbXSksXG4gICAgICBdXG4gICAgfVxuICAgIGNvbnN0IGZvcm1hdHRlZEZpZWxkID0ge1xuICAgICAgbGFiZWw6IGNvbWJpbmVMYWJlbChsYWJlbFByZWZpeCwgZmllbGQsIGkxOG4pLFxuICAgICAgdmFsdWU6IHtcbiAgICAgICAgLi4uZmllbGQsXG4gICAgICAgIHBhdGg6IGNyZWF0ZU5lc3RlZEZpZWxkUGF0aChwYXRoLCBmaWVsZCksXG4gICAgICB9LFxuICAgIH1cblxuICAgIHJldHVybiBbLi4uZmllbGRzVG9Vc2UsIGZvcm1hdHRlZEZpZWxkXVxuICB9LCBbXSlcbmV4cG9ydCBjb25zdCBGaWVsZFNlbGVjdDogUmVhY3QuRkM8UHJvcHM+ID0gKHsgZmllbGRzLCBzZXRTZWxlY3RlZCB9KSA9PiB7XG4gIGNvbnN0IHsgaTE4biwgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuICBjb25zdCBbb3B0aW9uc10gPSB1c2VTdGF0ZSgoKSA9PiByZWR1Y2VGaWVsZHMoZmllbGRzLCBpMThuKSlcbiAgY29uc3QgeyBkaXNwYXRjaEZpZWxkcywgZ2V0RmllbGRzIH0gPSB1c2VGb3JtKClcbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gKHNlbGVjdGVkKSA9PiB7XG4gICAgY29uc3QgYWN0aXZlRmllbGRzID0gZ2V0RmllbGRzKClcbiAgICBpZiAoc2VsZWN0ZWQgPT09IG51bGwpIHtcbiAgICAgIHNldFNlbGVjdGVkKFtdKVxuICAgIH0gZWxzZSB7XG4gICAgICBzZXRTZWxlY3RlZChzZWxlY3RlZC5tYXAoKHsgdmFsdWUgfSkgPT4gdmFsdWUpKVxuICAgIH1cbiAgICAvLyByZW1vdmUgZGVzZWxlY3RlZCB2YWx1ZXMgZnJvbSBmb3JtIHN0YXRlXG4gICAgaWYgKHNlbGVjdGVkID09PSBudWxsIHx8IE9iamVjdC5rZXlzKGFjdGl2ZUZpZWxkcyB8fCBbXSkubGVuZ3RoID4gc2VsZWN0ZWQubGVuZ3RoKSB7XG4gICAgICBPYmplY3Qua2V5cyhhY3RpdmVGaWVsZHMpLmZvckVhY2goKHBhdGgpID0+IHtcbiAgICAgICAgaWYgKFxuICAgICAgICAgIHNlbGVjdGVkID09PSBudWxsIHx8XG4gICAgICAgICAgIXNlbGVjdGVkLmZpbmQoKGZpZWxkKSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gZmllbGQudmFsdWUucGF0aCA9PT0gcGF0aFxuICAgICAgICAgIH0pXG4gICAgICAgICkge1xuICAgICAgICAgIGRpc3BhdGNoRmllbGRzKHtcbiAgICAgICAgICAgIHR5cGU6ICdSRU1PVkUnLFxuICAgICAgICAgICAgcGF0aCxcbiAgICAgICAgICB9KVxuICAgICAgICB9XG4gICAgICB9KVxuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2Jhc2VDbGFzc30+XG4gICAgICA8TGFiZWwgbGFiZWw9e3QoJ2ZpZWxkczpzZWxlY3RGaWVsZHNUb0VkaXQnKX0gLz5cbiAgICAgIDxSZWFjdFNlbGVjdCBpc011bHRpIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9IG9wdGlvbnM9e29wdGlvbnN9IC8+XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJGaWVsZFNlbGVjdCIsImJhc2VDbGFzcyIsImNvbWJpbmVMYWJlbCIsInByZWZpeCIsImZpZWxkIiwiaTE4biIsImdldFRyYW5zbGF0aW9uIiwibGFiZWwiLCJuYW1lIiwicmVkdWNlRmllbGRzIiwiZmllbGRzIiwicGF0aCIsImxhYmVsUHJlZml4IiwicmVkdWNlIiwiZmllbGRzVG9Vc2UiLCJmaWVsZEFmZmVjdHNEYXRhIiwiYWRtaW4iLCJkaXNhYmxlQnVsa0VkaXQiLCJ1bmlxdWUiLCJoaWRkZW4iLCJyZWFkT25seSIsInR5cGUiLCJmaWVsZEhhc1N1YkZpZWxkcyIsImNyZWF0ZU5lc3RlZEZpZWxkUGF0aCIsInRhYnMiLCJ0YWJGaWVsZHMiLCJ0YWIiLCJ0YWJIYXNOYW1lIiwiZm9ybWF0dGVkRmllbGQiLCJ2YWx1ZSIsInNldFNlbGVjdGVkIiwidCIsInVzZVRyYW5zbGF0aW9uIiwib3B0aW9ucyIsInVzZVN0YXRlIiwiZGlzcGF0Y2hGaWVsZHMiLCJnZXRGaWVsZHMiLCJ1c2VGb3JtIiwiaGFuZGxlQ2hhbmdlIiwic2VsZWN0ZWQiLCJhY3RpdmVGaWVsZHMiLCJtYXAiLCJPYmplY3QiLCJrZXlzIiwibGVuZ3RoIiwiZm9yRWFjaCIsImZpbmQiLCJkaXYiLCJjbGFzc05hbWUiLCJMYWJlbCIsIlJlYWN0U2VsZWN0IiwiaXNNdWx0aSIsIm9uQ2hhbmdlIl0sIm1hcHBpbmdzIjoiOzs7OytCQTZFYUE7OztlQUFBQTs7OzhCQTNFa0I7dUJBQ2lDOytEQUNoQzt5QkFFUjt1Q0FDYzs4REFDcEI7NkJBQ2E7b0VBQ1A7UUFDakI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRVAsTUFBTUMsWUFBWTtBQU9sQixNQUFNQyxlQUFlLENBQUNDLFFBQVFDLE9BQU9DLE9BQ25DLENBQUMsRUFBRUYsV0FBVyxLQUFLLEtBQUssQ0FBQyxFQUFFQSxPQUFPLEdBQUcsQ0FBQyxDQUFDLEVBQUVHLElBQUFBLDRCQUFjLEVBQUNGLE1BQU1HLEtBQUssSUFBSUgsTUFBTUksSUFBSSxFQUFFSCxTQUFTLEdBQUcsQ0FBQztBQUNsRyxNQUFNSSxlQUFlLENBQ25CQyxRQUNBTCxNQUNBTSxPQUFPLEVBQUUsRUFDVEMsY0FBYyxFQUFFLEdB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
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/FieldSelect/index.tsx"],"sourcesContent":["import type { FieldWithPath } from 'payload/types'\n\nimport React, { Fragment, useState } from 'react'\n\nimport type { FieldMap, MappedField } from '../../providers/ComponentMap/buildComponentMap/types.js'\n\nimport { FieldLabel } from '../../forms/FieldLabel/index.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { createNestedClientFieldPath } from '../../forms/Form/createNestedFieldPath.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'field-select'\n\nexport type FieldSelectProps = {\n  fieldMap: FieldMap\n  setSelected: (fields: FieldWithPath[]) => void\n}\n\nconst combineLabel = ({\n  customLabel,\n  field,\n  prefix,\n}: {\n  customLabel?: string\n  field?: MappedField\n  prefix?: JSX.Element | string\n}): JSX.Element => {\n  const CustomLabelToRender =\n    field &&\n    'CustomLabel' in field.fieldComponentProps &&\n    field.fieldComponentProps.CustomLabel !== undefined\n      ? field.fieldComponentProps.CustomLabel\n      : null\n  const DefaultLabelToRender =\n    field && 'labelProps' in field.fieldComponentProps && field.fieldComponentProps.labelProps ? (\n      <FieldLabel {...field.fieldComponentProps.labelProps} />\n    ) : null\n\n  const LabelToRender = CustomLabelToRender || DefaultLabelToRender || customLabel\n\n  if (!LabelToRender) return null\n\n  return (\n    <Fragment>\n      {prefix && (\n        <Fragment>\n          <span style={{ display: 'inline-block' }}>{prefix}</span>\n          {' > '}\n        </Fragment>\n      )}\n      <span style={{ display: 'inline-block' }}>{LabelToRender}</span>\n    </Fragment>\n  )\n}\n\nconst reduceFields = ({\n  fieldMap,\n  labelPrefix = null,\n  path = '',\n}: {\n  fieldMap: FieldMap\n  labelPrefix?: JSX.Element | string\n  path?: string\n}): { Label: JSX.Element; value: FieldWithPath }[] => {\n  if (!fieldMap) {\n    return []\n  }\n\n  return fieldMap?.reduce((fieldsToUse, field) => {\n    const { isFieldAffectingData } = field\n    // escape for a variety of reasons\n    if (\n      isFieldAffectingData &&\n      (field.disableBulkEdit ||\n        field.unique ||\n        field.isHidden ||\n        ('readOnly' in field.fieldComponentProps && field.fieldComponentProps.readOnly))\n    ) {\n      return fieldsToUse\n    }\n\n    if (\n      !(field.type === 'array' || field.type === 'blocks') &&\n      'fieldMap' in field.fieldComponentProps\n    ) {\n      return [\n        ...fieldsToUse,\n        ...reduceFields({\n          fieldMap: field.fieldComponentProps.fieldMap,\n          labelPrefix: combineLabel({ field, prefix: labelPrefix }),\n          path: createNestedClientFieldPath(path, field),\n        }),\n      ]\n    }\n\n    if (field.type === 'tabs' && 'tabs' in field.fieldComponentProps) {\n      return [\n        ...fieldsToUse,\n        ...field.fieldComponentProps.tabs.reduce((tabFields, tab) => {\n          if ('fieldMap' in tab) {\n            const isNamedTab = 'name' in tab && tab.name\n            return [\n              ...tabFields,\n              ...reduceFields({\n                fieldMap: tab.fieldMap,\n                labelPrefix,\n                path: isNamedTab ? createNestedClientFieldPath(path, field) : path,\n              }),\n            ]\n          }\n        }, []),\n      ]\n    }\n\n    const formattedField = {\n      label: combineLabel({ field, prefix: labelPrefix }),\n      value: {\n        ...field,\n        path: createNestedClientFieldPath(path, field),\n      },\n    }\n\n    return [...fieldsToUse, formattedField]\n  }, [])\n}\n\nexport const FieldSelect: React.FC<FieldSelectProps> = ({ fieldMap, setSelected }) => {\n  const { t } = useTranslation()\n  const [options] = useState(() => reduceFields({ fieldMap }))\n\n  const { dispatchFields, getFields } = useForm()\n\n  const handleChange = (selected) => {\n    const activeFields = getFields()\n    if (selected === null) {\n      setSelected([])\n    } else {\n      setSelected(selected.map(({ value }) => value))\n    }\n\n    // remove deselected values from form state\n    if (selected === null || Object.keys(activeFields || []).length > selected.length) {\n      Object.keys(activeFields).forEach((path) => {\n        if (\n          selected === null ||\n          !selected.find((field) => {\n            return field.value.path === path\n          })\n        ) {\n          dispatchFields({\n            type: 'REMOVE',\n            path,\n          })\n        }\n      })\n    }\n  }\n\n  return (\n    <div className={baseClass}>\n      <FieldLabel label={t('fields:selectFieldsToEdit')} />\n      <ReactSelect\n        getOptionValue={(option) => {\n          if (typeof option.value === 'object' && 'path' in option.value) {\n            return String(option.value.path)\n          }\n          return String(option.value)\n        }}\n        isMulti\n        onChange={handleChange}\n        options={options}\n      />\n    </div>\n  )\n}\n"],"names":["React","Fragment","useState","FieldLabel","useForm","createNestedClientFieldPath","useTranslation","ReactSelect","baseClass","combineLabel","customLabel","field","prefix","CustomLabelToRender","fieldComponentProps","CustomLabel","undefined","DefaultLabelToRender","labelProps","LabelToRender","span","style","display","reduceFields","fieldMap","labelPrefix","path","reduce","fieldsToUse","isFieldAffectingData","disableBulkEdit","unique","isHidden","readOnly","type","tabs","tabFields","tab","isNamedTab","name","formattedField","label","value","FieldSelect","setSelected","t","options","dispatchFields","getFields","handleChange","selected","activeFields","map","Object","keys","length","forEach","find","div","className","getOptionValue","option","String","isMulti","onChange"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/elements/FileDetails/FileMeta/index.d.ts

@@ -1,6 +1,15 @@
 import React from 'react';
-import type { Props } from './types';
+export type FileMetaProps = {
+    collection?: string;
+    filename: string;
+    filesize: number;
+    height?: number;
+    id?: string;
+    mimeType: string;
+    sizes?: unknown;
+    url: string;
+    width?: number;
+};
 import './index.scss';
-declare const FileMeta: React.FC<Props>;
-export default FileMeta;
+export declare const FileMeta: React.FC<FileMetaProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/FileDetails/FileMeta/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FileDetails/FileMeta/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAMpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+C7B,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FileDetails/FileMeta/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAMD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+C5C,CAAA"}

package/dist/elements/FileDetails/FileMeta/index.js

@@ -1,96 +1,38 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _utilities = require("payload/utilities");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _Edit = require("../../../icons/Edit");
-const _CopyToClipboard = /*#__PURE__*/ _interop_require_default(require("../../CopyToClipboard"));
-const _DocumentDrawer = require("../../DocumentDrawer");
-const _Tooltip = require("../../Tooltip");
-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 { formatFilesize } from 'payload/utilities';
+import React, { useState } from 'react';
+import { Edit } from '../../../icons/Edit/index.js';
+import { CopyToClipboard } from '../../CopyToClipboard/index.js';
+import { useDocumentDrawer } from '../../DocumentDrawer/index.js';
+import { Tooltip } from '../../Tooltip/index.js';
 const baseClass = 'file-meta';
-const FileMeta = (props)=>{
+export const FileMeta = (props)=>{
     const { id, collection, filename, filesize, height, mimeType, url: fileURL, width } = props;
-    const [hovered, setHovered] = (0, _react.useState)(false);
+    const [hovered, setHovered] = useState(false);
     const openInDrawer = Boolean(id && collection);
-    const [DocumentDrawer, DocumentDrawerToggler] = (0, _DocumentDrawer.useDocumentDrawer)({
+    const [DocumentDrawer, DocumentDrawerToggler] = useDocumentDrawer({
         id,
         collectionSlug: collection
     });
-    return /*#__PURE__*/ _react.default.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: baseClass
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__url`
-    }, openInDrawer && /*#__PURE__*/ _react.default.createElement(DocumentDrawer, null), /*#__PURE__*/ _react.default.createElement("a", {
+    }, openInDrawer && /*#__PURE__*/ React.createElement(DocumentDrawer, null), /*#__PURE__*/ React.createElement("a", {
         href: fileURL,
         rel: "noopener noreferrer",
         target: "_blank"
-    }, filename), /*#__PURE__*/ _react.default.createElement(_CopyToClipboard.default, {
+    }, filename), /*#__PURE__*/ React.createElement(CopyToClipboard, {
         defaultMessage: "Copy URL",
         value: fileURL
-    }), openInDrawer && /*#__PURE__*/ _react.default.createElement(DocumentDrawerToggler, {
+    }), openInDrawer && /*#__PURE__*/ React.createElement(DocumentDrawerToggler, {
         className: `${baseClass}__edit`,
         onMouseEnter: ()=>setHovered(true),
         onMouseLeave: ()=>setHovered(false)
-    }, /*#__PURE__*/ _react.default.createElement(_Edit.Edit, null), /*#__PURE__*/ _react.default.createElement(_Tooltip.Tooltip, {
+    }, /*#__PURE__*/ React.createElement(Edit, null), /*#__PURE__*/ React.createElement(Tooltip, {
         show: hovered
-    }, "Edit"))), /*#__PURE__*/ _react.default.createElement("div", {
+    }, "Edit"))), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__size-type`
-    }, (0, _utilities.formatFilesize)(filesize), width && height && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, " - ", width, "x", height), mimeType && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, " - ", mimeType)));
+    }, formatFilesize(filesize), width && height && /*#__PURE__*/ React.createElement(React.Fragment, null, " - ", width, "x", height), mimeType && /*#__PURE__*/ React.createElement(React.Fragment, null, " - ", mimeType)));
 };
-const _default = FileMeta;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9GaWxlRGV0YWlscy9GaWxlTWV0YS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZm9ybWF0RmlsZXNpemUgfSBmcm9tICdwYXlsb2FkL3V0aWxpdGllcydcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IHsgRWRpdCB9IGZyb20gJy4uLy4uLy4uL2ljb25zL0VkaXQnXG5pbXBvcnQgQ29weVRvQ2xpcGJvYXJkIGZyb20gJy4uLy4uL0NvcHlUb0NsaXBib2FyZCdcbmltcG9ydCB7IHVzZURvY3VtZW50RHJhd2VyIH0gZnJvbSAnLi4vLi4vRG9jdW1lbnREcmF3ZXInXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vLi4vVG9vbHRpcCdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAnZmlsZS1tZXRhJ1xuXG5jb25zdCBGaWxlTWV0YTogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgaWQsIGNvbGxlY3Rpb24sIGZpbGVuYW1lLCBmaWxlc2l6ZSwgaGVpZ2h0LCBtaW1lVHlwZSwgdXJsOiBmaWxlVVJMLCB3aWR0aCB9ID0gcHJvcHNcblxuICBjb25zdCBbaG92ZXJlZCwgc2V0SG92ZXJlZF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3Qgb3BlbkluRHJhd2VyID0gQm9vbGVhbihpZCAmJiBjb2xsZWN0aW9uKVxuXG4gIGNvbnN0IFtEb2N1bWVudERyYXdlciwgRG9jdW1lbnREcmF3ZXJUb2dnbGVyXSA9IHVzZURvY3VtZW50RHJhd2VyKHtcbiAgICBpZCxcbiAgICBjb2xsZWN0aW9uU2x1ZzogY29sbGVjdGlvbixcbiAgfSlcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3VybGB9PlxuICAgICAgICB7b3BlbkluRHJhd2VyICYmIDxEb2N1bWVudERyYXdlciAvPn1cbiAgICAgICAgPGEgaHJlZj17ZmlsZVVSTH0gcmVsPVwibm9vcGVuZXIgbm9yZWZlcnJlclwiIHRhcmdldD1cIl9ibGFua1wiPlxuICAgICAgICAgIHtmaWxlbmFtZX1cbiAgICAgICAgPC9hPlxuICAgICAgICA8Q29weVRvQ2xpcGJvYXJkIGRlZmF1bHRNZXNzYWdlPVwiQ29weSBVUkxcIiB2YWx1ZT17ZmlsZVVSTH0gLz5cbiAgICAgICAge29wZW5JbkRyYXdlciAmJiAoXG4gICAgICAgICAgPERvY3VtZW50RHJhd2VyVG9nZ2xlclxuICAgICAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19lZGl0YH1cbiAgICAgICAgICAgIG9uTW91c2VFbnRlcj17KCkgPT4gc2V0SG92ZXJlZCh0cnVlKX1cbiAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17KCkgPT4gc2V0SG92ZXJlZChmYWxzZSl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEVkaXQgLz5cbiAgICAgICAgICAgIDxUb29sdGlwIHNob3c9e2hvdmVyZWR9PkVkaXQ8L1Rvb2x0aXA+XG4gICAgICAgICAgPC9Eb2N1bWVudERyYXdlclRvZ2dsZXI+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19zaXplLXR5cGVgfT5cbiAgICAgICAge2Zvcm1hdEZpbGVzaXplKGZpbGVzaXplKX1cbiAgICAgICAge3dpZHRoICYmIGhlaWdodCAmJiAoXG4gICAgICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICAgICAgJm5ic3A7LSZuYnNwO1xuICAgICAgICAgICAge3dpZHRofXh7aGVpZ2h0fVxuICAgICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICl9XG4gICAgICAgIHttaW1lVHlwZSAmJiAoXG4gICAgICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICAgICAgJm5ic3A7LSZuYnNwO1xuICAgICAgICAgICAge21pbWVUeXBlfVxuICAgICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBGaWxlTWV0YVxuIl0sIm5hbWVzIjpbImJhc2VDbGFzcyIsIkZpbGVNZXRhIiwicHJvcHMiLCJpZCIsImNvbGxlY3Rpb24iLCJmaWxlbmFtZSIsImZpbGVzaXplIiwiaGVpZ2h0IiwibWltZVR5cGUiLCJ1cmwiLCJmaWxlVVJMIiwid2lkdGgiLCJob3ZlcmVkIiwic2V0SG92ZXJlZCIsInVzZVN0YXRlIiwib3BlbkluRHJhd2VyIiwiQm9vbGVhbiIsIkRvY3VtZW50RHJhd2VyIiwiRG9jdW1lbnREcmF3ZXJUb2dnbGVyIiwidXNlRG9jdW1lbnREcmF3ZXIiLCJjb2xsZWN0aW9uU2x1ZyIsImRpdiIsImNsYXNzTmFtZSIsImEiLCJocmVmIiwicmVsIiwidGFyZ2V0IiwiQ29weVRvQ2xpcGJvYXJkIiwiZGVmYXVsdE1lc3NhZ2UiLCJ2YWx1ZSIsIm9uTW91c2VFbnRlciIsIm9uTW91c2VMZWF2ZSIsIkVkaXQiLCJUb29sdGlwIiwic2hvdyIsImZvcm1hdEZpbGVzaXplIiwiUmVhY3QiLCJGcmFnbWVudCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkE4REE7OztlQUFBOzs7MkJBOUQrQjsrREFDQztzQkFJWDt3RUFDTztnQ0FDTTt5QkFDVjtRQUNqQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLFdBQTRCLENBQUNDO0lBQ2pDLE1BQU0sRUFBRUMsRUFBRSxFQUFFQyxVQUFVLEVBQUVDLFFBQVEsRUFBRUMsUUFBUSxFQUFFQyxNQUFNLEVBQUVDLFFBQVEsRUFBRUMsS0FBS0MsT0FBTyxFQUFFQyxLQUFLLEVBQUUsR0FBR1Q7SUFFdEYsTUFBTSxDQUFDVSxTQUFTQyxXQUFXLEdBQUdDLElBQUFBLGVBQVEsRUFBQztJQUN2QyxNQUFNQyxlQUFlQyxRQUFRYixNQUFNQztJQUVuQyxNQUFNLENBQUNhLGdCQUFnQkMsc0JBQXNCLEdBQUdDLElBQUFBLGlDQUFpQixFQUFDO1FBQ2hFaEI7UUFDQWlCLGdCQUFnQmhCO0lBQ2xCO0lBRUEscUJBQ0UsNkJBQUNpQjtRQUFJQyxXQUFXdEI7cUJBQ2QsNkJBQUNxQjtRQUFJQyxXQUFXLENBQUMsRUFBRXRCLFVBQVUsS0FBSyxDQUFDO09BQ2hDZSw4QkFBZ0IsNkJBQUNFLHFDQUNsQiw2QkFBQ007UUFBRUMsTUFBTWQ7UUFBU2UsS0FBSTtRQUFzQkMsUUFBTztPQUNoRHJCLHlCQUVILDZCQUFDc0Isd0JBQWU7UUFBQ0MsZ0JBQWU7UUFBV0MsT0FBT25CO1FBQ2pESyw4QkFDQyw2QkFBQ0c7UUFDQ0ksV0FBVyxDQUFDLEVBQUV0QixVQUFVLE1BQU0sQ0FBQztRQUMvQjhCLGNBQWMsSUFBTWpCLFdBQVc7UUFDL0JrQixjQUFjLElBQU1sQixXQUFXO3FCQUUvQiw2QkFBQ21CLFVBQUksdUJBQ0wsNkJBQUNDLGdCQUFPO1FBQUNDLE1BQU10QjtPQUFTLHlCQUk5Qiw2QkFBQ1M7UUFBSUMsV0FBVyxDQUFDLEVBQUV0QixVQUFVLFdBQVcsQ0FBQztPQUN0Q21DLElBQUFBLHlCQUFjLEVBQUM3QixXQUNmSyxTQUFTSix3QkFDUiw2QkFBQzZCLGNBQUssQ0FBQ0MsUUFBUSxRQUFDLE9BRWIxQixPQUFNLEtBQUVKLFNBR1pDLDBCQUNDLDZCQUFDNEIsY0FBSyxDQUFDQyxRQUFRLFFBQUMsT0FFYjdCO0FBTWI7TUFFQSxXQUFlUCJ9
+//# sourceMappingURL=index.js.map

package/dist/elements/FileDetails/FileMeta/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/elements/FileDetails/FileMeta/index.tsx"],"sourcesContent":["import { formatFilesize } from 'payload/utilities'\nimport React, { useState } from 'react'\n\nexport type FileMetaProps = {\n  collection?: string\n  filename: string\n  filesize: number\n  height?: number\n  id?: string\n  mimeType: string\n  sizes?: unknown\n  url: string\n  width?: number\n}\n\nimport { Edit } from '../../../icons/Edit/index.js'\nimport { CopyToClipboard } from '../../CopyToClipboard/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { Tooltip } from '../../Tooltip/index.js'\nimport './index.scss'\n\nconst baseClass = 'file-meta'\n\nexport const FileMeta: React.FC<FileMetaProps> = (props) => {\n  const { id, collection, filename, filesize, height, mimeType, url: fileURL, width } = props\n\n  const [hovered, setHovered] = useState(false)\n  const openInDrawer = Boolean(id && collection)\n\n  const [DocumentDrawer, DocumentDrawerToggler] = useDocumentDrawer({\n    id,\n    collectionSlug: collection,\n  })\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__url`}>\n        {openInDrawer && <DocumentDrawer />}\n        <a href={fileURL} rel=\"noopener noreferrer\" target=\"_blank\">\n          {filename}\n        </a>\n        <CopyToClipboard defaultMessage=\"Copy URL\" value={fileURL} />\n        {openInDrawer && (\n          <DocumentDrawerToggler\n            className={`${baseClass}__edit`}\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n          >\n            <Edit />\n            <Tooltip show={hovered}>Edit</Tooltip>\n          </DocumentDrawerToggler>\n        )}\n      </div>\n      <div className={`${baseClass}__size-type`}>\n        {formatFilesize(filesize)}\n        {width && height && (\n          <React.Fragment>\n            &nbsp;-&nbsp;\n            {width}x{height}\n          </React.Fragment>\n        )}\n        {mimeType && (\n          <React.Fragment>\n            &nbsp;-&nbsp;\n            {mimeType}\n          </React.Fragment>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["formatFilesize","React","useState","Edit","CopyToClipboard","useDocumentDrawer","Tooltip","baseClass","FileMeta","props","id","collection","filename","filesize","height","mimeType","url","fileURL","width","hovered","setHovered","openInDrawer","Boolean","DocumentDrawer","DocumentDrawerToggler","collectionSlug","div","className","a","href","rel","target","defaultMessage","value","onMouseEnter","onMouseLeave","show","Fragment"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,cAAc,QAAQ,oBAAmB;AAClD,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAcvC,SAASC,IAAI,QAAQ,+BAA8B;AACnD,SAASC,eAAe,QAAQ,iCAAgC;AAChE,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,OAAO,QAAQ,yBAAwB;AAGhD,MAAMC,YAAY;AAElB,OAAO,MAAMC,WAAoC,CAACC;IAChD,MAAM,EAAEC,EAAE,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,KAAKC,OAAO,EAAEC,KAAK,EAAE,GAAGT;IAEtF,MAAM,CAACU,SAASC,WAAW,GAAGlB,SAAS;IACvC,MAAMmB,eAAeC,QAAQZ,MAAMC;IAEnC,MAAM,CAACY,gBAAgBC,sBAAsB,GAAGnB,kBAAkB;QAChEK;QACAe,gBAAgBd;IAClB;IAEA,qBACE,oBAACe;QAAIC,WAAWpB;qBACd,oBAACmB;QAAIC,WAAW,CAAC,EAAEpB,UAAU,KAAK,CAAC;OAChCc,8BAAgB,oBAACE,qCAClB,oBAACK;QAAEC,MAAMZ;QAASa,KAAI;QAAsBC,QAAO;OAChDnB,yBAEH,oBAACR;QAAgB4B,gBAAe;QAAWC,OAAOhB;QACjDI,8BACC,oBAACG;QACCG,WAAW,CAAC,EAAEpB,UAAU,MAAM,CAAC;QAC/B2B,cAAc,IAAMd,WAAW;QAC/Be,cAAc,IAAMf,WAAW;qBAE/B,oBAACjB,2BACD,oBAACG;QAAQ8B,MAAMjB;OAAS,yBAI9B,oBAACO;QAAIC,WAAW,CAAC,EAAEpB,UAAU,WAAW,CAAC;OACtCP,eAAea,WACfK,SAASJ,wBACR,oBAACb,MAAMoC,QAAQ,QAAC,OAEbnB,OAAM,KAAEJ,SAGZC,0BACC,oBAACd,MAAMoC,QAAQ,QAAC,OAEbtB;AAMb,EAAC"}

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

@@ -1,6 +1,16 @@
 import React from 'react';
-import type { Props } from './types';
 import './index.scss';
-declare const FileDetails: React.FC<Props>;
-export default FileDetails;
+import type { Data, FileSizes, SanitizedCollectionConfig } from 'payload/types';
+export type FileDetailsProps = {
+    canEdit?: boolean;
+    collectionSlug: string;
+    doc: Data & {
+        sizes?: FileSizes;
+    };
+    handleRemove?: () => void;
+    hasImageSizes?: boolean;
+    imageCacheTag?: string;
+    uploadConfig: SanitizedCollectionConfig['upload'];
+};
+export declare const FileDetails: React.FC<FileDetailsProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FileDetails/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAMpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4ChC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FileDetails/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAE/E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,GAAG,EAAE,IAAI,GAAG;QACV,KAAK,CAAC,EAAE,SAAS,CAAA;KAClB,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAA"}

package/dist/elements/FileDetails/index.js

@@ -1,39 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _utilities = require("payload/utilities");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Upload = require("../../elements/Upload");
-const _Button = require("../Button");
-const _Thumbnail = /*#__PURE__*/ _interop_require_default(require("../Thumbnail"));
-const _FileMeta = /*#__PURE__*/ _interop_require_default(require("./FileMeta"));
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { isImage } from 'payload/utilities';
+import React from 'react';
+import { UploadActions } from '../../elements/Upload/index.js';
+import { Button } from '../Button/index.js';
+import { Thumbnail } from '../Thumbnail/index.js';
+import { FileMeta } from './FileMeta/index.js';
 const baseClass = 'file-details';
-const FileDetails = (props)=>{
+export const FileDetails = (props)=>{
     const { canEdit, collectionSlug, doc, handleRemove, hasImageSizes, imageCacheTag, uploadConfig } = props;
-    const { id, filename, filesize, height, mimeType, url, width } = doc;
-    return /*#__PURE__*/ _react.default.createElement("div", {
+    const { id, filename, filesize, height, mimeType, thumbnailURL, url, width } = doc;
+    return /*#__PURE__*/ React.createElement("div", {
         className: baseClass
-    }, /*#__PURE__*/ _react.default.createElement("header", null, /*#__PURE__*/ _react.default.createElement(_Thumbnail.default, {
+    }, /*#__PURE__*/ React.createElement("header", null, /*#__PURE__*/ React.createElement(Thumbnail, {
         collectionSlug: collectionSlug,
         doc: doc,
+        fileSrc: thumbnailURL || url,
         imageCacheTag: imageCacheTag,
         uploadConfig: uploadConfig
-    }), /*#__PURE__*/ _react.default.createElement("div", {
+    }), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__main-detail`
-    }, /*#__PURE__*/ _react.default.createElement(_FileMeta.default, {
+    }, /*#__PURE__*/ React.createElement(FileMeta, {
         collection: collectionSlug,
         filename: filename,
         filesize: filesize,
@@ -42,10 +27,10 @@ const FileDetails = (props)=>{
         mimeType: mimeType,
         url: url,
         width: width
-    }), (0, _utilities.isImage)(mimeType) && mimeType !== 'image/svg+xml' && /*#__PURE__*/ _react.default.createElement(_Upload.UploadActions, {
+    }), isImage(mimeType) && mimeType !== 'image/svg+xml' && /*#__PURE__*/ React.createElement(UploadActions, {
         canEdit: canEdit,
         showSizePreviews: hasImageSizes && doc.filename
-    })), handleRemove && /*#__PURE__*/ _react.default.createElement(_Button.Button, {
+    })), handleRemove && /*#__PURE__*/ React.createElement(Button, {
         buttonStyle: "icon-label",
         className: `${baseClass}__remove`,
         icon: "x",
@@ -54,6 +39,5 @@ const FileDetails = (props)=>{
         round: true
     })));
 };
-const _default = FileDetails;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9GaWxlRGV0YWlscy9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaXNJbWFnZSB9IGZyb20gJ3BheWxvYWQvdXRpbGl0aWVzJ1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IHsgVXBsb2FkQWN0aW9ucyB9IGZyb20gJy4uLy4uL2VsZW1lbnRzL1VwbG9hZCdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCBUaHVtYm5haWwgZnJvbSAnLi4vVGh1bWJuYWlsJ1xuaW1wb3J0IEZpbGVNZXRhIGZyb20gJy4vRmlsZU1ldGEnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ2ZpbGUtZGV0YWlscydcblxuY29uc3QgRmlsZURldGFpbHM6IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGNhbkVkaXQsIGNvbGxlY3Rpb25TbHVnLCBkb2MsIGhhbmRsZVJlbW92ZSwgaGFzSW1hZ2VTaXplcywgaW1hZ2VDYWNoZVRhZywgdXBsb2FkQ29uZmlnIH0gPVxuICAgIHByb3BzXG5cbiAgY29uc3QgeyBpZCwgZmlsZW5hbWUsIGZpbGVzaXplLCBoZWlnaHQsIG1pbWVUeXBlLCB1cmwsIHdpZHRoIH0gPSBkb2NcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9PlxuICAgICAgPGhlYWRlcj5cbiAgICAgICAgPFRodW1ibmFpbFxuICAgICAgICAgIGNvbGxlY3Rpb25TbHVnPXtjb2xsZWN0aW9uU2x1Z31cbiAgICAgICAgICBkb2M9e2RvY31cbiAgICAgICAgICBpbWFnZUNhY2hlVGFnPXtpbWFnZUNhY2hlVGFnfVxuICAgICAgICAgIHVwbG9hZENvbmZpZz17dXBsb2FkQ29uZmlnfVxuICAgICAgICAvPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbWFpbi1kZXRhaWxgfT5cbiAgICAgICAgICA8RmlsZU1ldGFcbiAgICAgICAgICAgIGNvbGxlY3Rpb249e2NvbGxlY3Rpb25TbHVnfVxuICAgICAgICAgICAgZmlsZW5hbWU9e2ZpbGVuYW1lIGFzIHN0cmluZ31cbiAgICAgICAgICAgIGZpbGVzaXplPXtmaWxlc2l6ZSBhcyBudW1iZXJ9XG4gICAgICAgICAgICBoZWlnaHQ9e2hlaWdodCBhcyBudW1iZXJ9XG4gICAgICAgICAgICBpZD17aWQgYXMgc3RyaW5nfVxuICAgICAgICAgICAgbWltZVR5cGU9e21pbWVUeXBlIGFzIHN0cmluZ31cbiAgICAgICAgICAgIHVybD17dXJsIGFzIHN0cmluZ31cbiAgICAgICAgICAgIHdpZHRoPXt3aWR0aCBhcyBudW1iZXJ9XG4gICAgICAgICAgLz5cblxuICAgICAgICAgIHtpc0ltYWdlKG1pbWVUeXBlIGFzIHN0cmluZykgJiYgbWltZVR5cGUgIT09ICdpbWFnZS9zdmcreG1sJyAmJiAoXG4gICAgICAgICAgICA8VXBsb2FkQWN0aW9ucyBjYW5FZGl0PXtjYW5FZGl0fSBzaG93U2l6ZVByZXZpZXdzPXtoYXNJbWFnZVNpemVzICYmIGRvYy5maWxlbmFtZX0gLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAge2hhbmRsZVJlbW92ZSAmJiAoXG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgYnV0dG9uU3R5bGU9XCJpY29uLWxhYmVsXCJcbiAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fcmVtb3ZlYH1cbiAgICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICAgIGljb25TdHlsZT1cIndpdGgtYm9yZGVyXCJcbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVJlbW92ZX1cbiAgICAgICAgICAgIHJvdW5kXG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvaGVhZGVyPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGVEZXRhaWxzXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiRmlsZURldGFpbHMiLCJwcm9wcyIsImNhbkVkaXQiLCJjb2xsZWN0aW9uU2x1ZyIsImRvYyIsImhhbmRsZVJlbW92ZSIsImhhc0ltYWdlU2l6ZXMiLCJpbWFnZUNhY2hlVGFnIiwidXBsb2FkQ29uZmlnIiwiaWQiLCJmaWxlbmFtZSIsImZpbGVzaXplIiwiaGVpZ2h0IiwibWltZVR5cGUiLCJ1cmwiLCJ3aWR0aCIsImRpdiIsImNsYXNzTmFtZSIsImhlYWRlciIsIlRodW1ibmFpbCIsIkZpbGVNZXRhIiwiY29sbGVjdGlvbiIsImlzSW1hZ2UiLCJVcGxvYWRBY3Rpb25zIiwic2hvd1NpemVQcmV2aWV3cyIsIkJ1dHRvbiIsImJ1dHRvblN0eWxlIiwiaWNvbiIsImljb25TdHlsZSIsIm9uQ2xpY2siLCJyb3VuZCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkEyREE7OztlQUFBOzs7MkJBM0R3Qjs4REFDTjt3QkFJWTt3QkFDUDtrRUFDRDtpRUFDRDtRQUNkOzs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLGNBQStCLENBQUNDO0lBQ3BDLE1BQU0sRUFBRUMsT0FBTyxFQUFFQyxjQUFjLEVBQUVDLEdBQUcsRUFBRUMsWUFBWSxFQUFFQyxhQUFhLEVBQUVDLGFBQWEsRUFBRUMsWUFBWSxFQUFFLEdBQzlGUDtJQUVGLE1BQU0sRUFBRVEsRUFBRSxFQUFFQyxRQUFRLEVBQUVDLFFBQVEsRUFBRUMsTUFBTSxFQUFFQyxRQUFRLEVBQUVDLEdBQUcsRUFBRUMsS0FBSyxFQUFFLEdBQUdYO0lBRWpFLHFCQUNFLDZCQUFDWTtRQUFJQyxXQUFXbEI7cUJBQ2QsNkJBQUNtQiw4QkFDQyw2QkFBQ0Msa0JBQVM7UUFDUmhCLGdCQUFnQkE7UUFDaEJDLEtBQUtBO1FBQ0xHLGVBQWVBO1FBQ2ZDLGNBQWNBO3NCQUVoQiw2QkFBQ1E7UUFBSUMsV0FBVyxDQUFDLEVBQUVsQixVQUFVLGFBQWEsQ0FBQztxQkFDekMsNkJBQUNxQixpQkFBUTtRQUNQQyxZQUFZbEI7UUFDWk8sVUFBVUE7UUFDVkMsVUFBVUE7UUFDVkMsUUFBUUE7UUFDUkgsSUFBSUE7UUFDSkksVUFBVUE7UUFDVkMsS0FBS0E7UUFDTEMsT0FBT0E7UUFHUk8sSUFBQUEsa0JBQU8sRUFBQ1QsYUFBdUJBLGFBQWEsaUNBQzNDLDZCQUFDVSxxQkFBYTtRQUFDckIsU0FBU0E7UUFBU3NCLGtCQUFrQmxCLGlCQUFpQkYsSUFBSU0sUUFBUTtTQUduRkwsOEJBQ0MsNkJBQUNvQixjQUFNO1FBQ0xDLGFBQVk7UUFDWlQsV0FBVyxDQUFDLEVBQUVsQixVQUFVLFFBQVEsQ0FBQztRQUNqQzRCLE1BQUs7UUFDTEMsV0FBVTtRQUNWQyxTQUFTeEI7UUFDVHlCLE9BQUFBOztBQU1aO01BRUEsV0FBZTlCIn0=
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/FileDetails/index.tsx"],"sourcesContent":["import { isImage } from 'payload/utilities'\nimport React from 'react'\n\nimport { UploadActions } from '../../elements/Upload/index.js'\nimport { Button } from '../Button/index.js'\nimport { Thumbnail } from '../Thumbnail/index.js'\nimport { FileMeta } from './FileMeta/index.js'\nimport './index.scss'\n\nconst baseClass = 'file-details'\n\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload/types'\n\nexport type FileDetailsProps = {\n  canEdit?: boolean\n  collectionSlug: string\n  doc: Data & {\n    sizes?: FileSizes\n  }\n  handleRemove?: () => void\n  hasImageSizes?: boolean\n  imageCacheTag?: string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const FileDetails: React.FC<FileDetailsProps> = (props) => {\n  const { canEdit, collectionSlug, doc, handleRemove, hasImageSizes, imageCacheTag, uploadConfig } =\n    props\n\n  const { id, filename, filesize, height, mimeType, thumbnailURL, url, width } = doc\n\n  return (\n    <div className={baseClass}>\n      <header>\n        <Thumbnail\n          collectionSlug={collectionSlug}\n          doc={doc}\n          fileSrc={thumbnailURL || url}\n          imageCacheTag={imageCacheTag}\n          uploadConfig={uploadConfig}\n        />\n        <div className={`${baseClass}__main-detail`}>\n          <FileMeta\n            collection={collectionSlug}\n            filename={filename as string}\n            filesize={filesize as number}\n            height={height as number}\n            id={id as string}\n            mimeType={mimeType as string}\n            url={url as string}\n            width={width as number}\n          />\n\n          {isImage(mimeType as string) && mimeType !== 'image/svg+xml' && (\n            <UploadActions canEdit={canEdit} showSizePreviews={hasImageSizes && doc.filename} />\n          )}\n        </div>\n        {handleRemove && (\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__remove`}\n            icon=\"x\"\n            iconStyle=\"with-border\"\n            onClick={handleRemove}\n            round\n          />\n        )}\n      </header>\n    </div>\n  )\n}\n"],"names":["isImage","React","UploadActions","Button","Thumbnail","FileMeta","baseClass","FileDetails","props","canEdit","collectionSlug","doc","handleRemove","hasImageSizes","imageCacheTag","uploadConfig","id","filename","filesize","height","mimeType","thumbnailURL","url","width","div","className","header","fileSrc","collection","showSizePreviews","buttonStyle","icon","iconStyle","onClick","round"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,OAAO,QAAQ,oBAAmB;AAC3C,OAAOC,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,SAAS,QAAQ,wBAAuB;AACjD,SAASC,QAAQ,QAAQ,sBAAqB;AAG9C,MAAMC,YAAY;AAgBlB,OAAO,MAAMC,cAA0C,CAACC;IACtD,MAAM,EAAEC,OAAO,EAAEC,cAAc,EAAEC,GAAG,EAAEC,YAAY,EAAEC,aAAa,EAAEC,aAAa,EAAEC,YAAY,EAAE,GAC9FP;IAEF,MAAM,EAAEQ,EAAE,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,GAAG,EAAEC,KAAK,EAAE,GAAGZ;IAE/E,qBACE,oBAACa;QAAIC,WAAWnB;qBACd,oBAACoB,8BACC,oBAACtB;QACCM,gBAAgBA;QAChBC,KAAKA;QACLgB,SAASN,gBAAgBC;QACzBR,eAAeA;QACfC,cAAcA;sBAEhB,oBAACS;QAAIC,WAAW,CAAC,EAAEnB,UAAU,aAAa,CAAC;qBACzC,oBAACD;QACCuB,YAAYlB;QACZO,UAAUA;QACVC,UAAUA;QACVC,QAAQA;QACRH,IAAIA;QACJI,UAAUA;QACVE,KAAKA;QACLC,OAAOA;QAGRvB,QAAQoB,aAAuBA,aAAa,iCAC3C,oBAAClB;QAAcO,SAASA;QAASoB,kBAAkBhB,iBAAiBF,IAAIM,QAAQ;SAGnFL,8BACC,oBAACT;QACC2B,aAAY;QACZL,WAAW,CAAC,EAAEnB,UAAU,QAAQ,CAAC;QACjCyB,MAAK;QACLC,WAAU;QACVC,SAASrB;QACTsB,OAAAA;;AAMZ,EAAC"}

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

@@ -1,6 +1,8 @@
 import React from 'react';
-import type { Props } from './types';
 import './index.scss';
-declare const GenerateConfirmation: React.FC<Props>;
-export default GenerateConfirmation;
+export type GenerateConfirmationProps = {
+    highlightField: (Boolean: any) => void;
+    setKey: () => void;
+};
+export declare const GenerateConfirmation: React.FC<GenerateConfirmationProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/GenerateConfirmation/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAOpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsDzC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/GenerateConfirmation/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,yBAAyB,GAAG;IACtC,cAAc,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAA;IACjC,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwDpE,CAAA"}