@payloadcms/ui 3.71.0-internal-debug.e053082 → 3.71.0-internal.49c4f67

package/dist/elements/FieldSelect/index.js

@@ -1,5 +1,7 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState } from 'react';
 import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import { useForm } from '../../forms/Form/context.js';
@@ -9,49 +11,77 @@ import { ReactSelect } from '../ReactSelect/index.js';
 import { reduceFieldOptions } from './reduceFieldOptions.js';
 import './index.scss';
 const baseClass = 'field-select';
-export const FieldSelect = ({ fields, onChange, permissions })=>{
-    const { t } = useTranslation();
-    const { dispatchFields, getFields } = useForm();
-    const [options] = useState(()=>reduceFieldOptions({
-            fields: filterOutUploadFields(fields),
-            formState: getFields(),
-            permissions
-        }));
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsxDEV(FieldLabel, {
-                label: t('fields:selectFieldsToEdit')
-            }, void 0, false, {
-                fileName: "src/elements/FieldSelect/index.tsx",
-                lineNumber: 53,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(ReactSelect, {
-                getOptionValue: (option)=>{
-                    if (typeof option.value === 'object' && 'path' in option.value) {
-                        return String(option.value.path);
-                    }
-                    return String(option.value);
-                },
-                isMulti: true,
-                onChange: (selected)=>onChange({
-                        dispatchFields,
-                        formState: getFields(),
-                        selected
-                    }),
-                options: options
-            }, void 0, false, {
-                fileName: "src/elements/FieldSelect/index.tsx",
-                lineNumber: 54,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/FieldSelect/index.tsx",
-        lineNumber: 52,
-        columnNumber: 5
-    }, this);
+export const FieldSelect = t0 => {
+  const $ = _c(14);
+  const {
+    fields,
+    onChange,
+    permissions
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  const {
+    dispatchFields,
+    getFields
+  } = useForm();
+  let t1;
+  if ($[0] !== fields || $[1] !== getFields || $[2] !== permissions) {
+    t1 = () => reduceFieldOptions({
+      fields: filterOutUploadFields(fields),
+      formState: getFields(),
+      permissions
+    });
+    $[0] = fields;
+    $[1] = getFields;
+    $[2] = permissions;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const [options] = useState(t1);
+  let t2;
+  if ($[4] !== dispatchFields || $[5] !== getFields || $[6] !== onChange || $[7] !== options || $[8] !== t) {
+    let t3;
+    if ($[10] !== dispatchFields || $[11] !== getFields || $[12] !== onChange) {
+      t3 = selected => onChange({
+        dispatchFields,
+        formState: getFields(),
+        selected
+      });
+      $[10] = dispatchFields;
+      $[11] = getFields;
+      $[12] = onChange;
+      $[13] = t3;
+    } else {
+      t3 = $[13];
+    }
+    t2 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsx(FieldLabel, {
+        label: t("fields:selectFieldsToEdit")
+      }), _jsx(ReactSelect, {
+        getOptionValue: _temp,
+        isMulti: true,
+        onChange: t3,
+        options
+      })]
+    });
+    $[4] = dispatchFields;
+    $[5] = getFields;
+    $[6] = onChange;
+    $[7] = options;
+    $[8] = t;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
 };
-
+function _temp(option) {
+  if (typeof option.value === "object" && "path" in option.value) {
+    return String(option.value.path);
+  }
+  return String(option.value);
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/FieldSelect/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, FormState, SanitizedFieldPermissions } from 'payload'\n\nimport React, { useState } from 'react'\n\nimport type { FieldAction } from '../../forms/Form/types.js'\nimport type { FieldOption } from './reduceFieldOptions.js'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { filterOutUploadFields } from '../../utilities/filterOutUploadFields.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport { reduceFieldOptions } from './reduceFieldOptions.js'\nimport './index.scss'\n\nconst baseClass = 'field-select'\n\nexport type OnFieldSelect = ({\n  dispatchFields,\n  formState,\n  selected,\n}: {\n  dispatchFields: React.Dispatch<FieldAction>\n  formState: FormState\n  selected: FieldOption[]\n}) => void\n\nexport type FieldSelectProps = {\n  readonly fields: ClientField[]\n  readonly onChange: OnFieldSelect\n  readonly permissions:\n    | {\n        [fieldName: string]: SanitizedFieldPermissions\n      }\n    | SanitizedFieldPermissions\n}\n\nexport const FieldSelect: React.FC<FieldSelectProps> = ({ fields, onChange, permissions }) => {\n  const { t } = useTranslation()\n  const { dispatchFields, getFields } = useForm()\n\n  const [options] = useState<FieldOption[]>(() =>\n    reduceFieldOptions({\n      fields: filterOutUploadFields(fields),\n      formState: getFields(),\n      permissions,\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={(selected: FieldOption[]) =>\n          onChange({ dispatchFields, formState: getFields(), selected })\n        }\n        options={options}\n      />\n    </div>\n  )\n}\n"],"names":["React","useState","FieldLabel","useForm","useTranslation","filterOutUploadFields","ReactSelect","reduceFieldOptions","baseClass","FieldSelect","fields","onChange","permissions","t","dispatchFields","getFields","options","formState","div","className","label","getOptionValue","option","value","String","path","isMulti","selected"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAKvC,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,OAAO,QAAQ,8BAA6B;AACrD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,qBAAqB,QAAQ,2CAA0C;AAChF,SAASC,WAAW,QAAQ,0BAAyB;AACrD,SAASC,kBAAkB,QAAQ,0BAAyB;AAC5D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAsBlB,OAAO,MAAMC,cAA0C,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,WAAW,EAAE;IACvF,MAAM,EAAEC,CAAC,EAAE,GAAGT;IACd,MAAM,EAAEU,cAAc,EAAEC,SAAS,EAAE,GAAGZ;IAEtC,MAAM,CAACa,QAAQ,GAAGf,SAAwB,IACxCM,mBAAmB;YACjBG,QAAQL,sBAAsBK;YAC9BO,WAAWF;YACXH;QACF;IAGF,qBACE,QAACM;QAAIC,WAAWX;;0BACd,QAACN;gBAAWkB,OAAOP,EAAE;;;;;;0BACrB,QAACP;gBACCe,gBAAgB,CAACC;oBACf,IAAI,OAAOA,OAAOC,KAAK,KAAK,YAAY,UAAUD,OAAOC,KAAK,EAAE;wBAC9D,OAAOC,OAAOF,OAAOC,KAAK,CAACE,IAAI;oBACjC;oBACA,OAAOD,OAAOF,OAAOC,KAAK;gBAC5B;gBACAG,OAAO;gBACPf,UAAU,CAACgB,WACThB,SAAS;wBAAEG;wBAAgBG,WAAWF;wBAAaY;oBAAS;gBAE9DX,SAASA;;;;;;;;;;;;AAIjB,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","useState","FieldLabel","useForm","useTranslation","filterOutUploadFields","ReactSelect","reduceFieldOptions","baseClass","FieldSelect","t0","$","fields","onChange","permissions","t","dispatchFields","getFields","t1","formState","options","t2","t3","selected","_jsxs","className","children","_jsx","label","getOptionValue","_temp","isMulti","option","value","String","path"],"sources":["../../../src/elements/FieldSelect/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, FormState, SanitizedFieldPermissions } from 'payload'\n\nimport React, { useState } from 'react'\n\nimport type { FieldAction } from '../../forms/Form/types.js'\nimport type { FieldOption } from './reduceFieldOptions.js'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { filterOutUploadFields } from '../../utilities/filterOutUploadFields.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport { reduceFieldOptions } from './reduceFieldOptions.js'\nimport './index.scss'\n\nconst baseClass = 'field-select'\n\nexport type OnFieldSelect = ({\n  dispatchFields,\n  formState,\n  selected,\n}: {\n  dispatchFields: React.Dispatch<FieldAction>\n  formState: FormState\n  selected: FieldOption[]\n}) => void\n\nexport type FieldSelectProps = {\n  readonly fields: ClientField[]\n  readonly onChange: OnFieldSelect\n  readonly permissions:\n    | {\n        [fieldName: string]: SanitizedFieldPermissions\n      }\n    | SanitizedFieldPermissions\n}\n\nexport const FieldSelect: React.FC<FieldSelectProps> = ({ fields, onChange, permissions }) => {\n  const { t } = useTranslation()\n  const { dispatchFields, getFields } = useForm()\n\n  const [options] = useState<FieldOption[]>(() =>\n    reduceFieldOptions({\n      fields: filterOutUploadFields(fields),\n      formState: getFields(),\n      permissions,\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={(selected: FieldOption[]) =>\n          onChange({ dispatchFields, formState: getFields(), selected })\n        }\n        options={options}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAKhC,SAASC,UAAU,QAAQ;AAC3B,SAASC,OAAO,QAAQ;AACxB,SAASC,cAAc,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,WAAW,QAAQ;AAC5B,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAsBlB,OAAO,MAAMC,WAAA,GAA0CC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,MAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAJ,EAAiC;EACvF;IAAAK;EAAA,IAAcX,cAAA;EACd;IAAAY,cAAA;IAAAC;EAAA,IAAsCd,OAAA;EAAA,IAAAe,EAAA;EAAA,IAAAP,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAM,SAAA,IAAAN,CAAA,QAAAG,WAAA;IAEII,EAAA,GAAAA,CAAA,KACxCX,kBAAA;MAAAK,MAAA,EACUP,qBAAA,CAAsBO,MAAA;MAAAO,SAAA,EACnBF,SAAA;MAAAH;IAAA,CAEb;IAAAH,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAM,SAAA;IAAAN,CAAA,MAAAG,WAAA;IAAAH,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EALF,OAAAS,OAAA,IAAkBnB,QAAA,CAAwBiB,EAKxC;EAAA,IAAAG,EAAA;EAAA,IAAAV,CAAA,QAAAK,cAAA,IAAAL,CAAA,QAAAM,SAAA,IAAAN,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAS,OAAA,IAAAT,CAAA,QAAAI,CAAA;IAAA,IAAAO,EAAA;IAAA,IAAAX,CAAA,SAAAK,cAAA,IAAAL,CAAA,SAAAM,SAAA,IAAAN,CAAA,SAAAE,QAAA;MAccS,EAAA,GAAAC,QAAA,IACRV,QAAA;QAAAG,cAAA;QAAAG,SAAA,EAAsCF,SAAA;QAAAM;MAAA,CAAsB;MAAAZ,CAAA,OAAAK,cAAA;MAAAL,CAAA,OAAAM,SAAA;MAAAN,CAAA,OAAAE,QAAA;MAAAF,CAAA,OAAAW,EAAA;IAAA;MAAAA,EAAA,GAAAX,CAAA;IAAA;IAXlEU,EAAA,GAAAG,KAAA,CAAC;MAAAC,SAAA,EAAAjB,SAAA;MAAAkB,QAAA,GACCC,IAAA,CAAAzB,UAAA;QAAA0B,KAAA,EAAmBb,CAAA,CAAE;MAAA,C,GACrBY,IAAA,CAAArB,WAAA;QAAAuB,cAAA,EAAAC,KAAA;QAAAC,OAAA;QAAAlB,QAAA,EAQYS,EACoD;QAAAF;MAAA,C;;;;;;;;;;;SAXlEC,E;CAiBJ;AA9BuD,SAAAS,MAAAE,MAAA;EAAA,IAiBzC,OAAOA,MAAA,CAAAC,KAAA,KAAiB,YAAY,UAAUD,MAAA,CAAAC,KAAY;IAAA,OACrDC,MAAA,CAAOF,MAAA,CAAAC,KAAA,CAAAE,IAAiB;EAAA;EAAA,OAE1BD,MAAA,CAAOF,MAAA,CAAAC,KAAY;AAAA","ignoreList":[]}

package/dist/elements/FieldSelect/reduceFieldOptions.js

@@ -1,76 +1,74 @@
 import { fieldAffectsData, fieldHasSubFields, fieldIsHiddenOrDisabled, getFieldPermissions } from 'payload/shared';
 import { createNestedClientFieldPath } from '../../forms/Form/createNestedClientFieldPath.js';
 import { combineFieldLabel } from '../../utilities/combineFieldLabel.js';
-export const ignoreFromBulkEdit = (field)=>Boolean((fieldAffectsData(field) || field.type === 'ui') && (field.admin.disableBulkEdit || field.unique || fieldIsHiddenOrDisabled(field) || 'readOnly' in field && field.readOnly));
-export const reduceFieldOptions = ({ fields, formState, labelPrefix = null, parentPath = '', path = '', permissions })=>{
-    if (!fields) {
-        return [];
+export const ignoreFromBulkEdit = field => Boolean((fieldAffectsData(field) || field.type === 'ui') && (field.admin.disableBulkEdit || field.unique || fieldIsHiddenOrDisabled(field) || 'readOnly' in field && field.readOnly));
+export const reduceFieldOptions = ({
+  fields,
+  formState,
+  labelPrefix = null,
+  parentPath = '',
+  path = '',
+  permissions
+}) => {
+  if (!fields) {
+    return [];
+  }
+  const CustomLabel = formState?.[path]?.customComponents?.Label;
+  return fields?.reduce((fieldsToUse, field) => {
+    const {
+      operation: hasOperationPermission,
+      permissions: fieldPermissions,
+      read: hasReadPermission
+    } = getFieldPermissions({
+      field,
+      operation: 'update',
+      parentName: parentPath?.includes('.') ? parentPath.split('.')[parentPath.split('.').length - 1] : parentPath,
+      permissions
+    });
+    // escape for a variety of reasons, include ui fields as they have `name`.
+    if ((fieldAffectsData(field) || field.type === 'ui') && (field.admin?.disableBulkEdit || field.unique || fieldIsHiddenOrDisabled(field) || 'readOnly' in field && field.readOnly || !hasOperationPermission || !hasReadPermission)) {
+      return fieldsToUse;
     }
-    const CustomLabel = formState?.[path]?.customComponents?.Label;
-    return fields?.reduce((fieldsToUse, field)=>{
-        const { operation: hasOperationPermission, permissions: fieldPermissions, read: hasReadPermission } = getFieldPermissions({
-            field,
-            operation: 'update',
-            parentName: parentPath?.includes('.') ? parentPath.split('.')[parentPath.split('.').length - 1] : parentPath,
-            permissions
-        });
-        // escape for a variety of reasons, include ui fields as they have `name`.
-        if ((fieldAffectsData(field) || field.type === 'ui') && (field.admin?.disableBulkEdit || field.unique || fieldIsHiddenOrDisabled(field) || 'readOnly' in field && field.readOnly || !hasOperationPermission || !hasReadPermission)) {
-            return fieldsToUse;
-        }
-        if (!(field.type === 'array' || field.type === 'blocks') && fieldHasSubFields(field)) {
-            return [
-                ...fieldsToUse,
-                ...reduceFieldOptions({
-                    fields: field.fields,
-                    labelPrefix: combineFieldLabel({
-                        CustomLabel,
-                        field,
-                        prefix: labelPrefix
-                    }),
-                    parentPath: path,
-                    path: createNestedClientFieldPath(path, field),
-                    permissions: fieldPermissions
-                })
-            ];
-        }
-        if (field.type === 'tabs' && 'tabs' in field) {
-            return [
-                ...fieldsToUse,
-                ...field.tabs.reduce((tabFields, tab)=>{
-                    if ('fields' in tab) {
-                        const isNamedTab = 'name' in tab && tab.name;
-                        return [
-                            ...tabFields,
-                            ...reduceFieldOptions({
-                                fields: tab.fields,
-                                labelPrefix,
-                                parentPath: path,
-                                path: isNamedTab ? createNestedClientFieldPath(path, field) : path,
-                                permissions: fieldPermissions
-                            })
-                        ];
-                    }
-                }, [])
-            ];
+    if (!(field.type === 'array' || field.type === 'blocks') && fieldHasSubFields(field)) {
+      return [...fieldsToUse, ...reduceFieldOptions({
+        fields: field.fields,
+        labelPrefix: combineFieldLabel({
+          CustomLabel,
+          field,
+          prefix: labelPrefix
+        }),
+        parentPath: path,
+        path: createNestedClientFieldPath(path, field),
+        permissions: fieldPermissions
+      })];
+    }
+    if (field.type === 'tabs' && 'tabs' in field) {
+      return [...fieldsToUse, ...field.tabs.reduce((tabFields, tab) => {
+        if ('fields' in tab) {
+          const isNamedTab = 'name' in tab && tab.name;
+          return [...tabFields, ...reduceFieldOptions({
+            fields: tab.fields,
+            labelPrefix,
+            parentPath: path,
+            path: isNamedTab ? createNestedClientFieldPath(path, field) : path,
+            permissions: fieldPermissions
+          })];
         }
-        const formattedField = {
-            label: combineFieldLabel({
-                CustomLabel,
-                field,
-                prefix: labelPrefix
-            }),
-            value: {
-                field,
-                fieldPermissions: fieldPermissions,
-                path: createNestedClientFieldPath(path, field)
-            }
-        };
-        return [
-            ...fieldsToUse,
-            formattedField
-        ];
-    }, []);
+      }, [])];
+    }
+    const formattedField = {
+      label: combineFieldLabel({
+        CustomLabel,
+        field,
+        prefix: labelPrefix
+      }),
+      value: {
+        field,
+        fieldPermissions: fieldPermissions,
+        path: createNestedClientFieldPath(path, field)
+      }
+    };
+    return [...fieldsToUse, formattedField];
+  }, []);
 };
-
 //# sourceMappingURL=reduceFieldOptions.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/FieldSelect/reduceFieldOptions.ts"],"sourcesContent":["import type { ClientField, FormState, SanitizedFieldPermissions } from 'payload'\n\nimport {\n  fieldAffectsData,\n  fieldHasSubFields,\n  fieldIsHiddenOrDisabled,\n  getFieldPermissions,\n} from 'payload/shared'\n\nimport { createNestedClientFieldPath } from '../../forms/Form/createNestedClientFieldPath.js'\nimport { combineFieldLabel } from '../../utilities/combineFieldLabel.js'\n\nexport type SelectedField = {\n  field: ClientField\n  fieldPermissions: SanitizedFieldPermissions\n  path: string\n}\n\nexport type FieldOption = {\n  label: React.ReactNode\n  value: SelectedField\n}\n\nexport const ignoreFromBulkEdit = (field: ClientField): boolean =>\n  Boolean(\n    (fieldAffectsData(field) || field.type === 'ui') &&\n      (field.admin.disableBulkEdit ||\n        field.unique ||\n        fieldIsHiddenOrDisabled(field) ||\n        ('readOnly' in field && field.readOnly)),\n  )\n\nexport const reduceFieldOptions = ({\n  fields,\n  formState,\n  labelPrefix = null,\n  parentPath = '',\n  path = '',\n  permissions,\n}: {\n  readonly fields: ClientField[]\n  readonly formState?: FormState\n  readonly labelPrefix?: React.ReactNode\n  readonly parentPath?: string\n  readonly path?: string\n  readonly permissions:\n    | {\n        [fieldName: string]: SanitizedFieldPermissions\n      }\n    | SanitizedFieldPermissions\n}): FieldOption[] => {\n  if (!fields) {\n    return []\n  }\n\n  const CustomLabel = formState?.[path]?.customComponents?.Label\n\n  return fields?.reduce((fieldsToUse, field) => {\n    const {\n      operation: hasOperationPermission,\n      permissions: fieldPermissions,\n      read: hasReadPermission,\n    } = getFieldPermissions({\n      field,\n      operation: 'update',\n      parentName: parentPath?.includes('.')\n        ? parentPath.split('.')[parentPath.split('.').length - 1]\n        : parentPath,\n      permissions,\n    })\n\n    // escape for a variety of reasons, include ui fields as they have `name`.\n    if (\n      (fieldAffectsData(field) || field.type === 'ui') &&\n      (field.admin?.disableBulkEdit ||\n        field.unique ||\n        fieldIsHiddenOrDisabled(field) ||\n        ('readOnly' in field && field.readOnly) ||\n        !hasOperationPermission ||\n        !hasReadPermission)\n    ) {\n      return fieldsToUse\n    }\n\n    if (!(field.type === 'array' || field.type === 'blocks') && fieldHasSubFields(field)) {\n      return [\n        ...fieldsToUse,\n        ...reduceFieldOptions({\n          fields: field.fields,\n          labelPrefix: combineFieldLabel({ CustomLabel, field, prefix: labelPrefix }),\n          parentPath: path,\n          path: createNestedClientFieldPath(path, field),\n          permissions: fieldPermissions,\n        }),\n      ]\n    }\n\n    if (field.type === 'tabs' && 'tabs' in field) {\n      return [\n        ...fieldsToUse,\n        ...field.tabs.reduce((tabFields, tab) => {\n          if ('fields' in tab) {\n            const isNamedTab = 'name' in tab && tab.name\n            return [\n              ...tabFields,\n              ...reduceFieldOptions({\n                fields: tab.fields,\n                labelPrefix,\n                parentPath: path,\n                path: isNamedTab ? createNestedClientFieldPath(path, field) : path,\n                permissions: fieldPermissions,\n              }),\n            ]\n          }\n        }, []),\n      ]\n    }\n\n    const formattedField: FieldOption = {\n      label: combineFieldLabel({ CustomLabel, field, prefix: labelPrefix }),\n      value: {\n        field,\n        fieldPermissions: fieldPermissions as SanitizedFieldPermissions,\n        path: createNestedClientFieldPath(path, field),\n      },\n    }\n\n    return [...fieldsToUse, formattedField]\n  }, [])\n}\n"],"names":["fieldAffectsData","fieldHasSubFields","fieldIsHiddenOrDisabled","getFieldPermissions","createNestedClientFieldPath","combineFieldLabel","ignoreFromBulkEdit","field","Boolean","type","admin","disableBulkEdit","unique","readOnly","reduceFieldOptions","fields","formState","labelPrefix","parentPath","path","permissions","CustomLabel","customComponents","Label","reduce","fieldsToUse","operation","hasOperationPermission","fieldPermissions","read","hasReadPermission","parentName","includes","split","length","prefix","tabs","tabFields","tab","isNamedTab","name","formattedField","label","value"],"mappings":"AAEA,SACEA,gBAAgB,EAChBC,iBAAiB,EACjBC,uBAAuB,EACvBC,mBAAmB,QACd,iBAAgB;AAEvB,SAASC,2BAA2B,QAAQ,kDAAiD;AAC7F,SAASC,iBAAiB,QAAQ,uCAAsC;AAaxE,OAAO,MAAMC,qBAAqB,CAACC,QACjCC,QACE,AAACR,CAAAA,iBAAiBO,UAAUA,MAAME,IAAI,KAAK,IAAG,KAC3CF,CAAAA,MAAMG,KAAK,CAACC,eAAe,IAC1BJ,MAAMK,MAAM,IACZV,wBAAwBK,UACvB,cAAcA,SAASA,MAAMM,QAAQ,GAC3C;AAEH,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,MAAM,EACNC,SAAS,EACTC,cAAc,IAAI,EAClBC,aAAa,EAAE,EACfC,OAAO,EAAE,EACTC,WAAW,EAYZ;IACC,IAAI,CAACL,QAAQ;QACX,OAAO,EAAE;IACX;IAEA,MAAMM,cAAcL,WAAW,CAACG,KAAK,EAAEG,kBAAkBC;IAEzD,OAAOR,QAAQS,OAAO,CAACC,aAAalB;QAClC,MAAM,EACJmB,WAAWC,sBAAsB,EACjCP,aAAaQ,gBAAgB,EAC7BC,MAAMC,iBAAiB,EACxB,GAAG3B,oBAAoB;YACtBI;YACAmB,WAAW;YACXK,YAAYb,YAAYc,SAAS,OAC7Bd,WAAWe,KAAK,CAAC,IAAI,CAACf,WAAWe,KAAK,CAAC,KAAKC,MAAM,GAAG,EAAE,GACvDhB;YACJE;QACF;QAEA,0EAA0E;QAC1E,IACE,AAACpB,CAAAA,iBAAiBO,UAAUA,MAAME,IAAI,KAAK,IAAG,KAC7CF,CAAAA,MAAMG,KAAK,EAAEC,mBACZJ,MAAMK,MAAM,IACZV,wBAAwBK,UACvB,cAAcA,SAASA,MAAMM,QAAQ,IACtC,CAACc,0BACD,CAACG,iBAAgB,GACnB;YACA,OAAOL;QACT;QAEA,IAAI,CAAElB,CAAAA,MAAME,IAAI,KAAK,WAAWF,MAAME,IAAI,KAAK,QAAO,KAAMR,kBAAkBM,QAAQ;YACpF,OAAO;mBACFkB;mBACAX,mBAAmB;oBACpBC,QAAQR,MAAMQ,MAAM;oBACpBE,aAAaZ,kBAAkB;wBAAEgB;wBAAad;wBAAO4B,QAAQlB;oBAAY;oBACzEC,YAAYC;oBACZA,MAAMf,4BAA4Be,MAAMZ;oBACxCa,aAAaQ;gBACf;aACD;QACH;QAEA,IAAIrB,MAAME,IAAI,KAAK,UAAU,UAAUF,OAAO;YAC5C,OAAO;mBACFkB;mBACAlB,MAAM6B,IAAI,CAACZ,MAAM,CAAC,CAACa,WAAWC;oBAC/B,IAAI,YAAYA,KAAK;wBACnB,MAAMC,aAAa,UAAUD,OAAOA,IAAIE,IAAI;wBAC5C,OAAO;+BACFH;+BACAvB,mBAAmB;gCACpBC,QAAQuB,IAAIvB,MAAM;gCAClBE;gCACAC,YAAYC;gCACZA,MAAMoB,aAAanC,4BAA4Be,MAAMZ,SAASY;gCAC9DC,aAAaQ;4BACf;yBACD;oBACH;gBACF,GAAG,EAAE;aACN;QACH;QAEA,MAAMa,iBAA8B;YAClCC,OAAOrC,kBAAkB;gBAAEgB;gBAAad;gBAAO4B,QAAQlB;YAAY;YACnE0B,OAAO;gBACLpC;gBACAqB,kBAAkBA;gBAClBT,MAAMf,4BAA4Be,MAAMZ;YAC1C;QACF;QAEA,OAAO;eAAIkB;YAAagB;SAAe;IACzC,GAAG,EAAE;AACP,EAAC"}
+{"version":3,"file":"reduceFieldOptions.js","names":["fieldAffectsData","fieldHasSubFields","fieldIsHiddenOrDisabled","getFieldPermissions","createNestedClientFieldPath","combineFieldLabel","ignoreFromBulkEdit","field","Boolean","type","admin","disableBulkEdit","unique","readOnly","reduceFieldOptions","fields","formState","labelPrefix","parentPath","path","permissions","CustomLabel","customComponents","Label","reduce","fieldsToUse","operation","hasOperationPermission","fieldPermissions","read","hasReadPermission","parentName","includes","split","length","prefix","tabs","tabFields","tab","isNamedTab","name","formattedField","label","value"],"sources":["../../../src/elements/FieldSelect/reduceFieldOptions.ts"],"sourcesContent":["import type { ClientField, FormState, SanitizedFieldPermissions } from 'payload'\n\nimport {\n  fieldAffectsData,\n  fieldHasSubFields,\n  fieldIsHiddenOrDisabled,\n  getFieldPermissions,\n} from 'payload/shared'\n\nimport { createNestedClientFieldPath } from '../../forms/Form/createNestedClientFieldPath.js'\nimport { combineFieldLabel } from '../../utilities/combineFieldLabel.js'\n\nexport type SelectedField = {\n  field: ClientField\n  fieldPermissions: SanitizedFieldPermissions\n  path: string\n}\n\nexport type FieldOption = {\n  label: React.ReactNode\n  value: SelectedField\n}\n\nexport const ignoreFromBulkEdit = (field: ClientField): boolean =>\n  Boolean(\n    (fieldAffectsData(field) || field.type === 'ui') &&\n      (field.admin.disableBulkEdit ||\n        field.unique ||\n        fieldIsHiddenOrDisabled(field) ||\n        ('readOnly' in field && field.readOnly)),\n  )\n\nexport const reduceFieldOptions = ({\n  fields,\n  formState,\n  labelPrefix = null,\n  parentPath = '',\n  path = '',\n  permissions,\n}: {\n  readonly fields: ClientField[]\n  readonly formState?: FormState\n  readonly labelPrefix?: React.ReactNode\n  readonly parentPath?: string\n  readonly path?: string\n  readonly permissions:\n    | {\n        [fieldName: string]: SanitizedFieldPermissions\n      }\n    | SanitizedFieldPermissions\n}): FieldOption[] => {\n  if (!fields) {\n    return []\n  }\n\n  const CustomLabel = formState?.[path]?.customComponents?.Label\n\n  return fields?.reduce((fieldsToUse, field) => {\n    const {\n      operation: hasOperationPermission,\n      permissions: fieldPermissions,\n      read: hasReadPermission,\n    } = getFieldPermissions({\n      field,\n      operation: 'update',\n      parentName: parentPath?.includes('.')\n        ? parentPath.split('.')[parentPath.split('.').length - 1]\n        : parentPath,\n      permissions,\n    })\n\n    // escape for a variety of reasons, include ui fields as they have `name`.\n    if (\n      (fieldAffectsData(field) || field.type === 'ui') &&\n      (field.admin?.disableBulkEdit ||\n        field.unique ||\n        fieldIsHiddenOrDisabled(field) ||\n        ('readOnly' in field && field.readOnly) ||\n        !hasOperationPermission ||\n        !hasReadPermission)\n    ) {\n      return fieldsToUse\n    }\n\n    if (!(field.type === 'array' || field.type === 'blocks') && fieldHasSubFields(field)) {\n      return [\n        ...fieldsToUse,\n        ...reduceFieldOptions({\n          fields: field.fields,\n          labelPrefix: combineFieldLabel({ CustomLabel, field, prefix: labelPrefix }),\n          parentPath: path,\n          path: createNestedClientFieldPath(path, field),\n          permissions: fieldPermissions,\n        }),\n      ]\n    }\n\n    if (field.type === 'tabs' && 'tabs' in field) {\n      return [\n        ...fieldsToUse,\n        ...field.tabs.reduce((tabFields, tab) => {\n          if ('fields' in tab) {\n            const isNamedTab = 'name' in tab && tab.name\n            return [\n              ...tabFields,\n              ...reduceFieldOptions({\n                fields: tab.fields,\n                labelPrefix,\n                parentPath: path,\n                path: isNamedTab ? createNestedClientFieldPath(path, field) : path,\n                permissions: fieldPermissions,\n              }),\n            ]\n          }\n        }, []),\n      ]\n    }\n\n    const formattedField: FieldOption = {\n      label: combineFieldLabel({ CustomLabel, field, prefix: labelPrefix }),\n      value: {\n        field,\n        fieldPermissions: fieldPermissions as SanitizedFieldPermissions,\n        path: createNestedClientFieldPath(path, field),\n      },\n    }\n\n    return [...fieldsToUse, formattedField]\n  }, [])\n}\n"],"mappings":"AAEA,SACEA,gBAAgB,EAChBC,iBAAiB,EACjBC,uBAAuB,EACvBC,mBAAmB,QACd;AAEP,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,iBAAiB,QAAQ;AAalC,OAAO,MAAMC,kBAAA,GAAsBC,KAAA,IACjCC,OAAA,CACE,CAACR,gBAAA,CAAiBO,KAAA,KAAUA,KAAA,CAAME,IAAI,KAAK,IAAG,MAC3CF,KAAA,CAAMG,KAAK,CAACC,eAAe,IAC1BJ,KAAA,CAAMK,MAAM,IACZV,uBAAA,CAAwBK,KAAA,KACvB,cAAcA,KAAA,IAASA,KAAA,CAAMM,QAAQ;AAG9C,OAAO,MAAMC,kBAAA,GAAqBA,CAAC;EACjCC,MAAM;EACNC,SAAS;EACTC,WAAA,GAAc,IAAI;EAClBC,UAAA,GAAa,EAAE;EACfC,IAAA,GAAO,EAAE;EACTC;AAAW,CAYZ;EACC,IAAI,CAACL,MAAA,EAAQ;IACX,OAAO,EAAE;EACX;EAEA,MAAMM,WAAA,GAAcL,SAAA,GAAYG,IAAA,CAAK,EAAEG,gBAAA,EAAkBC,KAAA;EAEzD,OAAOR,MAAA,EAAQS,MAAA,CAAO,CAACC,WAAA,EAAalB,KAAA;IAClC,MAAM;MACJmB,SAAA,EAAWC,sBAAsB;MACjCP,WAAA,EAAaQ,gBAAgB;MAC7BC,IAAA,EAAMC;IAAiB,CACxB,GAAG3B,mBAAA,CAAoB;MACtBI,KAAA;MACAmB,SAAA,EAAW;MACXK,UAAA,EAAYb,UAAA,EAAYc,QAAA,CAAS,OAC7Bd,UAAA,CAAWe,KAAK,CAAC,IAAI,CAACf,UAAA,CAAWe,KAAK,CAAC,KAAKC,MAAM,GAAG,EAAE,GACvDhB,UAAA;MACJE;IACF;IAEA;IACA,IACE,CAACpB,gBAAA,CAAiBO,KAAA,KAAUA,KAAA,CAAME,IAAI,KAAK,IAAG,MAC7CF,KAAA,CAAMG,KAAK,EAAEC,eAAA,IACZJ,KAAA,CAAMK,MAAM,IACZV,uBAAA,CAAwBK,KAAA,KACvB,cAAcA,KAAA,IAASA,KAAA,CAAMM,QAAQ,IACtC,CAACc,sBAAA,IACD,CAACG,iBAAgB,GACnB;MACA,OAAOL,WAAA;IACT;IAEA,IAAI,EAAElB,KAAA,CAAME,IAAI,KAAK,WAAWF,KAAA,CAAME,IAAI,KAAK,QAAO,KAAMR,iBAAA,CAAkBM,KAAA,GAAQ;MACpF,OAAO,C,GACFkB,WAAA,E,GACAX,kBAAA,CAAmB;QACpBC,MAAA,EAAQR,KAAA,CAAMQ,MAAM;QACpBE,WAAA,EAAaZ,iBAAA,CAAkB;UAAEgB,WAAA;UAAad,KAAA;UAAO4B,MAAA,EAAQlB;QAAY;QACzEC,UAAA,EAAYC,IAAA;QACZA,IAAA,EAAMf,2BAAA,CAA4Be,IAAA,EAAMZ,KAAA;QACxCa,WAAA,EAAaQ;MACf,GACD;IACH;IAEA,IAAIrB,KAAA,CAAME,IAAI,KAAK,UAAU,UAAUF,KAAA,EAAO;MAC5C,OAAO,C,GACFkB,WAAA,E,GACAlB,KAAA,CAAM6B,IAAI,CAACZ,MAAM,CAAC,CAACa,SAAA,EAAWC,GAAA;QAC/B,IAAI,YAAYA,GAAA,EAAK;UACnB,MAAMC,UAAA,GAAa,UAAUD,GAAA,IAAOA,GAAA,CAAIE,IAAI;UAC5C,OAAO,C,GACFH,SAAA,E,GACAvB,kBAAA,CAAmB;YACpBC,MAAA,EAAQuB,GAAA,CAAIvB,MAAM;YAClBE,WAAA;YACAC,UAAA,EAAYC,IAAA;YACZA,IAAA,EAAMoB,UAAA,GAAanC,2BAAA,CAA4Be,IAAA,EAAMZ,KAAA,IAASY,IAAA;YAC9DC,WAAA,EAAaQ;UACf,GACD;QACH;MACF,GAAG,EAAE,EACN;IACH;IAEA,MAAMa,cAAA,GAA8B;MAClCC,KAAA,EAAOrC,iBAAA,CAAkB;QAAEgB,WAAA;QAAad,KAAA;QAAO4B,MAAA,EAAQlB;MAAY;MACnE0B,KAAA,EAAO;QACLpC,KAAA;QACAqB,gBAAA,EAAkBA,gBAAA;QAClBT,IAAA,EAAMf,2BAAA,CAA4Be,IAAA,EAAMZ,KAAA;MAC1C;IACF;IAEA,OAAO,C,GAAIkB,WAAA,EAAagB,cAAA,CAAe;EACzC,GAAG,EAAE;AACP","ignoreList":[]}

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

@@ -1,5 +1,7 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Button } from '../../Button/index.js';
 import { Thumbnail } from '../../Thumbnail/index.js';
@@ -9,118 +11,108 @@ import { DraggableSortableItem } from '../../../elements/DraggableSortable/Dragg
 import { DragHandleIcon } from '../../../icons/DragHandle/index.js';
 import { EditIcon } from '../../../icons/Edit/index.js';
 import { useDocumentDrawer } from '../../DocumentDrawer/index.js';
-export const DraggableFileDetails = (props)=>{
-    const { collectionSlug, doc, hideRemoveFile, imageCacheTag, isSortable, removeItem, rowIndex, uploadConfig } = props;
-    const { id, filename, thumbnailURL, url } = doc;
-    const [DocumentDrawer, DocumentDrawerToggler] = useDocumentDrawer({
-        id,
-        collectionSlug
+export const DraggableFileDetails = props => {
+  const $ = _c(20);
+  const {
+    collectionSlug,
+    doc,
+    hideRemoveFile,
+    imageCacheTag,
+    isSortable,
+    removeItem,
+    rowIndex,
+    uploadConfig
+  } = props;
+  const {
+    id,
+    filename,
+    thumbnailURL,
+    url
+  } = doc;
+  let t0;
+  if ($[0] !== collectionSlug || $[1] !== id) {
+    t0 = {
+      id,
+      collectionSlug
+    };
+    $[0] = collectionSlug;
+    $[1] = id;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const [DocumentDrawer, DocumentDrawerToggler] = useDocumentDrawer(t0);
+  let t1;
+  if ($[3] !== DocumentDrawer || $[4] !== DocumentDrawerToggler || $[5] !== collectionSlug || $[6] !== doc || $[7] !== filename || $[8] !== hideRemoveFile || $[9] !== imageCacheTag || $[10] !== isSortable || $[11] !== removeItem || $[12] !== rowIndex || $[13] !== thumbnailURL || $[14] !== uploadConfig || $[15] !== url) {
+    t1 = draggableSortableItemProps => _jsxs("div", {
+      className: [baseClass, draggableSortableItemProps && isSortable && `${baseClass}--has-drag-handle`].filter(Boolean).join(" "),
+      ref: draggableSortableItemProps.setNodeRef,
+      style: {
+        transform: draggableSortableItemProps.transform,
+        transition: draggableSortableItemProps.transition,
+        zIndex: draggableSortableItemProps.isDragging ? 1 : undefined
+      },
+      children: [_jsxs("div", {
+        className: `${baseClass}--drag-wrapper`,
+        children: [isSortable && draggableSortableItemProps && _jsx("div", {
+          className: `${baseClass}__drag`,
+          ...draggableSortableItemProps.attributes,
+          ...draggableSortableItemProps.listeners,
+          children: _jsx(DragHandleIcon, {})
+        }), _jsx(Thumbnail, {
+          className: `${baseClass}__thumbnail`,
+          collectionSlug,
+          doc,
+          fileSrc: thumbnailURL || url,
+          imageCacheTag,
+          uploadConfig
+        })]
+      }), _jsx("div", {
+        className: `${baseClass}__main-detail`,
+        children: filename
+      }), _jsxs("div", {
+        className: `${baseClass}__actions`,
+        children: [_jsx(DocumentDrawer, {}), _jsx(DocumentDrawerToggler, {
+          children: _jsx(EditIcon, {})
+        }), !hideRemoveFile && removeItem && _jsx(Button, {
+          buttonStyle: "icon-label",
+          className: `${baseClass}__remove`,
+          icon: "x",
+          iconStyle: "none",
+          onClick: () => removeItem(rowIndex),
+          round: true
+        })]
+      })]
     });
-    return /*#__PURE__*/ _jsxDEV(DraggableSortableItem, {
-        id: id,
-        children: (draggableSortableItemProps)=>/*#__PURE__*/ _jsxDEV("div", {
-                className: [
-                    baseClass,
-                    draggableSortableItemProps && isSortable && `${baseClass}--has-drag-handle`
-                ].filter(Boolean).join(' '),
-                ref: draggableSortableItemProps.setNodeRef,
-                style: {
-                    transform: draggableSortableItemProps.transform,
-                    transition: draggableSortableItemProps.transition,
-                    zIndex: draggableSortableItemProps.isDragging ? 1 : undefined
-                },
-                children: [
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}--drag-wrapper`,
-                        children: [
-                            isSortable && draggableSortableItemProps && /*#__PURE__*/ _jsxDEV("div", {
-                                className: `${baseClass}__drag`,
-                                ...draggableSortableItemProps.attributes,
-                                ...draggableSortableItemProps.listeners,
-                                children: /*#__PURE__*/ _jsxDEV(DragHandleIcon, {}, void 0, false, {
-                                    fileName: "src/elements/FileDetails/DraggableFileDetails/index.tsx",
-                                    lineNumber: 77,
-                                    columnNumber: 17
-                                }, this)
-                            }, void 0, false, {
-                                fileName: "src/elements/FileDetails/DraggableFileDetails/index.tsx",
-                                lineNumber: 72,
-                                columnNumber: 15
-                            }, this),
-                            /*#__PURE__*/ _jsxDEV(Thumbnail, {
-                                className: `${baseClass}__thumbnail`,
-                                collectionSlug: collectionSlug,
-                                doc: doc,
-                                fileSrc: thumbnailURL || url,
-                                imageCacheTag: imageCacheTag,
-                                uploadConfig: uploadConfig
-                            }, void 0, false, {
-                                fileName: "src/elements/FileDetails/DraggableFileDetails/index.tsx",
-                                lineNumber: 80,
-                                columnNumber: 13
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/FileDetails/DraggableFileDetails/index.tsx",
-                        lineNumber: 70,
-                        columnNumber: 11
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__main-detail`,
-                        children: filename
-                    }, void 0, false, {
-                        fileName: "src/elements/FileDetails/DraggableFileDetails/index.tsx",
-                        lineNumber: 89,
-                        columnNumber: 11
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__actions`,
-                        children: [
-                            /*#__PURE__*/ _jsxDEV(DocumentDrawer, {}, void 0, false, {
-                                fileName: "src/elements/FileDetails/DraggableFileDetails/index.tsx",
-                                lineNumber: 92,
-                                columnNumber: 13
-                            }, this),
-                            /*#__PURE__*/ _jsxDEV(DocumentDrawerToggler, {
-                                children: /*#__PURE__*/ _jsxDEV(EditIcon, {}, void 0, false, {
-                                    fileName: "src/elements/FileDetails/DraggableFileDetails/index.tsx",
-                                    lineNumber: 94,
-                                    columnNumber: 15
-                                }, this)
-                            }, void 0, false, {
-                                fileName: "src/elements/FileDetails/DraggableFileDetails/index.tsx",
-                                lineNumber: 93,
-                                columnNumber: 13
-                            }, this),
-                            !hideRemoveFile && removeItem && /*#__PURE__*/ _jsxDEV(Button, {
-                                buttonStyle: "icon-label",
-                                className: `${baseClass}__remove`,
-                                icon: "x",
-                                iconStyle: "none",
-                                onClick: ()=>removeItem(rowIndex),
-                                round: true
-                            }, void 0, false, {
-                                fileName: "src/elements/FileDetails/DraggableFileDetails/index.tsx",
-                                lineNumber: 97,
-                                columnNumber: 15
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/FileDetails/DraggableFileDetails/index.tsx",
-                        lineNumber: 91,
-                        columnNumber: 11
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/FileDetails/DraggableFileDetails/index.tsx",
-                lineNumber: 56,
-                columnNumber: 9
-            }, this)
-    }, id, false, {
-        fileName: "src/elements/FileDetails/DraggableFileDetails/index.tsx",
-        lineNumber: 54,
-        columnNumber: 5
-    }, this);
+    $[3] = DocumentDrawer;
+    $[4] = DocumentDrawerToggler;
+    $[5] = collectionSlug;
+    $[6] = doc;
+    $[7] = filename;
+    $[8] = hideRemoveFile;
+    $[9] = imageCacheTag;
+    $[10] = isSortable;
+    $[11] = removeItem;
+    $[12] = rowIndex;
+    $[13] = thumbnailURL;
+    $[14] = uploadConfig;
+    $[15] = url;
+    $[16] = t1;
+  } else {
+    t1 = $[16];
+  }
+  let t2;
+  if ($[17] !== id || $[18] !== t1) {
+    t2 = _jsx(DraggableSortableItem, {
+      id,
+      children: t1
+    }, id);
+    $[17] = id;
+    $[18] = t1;
+    $[19] = t2;
+  } else {
+    t2 = $[19];
+  }
+  return t2;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FileDetails/DraggableFileDetails/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Button } from '../../Button/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport './index.scss'\n\nconst baseClass = 'file-details-draggable'\n\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nimport { DraggableSortableItem } from '../../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DragHandleIcon } from '../../../icons/DragHandle/index.js'\nimport { EditIcon } from '../../../icons/Edit/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\n\nexport type DraggableFileDetailsProps = {\n  collectionSlug: string\n  customUploadActions?: React.ReactNode[]\n  doc: {\n    sizes?: FileSizes\n  } & Data\n  enableAdjustments?: boolean\n  hasImageSizes?: boolean\n  hasMany: boolean\n  hideRemoveFile?: boolean\n  imageCacheTag?: string\n  isSortable?: boolean\n  removeItem?: (index: number) => void\n  rowIndex: number\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const DraggableFileDetails: React.FC<DraggableFileDetailsProps> = (props) => {\n  const {\n    collectionSlug,\n    doc,\n    hideRemoveFile,\n    imageCacheTag,\n    isSortable,\n    removeItem,\n    rowIndex,\n    uploadConfig,\n  } = props\n\n  const { id, filename, thumbnailURL, url } = doc\n\n  const [DocumentDrawer, DocumentDrawerToggler] = useDocumentDrawer({\n    id,\n    collectionSlug,\n  })\n\n  return (\n    <DraggableSortableItem id={id} key={id}>\n      {(draggableSortableItemProps) => (\n        <div\n          className={[\n            baseClass,\n            draggableSortableItemProps && isSortable && `${baseClass}--has-drag-handle`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          ref={draggableSortableItemProps.setNodeRef}\n          style={{\n            transform: draggableSortableItemProps.transform,\n            transition: draggableSortableItemProps.transition,\n            zIndex: draggableSortableItemProps.isDragging ? 1 : undefined,\n          }}\n        >\n          <div className={`${baseClass}--drag-wrapper`}>\n            {isSortable && draggableSortableItemProps && (\n              <div\n                className={`${baseClass}__drag`}\n                {...draggableSortableItemProps.attributes}\n                {...draggableSortableItemProps.listeners}\n              >\n                <DragHandleIcon />\n              </div>\n            )}\n            <Thumbnail\n              className={`${baseClass}__thumbnail`}\n              collectionSlug={collectionSlug}\n              doc={doc}\n              fileSrc={thumbnailURL || url}\n              imageCacheTag={imageCacheTag}\n              uploadConfig={uploadConfig}\n            />\n          </div>\n          <div className={`${baseClass}__main-detail`}>{filename}</div>\n\n          <div className={`${baseClass}__actions`}>\n            <DocumentDrawer />\n            <DocumentDrawerToggler>\n              <EditIcon />\n            </DocumentDrawerToggler>\n            {!hideRemoveFile && removeItem && (\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__remove`}\n                icon=\"x\"\n                iconStyle=\"none\"\n                onClick={() => removeItem(rowIndex)}\n                round\n              />\n            )}\n          </div>\n        </div>\n      )}\n    </DraggableSortableItem>\n  )\n}\n"],"names":["React","Button","Thumbnail","baseClass","DraggableSortableItem","DragHandleIcon","EditIcon","useDocumentDrawer","DraggableFileDetails","props","collectionSlug","doc","hideRemoveFile","imageCacheTag","isSortable","removeItem","rowIndex","uploadConfig","id","filename","thumbnailURL","url","DocumentDrawer","DocumentDrawerToggler","draggableSortableItemProps","div","className","filter","Boolean","join","ref","setNodeRef","style","transform","transition","zIndex","isDragging","undefined","attributes","listeners","fileSrc","buttonStyle","icon","iconStyle","onClick","round"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,SAASC,SAAS,QAAQ,2BAA0B;AACpD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAIlB,SAASC,qBAAqB,QAAQ,qEAAoE;AAC1G,SAASC,cAAc,QAAQ,qCAAoC;AACnE,SAASC,QAAQ,QAAQ,+BAA8B;AACvD,SAASC,iBAAiB,QAAQ,gCAA+B;AAmBjE,OAAO,MAAMC,uBAA4D,CAACC;IACxE,MAAM,EACJC,cAAc,EACdC,GAAG,EACHC,cAAc,EACdC,aAAa,EACbC,UAAU,EACVC,UAAU,EACVC,QAAQ,EACRC,YAAY,EACb,GAAGR;IAEJ,MAAM,EAAES,EAAE,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,GAAG,EAAE,GAAGV;IAE5C,MAAM,CAACW,gBAAgBC,sBAAsB,GAAGhB,kBAAkB;QAChEW;QACAR;IACF;IAEA,qBACE,QAACN;QAAsBc,IAAIA;kBACxB,CAACM,2CACA,QAACC;gBACCC,WAAW;oBACTvB;oBACAqB,8BAA8BV,cAAc,GAAGX,UAAU,iBAAiB,CAAC;iBAC5E,CACEwB,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRC,KAAKN,2BAA2BO,UAAU;gBAC1CC,OAAO;oBACLC,WAAWT,2BAA2BS,SAAS;oBAC/CC,YAAYV,2BAA2BU,UAAU;oBACjDC,QAAQX,2BAA2BY,UAAU,GAAG,IAAIC;gBACtD;;kCAEA,QAACZ;wBAAIC,WAAW,GAAGvB,UAAU,cAAc,CAAC;;4BACzCW,cAAcU,4CACb,QAACC;gCACCC,WAAW,GAAGvB,UAAU,MAAM,CAAC;gCAC9B,GAAGqB,2BAA2Bc,UAAU;gCACxC,GAAGd,2BAA2Be,SAAS;0CAExC,cAAA,QAAClC;;;;;;;;;;0CAGL,QAACH;gCACCwB,WAAW,GAAGvB,UAAU,WAAW,CAAC;gCACpCO,gBAAgBA;gCAChBC,KAAKA;gCACL6B,SAASpB,gBAAgBC;gCACzBR,eAAeA;gCACfI,cAAcA;;;;;;;;;;;;kCAGlB,QAACQ;wBAAIC,WAAW,GAAGvB,UAAU,aAAa,CAAC;kCAAGgB;;;;;;kCAE9C,QAACM;wBAAIC,WAAW,GAAGvB,UAAU,SAAS,CAAC;;0CACrC,QAACmB;;;;;0CACD,QAACC;0CACC,cAAA,QAACjB;;;;;;;;;;4BAEF,CAACM,kBAAkBG,4BAClB,QAACd;gCACCwC,aAAY;gCACZf,WAAW,GAAGvB,UAAU,QAAQ,CAAC;gCACjCuC,MAAK;gCACLC,WAAU;gCACVC,SAAS,IAAM7B,WAAWC;gCAC1B6B,KAAK;;;;;;;;;;;;;;;;;;OAjDmB3B;;;;;AAyDxC,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","Button","Thumbnail","baseClass","DraggableSortableItem","DragHandleIcon","EditIcon","useDocumentDrawer","DraggableFileDetails","props","$","collectionSlug","doc","hideRemoveFile","imageCacheTag","isSortable","removeItem","rowIndex","uploadConfig","id","filename","thumbnailURL","url","t0","DocumentDrawer","DocumentDrawerToggler","t1","draggableSortableItemProps","_jsxs","className","filter","Boolean","join","ref","setNodeRef","style","transform","transition","zIndex","isDragging","undefined","children","_jsx","attributes","listeners","fileSrc","buttonStyle","icon","iconStyle","onClick","round","t2"],"sources":["../../../../src/elements/FileDetails/DraggableFileDetails/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Button } from '../../Button/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport './index.scss'\n\nconst baseClass = 'file-details-draggable'\n\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nimport { DraggableSortableItem } from '../../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DragHandleIcon } from '../../../icons/DragHandle/index.js'\nimport { EditIcon } from '../../../icons/Edit/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\n\nexport type DraggableFileDetailsProps = {\n  collectionSlug: string\n  customUploadActions?: React.ReactNode[]\n  doc: {\n    sizes?: FileSizes\n  } & Data\n  enableAdjustments?: boolean\n  hasImageSizes?: boolean\n  hasMany: boolean\n  hideRemoveFile?: boolean\n  imageCacheTag?: string\n  isSortable?: boolean\n  removeItem?: (index: number) => void\n  rowIndex: number\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const DraggableFileDetails: React.FC<DraggableFileDetailsProps> = (props) => {\n  const {\n    collectionSlug,\n    doc,\n    hideRemoveFile,\n    imageCacheTag,\n    isSortable,\n    removeItem,\n    rowIndex,\n    uploadConfig,\n  } = props\n\n  const { id, filename, thumbnailURL, url } = doc\n\n  const [DocumentDrawer, DocumentDrawerToggler] = useDocumentDrawer({\n    id,\n    collectionSlug,\n  })\n\n  return (\n    <DraggableSortableItem id={id} key={id}>\n      {(draggableSortableItemProps) => (\n        <div\n          className={[\n            baseClass,\n            draggableSortableItemProps && isSortable && `${baseClass}--has-drag-handle`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          ref={draggableSortableItemProps.setNodeRef}\n          style={{\n            transform: draggableSortableItemProps.transform,\n            transition: draggableSortableItemProps.transition,\n            zIndex: draggableSortableItemProps.isDragging ? 1 : undefined,\n          }}\n        >\n          <div className={`${baseClass}--drag-wrapper`}>\n            {isSortable && draggableSortableItemProps && (\n              <div\n                className={`${baseClass}__drag`}\n                {...draggableSortableItemProps.attributes}\n                {...draggableSortableItemProps.listeners}\n              >\n                <DragHandleIcon />\n              </div>\n            )}\n            <Thumbnail\n              className={`${baseClass}__thumbnail`}\n              collectionSlug={collectionSlug}\n              doc={doc}\n              fileSrc={thumbnailURL || url}\n              imageCacheTag={imageCacheTag}\n              uploadConfig={uploadConfig}\n            />\n          </div>\n          <div className={`${baseClass}__main-detail`}>{filename}</div>\n\n          <div className={`${baseClass}__actions`}>\n            <DocumentDrawer />\n            <DocumentDrawerToggler>\n              <EditIcon />\n            </DocumentDrawerToggler>\n            {!hideRemoveFile && removeItem && (\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__remove`}\n                icon=\"x\"\n                iconStyle=\"none\"\n                onClick={() => removeItem(rowIndex)}\n                round\n              />\n            )}\n          </div>\n        </div>\n      )}\n    </DraggableSortableItem>\n  )\n}\n"],"mappings":"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","ignoreList":[]}