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

package/dist/fields/Textarea/Input.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 { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
@@ -12,7 +12,7 @@ import './index.scss';
 export const TextareaInput = (props)=>{
     const { AfterInput, BeforeInput, className, Description, description, Error, Label, label, localized, onChange, path, placeholder, readOnly, required, rows, rtl, showError, style, value } = props;
     const { i18n } = useTranslation();
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             fieldBaseClass,
             'textarea',
@@ -22,30 +22,46 @@ export const TextareaInput = (props)=>{
         ].filter(Boolean).join(' '),
         style: style,
         children: [
-            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                 CustomComponent: Label,
-                Fallback: /*#__PURE__*/ _jsx(FieldLabel, {
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
                     htmlFor: `field-${path.replace(/\./g, '__')}`,
                     label: label,
                     localized: localized,
                     path: path,
                     required: required
-                })
-            }),
-            /*#__PURE__*/ _jsxs("div", {
+                }, void 0, false, {
+                    fileName: "src/fields/Textarea/Input.tsx",
+                    lineNumber: 58,
+                    columnNumber: 11
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/Textarea/Input.tsx",
+                lineNumber: 55,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${fieldBaseClass}__wrap`,
                 children: [
-                    /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                         CustomComponent: Error,
-                        Fallback: /*#__PURE__*/ _jsx(FieldError, {
+                        Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
                             path: path,
                             showError: showError
-                        })
-                    }),
+                        }, void 0, false, {
+                            fileName: "src/fields/Textarea/Input.tsx",
+                            lineNumber: 70,
+                            columnNumber: 21
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/fields/Textarea/Input.tsx",
+                        lineNumber: 68,
+                        columnNumber: 9
+                    }, this),
                     BeforeInput,
-                    /*#__PURE__*/ _jsx("div", {
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: "textarea-outer",
-                        children: /*#__PURE__*/ _jsx("textarea", {
+                        children: /*#__PURE__*/ _jsxDEV("textarea", {
                             "data-rtl": rtl,
                             disabled: readOnly,
                             id: `field-${path.replace(/\./g, '__')}`,
@@ -57,20 +73,44 @@ export const TextareaInput = (props)=>{
                                 '--rows': rows
                             },
                             value: value || ''
-                        })
-                    }),
+                        }, void 0, false, {
+                            fileName: "src/fields/Textarea/Input.tsx",
+                            lineNumber: 74,
+                            columnNumber: 11
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/fields/Textarea/Input.tsx",
+                        lineNumber: 73,
+                        columnNumber: 9
+                    }, this),
                     AfterInput,
-                    /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                         CustomComponent: Description,
-                        Fallback: /*#__PURE__*/ _jsx(FieldDescription, {
+                        Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
                             description: description,
                             path: path
-                        })
-                    })
+                        }, void 0, false, {
+                            fileName: "src/fields/Textarea/Input.tsx",
+                            lineNumber: 93,
+                            columnNumber: 21
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/fields/Textarea/Input.tsx",
+                        lineNumber: 91,
+                        columnNumber: 9
+                    }, this)
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/fields/Textarea/Input.tsx",
+                lineNumber: 67,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/fields/Textarea/Input.tsx",
+        lineNumber: 43,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=Input.js.map

package/dist/fields/Textarea/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Textarea/Input.tsx"],"sourcesContent":["'use client'\nimport type { CSSProperties } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextAreaInputProps } from './types.js'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport const TextareaInput: React.FC<TextAreaInputProps> = (props) => {\n  const {\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    Label,\n    label,\n    localized,\n    onChange,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    rows,\n    rtl,\n    showError,\n    style,\n    value,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'textarea',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel\n            htmlFor={`field-${path.replace(/\\./g, '__')}`}\n            label={label}\n            localized={localized}\n            path={path}\n            required={required}\n          />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <div className=\"textarea-outer\">\n          <textarea\n            data-rtl={rtl}\n            disabled={readOnly}\n            id={`field-${path.replace(/\\./g, '__')}`}\n            name={path}\n            onChange={onChange}\n            placeholder={getTranslation(placeholder, i18n)}\n            rows={rows}\n            style={\n              {\n                '--rows': rows,\n              } as CSSProperties\n            }\n            value={value || ''}\n          />\n        </div>\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","TextareaInput","props","AfterInput","BeforeInput","className","Description","description","Error","Label","label","localized","onChange","path","placeholder","readOnly","required","rows","rtl","showError","style","value","i18n","div","filter","Boolean","join","CustomComponent","Fallback","htmlFor","replace","textarea","data-rtl","disabled","id","name"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,gBAAgB,QAAQ,yCAAwC;AACzE,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,OAAO,eAAc;AAErB,OAAO,MAAMC,gBAA8C,CAACC;IAC1D,MAAM,EACJC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,WAAW,EACXC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,GAAG,EACHC,SAAS,EACTC,KAAK,EACLC,KAAK,EACN,GAAGnB;IAEJ,MAAM,EAAEoB,IAAI,EAAE,GAAGvB;IAEjB,qBACE,MAACwB;QACClB,WAAW;YACTL;YACA;YACAK;YACAc,aAAa;YACbJ,YAAY;SACb,CACES,MAAM,CAACC,SACPC,IAAI,CAAC;QACRN,OAAOA;;0BAEP,KAACzB;gBACCgC,iBAAiBlB;gBACjBmB,wBACE,KAAC9B;oBACC+B,SAAS,CAAC,MAAM,EAAEhB,KAAKiB,OAAO,CAAC,OAAO,OAAO;oBAC7CpB,OAAOA;oBACPC,WAAWA;oBACXE,MAAMA;oBACNG,UAAUA;;;0BAIhB,MAACO;gBAAIlB,WAAW,GAAGL,eAAe,MAAM,CAAC;;kCACvC,KAACL;wBACCgC,iBAAiBnB;wBACjBoB,wBAAU,KAAC/B;4BAAWgB,MAAMA;4BAAMM,WAAWA;;;oBAE9Cf;kCACD,KAACmB;wBAAIlB,WAAU;kCACb,cAAA,KAAC0B;4BACCC,YAAUd;4BACVe,UAAUlB;4BACVmB,IAAI,CAAC,MAAM,EAAErB,KAAKiB,OAAO,CAAC,OAAO,OAAO;4BACxCK,MAAMtB;4BACND,UAAUA;4BACVE,aAAarB,eAAeqB,aAAaQ;4BACzCL,MAAMA;4BACNG,OACE;gCACE,UAAUH;4BACZ;4BAEFI,OAAOA,SAAS;;;oBAGnBlB;kCACD,KAACR;wBACCgC,iBAAiBrB;wBACjBsB,wBAAU,KAAChC;4BAAiBW,aAAaA;4BAAaM,MAAMA;;;;;;;AAKtE,EAAC"}
+{"version":3,"sources":["../../../src/fields/Textarea/Input.tsx"],"sourcesContent":["'use client'\nimport type { CSSProperties } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextAreaInputProps } from './types.js'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport const TextareaInput: React.FC<TextAreaInputProps> = (props) => {\n  const {\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    Label,\n    label,\n    localized,\n    onChange,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    rows,\n    rtl,\n    showError,\n    style,\n    value,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'textarea',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel\n            htmlFor={`field-${path.replace(/\\./g, '__')}`}\n            label={label}\n            localized={localized}\n            path={path}\n            required={required}\n          />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <div className=\"textarea-outer\">\n          <textarea\n            data-rtl={rtl}\n            disabled={readOnly}\n            id={`field-${path.replace(/\\./g, '__')}`}\n            name={path}\n            onChange={onChange}\n            placeholder={getTranslation(placeholder, i18n)}\n            rows={rows}\n            style={\n              {\n                '--rows': rows,\n              } as CSSProperties\n            }\n            value={value || ''}\n          />\n        </div>\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","TextareaInput","props","AfterInput","BeforeInput","className","Description","description","Error","Label","label","localized","onChange","path","placeholder","readOnly","required","rows","rtl","showError","style","value","i18n","div","filter","Boolean","join","CustomComponent","Fallback","htmlFor","replace","textarea","data-rtl","disabled","id","name"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,gBAAgB,QAAQ,yCAAwC;AACzE,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,OAAO,eAAc;AAErB,OAAO,MAAMC,gBAA8C,CAACC;IAC1D,MAAM,EACJC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,WAAW,EACXC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,GAAG,EACHC,SAAS,EACTC,KAAK,EACLC,KAAK,EACN,GAAGnB;IAEJ,MAAM,EAAEoB,IAAI,EAAE,GAAGvB;IAEjB,qBACE,QAACwB;QACClB,WAAW;YACTL;YACA;YACAK;YACAc,aAAa;YACbJ,YAAY;SACb,CACES,MAAM,CAACC,SACPC,IAAI,CAAC;QACRN,OAAOA;;0BAEP,QAACzB;gBACCgC,iBAAiBlB;gBACjBmB,wBACE,QAAC9B;oBACC+B,SAAS,CAAC,MAAM,EAAEhB,KAAKiB,OAAO,CAAC,OAAO,OAAO;oBAC7CpB,OAAOA;oBACPC,WAAWA;oBACXE,MAAMA;oBACNG,UAAUA;;;;;;;;;;;0BAIhB,QAACO;gBAAIlB,WAAW,GAAGL,eAAe,MAAM,CAAC;;kCACvC,QAACL;wBACCgC,iBAAiBnB;wBACjBoB,wBAAU,QAAC/B;4BAAWgB,MAAMA;4BAAMM,WAAWA;;;;;;;;;;;oBAE9Cf;kCACD,QAACmB;wBAAIlB,WAAU;kCACb,cAAA,QAAC0B;4BACCC,YAAUd;4BACVe,UAAUlB;4BACVmB,IAAI,CAAC,MAAM,EAAErB,KAAKiB,OAAO,CAAC,OAAO,OAAO;4BACxCK,MAAMtB;4BACND,UAAUA;4BACVE,aAAarB,eAAeqB,aAAaQ;4BACzCL,MAAMA;4BACNG,OACE;gCACE,UAAUH;4BACZ;4BAEFI,OAAOA,SAAS;;;;;;;;;;;oBAGnBlB;kCACD,QAACR;wBACCgC,iBAAiBrB;wBACjBsB,wBAAU,QAAChC;4BAAiBW,aAAaA;4BAAaM,MAAMA;;;;;;;;;;;;;;;;;;;;;;;AAKtE,EAAC"}

package/dist/fields/Textarea/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback, useMemo } from 'react';
 import { useField } from '../../forms/useField/index.js';
@@ -45,7 +45,7 @@ const TextareaFieldComponent = (props)=>{
     const styles = useMemo(()=>mergeFieldStyles(field), [
         field
     ]);
-    return /*#__PURE__*/ _jsx(TextareaInput, {
+    return /*#__PURE__*/ _jsxDEV(TextareaInput, {
         AfterInput: AfterInput,
         BeforeInput: BeforeInput,
         className: className,
@@ -67,7 +67,11 @@ const TextareaFieldComponent = (props)=>{
         showError: showError,
         style: styles,
         value: value
-    });
+    }, void 0, false, {
+        fileName: "src/fields/Textarea/index.tsx",
+        lineNumber: 76,
+        columnNumber: 5
+    }, this);
 };
 export const TextareaField = withCondition(TextareaFieldComponent);
 

package/dist/fields/Textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Textarea/index.tsx"],"sourcesContent":["'use client'\nimport type { TextareaFieldClientComponent, TextareaFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { TextAreaInputProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { isFieldRTL } from '../shared/index.js'\nimport { TextareaInput } from './Input.js'\n\nexport { TextareaInput, TextAreaInputProps }\n\nconst TextareaFieldComponent: TextareaFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, placeholder, rows, rtl } = {},\n      label,\n      localized,\n      maxLength,\n      minLength,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const locale = useLocale()\n\n  const isRTL = isFieldRTL({\n    fieldLocalized: localized,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: localization || undefined,\n  })\n\n  const memoizedValidate: TextareaFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, maxLength, minLength, required })\n      }\n    },\n    [validate, required, maxLength, minLength],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <TextareaInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      Label={Label}\n      label={label}\n      localized={localized}\n      onChange={(e) => {\n        setValue(e.target.value)\n      }}\n      path={path}\n      placeholder={getTranslation(placeholder, i18n)}\n      readOnly={readOnly || disabled}\n      required={required}\n      rows={rows}\n      rtl={isRTL}\n      showError={showError}\n      style={styles}\n      value={value}\n    />\n  )\n}\n\nexport const TextareaField = withCondition(TextareaFieldComponent)\n"],"names":["getTranslation","React","useCallback","useMemo","useField","withCondition","useConfig","useLocale","useTranslation","mergeFieldStyles","isFieldRTL","TextareaInput","TextareaFieldComponent","props","field","admin","className","description","placeholder","rows","rtl","label","localized","maxLength","minLength","required","path","pathFromProps","readOnly","validate","i18n","config","localization","locale","isRTL","fieldLocalized","fieldRTL","localizationConfig","undefined","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","styles","onChange","e","target","style","TextareaField"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,WAAW,EAAEC,OAAO,QAAQ,QAAO;AAInD,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,gBAAgB,QAAQ,yBAAwB;AACzD,OAAO,eAAc;AACrB,SAASC,UAAU,QAAQ,qBAAoB;AAC/C,SAASC,aAAa,QAAQ,aAAY;AAE1C,SAASA,aAAa,GAAsB;AAE5C,MAAMC,yBAAuD,CAACC;IAC5D,MAAM,EACJC,KAAK,EACLA,OAAO,EACLC,OAAO,EAAEC,SAAS,EAAEC,WAAW,EAAEC,WAAW,EAAEC,IAAI,EAAEC,GAAG,EAAE,GAAG,CAAC,CAAC,EAC9DC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACT,EACDC,MAAMC,aAAa,EACnBC,QAAQ,EACRC,QAAQ,EACT,GAAGhB;IAEJ,MAAM,EAAEiB,IAAI,EAAE,GAAGtB;IAEjB,MAAM,EACJuB,QAAQ,EAAEC,YAAY,EAAE,EACzB,GAAG1B;IAEJ,MAAM2B,SAAS1B;IAEf,MAAM2B,QAAQxB,WAAW;QACvByB,gBAAgBb;QAChBc,UAAUhB;QACVa;QACAI,oBAAoBL,gBAAgBM;IACtC;IAEA,MAAMC,mBAA4CrC,YAChD,CAACsC,OAAOC;QACN,IAAI,OAAOZ,aAAa,YAAY;YAClC,OAAOA,SAASW,OAAO;gBAAE,GAAGC,OAAO;gBAAElB;gBAAWC;gBAAWC;YAAS;QACtE;IACF,GACA;QAACI;QAAUJ;QAAUF;QAAWC;KAAU;IAG5C,MAAM,EACJkB,kBAAkB,EAAEC,UAAU,EAAEC,WAAW,EAAEC,WAAW,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAC7EC,QAAQ,EACRtB,IAAI,EACJuB,QAAQ,EACRC,SAAS,EACTV,KAAK,EACN,GAAGpC,SAAiB;QACnB+C,sBAAsBxB;QACtBE,UAAUU;IACZ;IAEA,MAAMa,SAASjD,QAAQ,IAAMM,iBAAiBK,QAAQ;QAACA;KAAM;IAE7D,qBACE,KAACH;QACCgC,YAAYA;QACZC,aAAaA;QACb5B,WAAWA;QACX6B,aAAaA;QACb5B,aAAaA;QACb6B,OAAOA;QACPC,OAAOA;QACP1B,OAAOA;QACPC,WAAWA;QACX+B,UAAU,CAACC;YACTL,SAASK,EAAEC,MAAM,CAACf,KAAK;QACzB;QACAd,MAAMA;QACNR,aAAalB,eAAekB,aAAaY;QACzCF,UAAUA,YAAYoB;QACtBvB,UAAUA;QACVN,MAAMA;QACNC,KAAKc;QACLgB,WAAWA;QACXM,OAAOJ;QACPZ,OAAOA;;AAGb;AAEA,OAAO,MAAMiB,gBAAgBpD,cAAcO,wBAAuB"}
+{"version":3,"sources":["../../../src/fields/Textarea/index.tsx"],"sourcesContent":["'use client'\nimport type { TextareaFieldClientComponent, TextareaFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { TextAreaInputProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { isFieldRTL } from '../shared/index.js'\nimport { TextareaInput } from './Input.js'\n\nexport { TextareaInput, TextAreaInputProps }\n\nconst TextareaFieldComponent: TextareaFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, placeholder, rows, rtl } = {},\n      label,\n      localized,\n      maxLength,\n      minLength,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const locale = useLocale()\n\n  const isRTL = isFieldRTL({\n    fieldLocalized: localized,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: localization || undefined,\n  })\n\n  const memoizedValidate: TextareaFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, maxLength, minLength, required })\n      }\n    },\n    [validate, required, maxLength, minLength],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <TextareaInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      Label={Label}\n      label={label}\n      localized={localized}\n      onChange={(e) => {\n        setValue(e.target.value)\n      }}\n      path={path}\n      placeholder={getTranslation(placeholder, i18n)}\n      readOnly={readOnly || disabled}\n      required={required}\n      rows={rows}\n      rtl={isRTL}\n      showError={showError}\n      style={styles}\n      value={value}\n    />\n  )\n}\n\nexport const TextareaField = withCondition(TextareaFieldComponent)\n"],"names":["getTranslation","React","useCallback","useMemo","useField","withCondition","useConfig","useLocale","useTranslation","mergeFieldStyles","isFieldRTL","TextareaInput","TextareaFieldComponent","props","field","admin","className","description","placeholder","rows","rtl","label","localized","maxLength","minLength","required","path","pathFromProps","readOnly","validate","i18n","config","localization","locale","isRTL","fieldLocalized","fieldRTL","localizationConfig","undefined","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","styles","onChange","e","target","style","TextareaField"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,WAAW,EAAEC,OAAO,QAAQ,QAAO;AAInD,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,gBAAgB,QAAQ,yBAAwB;AACzD,OAAO,eAAc;AACrB,SAASC,UAAU,QAAQ,qBAAoB;AAC/C,SAASC,aAAa,QAAQ,aAAY;AAE1C,SAASA,aAAa,GAAsB;AAE5C,MAAMC,yBAAuD,CAACC;IAC5D,MAAM,EACJC,KAAK,EACLA,OAAO,EACLC,OAAO,EAAEC,SAAS,EAAEC,WAAW,EAAEC,WAAW,EAAEC,IAAI,EAAEC,GAAG,EAAE,GAAG,CAAC,CAAC,EAC9DC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACT,EACDC,MAAMC,aAAa,EACnBC,QAAQ,EACRC,QAAQ,EACT,GAAGhB;IAEJ,MAAM,EAAEiB,IAAI,EAAE,GAAGtB;IAEjB,MAAM,EACJuB,QAAQ,EAAEC,YAAY,EAAE,EACzB,GAAG1B;IAEJ,MAAM2B,SAAS1B;IAEf,MAAM2B,QAAQxB,WAAW;QACvByB,gBAAgBb;QAChBc,UAAUhB;QACVa;QACAI,oBAAoBL,gBAAgBM;IACtC;IAEA,MAAMC,mBAA4CrC,YAChD,CAACsC,OAAOC;QACN,IAAI,OAAOZ,aAAa,YAAY;YAClC,OAAOA,SAASW,OAAO;gBAAE,GAAGC,OAAO;gBAAElB;gBAAWC;gBAAWC;YAAS;QACtE;IACF,GACA;QAACI;QAAUJ;QAAUF;QAAWC;KAAU;IAG5C,MAAM,EACJkB,kBAAkB,EAAEC,UAAU,EAAEC,WAAW,EAAEC,WAAW,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAC7EC,QAAQ,EACRtB,IAAI,EACJuB,QAAQ,EACRC,SAAS,EACTV,KAAK,EACN,GAAGpC,SAAiB;QACnB+C,sBAAsBxB;QACtBE,UAAUU;IACZ;IAEA,MAAMa,SAASjD,QAAQ,IAAMM,iBAAiBK,QAAQ;QAACA;KAAM;IAE7D,qBACE,QAACH;QACCgC,YAAYA;QACZC,aAAaA;QACb5B,WAAWA;QACX6B,aAAaA;QACb5B,aAAaA;QACb6B,OAAOA;QACPC,OAAOA;QACP1B,OAAOA;QACPC,WAAWA;QACX+B,UAAU,CAACC;YACTL,SAASK,EAAEC,MAAM,CAACf,KAAK;QACzB;QACAd,MAAMA;QACNR,aAAalB,eAAekB,aAAaY;QACzCF,UAAUA,YAAYoB;QACtBvB,UAAUA;QACVN,MAAMA;QACNC,KAAKc;QACLgB,WAAWA;QACXM,OAAOJ;QACPZ,OAAOA;;;;;;AAGb;AAEA,OAAO,MAAMiB,gBAAgBpD,cAAcO,wBAAuB"}

package/dist/fields/Upload/HasMany/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 { DraggableSortableItem } from '../../../elements/DraggableSortable/DraggableSortableItem/index.js';
 import { DraggableSortable } from '../../../elements/DraggableSortable/index.js';
@@ -35,12 +35,12 @@ export function UploadComponentHasMany(props) {
         fileDocs,
         onRemove
     ]);
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             baseClass,
             className
         ].filter(Boolean).join(' '),
-        children: /*#__PURE__*/ _jsx(DraggableSortable, {
+        children: /*#__PURE__*/ _jsxDEV(DraggableSortable, {
             className: `${baseClass}__draggable-rows`,
             ids: fileDocs?.map(({ value })=>String(value.id)),
             onDragEnd: ({ moveFromIndex, moveToIndex })=>moveRow(moveFromIndex, moveToIndex),
@@ -70,10 +70,10 @@ export function UploadComponentHasMany(props) {
                         width: value.width
                     });
                 }
-                return /*#__PURE__*/ _jsx(DraggableSortableItem, {
+                return /*#__PURE__*/ _jsxDEV(DraggableSortableItem, {
                     disabled: !isSortable || readonly,
                     id: id,
-                    children: (draggableSortableItemProps)=>/*#__PURE__*/ _jsx("div", {
+                    children: (draggableSortableItemProps)=>/*#__PURE__*/ _jsxDEV("div", {
                             className: [
                                 `${baseClass}__dragItem`,
                                 draggableSortableItemProps && isSortable && `${baseClass}--has-drag-handle`
@@ -84,16 +84,24 @@ export function UploadComponentHasMany(props) {
                                 transition: draggableSortableItemProps.transition,
                                 zIndex: draggableSortableItemProps.isDragging ? 1 : undefined
                             },
-                            children: /*#__PURE__*/ _jsxs(UploadCard, {
+                            children: /*#__PURE__*/ _jsxDEV(UploadCard, {
                                 size: "small",
                                 children: [
-                                    draggableSortableItemProps && /*#__PURE__*/ _jsx("div", {
+                                    draggableSortableItemProps && /*#__PURE__*/ _jsxDEV("div", {
                                         className: `${baseClass}__drag`,
                                         ...draggableSortableItemProps.attributes,
                                         ...draggableSortableItemProps.listeners,
-                                        children: /*#__PURE__*/ _jsx(DragHandleIcon, {})
-                                    }),
-                                    /*#__PURE__*/ _jsx(RelationshipContent, {
+                                        children: /*#__PURE__*/ _jsxDEV(DragHandleIcon, {}, void 0, false, {
+                                            fileName: "src/fields/Upload/HasMany/index.tsx",
+                                            lineNumber: 136,
+                                            columnNumber: 25
+                                        }, this)
+                                    }, void 0, false, {
+                                        fileName: "src/fields/Upload/HasMany/index.tsx",
+                                        lineNumber: 131,
+                                        columnNumber: 23
+                                    }, this),
+                                    /*#__PURE__*/ _jsxDEV(RelationshipContent, {
                                         allowEdit: !readonly,
                                         allowRemove: !readonly,
                                         alt: value?.alt || value?.filename,
@@ -111,14 +119,38 @@ export function UploadComponentHasMany(props) {
                                         withMeta: false,
                                         x: value?.width,
                                         y: value?.height
-                                    })
+                                    }, void 0, false, {
+                                        fileName: "src/fields/Upload/HasMany/index.tsx",
+                                        lineNumber: 140,
+                                        columnNumber: 21
+                                    }, this)
                                 ]
-                            })
-                        })
-                }, id);
+                            }, void 0, true, {
+                                fileName: "src/fields/Upload/HasMany/index.tsx",
+                                lineNumber: 129,
+                                columnNumber: 19
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/fields/Upload/HasMany/index.tsx",
+                            lineNumber: 115,
+                            columnNumber: 17
+                        }, this)
+                }, id, false, {
+                    fileName: "src/fields/Upload/HasMany/index.tsx",
+                    lineNumber: 113,
+                    columnNumber: 13
+                }, this);
             })
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/fields/Upload/HasMany/index.tsx",
+            lineNumber: 77,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/fields/Upload/HasMany/index.tsx",
+        lineNumber: 76,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

package/dist/fields/Upload/HasMany/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/fields/Upload/HasMany/index.tsx"],"sourcesContent":["'use client'\nimport type { JsonObject } from 'payload'\n\nimport React from 'react'\n\nimport { DraggableSortableItem } from '../../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../../../elements/DraggableSortable/index.js'\nimport { DragHandleIcon } from '../../../icons/DragHandle/index.js'\nimport { RelationshipContent } from '../RelationshipContent/index.js'\nimport { UploadCard } from '../UploadCard/index.js'\n\nconst baseClass = 'upload upload--has-many'\n\nimport { getBestFitFromSizes, isImage } from 'payload/shared'\n\nimport './index.scss'\n\nimport type { ReloadDoc } from '../types.js'\n\ntype Props = {\n  readonly className?: string\n  readonly displayPreview?: boolean\n  readonly fileDocs: {\n    relationTo: string\n    value: JsonObject\n  }[]\n  readonly isSortable?: boolean\n  readonly onRemove?: (value) => void\n  readonly onReorder?: (value) => void\n  readonly readonly?: boolean\n  readonly reloadDoc: ReloadDoc\n  readonly serverURL: string\n  readonly showCollectionSlug?: boolean\n}\n\nexport function UploadComponentHasMany(props: Props) {\n  const {\n    className,\n    displayPreview,\n    fileDocs,\n    isSortable,\n    onRemove,\n    onReorder,\n    readonly,\n    reloadDoc,\n    serverURL,\n    showCollectionSlug = false,\n  } = props\n\n  const moveRow = React.useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      if (moveFromIndex === moveToIndex) {\n        return\n      }\n\n      const updatedArray = [...fileDocs]\n      const [item] = updatedArray.splice(moveFromIndex, 1)\n\n      updatedArray.splice(moveToIndex, 0, item)\n\n      onReorder(updatedArray)\n    },\n    [fileDocs, onReorder],\n  )\n\n  const removeItem = React.useCallback(\n    (index: number) => {\n      const updatedArray = [...(fileDocs || [])]\n      updatedArray.splice(index, 1)\n      onRemove(updatedArray.length === 0 ? [] : updatedArray)\n    },\n    [fileDocs, onRemove],\n  )\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <DraggableSortable\n        className={`${baseClass}__draggable-rows`}\n        ids={fileDocs?.map(({ value }) => String(value.id))}\n        onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n      >\n        {fileDocs.map(({ relationTo, value }, index) => {\n          const id = String(value.id)\n          let src: string\n          let thumbnailSrc: string\n\n          if (value.url) {\n            try {\n              src = new URL(value.url, serverURL).toString()\n            } catch {\n              src = `${serverURL}${value.url}`\n            }\n          }\n\n          if (value.thumbnailURL) {\n            try {\n              thumbnailSrc = new URL(value.thumbnailURL, serverURL).toString()\n            } catch {\n              thumbnailSrc = `${serverURL}${value.thumbnailURL}`\n            }\n          }\n\n          if (isImage(value.mimeType)) {\n            thumbnailSrc = getBestFitFromSizes({\n              sizes: value.sizes,\n              thumbnailURL: thumbnailSrc,\n              url: src,\n              width: value.width,\n            })\n          }\n\n          return (\n            <DraggableSortableItem disabled={!isSortable || readonly} id={id} key={id}>\n              {(draggableSortableItemProps) => (\n                <div\n                  className={[\n                    `${baseClass}__dragItem`,\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                  <UploadCard size=\"small\">\n                    {draggableSortableItemProps && (\n                      <div\n                        className={`${baseClass}__drag`}\n                        {...draggableSortableItemProps.attributes}\n                        {...draggableSortableItemProps.listeners}\n                      >\n                        <DragHandleIcon />\n                      </div>\n                    )}\n\n                    <RelationshipContent\n                      allowEdit={!readonly}\n                      allowRemove={!readonly}\n                      alt={(value?.alt || value?.filename) as string}\n                      byteSize={value.filesize as number}\n                      collectionSlug={relationTo}\n                      displayPreview={displayPreview}\n                      filename={value.filename as string}\n                      id={id}\n                      mimeType={value?.mimeType as string}\n                      onRemove={() => removeItem(index)}\n                      reloadDoc={reloadDoc}\n                      showCollectionSlug={showCollectionSlug}\n                      src={src}\n                      thumbnailSrc={thumbnailSrc}\n                      withMeta={false}\n                      x={value?.width as number}\n                      y={value?.height as number}\n                    />\n                  </UploadCard>\n                </div>\n              )}\n            </DraggableSortableItem>\n          )\n        })}\n      </DraggableSortable>\n    </div>\n  )\n}\n"],"names":["React","DraggableSortableItem","DraggableSortable","DragHandleIcon","RelationshipContent","UploadCard","baseClass","getBestFitFromSizes","isImage","UploadComponentHasMany","props","className","displayPreview","fileDocs","isSortable","onRemove","onReorder","readonly","reloadDoc","serverURL","showCollectionSlug","moveRow","useCallback","moveFromIndex","moveToIndex","updatedArray","item","splice","removeItem","index","length","div","filter","Boolean","join","ids","map","value","String","id","onDragEnd","relationTo","src","thumbnailSrc","url","URL","toString","thumbnailURL","mimeType","sizes","width","disabled","draggableSortableItemProps","ref","setNodeRef","style","transform","transition","zIndex","isDragging","undefined","size","attributes","listeners","allowEdit","allowRemove","alt","filename","byteSize","filesize","collectionSlug","withMeta","x","y","height"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/fields/Upload/HasMany/index.tsx"],"sourcesContent":["'use client'\nimport type { JsonObject } from 'payload'\n\nimport React from 'react'\n\nimport { DraggableSortableItem } from '../../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../../../elements/DraggableSortable/index.js'\nimport { DragHandleIcon } from '../../../icons/DragHandle/index.js'\nimport { RelationshipContent } from '../RelationshipContent/index.js'\nimport { UploadCard } from '../UploadCard/index.js'\n\nconst baseClass = 'upload upload--has-many'\n\nimport { getBestFitFromSizes, isImage } from 'payload/shared'\n\nimport './index.scss'\n\nimport type { ReloadDoc } from '../types.js'\n\ntype Props = {\n  readonly className?: string\n  readonly displayPreview?: boolean\n  readonly fileDocs: {\n    relationTo: string\n    value: JsonObject\n  }[]\n  readonly isSortable?: boolean\n  readonly onRemove?: (value) => void\n  readonly onReorder?: (value) => void\n  readonly readonly?: boolean\n  readonly reloadDoc: ReloadDoc\n  readonly serverURL: string\n  readonly showCollectionSlug?: boolean\n}\n\nexport function UploadComponentHasMany(props: Props) {\n  const {\n    className,\n    displayPreview,\n    fileDocs,\n    isSortable,\n    onRemove,\n    onReorder,\n    readonly,\n    reloadDoc,\n    serverURL,\n    showCollectionSlug = false,\n  } = props\n\n  const moveRow = React.useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      if (moveFromIndex === moveToIndex) {\n        return\n      }\n\n      const updatedArray = [...fileDocs]\n      const [item] = updatedArray.splice(moveFromIndex, 1)\n\n      updatedArray.splice(moveToIndex, 0, item)\n\n      onReorder(updatedArray)\n    },\n    [fileDocs, onReorder],\n  )\n\n  const removeItem = React.useCallback(\n    (index: number) => {\n      const updatedArray = [...(fileDocs || [])]\n      updatedArray.splice(index, 1)\n      onRemove(updatedArray.length === 0 ? [] : updatedArray)\n    },\n    [fileDocs, onRemove],\n  )\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <DraggableSortable\n        className={`${baseClass}__draggable-rows`}\n        ids={fileDocs?.map(({ value }) => String(value.id))}\n        onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n      >\n        {fileDocs.map(({ relationTo, value }, index) => {\n          const id = String(value.id)\n          let src: string\n          let thumbnailSrc: string\n\n          if (value.url) {\n            try {\n              src = new URL(value.url, serverURL).toString()\n            } catch {\n              src = `${serverURL}${value.url}`\n            }\n          }\n\n          if (value.thumbnailURL) {\n            try {\n              thumbnailSrc = new URL(value.thumbnailURL, serverURL).toString()\n            } catch {\n              thumbnailSrc = `${serverURL}${value.thumbnailURL}`\n            }\n          }\n\n          if (isImage(value.mimeType)) {\n            thumbnailSrc = getBestFitFromSizes({\n              sizes: value.sizes,\n              thumbnailURL: thumbnailSrc,\n              url: src,\n              width: value.width,\n            })\n          }\n\n          return (\n            <DraggableSortableItem disabled={!isSortable || readonly} id={id} key={id}>\n              {(draggableSortableItemProps) => (\n                <div\n                  className={[\n                    `${baseClass}__dragItem`,\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                  <UploadCard size=\"small\">\n                    {draggableSortableItemProps && (\n                      <div\n                        className={`${baseClass}__drag`}\n                        {...draggableSortableItemProps.attributes}\n                        {...draggableSortableItemProps.listeners}\n                      >\n                        <DragHandleIcon />\n                      </div>\n                    )}\n\n                    <RelationshipContent\n                      allowEdit={!readonly}\n                      allowRemove={!readonly}\n                      alt={(value?.alt || value?.filename) as string}\n                      byteSize={value.filesize as number}\n                      collectionSlug={relationTo}\n                      displayPreview={displayPreview}\n                      filename={value.filename as string}\n                      id={id}\n                      mimeType={value?.mimeType as string}\n                      onRemove={() => removeItem(index)}\n                      reloadDoc={reloadDoc}\n                      showCollectionSlug={showCollectionSlug}\n                      src={src}\n                      thumbnailSrc={thumbnailSrc}\n                      withMeta={false}\n                      x={value?.width as number}\n                      y={value?.height as number}\n                    />\n                  </UploadCard>\n                </div>\n              )}\n            </DraggableSortableItem>\n          )\n        })}\n      </DraggableSortable>\n    </div>\n  )\n}\n"],"names":["React","DraggableSortableItem","DraggableSortable","DragHandleIcon","RelationshipContent","UploadCard","baseClass","getBestFitFromSizes","isImage","UploadComponentHasMany","props","className","displayPreview","fileDocs","isSortable","onRemove","onReorder","readonly","reloadDoc","serverURL","showCollectionSlug","moveRow","useCallback","moveFromIndex","moveToIndex","updatedArray","item","splice","removeItem","index","length","div","filter","Boolean","join","ids","map","value","String","id","onDragEnd","relationTo","src","thumbnailSrc","url","URL","toString","thumbnailURL","mimeType","sizes","width","disabled","draggableSortableItemProps","ref","setNodeRef","style","transform","transition","zIndex","isDragging","undefined","size","attributes","listeners","allowEdit","allowRemove","alt","filename","byteSize","filesize","collectionSlug","withMeta","x","y","height"],"mappings":"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"}

package/dist/fields/Upload/HasOne/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getBestFitFromSizes, isImage } from 'payload/shared';
 import React from 'react';
 import './index.scss';
@@ -34,12 +34,12 @@ export function UploadComponentHasOne(props) {
             width: value.width
         });
     }
-    return /*#__PURE__*/ _jsx(UploadCard, {
+    return /*#__PURE__*/ _jsxDEV(UploadCard, {
         className: [
             baseClass,
             className
         ].filter(Boolean).join(' '),
-        children: /*#__PURE__*/ _jsx(RelationshipContent, {
+        children: /*#__PURE__*/ _jsxDEV(RelationshipContent, {
             allowEdit: !readonly,
             allowRemove: !readonly,
             alt: value?.alt || value?.filename,
@@ -56,8 +56,16 @@ export function UploadComponentHasOne(props) {
             thumbnailSrc: thumbnailSrc,
             x: value?.width,
             y: value?.height
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/fields/Upload/HasOne/index.tsx",
+            lineNumber: 74,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/fields/Upload/HasOne/index.tsx",
+        lineNumber: 73,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

package/dist/fields/Upload/HasOne/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/fields/Upload/HasOne/index.tsx"],"sourcesContent":["'use client'\n\nimport type { JsonObject } from 'payload'\n\nimport { getBestFitFromSizes, isImage } from 'payload/shared'\nimport React from 'react'\n\nimport type { ReloadDoc } from '../types.js'\n\nimport './index.scss'\nimport { RelationshipContent } from '../RelationshipContent/index.js'\nimport { UploadCard } from '../UploadCard/index.js'\n\nconst baseClass = 'upload upload--has-one'\n\ntype Props = {\n  readonly className?: string\n  readonly displayPreview?: boolean\n  readonly fileDoc: {\n    relationTo: string\n    value: JsonObject\n  }\n  readonly onRemove?: () => void\n  readonly readonly?: boolean\n  readonly reloadDoc: ReloadDoc\n  readonly serverURL: string\n  readonly showCollectionSlug?: boolean\n}\n\nexport function UploadComponentHasOne(props: Props) {\n  const {\n    className,\n    displayPreview,\n    fileDoc,\n    onRemove,\n    readonly,\n    reloadDoc,\n    serverURL,\n    showCollectionSlug = false,\n  } = props\n  const { relationTo, value } = fileDoc\n  const id = String(value?.id)\n\n  let src: string\n  let thumbnailSrc: string\n\n  if (value.url) {\n    try {\n      src = new URL(value.url, serverURL).toString()\n    } catch {\n      src = `${serverURL}${value.url}`\n    }\n  }\n\n  if (value.thumbnailURL) {\n    try {\n      thumbnailSrc = new URL(value.thumbnailURL, serverURL).toString()\n    } catch {\n      thumbnailSrc = `${serverURL}${value.thumbnailURL}`\n    }\n  }\n\n  if (isImage(value.mimeType)) {\n    thumbnailSrc = getBestFitFromSizes({\n      sizes: value.sizes,\n      thumbnailURL: thumbnailSrc,\n      url: src,\n      width: value.width,\n    })\n  }\n\n  return (\n    <UploadCard className={[baseClass, className].filter(Boolean).join(' ')}>\n      <RelationshipContent\n        allowEdit={!readonly}\n        allowRemove={!readonly}\n        alt={(value?.alt || value?.filename) as string}\n        byteSize={value.filesize as number}\n        collectionSlug={relationTo}\n        displayPreview={displayPreview}\n        filename={value.filename as string}\n        id={id}\n        mimeType={value?.mimeType as string}\n        onRemove={onRemove}\n        reloadDoc={reloadDoc}\n        showCollectionSlug={showCollectionSlug}\n        src={src}\n        thumbnailSrc={thumbnailSrc}\n        x={value?.width as number}\n        y={value?.height as number}\n      />\n    </UploadCard>\n  )\n}\n"],"names":["getBestFitFromSizes","isImage","React","RelationshipContent","UploadCard","baseClass","UploadComponentHasOne","props","className","displayPreview","fileDoc","onRemove","readonly","reloadDoc","serverURL","showCollectionSlug","relationTo","value","id","String","src","thumbnailSrc","url","URL","toString","thumbnailURL","mimeType","sizes","width","filter","Boolean","join","allowEdit","allowRemove","alt","filename","byteSize","filesize","collectionSlug","x","y","height"],"mappings":"AAAA;;AAIA,SAASA,mBAAmB,EAAEC,OAAO,QAAQ,iBAAgB;AAC7D,OAAOC,WAAW,QAAO;AAIzB,OAAO,eAAc;AACrB,SAASC,mBAAmB,QAAQ,kCAAiC;AACrE,SAASC,UAAU,QAAQ,yBAAwB;AAEnD,MAAMC,YAAY;AAgBlB,OAAO,SAASC,sBAAsBC,KAAY;IAChD,MAAM,EACJC,SAAS,EACTC,cAAc,EACdC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,SAAS,EACTC,qBAAqB,KAAK,EAC3B,GAAGR;IACJ,MAAM,EAAES,UAAU,EAAEC,KAAK,EAAE,GAAGP;IAC9B,MAAMQ,KAAKC,OAAOF,OAAOC;IAEzB,IAAIE;IACJ,IAAIC;IAEJ,IAAIJ,MAAMK,GAAG,EAAE;QACb,IAAI;YACFF,MAAM,IAAIG,IAAIN,MAAMK,GAAG,EAAER,WAAWU,QAAQ;QAC9C,EAAE,OAAM;YACNJ,MAAM,GAAGN,YAAYG,MAAMK,GAAG,EAAE;QAClC;IACF;IAEA,IAAIL,MAAMQ,YAAY,EAAE;QACtB,IAAI;YACFJ,eAAe,IAAIE,IAAIN,MAAMQ,YAAY,EAAEX,WAAWU,QAAQ;QAChE,EAAE,OAAM;YACNH,eAAe,GAAGP,YAAYG,MAAMQ,YAAY,EAAE;QACpD;IACF;IAEA,IAAIxB,QAAQgB,MAAMS,QAAQ,GAAG;QAC3BL,eAAerB,oBAAoB;YACjC2B,OAAOV,MAAMU,KAAK;YAClBF,cAAcJ;YACdC,KAAKF;YACLQ,OAAOX,MAAMW,KAAK;QACpB;IACF;IAEA,qBACE,KAACxB;QAAWI,WAAW;YAACH;YAAWG;SAAU,CAACqB,MAAM,CAACC,SAASC,IAAI,CAAC;kBACjE,cAAA,KAAC5B;YACC6B,WAAW,CAACpB;YACZqB,aAAa,CAACrB;YACdsB,KAAMjB,OAAOiB,OAAOjB,OAAOkB;YAC3BC,UAAUnB,MAAMoB,QAAQ;YACxBC,gBAAgBtB;YAChBP,gBAAgBA;YAChB0B,UAAUlB,MAAMkB,QAAQ;YACxBjB,IAAIA;YACJQ,UAAUT,OAAOS;YACjBf,UAAUA;YACVE,WAAWA;YACXE,oBAAoBA;YACpBK,KAAKA;YACLC,cAAcA;YACdkB,GAAGtB,OAAOW;YACVY,GAAGvB,OAAOwB;;;AAIlB"}
+{"version":3,"sources":["../../../../src/fields/Upload/HasOne/index.tsx"],"sourcesContent":["'use client'\n\nimport type { JsonObject } from 'payload'\n\nimport { getBestFitFromSizes, isImage } from 'payload/shared'\nimport React from 'react'\n\nimport type { ReloadDoc } from '../types.js'\n\nimport './index.scss'\nimport { RelationshipContent } from '../RelationshipContent/index.js'\nimport { UploadCard } from '../UploadCard/index.js'\n\nconst baseClass = 'upload upload--has-one'\n\ntype Props = {\n  readonly className?: string\n  readonly displayPreview?: boolean\n  readonly fileDoc: {\n    relationTo: string\n    value: JsonObject\n  }\n  readonly onRemove?: () => void\n  readonly readonly?: boolean\n  readonly reloadDoc: ReloadDoc\n  readonly serverURL: string\n  readonly showCollectionSlug?: boolean\n}\n\nexport function UploadComponentHasOne(props: Props) {\n  const {\n    className,\n    displayPreview,\n    fileDoc,\n    onRemove,\n    readonly,\n    reloadDoc,\n    serverURL,\n    showCollectionSlug = false,\n  } = props\n  const { relationTo, value } = fileDoc\n  const id = String(value?.id)\n\n  let src: string\n  let thumbnailSrc: string\n\n  if (value.url) {\n    try {\n      src = new URL(value.url, serverURL).toString()\n    } catch {\n      src = `${serverURL}${value.url}`\n    }\n  }\n\n  if (value.thumbnailURL) {\n    try {\n      thumbnailSrc = new URL(value.thumbnailURL, serverURL).toString()\n    } catch {\n      thumbnailSrc = `${serverURL}${value.thumbnailURL}`\n    }\n  }\n\n  if (isImage(value.mimeType)) {\n    thumbnailSrc = getBestFitFromSizes({\n      sizes: value.sizes,\n      thumbnailURL: thumbnailSrc,\n      url: src,\n      width: value.width,\n    })\n  }\n\n  return (\n    <UploadCard className={[baseClass, className].filter(Boolean).join(' ')}>\n      <RelationshipContent\n        allowEdit={!readonly}\n        allowRemove={!readonly}\n        alt={(value?.alt || value?.filename) as string}\n        byteSize={value.filesize as number}\n        collectionSlug={relationTo}\n        displayPreview={displayPreview}\n        filename={value.filename as string}\n        id={id}\n        mimeType={value?.mimeType as string}\n        onRemove={onRemove}\n        reloadDoc={reloadDoc}\n        showCollectionSlug={showCollectionSlug}\n        src={src}\n        thumbnailSrc={thumbnailSrc}\n        x={value?.width as number}\n        y={value?.height as number}\n      />\n    </UploadCard>\n  )\n}\n"],"names":["getBestFitFromSizes","isImage","React","RelationshipContent","UploadCard","baseClass","UploadComponentHasOne","props","className","displayPreview","fileDoc","onRemove","readonly","reloadDoc","serverURL","showCollectionSlug","relationTo","value","id","String","src","thumbnailSrc","url","URL","toString","thumbnailURL","mimeType","sizes","width","filter","Boolean","join","allowEdit","allowRemove","alt","filename","byteSize","filesize","collectionSlug","x","y","height"],"mappings":"AAAA;;AAIA,SAASA,mBAAmB,EAAEC,OAAO,QAAQ,iBAAgB;AAC7D,OAAOC,WAAW,QAAO;AAIzB,OAAO,eAAc;AACrB,SAASC,mBAAmB,QAAQ,kCAAiC;AACrE,SAASC,UAAU,QAAQ,yBAAwB;AAEnD,MAAMC,YAAY;AAgBlB,OAAO,SAASC,sBAAsBC,KAAY;IAChD,MAAM,EACJC,SAAS,EACTC,cAAc,EACdC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,SAAS,EACTC,qBAAqB,KAAK,EAC3B,GAAGR;IACJ,MAAM,EAAES,UAAU,EAAEC,KAAK,EAAE,GAAGP;IAC9B,MAAMQ,KAAKC,OAAOF,OAAOC;IAEzB,IAAIE;IACJ,IAAIC;IAEJ,IAAIJ,MAAMK,GAAG,EAAE;QACb,IAAI;YACFF,MAAM,IAAIG,IAAIN,MAAMK,GAAG,EAAER,WAAWU,QAAQ;QAC9C,EAAE,OAAM;YACNJ,MAAM,GAAGN,YAAYG,MAAMK,GAAG,EAAE;QAClC;IACF;IAEA,IAAIL,MAAMQ,YAAY,EAAE;QACtB,IAAI;YACFJ,eAAe,IAAIE,IAAIN,MAAMQ,YAAY,EAAEX,WAAWU,QAAQ;QAChE,EAAE,OAAM;YACNH,eAAe,GAAGP,YAAYG,MAAMQ,YAAY,EAAE;QACpD;IACF;IAEA,IAAIxB,QAAQgB,MAAMS,QAAQ,GAAG;QAC3BL,eAAerB,oBAAoB;YACjC2B,OAAOV,MAAMU,KAAK;YAClBF,cAAcJ;YACdC,KAAKF;YACLQ,OAAOX,MAAMW,KAAK;QACpB;IACF;IAEA,qBACE,QAACxB;QAAWI,WAAW;YAACH;YAAWG;SAAU,CAACqB,MAAM,CAACC,SAASC,IAAI,CAAC;kBACjE,cAAA,QAAC5B;YACC6B,WAAW,CAACpB;YACZqB,aAAa,CAACrB;YACdsB,KAAMjB,OAAOiB,OAAOjB,OAAOkB;YAC3BC,UAAUnB,MAAMoB,QAAQ;YACxBC,gBAAgBtB;YAChBP,gBAAgBA;YAChB0B,UAAUlB,MAAMkB,QAAQ;YACxBjB,IAAIA;YACJQ,UAAUT,OAAOS;YACjBf,UAAUA;YACVE,WAAWA;YACXE,oBAAoBA;YACpBK,KAAKA;YACLC,cAAcA;YACdkB,GAAGtB,OAAOW;YACVY,GAAGvB,OAAOwB;;;;;;;;;;;AAIlB"}