@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.dafc24d

package/dist/elements/EmailAndUsername/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { email, getFieldPermissions, username } from 'payload/shared';
 import React from 'react';
 import { EmailField } from '../../fields/Email/index.js';
@@ -40,15 +40,15 @@ export function EmailAndUsernameFields(props) {
     const showEmailField = (!loginWithUsername || loginWithUsername?.requireEmail || loginWithUsername?.allowEmailLogin) && emailPermissions.read;
     const showUsernameField = Boolean(loginWithUsername) && usernamePermissions.read;
     if (showEmailField || showUsernameField) {
-        return /*#__PURE__*/ _jsxs("div", {
+        return /*#__PURE__*/ _jsxDEV("div", {
             className: [
                 baseClass,
                 className && className
             ].filter(Boolean).join(' '),
             children: [
-                showEmailField ? /*#__PURE__*/ _jsx(FieldPathContext, {
+                showEmailField ? /*#__PURE__*/ _jsxDEV(FieldPathContext, {
                     value: "email",
-                    children: /*#__PURE__*/ _jsx(EmailField, {
+                    children: /*#__PURE__*/ _jsxDEV(EmailField, {
                         field: {
                             name: 'email',
                             admin: {
@@ -61,11 +61,19 @@ export function EmailAndUsernameFields(props) {
                         readOnly: readOnly || !emailPermissions.update,
                         schemaPath: "email",
                         validate: email
-                    })
-                }) : null,
-                showUsernameField && /*#__PURE__*/ _jsx(FieldPathContext, {
+                    }, void 0, false, {
+                        fileName: "src/elements/EmailAndUsername/index.tsx",
+                        lineNumber: 84,
+                        columnNumber: 13
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/elements/EmailAndUsername/index.tsx",
+                    lineNumber: 83,
+                    columnNumber: 11
+                }, this) : null,
+                showUsernameField && /*#__PURE__*/ _jsxDEV(FieldPathContext, {
                     value: "username",
-                    children: /*#__PURE__*/ _jsx(TextField, {
+                    children: /*#__PURE__*/ _jsxDEV(TextField, {
                         field: {
                             name: 'username',
                             admin: {
@@ -78,10 +86,22 @@ export function EmailAndUsernameFields(props) {
                         readOnly: readOnly || !usernamePermissions.update,
                         schemaPath: "username",
                         validate: username
-                    })
-                })
+                    }, void 0, false, {
+                        fileName: "src/elements/EmailAndUsername/index.tsx",
+                        lineNumber: 103,
+                        columnNumber: 13
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/elements/EmailAndUsername/index.tsx",
+                    lineNumber: 102,
+                    columnNumber: 11
+                }, this)
             ]
-        });
+        }, void 0, true, {
+            fileName: "src/elements/EmailAndUsername/index.tsx",
+            lineNumber: 81,
+            columnNumber: 7
+        }, this);
     }
 }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/EmailAndUsername/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TFunction } from '@payloadcms/translations'\nimport type { LoginWithUsernameOptions, SanitizedFieldPermissions } from 'payload'\n\nimport { email, getFieldPermissions, username } from 'payload/shared'\nimport React from 'react'\n\nimport { EmailField } from '../../fields/Email/index.js'\nimport { TextField } from '../../fields/Text/index.js'\nimport './index.scss'\nimport { FieldPathContext } from '../../forms/RenderFields/context.js'\n\nconst baseClass = 'login-fields'\ntype RenderEmailAndUsernameFieldsProps = {\n  className?: string\n  loginWithUsername?: false | LoginWithUsernameOptions\n  operation?: 'create' | 'update'\n  permissions?:\n    | {\n        [fieldName: string]: SanitizedFieldPermissions\n      }\n    | true\n  readOnly: boolean\n  t: TFunction\n}\n\nexport function EmailAndUsernameFields(props: RenderEmailAndUsernameFieldsProps) {\n  const {\n    className,\n    loginWithUsername,\n    operation: operationFromProps,\n    permissions,\n    readOnly,\n    t,\n  } = props\n\n  function getAuthFieldPermission(fieldName: string, operation: 'read' | 'update') {\n    const permissionsResult = getFieldPermissions({\n      field: { name: fieldName, type: 'text' },\n      operation: operationFromProps === 'create' ? 'create' : operation,\n      parentName: '',\n      permissions,\n    })\n    return permissionsResult.operation\n  }\n\n  const hasEmailFieldOverride =\n    typeof permissions === 'object' && 'email' in permissions && permissions.email\n  const hasUsernameFieldOverride =\n    typeof permissions === 'object' && 'username' in permissions && permissions.username\n\n  const emailPermissions = hasEmailFieldOverride\n    ? {\n        read: getAuthFieldPermission('email', 'read'),\n        update: getAuthFieldPermission('email', 'update'),\n      }\n    : {\n        read: true,\n        update: true,\n      }\n\n  const usernamePermissions = hasUsernameFieldOverride\n    ? {\n        read: getAuthFieldPermission('username', 'read'),\n        update: getAuthFieldPermission('username', 'update'),\n      }\n    : {\n        read: true,\n        update: true,\n      }\n\n  const showEmailField =\n    (!loginWithUsername || loginWithUsername?.requireEmail || loginWithUsername?.allowEmailLogin) &&\n    emailPermissions.read\n\n  const showUsernameField = Boolean(loginWithUsername) && usernamePermissions.read\n\n  if (showEmailField || showUsernameField) {\n    return (\n      <div className={[baseClass, className && className].filter(Boolean).join(' ')}>\n        {showEmailField ? (\n          <FieldPathContext value=\"email\">\n            <EmailField\n              field={{\n                name: 'email',\n                admin: {\n                  autoComplete: 'off',\n                },\n                label: t('general:email'),\n                required:\n                  !loginWithUsername || (loginWithUsername && loginWithUsername.requireEmail),\n              }}\n              path=\"email\"\n              readOnly={readOnly || !emailPermissions.update}\n              schemaPath=\"email\"\n              validate={email}\n            />\n          </FieldPathContext>\n        ) : null}\n        {showUsernameField && (\n          <FieldPathContext value=\"username\">\n            <TextField\n              field={{\n                name: 'username',\n                admin: {\n                  autoComplete: 'off',\n                },\n                label: t('authentication:username'),\n                required: loginWithUsername && loginWithUsername.requireUsername,\n              }}\n              path=\"username\"\n              readOnly={readOnly || !usernamePermissions.update}\n              schemaPath=\"username\"\n              validate={username}\n            />\n          </FieldPathContext>\n        )}\n      </div>\n    )\n  }\n}\n"],"names":["email","getFieldPermissions","username","React","EmailField","TextField","FieldPathContext","baseClass","EmailAndUsernameFields","props","className","loginWithUsername","operation","operationFromProps","permissions","readOnly","t","getAuthFieldPermission","fieldName","permissionsResult","field","name","type","parentName","hasEmailFieldOverride","hasUsernameFieldOverride","emailPermissions","read","update","usernamePermissions","showEmailField","requireEmail","allowEmailLogin","showUsernameField","Boolean","div","filter","join","value","admin","autoComplete","label","required","path","schemaPath","validate","requireUsername"],"mappings":"AAAA;;AAKA,SAASA,KAAK,EAAEC,mBAAmB,EAAEC,QAAQ,QAAQ,iBAAgB;AACrE,OAAOC,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,6BAA4B;AACtD,OAAO,eAAc;AACrB,SAASC,gBAAgB,QAAQ,sCAAqC;AAEtE,MAAMC,YAAY;AAclB,OAAO,SAASC,uBAAuBC,KAAwC;IAC7E,MAAM,EACJC,SAAS,EACTC,iBAAiB,EACjBC,WAAWC,kBAAkB,EAC7BC,WAAW,EACXC,QAAQ,EACRC,CAAC,EACF,GAAGP;IAEJ,SAASQ,uBAAuBC,SAAiB,EAAEN,SAA4B;QAC7E,MAAMO,oBAAoBlB,oBAAoB;YAC5CmB,OAAO;gBAAEC,MAAMH;gBAAWI,MAAM;YAAO;YACvCV,WAAWC,uBAAuB,WAAW,WAAWD;YACxDW,YAAY;YACZT;QACF;QACA,OAAOK,kBAAkBP,SAAS;IACpC;IAEA,MAAMY,wBACJ,OAAOV,gBAAgB,YAAY,WAAWA,eAAeA,YAAYd,KAAK;IAChF,MAAMyB,2BACJ,OAAOX,gBAAgB,YAAY,cAAcA,eAAeA,YAAYZ,QAAQ;IAEtF,MAAMwB,mBAAmBF,wBACrB;QACEG,MAAMV,uBAAuB,SAAS;QACtCW,QAAQX,uBAAuB,SAAS;IAC1C,IACA;QACEU,MAAM;QACNC,QAAQ;IACV;IAEJ,MAAMC,sBAAsBJ,2BACxB;QACEE,MAAMV,uBAAuB,YAAY;QACzCW,QAAQX,uBAAuB,YAAY;IAC7C,IACA;QACEU,MAAM;QACNC,QAAQ;IACV;IAEJ,MAAME,iBACJ,AAAC,CAAA,CAACnB,qBAAqBA,mBAAmBoB,gBAAgBpB,mBAAmBqB,eAAc,KAC3FN,iBAAiBC,IAAI;IAEvB,MAAMM,oBAAoBC,QAAQvB,sBAAsBkB,oBAAoBF,IAAI;IAEhF,IAAIG,kBAAkBG,mBAAmB;QACvC,qBACE,MAACE;YAAIzB,WAAW;gBAACH;gBAAWG,aAAaA;aAAU,CAAC0B,MAAM,CAACF,SAASG,IAAI,CAAC;;gBACtEP,+BACC,KAACxB;oBAAiBgC,OAAM;8BACtB,cAAA,KAAClC;wBACCgB,OAAO;4BACLC,MAAM;4BACNkB,OAAO;gCACLC,cAAc;4BAChB;4BACAC,OAAOzB,EAAE;4BACT0B,UACE,CAAC/B,qBAAsBA,qBAAqBA,kBAAkBoB,YAAY;wBAC9E;wBACAY,MAAK;wBACL5B,UAAUA,YAAY,CAACW,iBAAiBE,MAAM;wBAC9CgB,YAAW;wBACXC,UAAU7C;;qBAGZ;gBACHiC,mCACC,KAAC3B;oBAAiBgC,OAAM;8BACtB,cAAA,KAACjC;wBACCe,OAAO;4BACLC,MAAM;4BACNkB,OAAO;gCACLC,cAAc;4BAChB;4BACAC,OAAOzB,EAAE;4BACT0B,UAAU/B,qBAAqBA,kBAAkBmC,eAAe;wBAClE;wBACAH,MAAK;wBACL5B,UAAUA,YAAY,CAACc,oBAAoBD,MAAM;wBACjDgB,YAAW;wBACXC,UAAU3C;;;;;IAMtB;AACF"}
+{"version":3,"sources":["../../../src/elements/EmailAndUsername/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TFunction } from '@payloadcms/translations'\nimport type { LoginWithUsernameOptions, SanitizedFieldPermissions } from 'payload'\n\nimport { email, getFieldPermissions, username } from 'payload/shared'\nimport React from 'react'\n\nimport { EmailField } from '../../fields/Email/index.js'\nimport { TextField } from '../../fields/Text/index.js'\nimport './index.scss'\nimport { FieldPathContext } from '../../forms/RenderFields/context.js'\n\nconst baseClass = 'login-fields'\ntype RenderEmailAndUsernameFieldsProps = {\n  className?: string\n  loginWithUsername?: false | LoginWithUsernameOptions\n  operation?: 'create' | 'update'\n  permissions?:\n    | {\n        [fieldName: string]: SanitizedFieldPermissions\n      }\n    | true\n  readOnly: boolean\n  t: TFunction\n}\n\nexport function EmailAndUsernameFields(props: RenderEmailAndUsernameFieldsProps) {\n  const {\n    className,\n    loginWithUsername,\n    operation: operationFromProps,\n    permissions,\n    readOnly,\n    t,\n  } = props\n\n  function getAuthFieldPermission(fieldName: string, operation: 'read' | 'update') {\n    const permissionsResult = getFieldPermissions({\n      field: { name: fieldName, type: 'text' },\n      operation: operationFromProps === 'create' ? 'create' : operation,\n      parentName: '',\n      permissions,\n    })\n    return permissionsResult.operation\n  }\n\n  const hasEmailFieldOverride =\n    typeof permissions === 'object' && 'email' in permissions && permissions.email\n  const hasUsernameFieldOverride =\n    typeof permissions === 'object' && 'username' in permissions && permissions.username\n\n  const emailPermissions = hasEmailFieldOverride\n    ? {\n        read: getAuthFieldPermission('email', 'read'),\n        update: getAuthFieldPermission('email', 'update'),\n      }\n    : {\n        read: true,\n        update: true,\n      }\n\n  const usernamePermissions = hasUsernameFieldOverride\n    ? {\n        read: getAuthFieldPermission('username', 'read'),\n        update: getAuthFieldPermission('username', 'update'),\n      }\n    : {\n        read: true,\n        update: true,\n      }\n\n  const showEmailField =\n    (!loginWithUsername || loginWithUsername?.requireEmail || loginWithUsername?.allowEmailLogin) &&\n    emailPermissions.read\n\n  const showUsernameField = Boolean(loginWithUsername) && usernamePermissions.read\n\n  if (showEmailField || showUsernameField) {\n    return (\n      <div className={[baseClass, className && className].filter(Boolean).join(' ')}>\n        {showEmailField ? (\n          <FieldPathContext value=\"email\">\n            <EmailField\n              field={{\n                name: 'email',\n                admin: {\n                  autoComplete: 'off',\n                },\n                label: t('general:email'),\n                required:\n                  !loginWithUsername || (loginWithUsername && loginWithUsername.requireEmail),\n              }}\n              path=\"email\"\n              readOnly={readOnly || !emailPermissions.update}\n              schemaPath=\"email\"\n              validate={email}\n            />\n          </FieldPathContext>\n        ) : null}\n        {showUsernameField && (\n          <FieldPathContext value=\"username\">\n            <TextField\n              field={{\n                name: 'username',\n                admin: {\n                  autoComplete: 'off',\n                },\n                label: t('authentication:username'),\n                required: loginWithUsername && loginWithUsername.requireUsername,\n              }}\n              path=\"username\"\n              readOnly={readOnly || !usernamePermissions.update}\n              schemaPath=\"username\"\n              validate={username}\n            />\n          </FieldPathContext>\n        )}\n      </div>\n    )\n  }\n}\n"],"names":["email","getFieldPermissions","username","React","EmailField","TextField","FieldPathContext","baseClass","EmailAndUsernameFields","props","className","loginWithUsername","operation","operationFromProps","permissions","readOnly","t","getAuthFieldPermission","fieldName","permissionsResult","field","name","type","parentName","hasEmailFieldOverride","hasUsernameFieldOverride","emailPermissions","read","update","usernamePermissions","showEmailField","requireEmail","allowEmailLogin","showUsernameField","Boolean","div","filter","join","value","admin","autoComplete","label","required","path","schemaPath","validate","requireUsername"],"mappings":"AAAA;;AAKA,SAASA,KAAK,EAAEC,mBAAmB,EAAEC,QAAQ,QAAQ,iBAAgB;AACrE,OAAOC,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,6BAA4B;AACtD,OAAO,eAAc;AACrB,SAASC,gBAAgB,QAAQ,sCAAqC;AAEtE,MAAMC,YAAY;AAclB,OAAO,SAASC,uBAAuBC,KAAwC;IAC7E,MAAM,EACJC,SAAS,EACTC,iBAAiB,EACjBC,WAAWC,kBAAkB,EAC7BC,WAAW,EACXC,QAAQ,EACRC,CAAC,EACF,GAAGP;IAEJ,SAASQ,uBAAuBC,SAAiB,EAAEN,SAA4B;QAC7E,MAAMO,oBAAoBlB,oBAAoB;YAC5CmB,OAAO;gBAAEC,MAAMH;gBAAWI,MAAM;YAAO;YACvCV,WAAWC,uBAAuB,WAAW,WAAWD;YACxDW,YAAY;YACZT;QACF;QACA,OAAOK,kBAAkBP,SAAS;IACpC;IAEA,MAAMY,wBACJ,OAAOV,gBAAgB,YAAY,WAAWA,eAAeA,YAAYd,KAAK;IAChF,MAAMyB,2BACJ,OAAOX,gBAAgB,YAAY,cAAcA,eAAeA,YAAYZ,QAAQ;IAEtF,MAAMwB,mBAAmBF,wBACrB;QACEG,MAAMV,uBAAuB,SAAS;QACtCW,QAAQX,uBAAuB,SAAS;IAC1C,IACA;QACEU,MAAM;QACNC,QAAQ;IACV;IAEJ,MAAMC,sBAAsBJ,2BACxB;QACEE,MAAMV,uBAAuB,YAAY;QACzCW,QAAQX,uBAAuB,YAAY;IAC7C,IACA;QACEU,MAAM;QACNC,QAAQ;IACV;IAEJ,MAAME,iBACJ,AAAC,CAAA,CAACnB,qBAAqBA,mBAAmBoB,gBAAgBpB,mBAAmBqB,eAAc,KAC3FN,iBAAiBC,IAAI;IAEvB,MAAMM,oBAAoBC,QAAQvB,sBAAsBkB,oBAAoBF,IAAI;IAEhF,IAAIG,kBAAkBG,mBAAmB;QACvC,qBACE,QAACE;YAAIzB,WAAW;gBAACH;gBAAWG,aAAaA;aAAU,CAAC0B,MAAM,CAACF,SAASG,IAAI,CAAC;;gBACtEP,+BACC,QAACxB;oBAAiBgC,OAAM;8BACtB,cAAA,QAAClC;wBACCgB,OAAO;4BACLC,MAAM;4BACNkB,OAAO;gCACLC,cAAc;4BAChB;4BACAC,OAAOzB,EAAE;4BACT0B,UACE,CAAC/B,qBAAsBA,qBAAqBA,kBAAkBoB,YAAY;wBAC9E;wBACAY,MAAK;wBACL5B,UAAUA,YAAY,CAACW,iBAAiBE,MAAM;wBAC9CgB,YAAW;wBACXC,UAAU7C;;;;;;;;;;2BAGZ;gBACHiC,mCACC,QAAC3B;oBAAiBgC,OAAM;8BACtB,cAAA,QAACjC;wBACCe,OAAO;4BACLC,MAAM;4BACNkB,OAAO;gCACLC,cAAc;4BAChB;4BACAC,OAAOzB,EAAE;4BACT0B,UAAU/B,qBAAqBA,kBAAkBmC,eAAe;wBAClE;wBACAH,MAAK;wBACL5B,UAAUA,YAAY,CAACc,oBAAoBD,MAAM;wBACjDgB,YAAW;wBACXC,UAAU3C;;;;;;;;;;;;;;;;;IAMtB;AACF"}

package/dist/elements/ErrorPill/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'error-pill';
@@ -14,19 +14,31 @@ export const ErrorPill = (props)=>{
     if (count === 0) {
         return null;
     }
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: classes,
-        children: /*#__PURE__*/ _jsxs("div", {
+        children: /*#__PURE__*/ _jsxDEV("div", {
             className: `${baseClass}__content`,
             children: [
-                /*#__PURE__*/ _jsx("span", {
+                /*#__PURE__*/ _jsxDEV("span", {
                     className: `${baseClass}__count`,
                     children: count
-                }),
+                }, void 0, false, {
+                    fileName: "src/elements/ErrorPill/index.tsx",
+                    lineNumber: 32,
+                    columnNumber: 9
+                }, this),
                 withMessage && ` ${count > 1 ? i18n.t('general:errors') : i18n.t('general:error')}`
             ]
-        })
-    });
+        }, void 0, true, {
+            fileName: "src/elements/ErrorPill/index.tsx",
+            lineNumber: 31,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/ErrorPill/index.tsx",
+        lineNumber: 30,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ErrorPill/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'error-pill'\n\nexport type ErrorPillProps = {\n  className?: string\n  count: number\n  i18n: I18nClient\n  withMessage?: boolean\n}\n\nexport const ErrorPill: React.FC<ErrorPillProps> = (props) => {\n  const { className, count, i18n, withMessage } = props\n  const lessThan3Chars = !withMessage && count < 99\n\n  const classes = [baseClass, lessThan3Chars && `${baseClass}--fixed-width`, className && className]\n    .filter(Boolean)\n    .join(' ')\n\n  if (count === 0) {\n    return null\n  }\n\n  return (\n    <div className={classes}>\n      <div className={`${baseClass}__content`}>\n        <span className={`${baseClass}__count`}>{count}</span>\n        {withMessage && ` ${count > 1 ? i18n.t('general:errors') : i18n.t('general:error')}`}\n      </div>\n    </div>\n  )\n}\n"],"names":["React","baseClass","ErrorPill","props","className","count","i18n","withMessage","lessThan3Chars","classes","filter","Boolean","join","div","span","t"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AASlB,OAAO,MAAMC,YAAsC,CAACC;IAClD,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGJ;IAChD,MAAMK,iBAAiB,CAACD,eAAeF,QAAQ;IAE/C,MAAMI,UAAU;QAACR;QAAWO,kBAAkB,GAAGP,UAAU,aAAa,CAAC;QAAEG,aAAaA;KAAU,CAC/FM,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIP,UAAU,GAAG;QACf,OAAO;IACT;IAEA,qBACE,KAACQ;QAAIT,WAAWK;kBACd,cAAA,MAACI;YAAIT,WAAW,GAAGH,UAAU,SAAS,CAAC;;8BACrC,KAACa;oBAAKV,WAAW,GAAGH,UAAU,OAAO,CAAC;8BAAGI;;gBACxCE,eAAe,CAAC,CAAC,EAAEF,QAAQ,IAAIC,KAAKS,CAAC,CAAC,oBAAoBT,KAAKS,CAAC,CAAC,kBAAkB;;;;AAI5F,EAAC"}
+{"version":3,"sources":["../../../src/elements/ErrorPill/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'error-pill'\n\nexport type ErrorPillProps = {\n  className?: string\n  count: number\n  i18n: I18nClient\n  withMessage?: boolean\n}\n\nexport const ErrorPill: React.FC<ErrorPillProps> = (props) => {\n  const { className, count, i18n, withMessage } = props\n  const lessThan3Chars = !withMessage && count < 99\n\n  const classes = [baseClass, lessThan3Chars && `${baseClass}--fixed-width`, className && className]\n    .filter(Boolean)\n    .join(' ')\n\n  if (count === 0) {\n    return null\n  }\n\n  return (\n    <div className={classes}>\n      <div className={`${baseClass}__content`}>\n        <span className={`${baseClass}__count`}>{count}</span>\n        {withMessage && ` ${count > 1 ? i18n.t('general:errors') : i18n.t('general:error')}`}\n      </div>\n    </div>\n  )\n}\n"],"names":["React","baseClass","ErrorPill","props","className","count","i18n","withMessage","lessThan3Chars","classes","filter","Boolean","join","div","span","t"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AASlB,OAAO,MAAMC,YAAsC,CAACC;IAClD,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGJ;IAChD,MAAMK,iBAAiB,CAACD,eAAeF,QAAQ;IAE/C,MAAMI,UAAU;QAACR;QAAWO,kBAAkB,GAAGP,UAAU,aAAa,CAAC;QAAEG,aAAaA;KAAU,CAC/FM,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIP,UAAU,GAAG;QACf,OAAO;IACT;IAEA,qBACE,QAACQ;QAAIT,WAAWK;kBACd,cAAA,QAACI;YAAIT,WAAW,GAAGH,UAAU,SAAS,CAAC;;8BACrC,QAACa;oBAAKV,WAAW,GAAGH,UAAU,OAAO,CAAC;8BAAGI;;;;;;gBACxCE,eAAe,CAAC,CAAC,EAAEF,QAAQ,IAAIC,KAAKS,CAAC,CAAC,oBAAoBT,KAAKS,CAAC,CAAC,kBAAkB;;;;;;;;;;;;AAI5F,EAAC"}

package/dist/elements/FieldDiffContainer/index.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import './index.scss';
 import { getTranslation } from '@payloadcms/translations';
 import { FieldDiffLabel } from '../FieldDiffLabel/index.js';
 const baseClass = 'field-diff';
 export const FieldDiffContainer = (args)=>{
     const { className, From, i18n, label: { label, locale }, nestingLevel = 0, To } = args;
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: `${baseClass}-container${className ? ` ${className}` : ''} nested-level-${nestingLevel}`,
         style: nestingLevel ? {
             // Need to use % instead of fr, as calc() doesn't work with fr when this is used in gridTemplateColumns
@@ -14,16 +14,24 @@ export const FieldDiffContainer = (args)=>{
             '--left-offset': '50%'
         },
         children: [
-            /*#__PURE__*/ _jsxs(FieldDiffLabel, {
+            /*#__PURE__*/ _jsxDEV(FieldDiffLabel, {
                 children: [
-                    locale && /*#__PURE__*/ _jsx("span", {
+                    locale && /*#__PURE__*/ _jsxDEV("span", {
                         className: `${baseClass}__locale-label`,
                         children: locale
-                    }),
+                    }, void 0, false, {
+                        fileName: "src/elements/FieldDiffContainer/index.tsx",
+                        lineNumber: 46,
+                        columnNumber: 20
+                    }, this),
                     typeof label !== 'function' && getTranslation(label || '', i18n)
                 ]
-            }),
-            /*#__PURE__*/ _jsxs("div", {
+            }, void 0, true, {
+                fileName: "src/elements/FieldDiffContainer/index.tsx",
+                lineNumber: 45,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}-content`,
                 style: nestingLevel ? {
                     gridTemplateColumns: `calc(var(--left-offset) - calc(var(--base)*0.5) )     calc(50% - calc(var(--base)*0.5) + calc(50% - var(--left-offset)))`
@@ -32,9 +40,17 @@ export const FieldDiffContainer = (args)=>{
                     From,
                     To
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/elements/FieldDiffContainer/index.tsx",
+                lineNumber: 49,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/FieldDiffContainer/index.tsx",
+        lineNumber: 32,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/FieldDiffContainer/index.tsx"],"sourcesContent":["import type { LabelFunction, StaticLabel } from 'payload'\n\nimport './index.scss'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\n\nimport { FieldDiffLabel } from '../FieldDiffLabel/index.js'\n\nconst baseClass = 'field-diff'\n\nexport const FieldDiffContainer: React.FC<{\n  className?: string\n  From: React.ReactNode\n  i18n: I18nClient\n  label: {\n    label?: false | LabelFunction | StaticLabel\n    locale?: string\n  }\n  nestingLevel?: number\n  To: React.ReactNode\n}> = (args) => {\n  const {\n    className,\n    From,\n    i18n,\n    label: { label, locale },\n    nestingLevel = 0,\n    To,\n  } = args\n\n  return (\n    <div\n      className={`${baseClass}-container${className ? ` ${className}` : ''} nested-level-${nestingLevel}`}\n      style={\n        nestingLevel\n          ? ({\n              // Need to use % instead of fr, as calc() doesn't work with fr when this is used in gridTemplateColumns\n              '--left-offset': `calc(50%  - (${nestingLevel} * calc( calc(var(--base)* 0.5) - 2.5px  )))`,\n            } as React.CSSProperties)\n          : ({\n              '--left-offset': '50%',\n            } as React.CSSProperties)\n      }\n    >\n      <FieldDiffLabel>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {typeof label !== 'function' && getTranslation(label || '', i18n)}\n      </FieldDiffLabel>\n      <div\n        className={`${baseClass}-content`}\n        style={\n          nestingLevel\n            ? {\n                gridTemplateColumns: `calc(var(--left-offset) - calc(var(--base)*0.5) )     calc(50% - calc(var(--base)*0.5) + calc(50% - var(--left-offset)))`,\n              }\n            : undefined\n        }\n      >\n        {From}\n        {To}\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","FieldDiffLabel","baseClass","FieldDiffContainer","args","className","From","i18n","label","locale","nestingLevel","To","div","style","span","gridTemplateColumns","undefined"],"mappings":";AAEA,OAAO,eAAc;AAErB,SAASA,cAAc,QAAyB,2BAA0B;AAE1E,SAASC,cAAc,QAAQ,6BAA4B;AAE3D,MAAMC,YAAY;AAElB,OAAO,MAAMC,qBAUR,CAACC;IACJ,MAAM,EACJC,SAAS,EACTC,IAAI,EACJC,IAAI,EACJC,OAAO,EAAEA,KAAK,EAAEC,MAAM,EAAE,EACxBC,eAAe,CAAC,EAChBC,EAAE,EACH,GAAGP;IAEJ,qBACE,MAACQ;QACCP,WAAW,GAAGH,UAAU,UAAU,EAAEG,YAAY,CAAC,CAAC,EAAEA,WAAW,GAAG,GAAG,cAAc,EAAEK,cAAc;QACnGG,OACEH,eACK;YACC,uGAAuG;YACvG,iBAAiB,CAAC,aAAa,EAAEA,aAAa,4CAA4C,CAAC;QAC7F,IACC;YACC,iBAAiB;QACnB;;0BAGN,MAACT;;oBACEQ,wBAAU,KAACK;wBAAKT,WAAW,GAAGH,UAAU,cAAc,CAAC;kCAAGO;;oBAC1D,OAAOD,UAAU,cAAcR,eAAeQ,SAAS,IAAID;;;0BAE9D,MAACK;gBACCP,WAAW,GAAGH,UAAU,QAAQ,CAAC;gBACjCW,OACEH,eACI;oBACEK,qBAAqB,CAAC,wHAAwH,CAAC;gBACjJ,IACAC;;oBAGLV;oBACAK;;;;;AAIT,EAAC"}
+{"version":3,"sources":["../../../src/elements/FieldDiffContainer/index.tsx"],"sourcesContent":["import type { LabelFunction, StaticLabel } from 'payload'\n\nimport './index.scss'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\n\nimport { FieldDiffLabel } from '../FieldDiffLabel/index.js'\n\nconst baseClass = 'field-diff'\n\nexport const FieldDiffContainer: React.FC<{\n  className?: string\n  From: React.ReactNode\n  i18n: I18nClient\n  label: {\n    label?: false | LabelFunction | StaticLabel\n    locale?: string\n  }\n  nestingLevel?: number\n  To: React.ReactNode\n}> = (args) => {\n  const {\n    className,\n    From,\n    i18n,\n    label: { label, locale },\n    nestingLevel = 0,\n    To,\n  } = args\n\n  return (\n    <div\n      className={`${baseClass}-container${className ? ` ${className}` : ''} nested-level-${nestingLevel}`}\n      style={\n        nestingLevel\n          ? ({\n              // Need to use % instead of fr, as calc() doesn't work with fr when this is used in gridTemplateColumns\n              '--left-offset': `calc(50%  - (${nestingLevel} * calc( calc(var(--base)* 0.5) - 2.5px  )))`,\n            } as React.CSSProperties)\n          : ({\n              '--left-offset': '50%',\n            } as React.CSSProperties)\n      }\n    >\n      <FieldDiffLabel>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {typeof label !== 'function' && getTranslation(label || '', i18n)}\n      </FieldDiffLabel>\n      <div\n        className={`${baseClass}-content`}\n        style={\n          nestingLevel\n            ? {\n                gridTemplateColumns: `calc(var(--left-offset) - calc(var(--base)*0.5) )     calc(50% - calc(var(--base)*0.5) + calc(50% - var(--left-offset)))`,\n              }\n            : undefined\n        }\n      >\n        {From}\n        {To}\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","FieldDiffLabel","baseClass","FieldDiffContainer","args","className","From","i18n","label","locale","nestingLevel","To","div","style","span","gridTemplateColumns","undefined"],"mappings":";AAEA,OAAO,eAAc;AAErB,SAASA,cAAc,QAAyB,2BAA0B;AAE1E,SAASC,cAAc,QAAQ,6BAA4B;AAE3D,MAAMC,YAAY;AAElB,OAAO,MAAMC,qBAUR,CAACC;IACJ,MAAM,EACJC,SAAS,EACTC,IAAI,EACJC,IAAI,EACJC,OAAO,EAAEA,KAAK,EAAEC,MAAM,EAAE,EACxBC,eAAe,CAAC,EAChBC,EAAE,EACH,GAAGP;IAEJ,qBACE,QAACQ;QACCP,WAAW,GAAGH,UAAU,UAAU,EAAEG,YAAY,CAAC,CAAC,EAAEA,WAAW,GAAG,GAAG,cAAc,EAAEK,cAAc;QACnGG,OACEH,eACK;YACC,uGAAuG;YACvG,iBAAiB,CAAC,aAAa,EAAEA,aAAa,4CAA4C,CAAC;QAC7F,IACC;YACC,iBAAiB;QACnB;;0BAGN,QAACT;;oBACEQ,wBAAU,QAACK;wBAAKT,WAAW,GAAGH,UAAU,cAAc,CAAC;kCAAGO;;;;;;oBAC1D,OAAOD,UAAU,cAAcR,eAAeQ,SAAS,IAAID;;;;;;;0BAE9D,QAACK;gBACCP,WAAW,GAAGH,UAAU,QAAQ,CAAC;gBACjCW,OACEH,eACI;oBACEK,qBAAqB,CAAC,wHAAwH,CAAC;gBACjJ,IACAC;;oBAGLV;oBACAK;;;;;;;;;;;;;AAIT,EAAC"}

package/dist/elements/FieldDiffLabel/index.js

@@ -1,10 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'field-diff-label';
-export const FieldDiffLabel = ({ children })=>/*#__PURE__*/ _jsx("div", {
+export const FieldDiffLabel = ({ children })=>/*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/elements/FieldDiffLabel/index.tsx",
+        lineNumber: 8,
+        columnNumber: 3
+    }, this);
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/FieldDiffLabel/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'field-diff-label'\n\nexport const FieldDiffLabel: React.FC<{ children?: React.ReactNode }> = ({ children }) => (\n  <div className={baseClass}>{children}</div>\n)\n"],"names":["React","baseClass","FieldDiffLabel","children","div","className"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,iBAA2D,CAAC,EAAEC,QAAQ,EAAE,iBACnF,KAACC;QAAIC,WAAWJ;kBAAYE;OAC7B"}
+{"version":3,"sources":["../../../src/elements/FieldDiffLabel/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'field-diff-label'\n\nexport const FieldDiffLabel: React.FC<{ children?: React.ReactNode }> = ({ children }) => (\n  <div className={baseClass}>{children}</div>\n)\n"],"names":["React","baseClass","FieldDiffLabel","children","div","className"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,iBAA2D,CAAC,EAAEC,QAAQ,EAAE,iBACnF,QAACC;QAAIC,WAAWJ;kBAAYE;;;;;aAC7B"}

package/dist/elements/FieldSelect/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useState } from 'react';
 import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import { useForm } from '../../forms/Form/context.js';
@@ -17,13 +17,17 @@ export const FieldSelect = ({ fields, onChange, permissions })=>{
             formState: getFields(),
             permissions
         }));
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: [
-            /*#__PURE__*/ _jsx(FieldLabel, {
+            /*#__PURE__*/ _jsxDEV(FieldLabel, {
                 label: t('fields:selectFieldsToEdit')
-            }),
-            /*#__PURE__*/ _jsx(ReactSelect, {
+            }, 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);
@@ -37,9 +41,17 @@ export const FieldSelect = ({ fields, onChange, permissions })=>{
                         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);
 };
 
 //# 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,MAACM;QAAIC,WAAWX;;0BACd,KAACN;gBAAWkB,OAAOP,EAAE;;0BACrB,KAACP;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,"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"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { Button } from '../../Button/index.js';
 import { Thumbnail } from '../../Thumbnail/index.js';
@@ -16,9 +16,9 @@ export const DraggableFileDetails = (props)=>{
         id,
         collectionSlug
     });
-    return /*#__PURE__*/ _jsx(DraggableSortableItem, {
+    return /*#__PURE__*/ _jsxDEV(DraggableSortableItem, {
         id: id,
-        children: (draggableSortableItemProps)=>/*#__PURE__*/ _jsxs("div", {
+        children: (draggableSortableItemProps)=>/*#__PURE__*/ _jsxDEV("div", {
                 className: [
                     baseClass,
                     draggableSortableItemProps && isSortable && `${baseClass}--has-drag-handle`
@@ -30,49 +30,97 @@ export const DraggableFileDetails = (props)=>{
                     zIndex: draggableSortableItemProps.isDragging ? 1 : undefined
                 },
                 children: [
-                    /*#__PURE__*/ _jsxs("div", {
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}--drag-wrapper`,
                         children: [
-                            isSortable && draggableSortableItemProps && /*#__PURE__*/ _jsx("div", {
+                            isSortable && draggableSortableItemProps && /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__drag`,
                                 ...draggableSortableItemProps.attributes,
                                 ...draggableSortableItemProps.listeners,
-                                children: /*#__PURE__*/ _jsx(DragHandleIcon, {})
-                            }),
-                            /*#__PURE__*/ _jsx(Thumbnail, {
+                                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)
                         ]
-                    }),
-                    /*#__PURE__*/ _jsx("div", {
+                    }, void 0, true, {
+                        fileName: "src/elements/FileDetails/DraggableFileDetails/index.tsx",
+                        lineNumber: 70,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__main-detail`,
                         children: filename
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
+                    }, void 0, false, {
+                        fileName: "src/elements/FileDetails/DraggableFileDetails/index.tsx",
+                        lineNumber: 89,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__actions`,
                         children: [
-                            /*#__PURE__*/ _jsx(DocumentDrawer, {}),
-                            /*#__PURE__*/ _jsx(DocumentDrawerToggler, {
-                                children: /*#__PURE__*/ _jsx(EditIcon, {})
-                            }),
-                            !hideRemoveFile && removeItem && /*#__PURE__*/ _jsx(Button, {
+                            /*#__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)
                 ]
-            })
-    }, id);
+            }, 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);
 };
 
 //# 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,KAACN;QAAsBc,IAAIA;kBACxB,CAACM,2CACA,MAACC;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,MAACZ;wBAAIC,WAAW,GAAGvB,UAAU,cAAc,CAAC;;4BACzCW,cAAcU,4CACb,KAACC;gCACCC,WAAW,GAAGvB,UAAU,MAAM,CAAC;gCAC9B,GAAGqB,2BAA2Bc,UAAU;gCACxC,GAAGd,2BAA2Be,SAAS;0CAExC,cAAA,KAAClC;;0CAGL,KAACH;gCACCwB,WAAW,GAAGvB,UAAU,WAAW,CAAC;gCACpCO,gBAAgBA;gCAChBC,KAAKA;gCACL6B,SAASpB,gBAAgBC;gCACzBR,eAAeA;gCACfI,cAAcA;;;;kCAGlB,KAACQ;wBAAIC,WAAW,GAAGvB,UAAU,aAAa,CAAC;kCAAGgB;;kCAE9C,MAACM;wBAAIC,WAAW,GAAGvB,UAAU,SAAS,CAAC;;0CACrC,KAACmB;0CACD,KAACC;0CACC,cAAA,KAACjB;;4BAEF,CAACM,kBAAkBG,4BAClB,KAACd;gCACCwC,aAAY;gCACZf,WAAW,GAAGvB,UAAU,QAAQ,CAAC;gCACjCuC,MAAK;gCACLC,WAAU;gCACVC,SAAS,IAAM7B,WAAWC;gCAC1B6B,KAAK;;;;;;OAjDmB3B;AAyDxC,EAAC"}
+{"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"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { formatFilesize } from 'payload/shared';
 import React from 'react';
 import { CopyToClipboard } from '../../CopyToClipboard/index.js';
@@ -7,46 +7,74 @@ import './index.scss';
 const baseClass = 'file-meta';
 export const FileMeta = (props)=>{
     const { filename, filesize, height, mimeType, url: fileURL, width } = props;
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: [
-            /*#__PURE__*/ _jsxs("div", {
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__url`,
                 children: [
-                    /*#__PURE__*/ _jsx("a", {
+                    /*#__PURE__*/ _jsxDEV("a", {
                         href: fileURL,
                         rel: "noopener noreferrer",
                         target: "_blank",
                         children: filename
-                    }),
-                    /*#__PURE__*/ _jsx(CopyToClipboard, {
+                    }, void 0, false, {
+                        fileName: "src/elements/FileDetails/FileMeta/index.tsx",
+                        lineNumber: 26,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(CopyToClipboard, {
                         defaultMessage: "Copy URL",
                         value: fileURL
-                    })
+                    }, void 0, false, {
+                        fileName: "src/elements/FileDetails/FileMeta/index.tsx",
+                        lineNumber: 29,
+                        columnNumber: 9
+                    }, this)
                 ]
-            }),
-            /*#__PURE__*/ _jsxs("div", {
+            }, void 0, true, {
+                fileName: "src/elements/FileDetails/FileMeta/index.tsx",
+                lineNumber: 25,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__size-type`,
                 children: [
                     formatFilesize(filesize),
-                    typeof width === 'number' && typeof height === 'number' && /*#__PURE__*/ _jsxs(React.Fragment, {
+                    typeof width === 'number' && typeof height === 'number' && /*#__PURE__*/ _jsxDEV(React.Fragment, {
                         children: [
                             " - ",
                             width,
                             "x",
                             height
                         ]
-                    }),
-                    mimeType && /*#__PURE__*/ _jsxs(React.Fragment, {
+                    }, void 0, true, {
+                        fileName: "src/elements/FileDetails/FileMeta/index.tsx",
+                        lineNumber: 34,
+                        columnNumber: 11
+                    }, this),
+                    mimeType && /*#__PURE__*/ _jsxDEV(React.Fragment, {
                         children: [
                             " - ",
                             mimeType
                         ]
-                    })
+                    }, void 0, true, {
+                        fileName: "src/elements/FileDetails/FileMeta/index.tsx",
+                        lineNumber: 40,
+                        columnNumber: 11
+                    }, this)
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/elements/FileDetails/FileMeta/index.tsx",
+                lineNumber: 31,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/FileDetails/FileMeta/index.tsx",
+        lineNumber: 24,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map