@payloadcms/ui 3.0.0-beta.96 → 3.0.0-beta.98

package/dist/fields/Textarea/index.js

@@ -10,8 +10,8 @@ import { withCondition } from '../../forms/withCondition/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { isFieldRTL } from '../shared/index.js';
-import { TextareaInput } from './Input.js';
 import './index.scss';
+import { TextareaInput } from './Input.js';
 export { TextareaInput };
 const TextareaFieldComponent = props => {
   const $ = _c(12);
@@ -127,15 +127,15 @@ const TextareaFieldComponent = props => {
     t7 = $[11];
   }
   return _jsx(TextareaInput, {
-    Description: field?.admin?.components?.Description,
-    Error: field?.admin?.components?.Error,
-    Label: field?.admin?.components?.Label,
     afterInput: field?.admin?.components?.afterInput,
     beforeInput: field?.admin?.components?.beforeInput,
     className,
+    Description: field?.admin?.components?.Description,
     description,
     descriptionProps,
+    Error: field?.admin?.components?.Error,
     errorProps,
+    Label: field?.admin?.components?.Label,
     label,
     labelProps,
     onChange: t7,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","useFieldProps","useField","withCondition","useConfig","useTranslation","isFieldRTL","TextareaInput","TextareaFieldComponent","props","$","descriptionProps","errorProps","field","t0","labelProps","locale","readOnly","readOnlyFromTopLevelProps","validate","name","_path","pathFromProps","admin","t1","label","localized","maxLength","minLength","required","t2","undefined","className","description","placeholder","readOnlyFromAdmin","rows","rtl","style","width","readOnlyFromProps","i18n","config","t3","localization","isRTL","fieldLocalized","fieldRTL","localizationConfig","t4","value","options","memoizedValidate","path","pathFromContext","readOnlyFromContext","t5","t6","formInitializing","formProcessing","setValue","showError","value_0","disabled","t7","e","target","_jsx","Description","components","Error","Label","afterInput","beforeInput","onChange","TextareaField"],"sources":["../../../src/fields/Textarea/index.tsx"],"sourcesContent":["'use client'\nimport type { TextareaFieldProps, TextareaFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport type { TextAreaInputProps } from './types.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isFieldRTL } from '../shared/index.js'\nimport { TextareaInput } from './Input.js'\nimport './index.scss'\n\nexport { TextAreaInputProps, TextareaInput }\n\nconst TextareaFieldComponent: React.FC<TextareaFieldProps> = (props) => {\n  const {\n    descriptionProps,\n    errorProps,\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        description,\n        placeholder,\n        readOnly: readOnlyFromAdmin,\n        rows,\n        rtl,\n        style,\n        width,\n      } = {},\n      label,\n      localized,\n      maxLength,\n      minLength,\n      required,\n    },\n    labelProps,\n    locale,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: { localization },\n  } = useConfig()\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 { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, formProcessing, path, setValue, showError, value } = useField<string>({\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  return (\n    <TextareaInput\n      Description={field?.admin?.components?.Description}\n      Error={field?.admin?.components?.Error}\n      Label={field?.admin?.components?.Label}\n      afterInput={field?.admin?.components?.afterInput}\n      beforeInput={field?.admin?.components?.beforeInput}\n      className={className}\n      description={description}\n      descriptionProps={descriptionProps}\n      errorProps={errorProps}\n      label={label}\n      labelProps={labelProps}\n      onChange={(e) => {\n        setValue(e.target.value)\n      }}\n      path={path}\n      placeholder={getTranslation(placeholder, i18n)}\n      readOnly={disabled}\n      required={required}\n      rows={rows}\n      rtl={isRTL}\n      showError={showError}\n      style={style}\n      value={value}\n      width={width}\n    />\n  )\n}\n\nexport const TextareaField = withCondition(TextareaFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","useFieldProps","useField","withCondition","useConfig","useTranslation","isFieldRTL","TextareaInput","TextareaFieldComponent","props","$","descriptionProps","errorProps","field","t0","labelProps","locale","readOnly","readOnlyFromTopLevelProps","validate","name","_path","pathFromProps","admin","t1","label","localized","maxLength","minLength","required","t2","undefined","className","description","placeholder","readOnlyFromAdmin","rows","rtl","style","width","readOnlyFromProps","i18n","config","t3","localization","isRTL","fieldLocalized","fieldRTL","localizationConfig","t4","value","options","memoizedValidate","path","pathFromContext","readOnlyFromContext","t5","t6","formInitializing","formProcessing","setValue","showError","value_0","disabled","t7","e","target","_jsx","afterInput","components","beforeInput","Description","Error","Label","onChange","TextareaField"],"sources":["../../../src/fields/Textarea/index.tsx"],"sourcesContent":["'use client'\nimport type { TextareaFieldProps, TextareaFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport type { TextAreaInputProps } from './types.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isFieldRTL } from '../shared/index.js'\nimport './index.scss'\nimport { TextareaInput } from './Input.js'\n\nexport { TextareaInput, TextAreaInputProps }\n\nconst TextareaFieldComponent: React.FC<TextareaFieldProps> = (props) => {\n  const {\n    descriptionProps,\n    errorProps,\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        description,\n        placeholder,\n        readOnly: readOnlyFromAdmin,\n        rows,\n        rtl,\n        style,\n        width,\n      } = {},\n      label,\n      localized,\n      maxLength,\n      minLength,\n      required,\n    },\n    labelProps,\n    locale,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: { localization },\n  } = useConfig()\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 { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, formProcessing, path, setValue, showError, value } = useField<string>({\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  return (\n    <TextareaInput\n      afterInput={field?.admin?.components?.afterInput}\n      beforeInput={field?.admin?.components?.beforeInput}\n      className={className}\n      Description={field?.admin?.components?.Description}\n      description={description}\n      descriptionProps={descriptionProps}\n      Error={field?.admin?.components?.Error}\n      errorProps={errorProps}\n      Label={field?.admin?.components?.Label}\n      label={label}\n      labelProps={labelProps}\n      onChange={(e) => {\n        setValue(e.target.value)\n      }}\n      path={path}\n      placeholder={getTranslation(placeholder, i18n)}\n      readOnly={disabled}\n      required={required}\n      rows={rows}\n      rtl={isRTL}\n      showError={showError}\n      style={style}\n      value={value}\n      width={width}\n    />\n  )\n}\n\nexport const TextareaField = withCondition(TextareaFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Textarea/types.d.ts

@@ -3,17 +3,17 @@ import type React from 'react';
 import type { MarkOptional } from 'ts-essentials';
 import { type ChangeEvent } from 'react';
 export type TextAreaInputProps = {
-    readonly Description?: MappedComponent;
-    readonly Error?: MappedComponent;
-    readonly Label?: MappedComponent;
     readonly afterInput?: MappedComponent[];
     readonly beforeInput?: MappedComponent[];
     readonly className?: string;
+    readonly Description?: MappedComponent;
     readonly description?: StaticDescription;
     readonly descriptionProps?: FieldDescriptionClientProps<MarkOptional<TextareaFieldClient, 'type'>>;
+    readonly Error?: MappedComponent;
     readonly errorProps?: FieldErrorClientProps<MarkOptional<TextareaFieldClient, 'type'>>;
     readonly field?: MarkOptional<TextareaFieldClient, 'type'>;
     readonly inputRef?: React.RefObject<HTMLInputElement>;
+    readonly Label?: MappedComponent;
     readonly label: StaticLabel;
     readonly labelProps?: FieldLabelClientProps<MarkOptional<TextareaFieldClient, 'type'>>;
     readonly onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;

package/dist/fields/Textarea/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,eAAe,EAAE,CAAA;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,2BAA2B,CAAC,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAA;IAClG,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAA;IACtF,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACrD,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAA;IACtF,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IACjE,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACjE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,eAAe,EAAE,CAAA;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,2BAA2B,CAAC,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAA;IAClG,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAA;IACtF,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACrD,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAA;IACtF,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IACjE,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACjE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Textarea/types.ts"],"sourcesContent":["import type {\n  FieldDescriptionClientProps,\n  FieldErrorClientProps,\n  FieldLabelClientProps,\n  MappedComponent,\n  StaticDescription,\n  StaticLabel,\n  TextareaFieldClient,\n} from 'payload'\nimport type React from 'react'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { type ChangeEvent } from 'react'\n\nexport type TextAreaInputProps = {\n  readonly Description?: MappedComponent\n  readonly Error?: MappedComponent\n  readonly Label?: MappedComponent\n  readonly afterInput?: MappedComponent[]\n  readonly beforeInput?: MappedComponent[]\n  readonly className?: string\n  readonly description?: StaticDescription\n  readonly descriptionProps?: FieldDescriptionClientProps<MarkOptional<TextareaFieldClient, 'type'>>\n  readonly errorProps?: FieldErrorClientProps<MarkOptional<TextareaFieldClient, 'type'>>\n  readonly field?: MarkOptional<TextareaFieldClient, 'type'>\n  readonly inputRef?: React.RefObject<HTMLInputElement>\n  readonly label: StaticLabel\n  readonly labelProps?: FieldLabelClientProps<MarkOptional<TextareaFieldClient, 'type'>>\n  readonly onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void\n  readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n  readonly path: string\n  readonly placeholder?: string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly rows?: number\n  readonly rtl?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string\n  readonly valueToRender?: string\n  readonly width?: string\n}\n"],"mappings":"AAcA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Textarea/types.ts"],"sourcesContent":["import type {\n  FieldDescriptionClientProps,\n  FieldErrorClientProps,\n  FieldLabelClientProps,\n  MappedComponent,\n  StaticDescription,\n  StaticLabel,\n  TextareaFieldClient,\n} from 'payload'\nimport type React from 'react'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { type ChangeEvent } from 'react'\n\nexport type TextAreaInputProps = {\n  readonly afterInput?: MappedComponent[]\n  readonly beforeInput?: MappedComponent[]\n  readonly className?: string\n  readonly Description?: MappedComponent\n  readonly description?: StaticDescription\n  readonly descriptionProps?: FieldDescriptionClientProps<MarkOptional<TextareaFieldClient, 'type'>>\n  readonly Error?: MappedComponent\n  readonly errorProps?: FieldErrorClientProps<MarkOptional<TextareaFieldClient, 'type'>>\n  readonly field?: MarkOptional<TextareaFieldClient, 'type'>\n  readonly inputRef?: React.RefObject<HTMLInputElement>\n  readonly Label?: MappedComponent\n  readonly label: StaticLabel\n  readonly labelProps?: FieldLabelClientProps<MarkOptional<TextareaFieldClient, 'type'>>\n  readonly onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void\n  readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n  readonly path: string\n  readonly placeholder?: string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly rows?: number\n  readonly rtl?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string\n  readonly valueToRender?: string\n  readonly width?: string\n}\n"],"mappings":"AAcA","ignoreList":[]}

package/dist/fields/Upload/Input.d.ts

@@ -4,9 +4,6 @@ import React from 'react';
 import './index.scss';
 export declare const baseClass = "upload";
 export type UploadInputProps = {
-    readonly Description?: MappedComponent;
-    readonly Error?: MappedComponent;
-    readonly Label?: MappedComponent;
     /**
      * Controls the visibility of the "Create new collection" button
      */
@@ -15,13 +12,16 @@ export type UploadInputProps = {
     readonly className?: string;
     readonly collection?: ClientCollectionConfig;
     readonly customUploadActions?: React.ReactNode[];
+    readonly Description?: MappedComponent;
     readonly description?: StaticDescription;
     readonly descriptionProps?: FieldDescriptionClientProps<MarkOptional<UploadFieldClient, 'type'>>;
+    readonly Error?: MappedComponent;
     readonly errorProps?: FieldErrorClientProps<MarkOptional<UploadFieldClient, 'type'>>;
     readonly field?: MarkOptional<UploadFieldClient, 'type'>;
     readonly filterOptions?: FilterOptionsResult;
     readonly hasMany?: boolean;
     readonly isSortable?: boolean;
+    readonly Label?: MappedComponent;
     readonly label: StaticLabel;
     readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>;
     readonly maxRows?: number;

package/dist/fields/Upload/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EAEnB,eAAe,EAEf,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,WAAW,IAAI,eAAe,EAE/B,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAIjD,OAAO,KAA0C,MAAM,OAAO,CAAA;AAoB9D,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,WAAW,CAAA;AAIjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC;;OAEG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,sBAAsB,CAAA;IAC5C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,2BAA2B,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IAChG,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBA8clD"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EAEnB,eAAe,EAEf,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,WAAW,IAAI,eAAe,EAE/B,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAIjD,OAAO,KAA0C,MAAM,OAAO,CAAA;AAmB9D,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,WAAW,CAAA;AAIjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,sBAAsB,CAAA;IAC5C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,2BAA2B,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IAChG,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAmdlD"}

package/dist/fields/Upload/Input.js

@@ -25,18 +25,18 @@ export const baseClass = 'upload';
 export function UploadInput(props) {
   const $ = _c(125);
   const {
-    Description,
-    Error,
-    Label,
     api,
     className,
+    Description,
     description,
     descriptionProps,
+    Error,
     errorProps,
     field,
     filterOptions: filterOptionsFromProps,
     hasMany,
     isSortable,
+    Label,
     label,
     labelProps,
     maxRows,
@@ -244,7 +244,7 @@ export function UploadInput(props) {
       });
       if (response.ok) {
         const json = await response.json();
-        const sortedDocs = ids.map(id => json.docs.find(doc => doc.id === id));
+        const sortedDocs = ids.map(id => json.docs.find(doc => String(doc.id) === String(id)));
         return {
           ...json,
           docs: sortedDocs

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["c","_c","useModal","qs","React","useCallback","useEffect","useMemo","useBulkUpload","Button","useDocumentDrawer","Dropzone","useListDrawer","ShimmerEffect","useAuth","useLocale","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","UploadComponentHasMany","UploadComponentHasOne","baseClass","UploadInput","props","$","Description","Error","Label","api","className","description","descriptionProps","errorProps","field","filterOptions","filterOptionsFromProps","hasMany","isSortable","label","labelProps","maxRows","onChange","onChangeFromProps","path","readOnly","relationTo","required","serverURL","showError","style","value","width","populatedDocs","setPopulatedDocs","useState","activeRelationTo","Array","isArray","openModal","drawerSlug","setCollectionSlug","setInitialFiles","setMaxFiles","setOnSuccess","permissions","code","i18n","t","t0","t1","t2","id","t3","not_in","t4","concat","t5","t6","t7","t8","t9","collectionSlugs","ListDrawer","t10","closeDrawer","closeListDrawer","openDrawer","openListDrawer","t11","collectionSlug","CreateDocDrawer","t12","closeCreateDocDrawer","openCreateDocDrawer","loadedValueDocsRef","useRef","t13","bb0","collections","create","permission","canCreate","t14","newValue","t15","language","ids","relatedCollectionSlug","query","depth","draft","limit","length","locale","where","and","in","response","fetch","body","stringify","credentials","headers","method","ok","json","sortedDocs","map","docs","find","doc","populateDocs","t16","newDocs","mergedValue","doc_0","currentDocs","doc_1","firstDoc","onUploadSuccess","t17","fileList","fileListToUse","dataTransfer","DataTransfer","items","add","files","onLocalFileSelection","t18","selectedDocIDs","Object","entries","reduce","acc","t19","docID","isSelected","push","loadedDocs","currentDocs_0","doc_2","onListBulkSelect","data","currentDocs_1","onDocCreate","t20","t21","docID_0","loadedDocs_0","selectedDoc","currentDocs_2","onListSelect","newValue_0","newValueIDs","t22","value_0","onReorder","newValue_1","newValueIDs_0","t23","value_1","onRemove","t24","loadInitialDocs","loadedDocs_1","doc_3","current","showDropzone","t25","t26","t27","filter","Boolean","t28","join","t29","replace","t30","t31","t32","t33","_jsxs","children","_jsx","CustomError","_Fragment","fileDocs","readonly","_temp","fileDoc","height","multipleFiles","buttonStyle","disabled","onClick","size","onSave","enableRowSelections","onBulkSelect","onSelect","id_0"],"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientCollectionConfig,\n  FieldDescriptionClientProps,\n  FieldErrorClientProps,\n  FieldLabelClientProps,\n  FilterOptionsResult,\n  JsonObject,\n  MappedComponent,\n  PaginatedDocs,\n  StaticDescription,\n  StaticLabel,\n  UploadFieldClient,\n  UploadField as UploadFieldType,\n  Where,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { useModal } from '@faceless-ui/modal'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo } from 'react'\n\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { Dropzone } from '../../elements/Dropzone/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { UploadComponentHasMany } from './HasMany/index.js'\nimport { UploadComponentHasOne } from './HasOne/index.js'\nimport './index.scss'\n\nexport const baseClass = 'upload'\n\ntype PopulatedDocs = { relationTo: string; value: JsonObject }[]\n\nexport type UploadInputProps = {\n  readonly Description?: MappedComponent\n  readonly Error?: MappedComponent\n  readonly Label?: MappedComponent\n  /**\n   * Controls the visibility of the \"Create new collection\" button\n   */\n  readonly allowNewUpload?: boolean\n  readonly api?: string\n  readonly className?: string\n  readonly collection?: ClientCollectionConfig\n  readonly customUploadActions?: React.ReactNode[]\n  readonly description?: StaticDescription\n  readonly descriptionProps?: FieldDescriptionClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly errorProps?: FieldErrorClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly field?: MarkOptional<UploadFieldClient, 'type'>\n  readonly filterOptions?: FilterOptionsResult\n  readonly hasMany?: boolean\n  readonly isSortable?: boolean\n  readonly label: StaticLabel\n  readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly maxRows?: number\n  readonly onChange?: (e) => void\n  readonly path: string\n  readonly readOnly?: boolean\n  readonly relationTo: UploadFieldType['relationTo']\n  readonly required?: boolean\n  readonly serverURL?: string\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: (number | string)[] | (number | string)\n  readonly width?: string\n}\n\nexport function UploadInput(props: UploadInputProps) {\n  const {\n    Description,\n    Error,\n    Label,\n    allowNewUpload,\n    api,\n    className,\n    description,\n    descriptionProps,\n    errorProps,\n    field,\n    filterOptions: filterOptionsFromProps,\n    hasMany,\n    isSortable,\n    label,\n    labelProps,\n    maxRows,\n    onChange: onChangeFromProps,\n    path,\n    readOnly,\n    relationTo,\n    required,\n    serverURL,\n    showError,\n    style,\n    value,\n    width,\n  } = props\n\n  const [populatedDocs, setPopulatedDocs] = React.useState<\n    {\n      relationTo: string\n      value: JsonObject\n    }[]\n  >()\n  const [activeRelationTo, setActiveRelationTo] = React.useState<string>(\n    Array.isArray(relationTo) ? relationTo[0] : relationTo,\n  )\n\n  const { openModal } = useModal()\n  const { drawerSlug, setCollectionSlug, setInitialFiles, setMaxFiles, setOnSuccess } =\n    useBulkUpload()\n  const { permissions } = useAuth()\n  const { code } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const filterOptions: FilterOptionsResult = useMemo(() => {\n    return {\n      ...filterOptionsFromProps,\n      [activeRelationTo]: {\n        ...((filterOptionsFromProps?.[activeRelationTo] as any) || {}),\n        id: {\n          ...((filterOptionsFromProps?.[activeRelationTo] as any)?.id || {}),\n          not_in: ((filterOptionsFromProps?.[activeRelationTo] as any)?.id?.not_in || []).concat(\n            ...((Array.isArray(value) || value ? [value] : []) || []),\n          ),\n        },\n      },\n    }\n  }, [value, activeRelationTo, filterOptionsFromProps])\n\n  const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n    useListDrawer({\n      collectionSlugs: typeof relationTo === 'string' ? [relationTo] : relationTo,\n      filterOptions,\n    })\n  const [\n    CreateDocDrawer,\n    ,\n    { closeDrawer: closeCreateDocDrawer, openDrawer: openCreateDocDrawer },\n  ] = useDocumentDrawer({\n    collectionSlug: activeRelationTo,\n  })\n\n  const loadedValueDocsRef = React.useRef<boolean>(false)\n\n  const canCreate = useMemo(() => {\n    if (typeof activeRelationTo === 'string') {\n      if (permissions?.collections && permissions.collections?.[activeRelationTo]?.create) {\n        if (permissions.collections[activeRelationTo].create?.permission === true) {\n          return true\n        }\n      }\n    }\n\n    return false\n  }, [activeRelationTo, permissions])\n\n  const onChange = React.useCallback(\n    (newValue) => {\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newValue)\n      }\n    },\n    [onChangeFromProps],\n  )\n\n  const populateDocs = React.useCallback(\n    async (\n      ids: (number | string)[],\n      relatedCollectionSlug: string,\n    ): Promise<PaginatedDocs | null> => {\n      const query: {\n        [key: string]: unknown\n        where: Where\n      } = {\n        depth: 0,\n        draft: true,\n        limit: ids.length,\n        locale: code,\n        where: {\n          and: [\n            {\n              id: {\n                in: ids,\n              },\n            },\n          ],\n        },\n      }\n\n      const response = await fetch(`${serverURL}${api}/${relatedCollectionSlug}`, {\n        body: qs.stringify(query),\n        credentials: 'include',\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/x-www-form-urlencoded',\n          'X-HTTP-Method-Override': 'GET',\n        },\n        method: 'POST',\n      })\n      if (response.ok) {\n        const json = await response.json()\n        const sortedDocs = ids.map((id) => json.docs.find((doc) => doc.id === id))\n        return { ...json, docs: sortedDocs }\n      }\n\n      return null\n    },\n    [code, serverURL, api, i18n.language],\n  )\n\n  const onUploadSuccess = useCallback(\n    (newDocs: JsonObject[]) => {\n      if (hasMany) {\n        const mergedValue = [\n          ...(Array.isArray(value) ? value : []),\n          ...newDocs.map((doc) => doc.id),\n        ]\n        onChange(mergedValue)\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          ...newDocs.map((doc) => ({\n            relationTo: activeRelationTo,\n            value: doc,\n          })),\n        ])\n      } else {\n        const firstDoc = newDocs[0]\n        onChange(firstDoc.id)\n        setPopulatedDocs([\n          {\n            relationTo: activeRelationTo,\n            value: firstDoc,\n          },\n        ])\n      }\n    },\n    [value, onChange, activeRelationTo, hasMany],\n  )\n\n  const onLocalFileSelection = React.useCallback(\n    (fileList?: FileList) => {\n      let fileListToUse = fileList\n      if (!hasMany && fileList && fileList.length > 1) {\n        const dataTransfer = new DataTransfer()\n        dataTransfer.items.add(fileList[0])\n        fileListToUse = dataTransfer.files\n      }\n      if (fileListToUse) {\n        setInitialFiles(fileListToUse)\n      }\n      setCollectionSlug(relationTo)\n      setOnSuccess(onUploadSuccess)\n      if (typeof maxRows === 'number') {\n        setMaxFiles(maxRows)\n      }\n      openModal(drawerSlug)\n    },\n    [\n      drawerSlug,\n      hasMany,\n      onUploadSuccess,\n      openModal,\n      relationTo,\n      setCollectionSlug,\n      setInitialFiles,\n      setOnSuccess,\n      maxRows,\n      setMaxFiles,\n    ],\n  )\n\n  // only hasMany can bulk select\n  const onListBulkSelect = React.useCallback<NonNullable<ListDrawerProps['onBulkSelect']>>(\n    async (docs) => {\n      const selectedDocIDs = Object.entries(docs).reduce<string[]>((acc, [docID, isSelected]) => {\n        if (isSelected) {\n          acc.push(docID)\n        }\n        return acc\n      }, [])\n      const loadedDocs = await populateDocs(selectedDocIDs, activeRelationTo)\n      if (loadedDocs) {\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          ...loadedDocs.docs.map((doc) => ({\n            relationTo: activeRelationTo,\n            value: doc,\n          })),\n        ])\n      }\n      onChange([...(Array.isArray(value) ? value : []), ...selectedDocIDs])\n      closeListDrawer()\n    },\n    [activeRelationTo, closeListDrawer, onChange, populateDocs, value],\n  )\n\n  const onDocCreate = React.useCallback(\n    (data) => {\n      if (data.doc) {\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          {\n            relationTo: activeRelationTo,\n            value: data.doc,\n          },\n        ])\n\n        onChange(data.doc.id)\n      }\n      closeCreateDocDrawer()\n    },\n    [closeCreateDocDrawer, activeRelationTo, onChange],\n  )\n\n  const onListSelect = React.useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n    async ({ collectionSlug, docID }) => {\n      const loadedDocs = await populateDocs([docID], collectionSlug)\n      const selectedDoc = loadedDocs ? loadedDocs.docs?.[0] : null\n      setPopulatedDocs((currentDocs) => {\n        if (selectedDoc) {\n          if (hasMany) {\n            return [\n              ...(currentDocs || []),\n              {\n                relationTo: activeRelationTo,\n                value: selectedDoc,\n              },\n            ]\n          }\n          return [\n            {\n              relationTo: activeRelationTo,\n              value: selectedDoc,\n            },\n          ]\n        }\n        return currentDocs\n      })\n      if (hasMany) {\n        onChange([...(Array.isArray(value) ? value : []), docID])\n      } else {\n        onChange(docID)\n      }\n      closeListDrawer()\n    },\n    [closeListDrawer, hasMany, populateDocs, onChange, value, activeRelationTo],\n  )\n\n  // only hasMany can reorder\n  const onReorder = React.useCallback(\n    (newValue) => {\n      const newValueIDs = newValue.map(({ value }) => value.id)\n      onChange(newValueIDs)\n      setPopulatedDocs(newValue)\n    },\n    [onChange],\n  )\n\n  const onRemove = React.useCallback(\n    (newValue?: PopulatedDocs) => {\n      const newValueIDs = newValue ? newValue.map(({ value }) => value.id) : null\n      onChange(hasMany ? newValueIDs : newValueIDs ? newValueIDs[0] : null)\n      setPopulatedDocs(newValue ? newValue : [])\n    },\n    [onChange, hasMany],\n  )\n\n  useEffect(() => {\n    async function loadInitialDocs() {\n      if (value) {\n        const loadedDocs = await populateDocs(\n          Array.isArray(value) ? value : [value],\n          activeRelationTo,\n        )\n        if (loadedDocs) {\n          setPopulatedDocs(\n            loadedDocs.docs.map((doc) => ({ relationTo: activeRelationTo, value: doc })),\n          )\n        }\n      }\n\n      loadedValueDocsRef.current = true\n    }\n\n    if (!loadedValueDocsRef.current) {\n      void loadInitialDocs()\n    }\n  }, [populateDocs, activeRelationTo, value])\n\n  const showDropzone =\n    !readOnly &&\n    (!value ||\n      (hasMany && Array.isArray(value) && (typeof maxRows !== 'number' || value.length < maxRows)))\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        Label={Label}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n        field={field as UploadFieldClient}\n      />\n      <div className={`${baseClass}__wrap`}>\n        <FieldError\n          CustomError={Error}\n          path={path}\n          {...(errorProps || {})}\n          field={field as UploadFieldClient}\n        />\n      </div>\n\n      <div className={`${baseClass}__dropzoneAndUpload`}>\n        {hasMany && Array.isArray(value) && value.length > 0 ? (\n          <>\n            {populatedDocs && populatedDocs?.length > 0 ? (\n              <UploadComponentHasMany\n                fileDocs={populatedDocs}\n                isSortable={isSortable && !readOnly}\n                onRemove={onRemove}\n                onReorder={onReorder}\n                readonly={readOnly}\n                serverURL={serverURL}\n              />\n            ) : (\n              <div className={`${baseClass}__loadingRows`}>\n                {value.map((id) => (\n                  <ShimmerEffect height=\"40px\" key={id} />\n                ))}\n              </div>\n            )}\n          </>\n        ) : null}\n\n        {!hasMany && value ? (\n          <>\n            {populatedDocs && populatedDocs?.length > 0 ? (\n              <UploadComponentHasOne\n                fileDoc={populatedDocs[0]}\n                onRemove={onRemove}\n                readonly={readOnly}\n                serverURL={serverURL}\n              />\n            ) : (\n              <ShimmerEffect height=\"62px\" />\n            )}\n          </>\n        ) : null}\n\n        {showDropzone ? (\n          <Dropzone multipleFiles={hasMany} onChange={onLocalFileSelection}>\n            <div className={`${baseClass}__dropzoneContent`}>\n              <div className={`${baseClass}__dropzoneContent__buttons`}>\n                <Button\n                  buttonStyle=\"pill\"\n                  className={`${baseClass}__createNewToggler`}\n                  disabled={readOnly || !canCreate}\n                  onClick={() => {\n                    if (!readOnly) {\n                      if (hasMany) {\n                        onLocalFileSelection()\n                      } else {\n                        openCreateDocDrawer()\n                      }\n                    }\n                  }}\n                  size=\"small\"\n                >\n                  {t('general:createNew')}\n                </Button>\n                <span className={`${baseClass}__dropzoneContent__orText`}>{t('general:or')}</span>\n                <Button\n                  buttonStyle=\"pill\"\n                  className={`${baseClass}__listToggler`}\n                  disabled={readOnly}\n                  onClick={openListDrawer}\n                  size=\"small\"\n                >\n                  {t('fields:chooseFromExisting')}\n                </Button>\n\n                <CreateDocDrawer onSave={onDocCreate} />\n                <ListDrawer\n                  enableRowSelections={hasMany}\n                  onBulkSelect={onListBulkSelect}\n                  onSelect={onListSelect}\n                />\n              </div>\n\n              <p className={`${baseClass}__dragAndDropText`}>\n                {t('general:or')} {t('upload:dragAndDrop')}\n              </p>\n            </div>\n          </Dropzone>\n        ) : (\n          <>\n            {!readOnly &&\n            !populatedDocs &&\n            (!value ||\n              typeof maxRows !== 'number' ||\n              (Array.isArray(value) && value.length < maxRows)) ? (\n              <ShimmerEffect height=\"40px\" />\n            ) : null}\n          </>\n        )}\n      </div>\n      <FieldDescription\n        Description={Description}\n        description={description}\n        {...(descriptionProps || {})}\n        field={field as UploadFieldClient}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["c","_c","useModal","qs","React","useCallback","useEffect","useMemo","useBulkUpload","Button","useDocumentDrawer","Dropzone","useListDrawer","ShimmerEffect","useAuth","useLocale","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","UploadComponentHasMany","UploadComponentHasOne","baseClass","UploadInput","props","$","api","className","Description","description","descriptionProps","Error","errorProps","field","filterOptions","filterOptionsFromProps","hasMany","isSortable","Label","label","labelProps","maxRows","onChange","onChangeFromProps","path","readOnly","relationTo","required","serverURL","showError","style","value","width","populatedDocs","setPopulatedDocs","useState","activeRelationTo","Array","isArray","openModal","drawerSlug","setCollectionSlug","setInitialFiles","setMaxFiles","setOnSuccess","permissions","code","i18n","t","t0","t1","t2","id","t3","not_in","t4","concat","t5","t6","t7","t8","t9","collectionSlugs","ListDrawer","t10","closeDrawer","closeListDrawer","openDrawer","openListDrawer","t11","collectionSlug","CreateDocDrawer","t12","closeCreateDocDrawer","openCreateDocDrawer","loadedValueDocsRef","useRef","t13","bb0","collections","create","permission","canCreate","t14","newValue","t15","language","ids","relatedCollectionSlug","query","depth","draft","limit","length","locale","where","and","in","response","fetch","body","stringify","credentials","headers","method","ok","json","sortedDocs","map","docs","find","doc","String","populateDocs","t16","newDocs","mergedValue","doc_0","currentDocs","doc_1","firstDoc","onUploadSuccess","t17","fileList","fileListToUse","dataTransfer","DataTransfer","items","add","files","onLocalFileSelection","t18","selectedDocIDs","Object","entries","reduce","acc","t19","docID","isSelected","push","loadedDocs","currentDocs_0","doc_2","onListBulkSelect","data","currentDocs_1","onDocCreate","t20","t21","docID_0","loadedDocs_0","selectedDoc","currentDocs_2","onListSelect","newValue_0","newValueIDs","t22","value_0","onReorder","newValue_1","newValueIDs_0","t23","value_1","onRemove","t24","loadInitialDocs","loadedDocs_1","doc_3","current","showDropzone","t25","t26","t27","filter","Boolean","t28","join","t29","replace","t30","t31","t32","t33","_jsxs","children","_jsx","CustomError","_Fragment","fileDocs","readonly","_temp","fileDoc","height","multipleFiles","buttonStyle","disabled","onClick","size","onSave","enableRowSelections","onBulkSelect","onSelect","id_0"],"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientCollectionConfig,\n  FieldDescriptionClientProps,\n  FieldErrorClientProps,\n  FieldLabelClientProps,\n  FilterOptionsResult,\n  JsonObject,\n  MappedComponent,\n  PaginatedDocs,\n  StaticDescription,\n  StaticLabel,\n  UploadFieldClient,\n  UploadField as UploadFieldType,\n  Where,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { useModal } from '@faceless-ui/modal'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo } from 'react'\n\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { Dropzone } from '../../elements/Dropzone/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { UploadComponentHasMany } from './HasMany/index.js'\nimport { UploadComponentHasOne } from './HasOne/index.js'\nimport './index.scss'\n\nexport const baseClass = 'upload'\n\ntype PopulatedDocs = { relationTo: string; value: JsonObject }[]\n\nexport type UploadInputProps = {\n  /**\n   * Controls the visibility of the \"Create new collection\" button\n   */\n  readonly allowNewUpload?: boolean\n  readonly api?: string\n  readonly className?: string\n  readonly collection?: ClientCollectionConfig\n  readonly customUploadActions?: React.ReactNode[]\n  readonly Description?: MappedComponent\n  readonly description?: StaticDescription\n  readonly descriptionProps?: FieldDescriptionClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly Error?: MappedComponent\n  readonly errorProps?: FieldErrorClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly field?: MarkOptional<UploadFieldClient, 'type'>\n  readonly filterOptions?: FilterOptionsResult\n  readonly hasMany?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: MappedComponent\n  readonly label: StaticLabel\n  readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly maxRows?: number\n  readonly onChange?: (e) => void\n  readonly path: string\n  readonly readOnly?: boolean\n  readonly relationTo: UploadFieldType['relationTo']\n  readonly required?: boolean\n  readonly serverURL?: string\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: (number | string)[] | (number | string)\n  readonly width?: string\n}\n\nexport function UploadInput(props: UploadInputProps) {\n  const {\n    allowNewUpload,\n    api,\n    className,\n    Description,\n    description,\n    descriptionProps,\n    Error,\n    errorProps,\n    field,\n    filterOptions: filterOptionsFromProps,\n    hasMany,\n    isSortable,\n    Label,\n    label,\n    labelProps,\n    maxRows,\n    onChange: onChangeFromProps,\n    path,\n    readOnly,\n    relationTo,\n    required,\n    serverURL,\n    showError,\n    style,\n    value,\n    width,\n  } = props\n\n  const [populatedDocs, setPopulatedDocs] = React.useState<\n    {\n      relationTo: string\n      value: JsonObject\n    }[]\n  >()\n  const [activeRelationTo, setActiveRelationTo] = React.useState<string>(\n    Array.isArray(relationTo) ? relationTo[0] : relationTo,\n  )\n\n  const { openModal } = useModal()\n  const { drawerSlug, setCollectionSlug, setInitialFiles, setMaxFiles, setOnSuccess } =\n    useBulkUpload()\n  const { permissions } = useAuth()\n  const { code } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const filterOptions: FilterOptionsResult = useMemo(() => {\n    return {\n      ...filterOptionsFromProps,\n      [activeRelationTo]: {\n        ...((filterOptionsFromProps?.[activeRelationTo] as any) || {}),\n        id: {\n          ...((filterOptionsFromProps?.[activeRelationTo] as any)?.id || {}),\n          not_in: ((filterOptionsFromProps?.[activeRelationTo] as any)?.id?.not_in || []).concat(\n            ...((Array.isArray(value) || value ? [value] : []) || []),\n          ),\n        },\n      },\n    }\n  }, [value, activeRelationTo, filterOptionsFromProps])\n\n  const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n    useListDrawer({\n      collectionSlugs: typeof relationTo === 'string' ? [relationTo] : relationTo,\n      filterOptions,\n    })\n  const [\n    CreateDocDrawer,\n    ,\n    { closeDrawer: closeCreateDocDrawer, openDrawer: openCreateDocDrawer },\n  ] = useDocumentDrawer({\n    collectionSlug: activeRelationTo,\n  })\n\n  const loadedValueDocsRef = React.useRef<boolean>(false)\n\n  const canCreate = useMemo(() => {\n    if (typeof activeRelationTo === 'string') {\n      if (permissions?.collections && permissions.collections?.[activeRelationTo]?.create) {\n        if (permissions.collections[activeRelationTo].create?.permission === true) {\n          return true\n        }\n      }\n    }\n\n    return false\n  }, [activeRelationTo, permissions])\n\n  const onChange = React.useCallback(\n    (newValue) => {\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newValue)\n      }\n    },\n    [onChangeFromProps],\n  )\n\n  const populateDocs = React.useCallback(\n    async (\n      ids: (number | string)[],\n      relatedCollectionSlug: string,\n    ): Promise<null | PaginatedDocs> => {\n      const query: {\n        [key: string]: unknown\n        where: Where\n      } = {\n        depth: 0,\n        draft: true,\n        limit: ids.length,\n        locale: code,\n        where: {\n          and: [\n            {\n              id: {\n                in: ids,\n              },\n            },\n          ],\n        },\n      }\n\n      const response = await fetch(`${serverURL}${api}/${relatedCollectionSlug}`, {\n        body: qs.stringify(query),\n        credentials: 'include',\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/x-www-form-urlencoded',\n          'X-HTTP-Method-Override': 'GET',\n        },\n        method: 'POST',\n      })\n      if (response.ok) {\n        const json = await response.json()\n        const sortedDocs = ids.map((id) =>\n          json.docs.find((doc) => {\n            return String(doc.id) === String(id)\n          }),\n        )\n\n        return { ...json, docs: sortedDocs }\n      }\n\n      return null\n    },\n    [code, serverURL, api, i18n.language],\n  )\n\n  const onUploadSuccess = useCallback(\n    (newDocs: JsonObject[]) => {\n      if (hasMany) {\n        const mergedValue = [\n          ...(Array.isArray(value) ? value : []),\n          ...newDocs.map((doc) => doc.id),\n        ]\n        onChange(mergedValue)\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          ...newDocs.map((doc) => ({\n            relationTo: activeRelationTo,\n            value: doc,\n          })),\n        ])\n      } else {\n        const firstDoc = newDocs[0]\n        onChange(firstDoc.id)\n        setPopulatedDocs([\n          {\n            relationTo: activeRelationTo,\n            value: firstDoc,\n          },\n        ])\n      }\n    },\n    [value, onChange, activeRelationTo, hasMany],\n  )\n\n  const onLocalFileSelection = React.useCallback(\n    (fileList?: FileList) => {\n      let fileListToUse = fileList\n      if (!hasMany && fileList && fileList.length > 1) {\n        const dataTransfer = new DataTransfer()\n        dataTransfer.items.add(fileList[0])\n        fileListToUse = dataTransfer.files\n      }\n      if (fileListToUse) {\n        setInitialFiles(fileListToUse)\n      }\n      setCollectionSlug(relationTo)\n      setOnSuccess(onUploadSuccess)\n      if (typeof maxRows === 'number') {\n        setMaxFiles(maxRows)\n      }\n      openModal(drawerSlug)\n    },\n    [\n      drawerSlug,\n      hasMany,\n      onUploadSuccess,\n      openModal,\n      relationTo,\n      setCollectionSlug,\n      setInitialFiles,\n      setOnSuccess,\n      maxRows,\n      setMaxFiles,\n    ],\n  )\n\n  // only hasMany can bulk select\n  const onListBulkSelect = React.useCallback<NonNullable<ListDrawerProps['onBulkSelect']>>(\n    async (docs) => {\n      const selectedDocIDs = Object.entries(docs).reduce<string[]>((acc, [docID, isSelected]) => {\n        if (isSelected) {\n          acc.push(docID)\n        }\n        return acc\n      }, [])\n      const loadedDocs = await populateDocs(selectedDocIDs, activeRelationTo)\n      if (loadedDocs) {\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          ...loadedDocs.docs.map((doc) => ({\n            relationTo: activeRelationTo,\n            value: doc,\n          })),\n        ])\n      }\n      onChange([...(Array.isArray(value) ? value : []), ...selectedDocIDs])\n      closeListDrawer()\n    },\n    [activeRelationTo, closeListDrawer, onChange, populateDocs, value],\n  )\n\n  const onDocCreate = React.useCallback(\n    (data) => {\n      if (data.doc) {\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          {\n            relationTo: activeRelationTo,\n            value: data.doc,\n          },\n        ])\n\n        onChange(data.doc.id)\n      }\n      closeCreateDocDrawer()\n    },\n    [closeCreateDocDrawer, activeRelationTo, onChange],\n  )\n\n  const onListSelect = React.useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n    async ({ collectionSlug, docID }) => {\n      const loadedDocs = await populateDocs([docID], collectionSlug)\n      const selectedDoc = loadedDocs ? loadedDocs.docs?.[0] : null\n      setPopulatedDocs((currentDocs) => {\n        if (selectedDoc) {\n          if (hasMany) {\n            return [\n              ...(currentDocs || []),\n              {\n                relationTo: activeRelationTo,\n                value: selectedDoc,\n              },\n            ]\n          }\n          return [\n            {\n              relationTo: activeRelationTo,\n              value: selectedDoc,\n            },\n          ]\n        }\n        return currentDocs\n      })\n      if (hasMany) {\n        onChange([...(Array.isArray(value) ? value : []), docID])\n      } else {\n        onChange(docID)\n      }\n      closeListDrawer()\n    },\n    [closeListDrawer, hasMany, populateDocs, onChange, value, activeRelationTo],\n  )\n\n  // only hasMany can reorder\n  const onReorder = React.useCallback(\n    (newValue) => {\n      const newValueIDs = newValue.map(({ value }) => value.id)\n      onChange(newValueIDs)\n      setPopulatedDocs(newValue)\n    },\n    [onChange],\n  )\n\n  const onRemove = React.useCallback(\n    (newValue?: PopulatedDocs) => {\n      const newValueIDs = newValue ? newValue.map(({ value }) => value.id) : null\n      onChange(hasMany ? newValueIDs : newValueIDs ? newValueIDs[0] : null)\n      setPopulatedDocs(newValue ? newValue : [])\n    },\n    [onChange, hasMany],\n  )\n\n  useEffect(() => {\n    async function loadInitialDocs() {\n      if (value) {\n        const loadedDocs = await populateDocs(\n          Array.isArray(value) ? value : [value],\n          activeRelationTo,\n        )\n        if (loadedDocs) {\n          setPopulatedDocs(\n            loadedDocs.docs.map((doc) => ({ relationTo: activeRelationTo, value: doc })),\n          )\n        }\n      }\n\n      loadedValueDocsRef.current = true\n    }\n\n    if (!loadedValueDocsRef.current) {\n      void loadInitialDocs()\n    }\n  }, [populateDocs, activeRelationTo, value])\n\n  const showDropzone =\n    !readOnly &&\n    (!value ||\n      (hasMany && Array.isArray(value) && (typeof maxRows !== 'number' || value.length < maxRows)))\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        Label={Label}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n        field={field as UploadFieldClient}\n      />\n      <div className={`${baseClass}__wrap`}>\n        <FieldError\n          CustomError={Error}\n          path={path}\n          {...(errorProps || {})}\n          field={field as UploadFieldClient}\n        />\n      </div>\n\n      <div className={`${baseClass}__dropzoneAndUpload`}>\n        {hasMany && Array.isArray(value) && value.length > 0 ? (\n          <>\n            {populatedDocs && populatedDocs?.length > 0 ? (\n              <UploadComponentHasMany\n                fileDocs={populatedDocs}\n                isSortable={isSortable && !readOnly}\n                onRemove={onRemove}\n                onReorder={onReorder}\n                readonly={readOnly}\n                serverURL={serverURL}\n              />\n            ) : (\n              <div className={`${baseClass}__loadingRows`}>\n                {value.map((id) => (\n                  <ShimmerEffect height=\"40px\" key={id} />\n                ))}\n              </div>\n            )}\n          </>\n        ) : null}\n\n        {!hasMany && value ? (\n          <>\n            {populatedDocs && populatedDocs?.length > 0 ? (\n              <UploadComponentHasOne\n                fileDoc={populatedDocs[0]}\n                onRemove={onRemove}\n                readonly={readOnly}\n                serverURL={serverURL}\n              />\n            ) : (\n              <ShimmerEffect height=\"62px\" />\n            )}\n          </>\n        ) : null}\n\n        {showDropzone ? (\n          <Dropzone multipleFiles={hasMany} onChange={onLocalFileSelection}>\n            <div className={`${baseClass}__dropzoneContent`}>\n              <div className={`${baseClass}__dropzoneContent__buttons`}>\n                <Button\n                  buttonStyle=\"pill\"\n                  className={`${baseClass}__createNewToggler`}\n                  disabled={readOnly || !canCreate}\n                  onClick={() => {\n                    if (!readOnly) {\n                      if (hasMany) {\n                        onLocalFileSelection()\n                      } else {\n                        openCreateDocDrawer()\n                      }\n                    }\n                  }}\n                  size=\"small\"\n                >\n                  {t('general:createNew')}\n                </Button>\n                <span className={`${baseClass}__dropzoneContent__orText`}>{t('general:or')}</span>\n                <Button\n                  buttonStyle=\"pill\"\n                  className={`${baseClass}__listToggler`}\n                  disabled={readOnly}\n                  onClick={openListDrawer}\n                  size=\"small\"\n                >\n                  {t('fields:chooseFromExisting')}\n                </Button>\n\n                <CreateDocDrawer onSave={onDocCreate} />\n                <ListDrawer\n                  enableRowSelections={hasMany}\n                  onBulkSelect={onListBulkSelect}\n                  onSelect={onListSelect}\n                />\n              </div>\n\n              <p className={`${baseClass}__dragAndDropText`}>\n                {t('general:or')} {t('upload:dragAndDrop')}\n              </p>\n            </div>\n          </Dropzone>\n        ) : (\n          <>\n            {!readOnly &&\n            !populatedDocs &&\n            (!value ||\n              typeof maxRows !== 'number' ||\n              (Array.isArray(value) && value.length < maxRows)) ? (\n              <ShimmerEffect height=\"40px\" />\n            ) : null}\n          </>\n        )}\n      </div>\n      <FieldDescription\n        Description={Description}\n        description={description}\n        {...(descriptionProps || {})}\n        field={field as UploadFieldClient}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAmBA,SAASC,QAAQ,QAAQ;AACzB,YAAYC,EAAA,MAAQ;AACpB,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,QAAQ;AAIvD,SAASC,aAAa,QAAQ;AAC9B,SAASC,MAAM,QAAQ;AACvB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,sBAAsB,QAAQ;AACvC,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AAsCzB,OAAO,SAAAC,YAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAzB,EAAA;EACL;IAAA0B,GAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC,gBAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,aAAA,EAAAC,sBAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,OAAA;IAAAC,QAAA,EAAAC,iBAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,SAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC;EAAA,IA2BI5B,KAAA;EAEJ,OAAA6B,aAAA,EAAAC,gBAAA,IAA0CnD,KAAA,CAAAoD,QAAA,CAAc;EAMxD,OAAAC,gBAAA,IAAgDrD,KAAA,CAAAoD,QAAA,CAC9CE,KAAA,CAAAC,OAAA,CAAcZ,UAAA,IAAcA,UAAU,MAAMA,UAAA;EAG9C;IAAAa;EAAA,IAAsB1D,QAAA;EACtB;IAAA2D,UAAA;IAAAC,iBAAA;IAAAC,eAAA;IAAAC,WAAA;IAAAC;EAAA,IACEzD,aAAA;EACF;IAAA0D;EAAA,IAAwBpD,OAAA;EACxB;IAAAqD;EAAA,IAAiBpD,SAAA;EACjB;IAAAqD,IAAA;IAAAC;EAAA,IAAoBrD,cAAA;EAAA,IAAAsD,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAA7C,CAAA,QAAAU,sBAAA,IAAAV,CAAA,QAAA+B,gBAAA;IAMVc,EAAA,GAAAnC,sBAAC,GAAyBqB,gBAAA,OAA+B;IAAA/B,CAAA,MAAAU,sBAAA;IAAAV,CAAA,MAAA+B,gBAAA;IAAA/B,CAAA,MAAA6C,EAAA;EAAA;IAAAA,EAAA,GAAA7C,CAAA;EAAA;EAAA,IAAA8C,EAAA;EAAA,IAAA9C,CAAA,QAAAU,sBAAA,IAAAV,CAAA,QAAA+B,gBAAA;IAEvDe,EAAA,GAAApC,sBAAC,GAAyBqB,gBAAA,GAAAgB,EAAA,MAAmC;IAAA/C,CAAA,MAAAU,sBAAA;IAAAV,CAAA,MAAA+B,gBAAA;IAAA/B,CAAA,MAAA8C,EAAA;EAAA;IAAAA,EAAA,GAAA9C,CAAA;EAAA;EAAA,IAAAgD,EAAA;EAAA,IAAAhD,CAAA,QAAAU,sBAAA,IAAAV,CAAA,QAAA+B,gBAAA;IACxDiB,EAAA,GAAAtC,sBAAC,GAAyBqB,gBAAA,GAAAgB,EAAA,EAAAE,MAAA,MAA2C;IAAAjD,CAAA,MAAAU,sBAAA;IAAAV,CAAA,MAAA+B,gBAAA;IAAA/B,CAAA,MAAAgD,EAAA;EAAA;IAAAA,EAAA,GAAAhD,CAAA;EAAA;EAAA,IAAAkD,EAAA;EAAA,IAAAlD,CAAA,QAAA0B,KAAA,IAAA1B,CAAA,SAAAgD,EAAA;IAAtEE,EAAA,GAACF,EAAqE,CAAAG,MAAA,KACxE,CAACnB,KAAA,CAAAC,OAAA,CAAcP,KAAA,KAAUA,KAAA,IAASA,KAAA,MAAW,OAAO;IAAA1B,CAAA,MAAA0B,KAAA;IAAA1B,CAAA,OAAAgD,EAAA;IAAAhD,CAAA,OAAAkD,EAAA;EAAA;IAAAA,EAAA,GAAAlD,CAAA;EAAA;EAAA,IAAAoD,EAAA;EAAA,IAAApD,CAAA,SAAA8C,EAAA,IAAA9C,CAAA,SAAAkD,EAAA;IAHxDE,EAAA;MAAA,GACEN,EAA6D;MAAAG,MAAA,EACzDC;IACkD;IAE5DlD,CAAA,OAAA8C,EAAA;IAAA9C,CAAA,OAAAkD,EAAA;IAAAlD,CAAA,OAAAoD,EAAA;EAAA;IAAAA,EAAA,GAAApD,CAAA;EAAA;EAAA,IAAAqD,EAAA;EAAA,IAAArD,CAAA,SAAA6C,EAAA,IAAA7C,CAAA,SAAAoD,EAAA;IAPkBC,EAAA;MAAA,GACdR,EAAyD;MAAAE,EAAA,EACzDK;IAKJ;IACFpD,CAAA,OAAA6C,EAAA;IAAA7C,CAAA,OAAAoD,EAAA;IAAApD,CAAA,OAAAqD,EAAA;EAAA;IAAAA,EAAA,GAAArD,CAAA;EAAA;EAAA,IAAAsD,EAAA;EAAA,IAAAtD,CAAA,SAAAU,sBAAA,IAAAV,CAAA,SAAA+B,gBAAA,IAAA/B,CAAA,SAAAqD,EAAA;IAVKC,EAAA;MAAA,GACF5C,sBAAsB;MAAA,CACxBqB,gBAAA,GAAmBsB;IAQpB;IACFrD,CAAA,OAAAU,sBAAA;IAAAV,CAAA,OAAA+B,gBAAA;IAAA/B,CAAA,OAAAqD,EAAA;IAAArD,CAAA,OAAAsD,EAAA;EAAA;IAAAA,EAAA,GAAAtD,CAAA;EAAA;EAXA4C,EAAA,GAAOU,EAWP;EAZF,MAAA7C,aAAA,GAA2CmC,EAaS;EAAA,IAAAW,EAAA;EAAA,IAAAvD,CAAA,SAAAqB,UAAA;IAI/BkC,EAAA,UAAOlC,UAAA,KAAe,YAAYA,UAAA,IAAcA,UAAA;IAAArB,CAAA,OAAAqB,UAAA;IAAArB,CAAA,OAAAuD,EAAA;EAAA;IAAAA,EAAA,GAAAvD,CAAA;EAAA;EAAA,IAAAwD,EAAA;EAAA,IAAAxD,CAAA,SAAAuD,EAAA,IAAAvD,CAAA,SAAAS,aAAA;IADrD+C,EAAA;MAAAC,eAAA,EACKF,EAAgD;MAAA9C;IAAA;IAEnET,CAAA,OAAAuD,EAAA;IAAAvD,CAAA,OAAAS,aAAA;IAAAT,CAAA,OAAAwD,EAAA;EAAA;IAAAA,EAAA,GAAAxD,CAAA;EAAA;EAJF,OAAA0D,UAAA,GAAAC,GAAA,IACEzE,aAAA,CAAcsE,EAGd;EAJmB;IAAAI,WAAA,EAAAC,eAAA;IAAAC,UAAA,EAAAC;EAAA,IAAAJ,GAA4D;EAAA,IAAAK,GAAA;EAAA,IAAAhE,CAAA,SAAA+B,gBAAA;IAS3DiC,GAAA;MAAAC,cAAA,EACJlC;IAAA;IAClB/B,CAAA,OAAA+B,gBAAA;IAAA/B,CAAA,OAAAgE,GAAA;EAAA;IAAAA,GAAA,GAAAhE,CAAA;EAAA;EANA,OAAAkE,eAAA,GAAAC,GAAA,IAIInF,iBAAA,CAAkBgF,GAEtB;EAHE;IAAAJ,WAAA,EAAAQ,oBAAA;IAAAN,UAAA,EAAAO;EAAA,IAAAF,GAAsE;EAKxE,MAAAG,kBAAA,GAA2B5F,KAAA,CAAA6F,MAAA,MAAsB;EAAA,IAAAC,GAAA;EAAAC,GAAA;IAAA,IAG3C,OAAO1C,gBAAA,KAAqB;MAAA,IAC1BS,WAAA,EAAAkC,WAAA,IAA4BlC,WAAA,CAAAkC,WAAA,GAA0B3C,gBAAA,GAAA4C,MAAmB;QAAA,IACvEnC,WAAA,CAAAkC,WAAA,CAAwB3C,gBAAA,EAAA4C,MAAA,EAAAC,UAAA,SAAyC;UACnEJ,GAAA;UAAO,MAAAC,GAAA;QAAA;MAAA;IAAA;IAKbD,GAAA;EAAO;EATT,MAAAK,SAAA,GAAkBL,GAUgB;EAAA,IAAAM,GAAA;EAAA,IAAA9E,CAAA,SAAAkB,iBAAA;IAGhC4D,GAAA,GAAAC,QAAA;MAAA,IACM,OAAO7D,iBAAA,KAAsB;QAC/BA,iBAAA,CAAkB6D,QAAA;MAAA;IAAA;IAEtB/E,CAAA,OAAAkB,iBAAA;IAAAlB,CAAA,OAAA8E,GAAA;EAAA;IAAAA,GAAA,GAAA9E,CAAA;EAAA;EALF,MAAAiB,QAAA,GAAiB6D,GAMI;EAAA,IAAAE,GAAA;EAAA,IAAAhF,CAAA,SAAAyC,IAAA,IAAAzC,CAAA,SAAAuB,SAAA,IAAAvB,CAAA,SAAAC,GAAA,IAAAD,CAAA,SAAA0C,IAAA,CAAAuC,QAAA;IAInBD,GAAA,SAAAA,CAAAE,GAAA,EAAAC,qBAAA;MAIE,MAAAC,KAAA;QAAAC,KAAA;QAAAC,KAAA;QAAAC,KAAA,EAMSL,GAAA,CAAAM,MAAA;QAAAC,MAAA,EACChD,IAAA;QAAAiD,KAAA;UAAAC,GAAA;YAAA5C,EAAA;cAAA6C,EAAA,EAKIV;YAAA;UAAA;QAAA;MAAA;MAOd,MAAAW,QAAA,SAAuBC,KAAA,CAAM,GAAGvE,SAAA,GAAYtB,GAAA,IAAOkF,qBAAA,EAAuB;QAAAY,IAAA,EAClEtH,EAAA,CAAAuH,SAAA,CAAaZ,KAAA;QAAAa,WAAA,EACN;QAAAC,OAAA;UAAA,mBAEQxD,IAAA,CAAAuC,QAAA;UAAA,gBACH;UAAA,0BACU;QAAA;QAAAkB,MAAA,EAEpB;MAAA,CACV;MAAA,IACIN,QAAA,CAAAO,EAAA;QACF,MAAAC,IAAA,SAAmBR,QAAA,CAAAQ,IAAA,CAAa;QAChC,MAAAC,UAAA,GAAmBpB,GAAA,CAAAqB,GAAA,CAAAxD,EAAA,IACjBsD,IAAA,CAAAG,IAAA,CAAAC,IAAA,CAAAC,GAAA,IACSC,MAAA,CAAOD,GAAA,CAAA3D,EAAM,MAAM4D,MAAA,CAAO5D,EAAA,CACnC;QAAA;UAAA,GAGUsD,IAAI;UAAAG,IAAA,EAAQF;QAAA;MAAA;MAAA;IAAA;IAI5BtG,CAAA,OAAAyC,IAAA;IAAAzC,CAAA,OAAAuB,SAAA;IAAAvB,CAAA,OAAAC,GAAA;IAAAD,CAAA,OAAA0C,IAAA,CAAAuC,QAAA;IAAAjF,CAAA,OAAAgF,GAAA;EAAA;IAAAA,GAAA,GAAAhF,CAAA;EAAA;EA9CF,MAAA4G,YAAA,GAAqB5B,GA+CkB;EAAA,IAAA6B,GAAA;EAAA,IAAA7G,CAAA,SAAAW,OAAA,IAAAX,CAAA,SAAA0B,KAAA,IAAA1B,CAAA,SAAAiB,QAAA,IAAAjB,CAAA,SAAA+B,gBAAA;IAIrC8E,GAAA,GAAAC,OAAA;MAAA,IACMnG,OAAA;QACF,MAAAoG,WAAA,QACM/E,KAAA,CAAAC,OAAA,CAAcP,KAAA,IAASA,KAAA,KAAU,MAClCoF,OAAA,CAAAP,GAAA,CAAAS,KAAA,IAAqBN,KAAA,CAAA3D,EAAM;QAEhC9B,QAAA,CAAS8F,WAAA;QACTlF,gBAAA,CAAAoF,WAAA,SACMA,WAAA,MAAiB,MAClBH,OAAA,CAAAP,GAAA,CAAAW,KAAA;UAAA7F,UAAA,EACWU,gBAAA;UAAAL,KAAA,EACLgF;QAAA,EACT,EACD;MAAA;QAED,MAAAS,QAAA,GAAiBL,OAAO;QACxB7F,QAAA,CAASkG,QAAA,CAAApE,EAAW;QACpBlB,gBAAA;UAAAR,UAAA,EAEgBU,gBAAA;UAAAL,KAAA,EACLyF;QAAA,EAEV;MAAA;IAAA;IAELnH,CAAA,OAAAW,OAAA;IAAAX,CAAA,OAAA0B,KAAA;IAAA1B,CAAA,OAAAiB,QAAA;IAAAjB,CAAA,OAAA+B,gBAAA;IAAA/B,CAAA,OAAA6G,GAAA;EAAA;IAAAA,GAAA,GAAA7G,CAAA;EAAA;EAzBF,MAAAoH,eAAA,GAAwBP,GA0BsB;EAAA,IAAAQ,GAAA;EAAA,IAAArH,CAAA,SAAAW,OAAA,IAAAX,CAAA,SAAAqC,eAAA,IAAArC,CAAA,SAAAoC,iBAAA,IAAApC,CAAA,SAAAqB,UAAA,IAAArB,CAAA,SAAAuC,YAAA,IAAAvC,CAAA,SAAAoH,eAAA,IAAApH,CAAA,SAAAgB,OAAA,IAAAhB,CAAA,SAAAsC,WAAA,IAAAtC,CAAA,SAAAkC,SAAA,IAAAlC,CAAA,SAAAmC,UAAA;IAI5CkF,GAAA,GAAAC,QAAA;MACE,IAAAC,aAAA,GAAoBD,QAAA;MAAA,IAChB,CAAC3G,OAAA,IAAW2G,QAAA,IAAYA,QAAA,CAAA9B,MAAA,IAAkB;QAC5C,MAAAgC,YAAA,OAAAC,YAAA;QACAD,YAAA,CAAAE,KAAA,CAAAC,GAAA,CAAuBL,QAAQ,GAAG;QAClCC,aAAA,CAAAA,CAAA,CAAgBC,YAAA,CAAAI,KAAA;MAAhB;MAAA,IAEEL,aAAA;QACFlF,eAAA,CAAgBkF,aAAA;MAAA;MAElBnF,iBAAA,CAAkBf,UAAA;MAClBkB,YAAA,CAAa6E,eAAA;MAAA,IACT,OAAOpG,OAAA,KAAY;QACrBsB,WAAA,CAAYtB,OAAA;MAAA;MAEdkB,SAAA,CAAUC,UAAA;IAAA;IACZnC,CAAA,OAAAW,OAAA;IAAAX,CAAA,OAAAqC,eAAA;IAAArC,CAAA,OAAAoC,iBAAA;IAAApC,CAAA,OAAAqB,UAAA;IAAArB,CAAA,OAAAuC,YAAA;IAAAvC,CAAA,OAAAoH,eAAA;IAAApH,CAAA,OAAAgB,OAAA;IAAAhB,CAAA,OAAAsC,WAAA;IAAAtC,CAAA,OAAAkC,SAAA;IAAAlC,CAAA,OAAAmC,UAAA;IAAAnC,CAAA,OAAAqH,GAAA;EAAA;IAAAA,GAAA,GAAArH,CAAA;EAAA;EAjBF,MAAA6H,oBAAA,GAA6BR,GA6B1B;EAAA,IAAAS,GAAA;EAAA,IAAA9H,CAAA,SAAA4G,YAAA,IAAA5G,CAAA,SAAA+B,gBAAA,IAAA/B,CAAA,SAAAiB,QAAA,IAAAjB,CAAA,SAAA0B,KAAA,IAAA1B,CAAA,SAAA6D,eAAA;IAKDiE,GAAA,SAAAtB,IAAA;MACE,MAAAuB,cAAA,GAAuBC,MAAA,CAAAC,OAAA,CAAezB,IAAA,EAAA0B,MAAA,EAAAC,GAAA,EAAAC,GAAA;QAA6B,OAAAC,KAAA,EAAAC,UAAA,IAAAF,GAAmB;QAAA,IAChFE,UAAA;UACFH,GAAA,CAAAI,IAAA,CAASF,KAAA;QAAA;QAAA,OAEJF,GAAA;MAAA,KACJ;MACL,MAAAK,UAAA,SAAyB5B,YAAA,CAAamB,cAAA,EAAgBhG,gBAAA;MAAA,IAClDyG,UAAA;QACF3G,gBAAA,CAAA4G,aAAA,SACMxB,aAAA,MAAiB,MAClBuB,UAAA,CAAAhC,IAAA,CAAAD,GAAA,CAAAmC,KAAA;UAAArH,UAAA,EACWU,gBAAA;UAAAL,KAAA,EACLgF;QAAA,EACT,EACD;MAAA;MAEHzF,QAAA,MAAce,KAAA,CAAAC,OAAA,CAAcP,KAAA,IAASA,KAAA,KAAU,MAAMqG,cAAA,CAAe;MACpElE,eAAA;IAAA;IACF7D,CAAA,OAAA4G,YAAA;IAAA5G,CAAA,OAAA+B,gBAAA;IAAA/B,CAAA,OAAAiB,QAAA;IAAAjB,CAAA,OAAA0B,KAAA;IAAA1B,CAAA,OAAA6D,eAAA;IAAA7D,CAAA,OAAA8H,GAAA;EAAA;IAAAA,GAAA,GAAA9H,CAAA;EAAA;EApBF,MAAA2I,gBAAA,GAAyBb,GAqB2C;EAAA,IAAAM,GAAA;EAAA,IAAApI,CAAA,SAAA+B,gBAAA,IAAA/B,CAAA,SAAAiB,QAAA,IAAAjB,CAAA,SAAAoE,oBAAA;IAIlEgE,GAAA,GAAAQ,IAAA;MAAA,IACMA,IAAA,CAAAlC,GAAA;QACF7E,gBAAA,CAAAgH,aAAA,SACM5B,aAAA,MAAiB;UAAA5F,UAAA,EAEPU,gBAAA;UAAAL,KAAA,EACLkH,IAAA,CAAAlC;QAAA,EAEV;QAEDzF,QAAA,CAAS2H,IAAA,CAAAlC,GAAA,CAAA3D,EAAW;MAAA;MAEtBqB,oBAAA;IAAA;IACFpE,CAAA,OAAA+B,gBAAA;IAAA/B,CAAA,OAAAiB,QAAA;IAAAjB,CAAA,OAAAoE,oBAAA;IAAApE,CAAA,OAAAoI,GAAA;EAAA;IAAAA,GAAA,GAAApI,CAAA;EAAA;EAdF,MAAA8I,WAAA,GAAoBV,GAegC;EAAA,IAAAW,GAAA;EAAA,IAAA/I,CAAA,SAAA4G,YAAA,IAAA5G,CAAA,SAAAW,OAAA,IAAAX,CAAA,SAAA+B,gBAAA,IAAA/B,CAAA,SAAAiB,QAAA,IAAAjB,CAAA,SAAA0B,KAAA,IAAA1B,CAAA,SAAA6D,eAAA;IAIlDkF,GAAA,SAAAC,GAAA;MAAO;QAAA/E,cAAA;QAAAoE,KAAA,EAAAY;MAAA,IAAAD,GAAyB;MAC9B,MAAAE,YAAA,SAAyBtC,YAAA,EAAcyB,OAAA,GAAQpE,cAAA;MAC/C,MAAAkF,WAAA,GAAoBX,YAAA,GAAaA,YAAA,CAAAhC,IAAA,YAAuB;MACxD3E,gBAAA,CAAAuH,aAAA;QAAA,IACMD,WAAA;UAAA,IACExI,OAAA;YAAA,YAEIsG,aAAA,MAAiB;cAAA5F,UAAA,EAEPU,gBAAA;cAAAL,KAAA,EACLyH;YAAA;UAAA;UAAA;YAAA9H,UAAA,EAMGU,gBAAA;YAAAL,KAAA,EACLyH;UAAA;QAAA;QAAA,OAINlC,aAAA;MAAA,CACT;MAAA,IACItG,OAAA;QACFM,QAAA,MAAce,KAAA,CAAAC,OAAA,CAAcP,KAAA,IAASA,KAAA,KAAU,GAAG2G,OAAA,CAAM;MAAA;QAExDpH,QAAA,CAASoH,OAAA;MAAA;MAEXxE,eAAA;IAAA;IACF7D,CAAA,OAAA4G,YAAA;IAAA5G,CAAA,OAAAW,OAAA;IAAAX,CAAA,OAAA+B,gBAAA;IAAA/B,CAAA,OAAAiB,QAAA;IAAAjB,CAAA,OAAA0B,KAAA;IAAA1B,CAAA,OAAA6D,eAAA;IAAA7D,CAAA,OAAA+I,GAAA;EAAA;IAAAA,GAAA,GAAA/I,CAAA;EAAA;EA9BF,MAAAqJ,YAAA,GAAqBN,GA+BwD;EAAA,IAAAC,GAAA;EAAA,IAAAhJ,CAAA,SAAAiB,QAAA;IAK3E+H,GAAA,GAAAM,UAAA;MACE,MAAAC,WAAA,GAAoBxE,UAAA,CAAAwB,GAAA,CAAAiD,GAAA;QAAc;UAAA9H,KAAA,EAAA+H;QAAA,IAAAD,GAAS;QAAA,OAAK9H,OAAA,CAAAqB,EAAA;MAAA,CAAQ;MACxD9B,QAAA,CAASsI,WAAA;MACT1H,gBAAA,CAAiBkD,UAAA;IAAA;IACnB/E,CAAA,OAAAiB,QAAA;IAAAjB,CAAA,OAAAgJ,GAAA;EAAA;IAAAA,GAAA,GAAAhJ,CAAA;EAAA;EALF,MAAA0J,SAAA,GAAkBV,GAMN;EAAA,IAAAQ,GAAA;EAAA,IAAAxJ,CAAA,SAAAiB,QAAA,IAAAjB,CAAA,SAAAW,OAAA;IAIV6I,GAAA,GAAAG,UAAA;MACE,MAAAC,aAAA,GAAoB7E,UAAA,GAAWA,UAAA,CAAAwB,GAAA,CAAAsD,GAAA;QAAc;UAAAnI,KAAA,EAAAoI;QAAA,IAAAD,GAAS;QAAA,OAAKnI,OAAA,CAAAqB,EAAA;MAAA,CAAQ,QAAI;MACvE9B,QAAA,CAASN,OAAA,GAAU4I,aAAA,GAAcA,aAAA,GAAcA,aAAW,UAAM;MAChE1H,gBAAA,CAAiBkD,UAAA,GAAWA,UAAA,KAAa;IAAA;IAC3C/E,CAAA,OAAAiB,QAAA;IAAAjB,CAAA,OAAAW,OAAA;IAAAX,CAAA,OAAAwJ,GAAA;EAAA;IAAAA,GAAA,GAAAxJ,CAAA;EAAA;EALF,MAAA+J,QAAA,GAAiBP,GAMI;EAAA,IAAAK,GAAA;EAAA,IAAAG,GAAA;EAAA,IAAAhK,CAAA,SAAA0B,KAAA,IAAA1B,CAAA,SAAA4G,YAAA,IAAA5G,CAAA,SAAA+B,gBAAA;IAGX8H,GAAA,GAAAA,CAAA;MACR,MAAAI,eAAA,kBAAAA,gBAAA;QAAA,IACMvI,KAAA;UACF,MAAAwI,YAAA,SAAyBtD,YAAA,CACvB5E,KAAA,CAAAC,OAAA,CAAcP,KAAA,IAASA,KAAA,IAASA,KAAA,CAAM,EACtCK,gBAAA;UAAA,IAEEyG,YAAA;YACF3G,gBAAA,CACE2G,YAAA,CAAAhC,IAAA,CAAAD,GAAA,CAAA4D,KAAA;cAAA9I,UAAA,EAA4CU,gBAAA;cAAAL,KAAA,EAAyBgF;YAAA,EAAI;UAAA;QAAA;QAK/EpC,kBAAA,CAAA8F,OAAA;MAAA;MACF,KAEK9F,kBAAA,CAAA8F,OAAA;QACEH,eAAA;MAAA;IAAA;IAEND,GAAA,IAACpD,YAAA,EAAc7E,gBAAA,EAAkBL,KAAA;IAAM1B,CAAA,OAAA0B,KAAA;IAAA1B,CAAA,OAAA4G,YAAA;IAAA5G,CAAA,OAAA+B,gBAAA;IAAA/B,CAAA,OAAA6J,GAAA;IAAA7J,CAAA,OAAAgK,GAAA;EAAA;IAAAH,GAAA,GAAA7J,CAAA;IAAAgK,GAAA,GAAAhK,CAAA;EAAA;EApB1CpB,SAAA,CAAUiL,GAoBV,EAAGG,GAAuC;EAE1C,MAAAK,YAAA,GACE,CAACjJ,QAAA,KACA,CAACM,KAAA,IACCf,OAAA,IAAWqB,KAAA,CAAAC,OAAA,CAAcP,KAAA,MAAW,OAAOV,OAAA,KAAY,YAAYU,KAAA,CAAA8D,MAAA,GAAexE,OAAM,CAAE;EAQzF,MAAAsJ,GAAA,GAAA9I,SAAA,IAAa;EACb,MAAA+I,GAAA,GAAAnJ,QAAA,IAAY;EAAA,IAAAoJ,GAAA;EAAA,IAAAxK,CAAA,SAAAE,SAAA,IAAAF,CAAA,SAAAsK,GAAA,IAAAtK,CAAA,SAAAuK,GAAA;IALHC,GAAA,IAAA9K,cAAA,EAAAG,SAAA,EAGTK,SAAA,EACAoK,GAAa,EACbC,GAAY,EAAAE,MAAA,CAAAC,OAEJ;IAAA1K,CAAA,OAAAE,SAAA;IAAAF,CAAA,OAAAsK,GAAA;IAAAtK,CAAA,OAAAuK,GAAA;IAAAvK,CAAA,OAAAwK,GAAA;EAAA;IAAAA,GAAA,GAAAxK,CAAA;EAAA;EAPC,MAAA2K,GAAA,GAAAH,GAOD,CAAAI,IAAA,CACF;EACJ,MAAAC,GAAA,YAAS1J,IAAA,CAAA2J,OAAA,QAAoB,OAAO;EAAA,IAAAC,GAAA;EAAA,IAAA/K,CAAA,SAAAyB,KAAA,IAAAzB,CAAA,SAAA2B,KAAA,IAAA3B,CAAA,SAAAe,UAAA,IAAAf,CAAA,SAAAa,KAAA,IAAAb,CAAA,SAAAc,KAAA,IAAAd,CAAA,SAAAsB,QAAA,IAAAtB,CAAA,SAAAQ,KAAA,IAAAR,CAAA,SAAAO,UAAA,IAAAP,CAAA,SAAAM,KAAA,IAAAN,CAAA,SAAAmB,IAAA,IAAAnB,CAAA,SAAAW,OAAA,IAAAX,CAAA,SAAA0B,KAAA,IAAA1B,CAAA,SAAA4B,aAAA,IAAA5B,CAAA,SAAAY,UAAA,IAAAZ,CAAA,SAAAoB,QAAA,IAAApB,CAAA,SAAA+J,QAAA,IAAA/J,CAAA,SAAA0J,SAAA,IAAA1J,CAAA,UAAAuB,SAAA,IAAAvB,CAAA,UAAAqK,YAAA,IAAArK,CAAA,UAAA6E,SAAA,IAAA7E,CAAA,UAAA6H,oBAAA,IAAA7H,CAAA,UAAAqE,mBAAA,IAAArE,CAAA,UAAA2C,CAAA,IAAA3C,CAAA,UAAA+D,cAAA,IAAA/D,CAAA,UAAA8I,WAAA,IAAA9I,CAAA,UAAAkE,eAAA,IAAAlE,CAAA,UAAA2I,gBAAA,IAAA3I,CAAA,UAAAqJ,YAAA,IAAArJ,CAAA,UAAA0D,UAAA,IAAA1D,CAAA,UAAAgB,OAAA,IAAAhB,CAAA,UAAAK,gBAAA,IAAAL,CAAA,UAAAG,WAAA,IAAAH,CAAA,UAAAI,WAAA,IAAAJ,CAAA,UAAA2K,GAAA,IAAA3K,CAAA,UAAA6K,GAAA;IAAA,IAAAG,GAAA;IAAA,IAAAhL,CAAA,UAAAe,UAAA;MAUjCiK,GAAA,GAAAjK,UAAA,MAAgB;MAAAf,CAAA,QAAAe,UAAA;MAAAf,CAAA,QAAAgL,GAAA;IAAA;MAAAA,GAAA,GAAAhL,CAAA;IAAA;IAAA,IAAAiL,GAAA;IAAA,IAAAjL,CAAA,UAAAO,UAAA;MAOd0K,GAAA,GAAA1K,UAAA,MAAgB;MAAAP,CAAA,QAAAO,UAAA;MAAAP,CAAA,QAAAiL,GAAA;IAAA;MAAAA,GAAA,GAAAjL,CAAA;IAAA;IAAA,IAAAkL,GAAA;IAAA,IAAAlL,CAAA,UAAAK,gBAAA;MAsGlB6K,GAAA,GAAA7K,gBAAA,MAAsB;MAAAL,CAAA,QAAAK,gBAAA;MAAAL,CAAA,QAAAkL,GAAA;IAAA;MAAAA,GAAA,GAAAlL,CAAA;IAAA;IAjI/B+K,GAAA,GAAAI,KAAA,CAAC;MAAAjL,SAAA,EACYyK,GAQH;MAAA5H,EAAA,EACJ8H,GAAoC;MAAApJ,KAAA;QAAA,GAEnCA,KAAK;QAAAE;MAAA;MAAAyJ,QAAA,GAIVC,IAAA,CAAA5L,UAAA;QAAAoB,KAAA;QAAAC,KAAA;QAAAQ,QAAA;QAAA,GAIO0J,GAAgB;QAAAxK;MAAA,C,GAGvB6K,IAAA,CAAC;QAAAnL,SAAA,EAAe,GAAAL,SAAA,QAAoB;QAAAuL,QAAA,EAClCC,IAAA,CAAA7L,UAAA;UAAA8L,WAAA,EACehL,KAAA;UAAAa,IAAA;UAAA,GAER8J,GAAgB;UAAAzK;QAAA,C;UAKzB2K,KAAA,CAAC;QAAAjL,SAAA,EAAe,GAAAL,SAAA,qBAAiC;QAAAuL,QAAA,GAC9CzK,OAAA,IAAWqB,KAAA,CAAAC,OAAA,CAAcP,KAAA,KAAUA,KAAA,CAAA8D,MAAA,IAAe,GACjD6F,IAAA,CAAAE,SAAA;UAAAH,QAAA,EACGxJ,aAAA,IAAiBA,aAAA,EAAA4D,MAAA,IAAwB,GACxC6F,IAAA,CAAA1L,sBAAA;YAAA6L,QAAA,EACY5J,aAAA;YAAAhB,UAAA,EACEA,UAAA,KAAeQ,QAAA;YAAA2I,QAAA;YAAAL,SAAA;YAAA+B,QAAA,EAGjBrK,QAAA;YAAAG;UAAA,C,IAIZ8J,IAAA,CAAC;YAAAnL,SAAA,EAAe,GAAAL,SAAA,eAA2B;YAAAuL,QAAA,EACxC1J,KAAA,CAAA6E,GAAA,CAAAmF,KACmC;UAAA,C;iBAKxC,EAEH,CAAC/K,OAAA,IAAWe,KAAA,GACX2J,IAAA,CAAAE,SAAA;UAAAH,QAAA,EACGxJ,aAAA,IAAiBA,aAAA,EAAA4D,MAAA,IAAwB,GACxC6F,IAAA,CAAAzL,qBAAA;YAAA+L,OAAA,EACW/J,aAAa;YAAAmI,QAAA;YAAA0B,QAAA,EAEZrK,QAAA;YAAAG;UAAA,C,IAIZ8J,IAAA,CAAAlM,aAAA;YAAAyM,MAAA,EAAsB;UAAA,C;iBAGxB,EAEHvB,YAAA,GACCgB,IAAA,CAAApM,QAAA;UAAA4M,aAAA,EAAyBlL,OAAA;UAAAM,QAAA,EAAmB4G,oBAAA;UAAAuD,QAAA,EAC1CD,KAAA,CAAC;YAAAjL,SAAA,EAAe,GAAAL,SAAA,mBAA+B;YAAAuL,QAAA,GAC7CD,KAAA,CAAC;cAAAjL,SAAA,EAAe,GAAAL,SAAA,4BAAwC;cAAAuL,QAAA,GACtDC,IAAA,CAAAtM,MAAA;gBAAA+M,WAAA,EACc;gBAAA5L,SAAA,EACD,GAAAL,SAAA,oBAAgC;gBAAAkM,QAAA,EACjC3K,QAAA,KAAayD,SAAA;gBAAAmH,OAAA,EAAAA,CAAA;kBAAA,KAEhB5K,QAAA;oBAAA,IACCT,OAAA;sBACFkH,oBAAA;oBAAA;sBAEAxD,mBAAA;oBAAA;kBAAA;gBAAA;gBAAA4H,IAAA,EAID;gBAAAb,QAAA,EAEJzI,CAAA,CAAE;cAAA,C,GAEL0I,IAAA,CAAC;gBAAAnL,SAAA,EAAgB,GAAAL,SAAA,2BAAuC;gBAAAuL,QAAA,EAAGzI,CAAA,CAAE;cAAA,C,GAC7D0I,IAAA,CAAAtM,MAAA;gBAAA+M,WAAA,EACc;gBAAA5L,SAAA,EACD,GAAAL,SAAA,eAA2B;gBAAAkM,QAAA,EAC5B3K,QAAA;gBAAA4K,OAAA,EACDjI,cAAA;gBAAAkI,IAAA,EACJ;gBAAAb,QAAA,EAEJzI,CAAA,CAAE;cAAA,C,GAGL0I,IAAA,CAACnH,eAAA;gBAAAgI,MAAA,EAAwBpD;cAAA,C,GACzBuC,IAAA,CAAC3H,UAAA;gBAAAyI,mBAAA,EACsBxL,OAAA;gBAAAyL,YAAA,EACPzD,gBAAA;gBAAA0D,QAAA,EACJhD;cAAA,C;gBAId8B,KAAA,CAAC;cAAAjL,SAAA,EAAa,GAAAL,SAAA,mBAA+B;cAAAuL,QAAA,GAC1CzI,CAAA,CAAE,eAAc,KAAEA,CAAA,CAAE;YAAA,C;;aAK3B0I,IAAA,CAAAE,SAAA;UAAAH,QAAA,EACG,CAAChK,QAAA,KACDQ,aAAA,KACA,CAACF,KAAA,IACA,OAAOV,OAAA,KAAY,YAClBgB,KAAA,CAAAC,OAAA,CAAcP,KAAA,KAAUA,KAAA,CAAA8D,MAAA,GAAexE,OAAO,IAC/CqK,IAAA,CAAAlM,aAAA;YAAAyM,MAAA,EAAsB;UAAA,C;QACpB,C;UAIVP,IAAA,CAAA9L,gBAAA;QAAAY,WAAA;QAAAC,WAAA;QAAA,GAGO8K,GAAsB;QAAA1K;MAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAjI/BuK,G;;AA7UG,SAAAW,MAAAY,IAAA;EAAA,OA4XWjB,IAAA,CAAAlM,aAAA;IAAAyM,MAAA,EAAsB;EAAA,GAAY7I,IAAA;AAAA","ignoreList":[]}

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

@@ -67,7 +67,7 @@ export function RelationshipContent(props) {
   }
   const generateMetaText = t3;
   let t4;
-  if ($[6] !== withMeta || $[7] !== generateMetaText || $[8] !== mimeType || $[9] !== byteSize || $[10] !== className || $[11] !== alt || $[12] !== src || $[13] !== filename || $[14] !== allowEdit || $[15] !== allowRemove || $[16] !== openDrawer || $[17] !== onRemove || $[18] !== DocumentDrawer) {
+  if ($[6] !== withMeta || $[7] !== generateMetaText || $[8] !== mimeType || $[9] !== byteSize || $[10] !== className || $[11] !== alt || $[12] !== filename || $[13] !== src || $[14] !== allowEdit || $[15] !== allowRemove || $[16] !== openDrawer || $[17] !== onRemove || $[18] !== DocumentDrawer) {
     const metaText = withMeta ? generateMetaText(mimeType, byteSize) : "";
     let t5;
     if ($[20] !== className) {
@@ -84,8 +84,8 @@ export function RelationshipContent(props) {
         children: [_jsx(ThumbnailComponent, {
           alt,
           className: `${baseClass}__thumbnail`,
-          fileSrc: src,
           filename,
+          fileSrc: src,
           size: "small"
         }), _jsxs("div", {
           className: `${baseClass}__details`,
@@ -124,8 +124,8 @@ export function RelationshipContent(props) {
     $[9] = byteSize;
     $[10] = className;
     $[11] = alt;
-    $[12] = src;
-    $[13] = filename;
+    $[12] = filename;
+    $[13] = src;
     $[14] = allowEdit;
     $[15] = allowRemove;
     $[16] = openDrawer;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","formatFilesize","React","Button","useDocumentDrawer","ThumbnailComponent","baseClass","RelationshipContent","props","$","id","allowEdit","allowRemove","alt","byteSize","className","collectionSlug","filename","mimeType","onRemove","src","withMeta","t0","x","y","undefined","t1","DocumentDrawer","_","t2","openDrawer","t3","generateMetaText","mimeType_0","size","sections","includes","push","join","t4","metaText","t5","filter","Boolean","_jsxs","children","_jsx","fileSrc","href","target","buttonStyle","icon","iconStyle","onClick"],"sources":["../../../../src/fields/Upload/RelationshipContent/index.tsx"],"sourcesContent":["'use client'\n\nimport { formatFilesize } from 'payload/shared'\nimport React from 'react'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js'\nimport { ThumbnailComponent } from '../../../elements/Thumbnail/index.js'\nimport './index.scss'\n\nconst baseClass = 'upload-relationship-details'\n\ntype Props = {\n  readonly allowEdit?: boolean\n  readonly allowRemove?: boolean\n  readonly alt: string\n  readonly byteSize: number\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly filename: string\n  readonly id: number | string\n  readonly mimeType: string\n  readonly onRemove: () => void\n  readonly src: string\n  readonly withMeta?: boolean\n  readonly x?: number\n  readonly y?: number\n}\nexport function RelationshipContent(props: Props) {\n  const {\n    id,\n    allowEdit,\n    allowRemove,\n    alt,\n    byteSize,\n    className,\n    collectionSlug,\n    filename,\n    mimeType,\n    onRemove,\n    src,\n    withMeta = true,\n    x,\n    y,\n  } = props\n\n  const [DocumentDrawer, _, { openDrawer }] = useDocumentDrawer({\n    id,\n    collectionSlug,\n  })\n\n  function generateMetaText(mimeType: string, size: number): string {\n    const sections: string[] = []\n    if (mimeType.includes('image')) {\n      sections.push(formatFilesize(size))\n    }\n\n    if (x && y) {\n      sections.push(`${x}x${y}`)\n    }\n\n    if (mimeType) {\n      sections.push(mimeType)\n    }\n\n    return sections.join(' — ')\n  }\n\n  const metaText = withMeta ? generateMetaText(mimeType, byteSize) : ''\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__imageAndDetails`}>\n        <ThumbnailComponent\n          alt={alt}\n          className={`${baseClass}__thumbnail`}\n          fileSrc={src}\n          filename={filename}\n          size=\"small\"\n        />\n        <div className={`${baseClass}__details`}>\n          <p className={`${baseClass}__filename`}>\n            <a href={src} target=\"_blank\">\n              {filename}\n            </a>\n          </p>\n          {withMeta ? <p className={`${baseClass}__meta`}>{metaText}</p> : null}\n        </div>\n      </div>\n\n      {allowEdit !== false || allowRemove !== false ? (\n        <div className={`${baseClass}__actions`}>\n          {allowEdit !== false ? (\n            <Button\n              buttonStyle=\"icon-label\"\n              className={`${baseClass}__edit`}\n              icon=\"edit\"\n              iconStyle=\"none\"\n              onClick={openDrawer}\n            />\n          ) : null}\n          {allowRemove !== false ? (\n            <Button\n              buttonStyle=\"icon-label\"\n              className={`${baseClass}__remove`}\n              icon=\"x\"\n              iconStyle=\"none\"\n              onClick={() => onRemove()}\n            />\n          ) : null}\n          <DocumentDrawer />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","formatFilesize","React","Button","useDocumentDrawer","ThumbnailComponent","baseClass","RelationshipContent","props","$","id","allowEdit","allowRemove","alt","byteSize","className","collectionSlug","filename","mimeType","onRemove","src","withMeta","t0","x","y","undefined","t1","DocumentDrawer","_","t2","openDrawer","t3","generateMetaText","mimeType_0","size","sections","includes","push","join","t4","metaText","t5","filter","Boolean","_jsxs","children","_jsx","fileSrc","href","target","buttonStyle","icon","iconStyle","onClick"],"sources":["../../../../src/fields/Upload/RelationshipContent/index.tsx"],"sourcesContent":["'use client'\n\nimport { formatFilesize } from 'payload/shared'\nimport React from 'react'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js'\nimport { ThumbnailComponent } from '../../../elements/Thumbnail/index.js'\nimport './index.scss'\n\nconst baseClass = 'upload-relationship-details'\n\ntype Props = {\n  readonly allowEdit?: boolean\n  readonly allowRemove?: boolean\n  readonly alt: string\n  readonly byteSize: number\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly filename: string\n  readonly id: number | string\n  readonly mimeType: string\n  readonly onRemove: () => void\n  readonly src: string\n  readonly withMeta?: boolean\n  readonly x?: number\n  readonly y?: number\n}\nexport function RelationshipContent(props: Props) {\n  const {\n    id,\n    allowEdit,\n    allowRemove,\n    alt,\n    byteSize,\n    className,\n    collectionSlug,\n    filename,\n    mimeType,\n    onRemove,\n    src,\n    withMeta = true,\n    x,\n    y,\n  } = props\n\n  const [DocumentDrawer, _, { openDrawer }] = useDocumentDrawer({\n    id,\n    collectionSlug,\n  })\n\n  function generateMetaText(mimeType: string, size: number): string {\n    const sections: string[] = []\n    if (mimeType.includes('image')) {\n      sections.push(formatFilesize(size))\n    }\n\n    if (x && y) {\n      sections.push(`${x}x${y}`)\n    }\n\n    if (mimeType) {\n      sections.push(mimeType)\n    }\n\n    return sections.join(' — ')\n  }\n\n  const metaText = withMeta ? generateMetaText(mimeType, byteSize) : ''\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__imageAndDetails`}>\n        <ThumbnailComponent\n          alt={alt}\n          className={`${baseClass}__thumbnail`}\n          filename={filename}\n          fileSrc={src}\n          size=\"small\"\n        />\n        <div className={`${baseClass}__details`}>\n          <p className={`${baseClass}__filename`}>\n            <a href={src} target=\"_blank\">\n              {filename}\n            </a>\n          </p>\n          {withMeta ? <p className={`${baseClass}__meta`}>{metaText}</p> : null}\n        </div>\n      </div>\n\n      {allowEdit !== false || allowRemove !== false ? (\n        <div className={`${baseClass}__actions`}>\n          {allowEdit !== false ? (\n            <Button\n              buttonStyle=\"icon-label\"\n              className={`${baseClass}__edit`}\n              icon=\"edit\"\n              iconStyle=\"none\"\n              onClick={openDrawer}\n            />\n          ) : null}\n          {allowRemove !== false ? (\n            <Button\n              buttonStyle=\"icon-label\"\n              className={`${baseClass}__remove`}\n              icon=\"x\"\n              iconStyle=\"none\"\n              onClick={() => onRemove()}\n            />\n          ) : null}\n          <DocumentDrawer />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Upload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,eAAO,MAAM,SAAS,WAAW,CAAA;AAEjC,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,qBAoEtD;AAED,eAAO,MAAM,WAAW,4BAAiC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAGrB,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,eAAO,MAAM,SAAS,WAAW,CAAA;AAEjC,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,qBAqEtD;AAED,eAAO,MAAM,WAAW,4BAAiC,CAAA"}

package/dist/fields/Upload/index.js

@@ -6,12 +6,12 @@ import React from 'react';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
 import { useConfig } from '../../providers/Config/index.js';
-import { UploadInput } from './Input.js';
 import './index.scss';
+import { UploadInput } from './Input.js';
 export { UploadInput } from './Input.js';
 export const baseClass = 'upload';
 export function UploadComponent(props) {
-  const $ = _c(30);
+  const $ = _c(31);
   const {
     field: t0,
     field,
@@ -87,20 +87,22 @@ export function UploadComponent(props) {
   } = useField(t4);
   const disabled = readOnlyFromProps || readOnlyFromField || formProcessing || formInitializing;
   const t5 = field?.admin?.components?.Description;
-  const t6 = field?.admin?.components?.Error;
-  const t7 = field?.admin?.components?.Label;
-  let t8;
-  if ($[8] !== t5 || $[9] !== t6 || $[10] !== t7 || $[11] !== config.routes.api || $[12] !== config.serverURL || $[13] !== className || $[14] !== field || $[15] !== filterOptions || $[16] !== hasMany || $[17] !== isSortable || $[18] !== label || $[19] !== maxRows || $[20] !== setValue || $[21] !== path || $[22] !== disabled || $[23] !== relationTo || $[24] !== required || $[25] !== showError || $[26] !== style || $[27] !== value_0 || $[28] !== width) {
-    t8 = _jsx(UploadInput, {
-      Description: t5,
-      Error: t6,
-      Label: t7,
+  const t6 = field?.admin?.description;
+  const t7 = field?.admin?.components?.Error;
+  const t8 = field?.admin?.components?.Label;
+  let t9;
+  if ($[8] !== config.routes.api || $[9] !== config.serverURL || $[10] !== className || $[11] !== t5 || $[12] !== t6 || $[13] !== t7 || $[14] !== field || $[15] !== filterOptions || $[16] !== hasMany || $[17] !== isSortable || $[18] !== t8 || $[19] !== label || $[20] !== maxRows || $[21] !== setValue || $[22] !== path || $[23] !== disabled || $[24] !== relationTo || $[25] !== required || $[26] !== showError || $[27] !== style || $[28] !== value_0 || $[29] !== width) {
+    t9 = _jsx(UploadInput, {
       api: config.routes.api,
       className,
+      Description: t5,
+      description: t6,
+      Error: t7,
       field,
       filterOptions,
       hasMany,
       isSortable,
+      Label: t8,
       label,
       maxRows,
       onChange: setValue,
@@ -114,32 +116,33 @@ export function UploadComponent(props) {
       value: value_0,
       width
     });
-    $[8] = t5;
-    $[9] = t6;
-    $[10] = t7;
-    $[11] = config.routes.api;
-    $[12] = config.serverURL;
-    $[13] = className;
+    $[8] = config.routes.api;
+    $[9] = config.serverURL;
+    $[10] = className;
+    $[11] = t5;
+    $[12] = t6;
+    $[13] = t7;
     $[14] = field;
     $[15] = filterOptions;
     $[16] = hasMany;
     $[17] = isSortable;
-    $[18] = label;
-    $[19] = maxRows;
-    $[20] = setValue;
-    $[21] = path;
-    $[22] = disabled;
-    $[23] = relationTo;
-    $[24] = required;
-    $[25] = showError;
-    $[26] = style;
-    $[27] = value_0;
-    $[28] = width;
-    $[29] = t8;
+    $[18] = t8;
+    $[19] = label;
+    $[20] = maxRows;
+    $[21] = setValue;
+    $[22] = path;
+    $[23] = disabled;
+    $[24] = relationTo;
+    $[25] = required;
+    $[26] = showError;
+    $[27] = style;
+    $[28] = value_0;
+    $[29] = width;
+    $[30] = t9;
   } else {
-    t8 = $[29];
+    t9 = $[30];
   }
-  return t8;
+  return t9;
 }
 export const UploadField = withCondition(UploadComponent);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useField","withCondition","useConfig","UploadInput","baseClass","UploadComponent","props","$","field","t0","readOnly","readOnlyFromTopLevelProps","validate","_path","admin","t1","hasMany","label","maxRows","relationTo","required","t2","undefined","className","isSortable","readOnlyFromAdmin","style","width","readOnlyFromProps","config","t3","value","options","memoizedValidate","t4","path","filterOptions","formInitializing","formProcessing","readOnlyFromField","setValue","showError","value_0","disabled","t5","components","Description","t6","Error","t7","Label","t8","routes","api","serverURL","_jsx","onChange","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldProps } from 'payload'\n\nimport React from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { UploadInput } from './Input.js'\nimport './index.scss'\n\nexport { UploadInput } from './Input.js'\nexport type { UploadInputProps } from './Input.js'\n\nexport const baseClass = 'upload'\n\nexport function UploadComponent(props: UploadFieldProps) {\n  const {\n    field: {\n      _path,\n      admin: { className, isSortable, readOnly: readOnlyFromAdmin, style, width } = {},\n      hasMany,\n      label,\n      maxRows,\n      relationTo,\n      required,\n    },\n    field,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const { config } = useConfig()\n\n  const memoizedValidate = React.useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n  const {\n    filterOptions,\n    formInitializing,\n    formProcessing,\n    path,\n    readOnly: readOnlyFromField,\n    setValue,\n    showError,\n    value,\n  } = useField<string | string[]>({\n    path: _path,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromField || formProcessing || formInitializing\n\n  return (\n    <UploadInput\n      Description={field?.admin?.components?.Description}\n      Error={field?.admin?.components?.Error}\n      Label={field?.admin?.components?.Label}\n      api={config.routes.api}\n      className={className}\n      field={field}\n      filterOptions={filterOptions}\n      hasMany={hasMany}\n      isSortable={isSortable}\n      label={label}\n      maxRows={maxRows}\n      onChange={setValue}\n      path={path}\n      readOnly={disabled}\n      relationTo={relationTo}\n      required={required}\n      serverURL={config.serverURL}\n      showError={showError}\n      style={style}\n      value={value}\n      width={width}\n    />\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useField","withCondition","useConfig","UploadInput","baseClass","UploadComponent","props","$","field","t0","readOnly","readOnlyFromTopLevelProps","validate","_path","admin","t1","hasMany","label","maxRows","relationTo","required","t2","undefined","className","isSortable","readOnlyFromAdmin","style","width","readOnlyFromProps","config","t3","value","options","memoizedValidate","t4","path","filterOptions","formInitializing","formProcessing","readOnlyFromField","setValue","showError","value_0","disabled","t5","components","Description","t6","description","t7","Error","t8","Label","t9","routes","api","serverURL","_jsx","onChange","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldProps } from 'payload'\n\nimport React from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport './index.scss'\nimport { UploadInput } from './Input.js'\n\nexport { UploadInput } from './Input.js'\nexport type { UploadInputProps } from './Input.js'\n\nexport const baseClass = 'upload'\n\nexport function UploadComponent(props: UploadFieldProps) {\n  const {\n    field: {\n      _path,\n      admin: { className, isSortable, readOnly: readOnlyFromAdmin, style, width } = {},\n      hasMany,\n      label,\n      maxRows,\n      relationTo,\n      required,\n    },\n    field,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const { config } = useConfig()\n\n  const memoizedValidate = React.useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n  const {\n    filterOptions,\n    formInitializing,\n    formProcessing,\n    path,\n    readOnly: readOnlyFromField,\n    setValue,\n    showError,\n    value,\n  } = useField<string | string[]>({\n    path: _path,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromField || formProcessing || formInitializing\n\n  return (\n    <UploadInput\n      api={config.routes.api}\n      className={className}\n      Description={field?.admin?.components?.Description}\n      description={field?.admin?.description}\n      Error={field?.admin?.components?.Error}\n      field={field}\n      filterOptions={filterOptions}\n      hasMany={hasMany}\n      isSortable={isSortable}\n      Label={field?.admin?.components?.Label}\n      label={label}\n      maxRows={maxRows}\n      onChange={setValue}\n      path={path}\n      readOnly={disabled}\n      relationTo={relationTo}\n      required={required}\n      serverURL={config.serverURL}\n      showError={showError}\n      style={style}\n      value={value}\n      width={width}\n    />\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,OAAO;AACP,SAASC,WAAW,QAAQ;AAE5B,SAASA,WAAW,QAAQ;AAG5B,OAAO,MAAMC,SAAA,GAAY;AAEzB,OAAO,SAAAC,gBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACL;IAAAU,KAAA,EAAAC,EAAA;IAAAD,KAAA;IAAAE,QAAA,EAAAC,yBAAA;IAAAC;EAAA,IAaIN,KAAA;EAZK;IAAAO,KAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAX,EAQN;EAAA,IAAAY,EAAA;EAAA,IAAAd,CAAA,QAAAQ,EAAA;IANQM,EAAA,GAAAN,EAAyE,KAAAO,SAAA,QAAzEP,EAAyE;IAAAR,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAAzE;IAAAgB,SAAA;IAAAC,UAAA;IAAAd,QAAA,EAAAe,iBAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAN,EAAyE;EAWpF,MAAAO,iBAAA,GAA0BjB,yBAAA,IAA6Bc,iBAAA;EAEvD;IAAAI;EAAA,IAAmB3B,SAAA;EAAA,IAAA4B,EAAA;EAAA,IAAAvB,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAa,QAAA;IAGjBU,EAAA,GAAAA,CAAAC,KAAA,EAAAC,OAAA;MAAA,IACM,OAAOpB,QAAA,KAAa;QAAA,OACfA,QAAA,CAASmB,KAAA;UAAA,GAAYC,OAAO;UAAAZ;QAAA,CAAW;MAAA;IAAA;IAElDb,CAAA,MAAAK,QAAA;IAAAL,CAAA,MAAAa,QAAA;IAAAb,CAAA,MAAAuB,EAAA;EAAA;IAAAA,EAAA,GAAAvB,CAAA;EAAA;EALF,MAAA0B,gBAAA,GAAyBH,EAMH;EAAA,IAAAI,EAAA;EAAA,IAAA3B,CAAA,QAAAM,KAAA,IAAAN,CAAA,QAAA0B,gBAAA;IAWUC,EAAA;MAAAC,IAAA,EACxBtB,KAAA;MAAAD,QAAA,EACIqB;IAAA;IACZ1B,CAAA,MAAAM,KAAA;IAAAN,CAAA,MAAA0B,gBAAA;IAAA1B,CAAA,MAAA2B,EAAA;EAAA;IAAAA,EAAA,GAAA3B,CAAA;EAAA;EAZA;IAAA6B,aAAA;IAAAC,gBAAA;IAAAC,cAAA;IAAAH,IAAA;IAAAzB,QAAA,EAAA6B,iBAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAV,KAAA,EAAAW;EAAA,IASI1C,QAAA,CAA4BkC,EAGhC;EAEA,MAAAS,QAAA,GAAiBf,iBAAA,IAAqBW,iBAAA,IAAqBD,cAAA,IAAkBD,gBAAA;EAM5D,MAAAO,EAAA,GAAApC,KAAA,EAAAM,KAAA,EAAA+B,UAAA,EAAAC,WAAA;EACA,MAAAC,EAAA,GAAAvC,KAAA,EAAAM,KAAA,EAAAkC,WAAA;EACN,MAAAC,EAAA,GAAAzC,KAAA,EAAAM,KAAA,EAAA+B,UAAA,EAAAK,KAAA;EAKA,MAAAC,EAAA,GAAA3C,KAAA,EAAAM,KAAA,EAAA+B,UAAA,EAAAO,KAAA;EAA0B,IAAAC,EAAA;EAAA,IAAA9C,CAAA,QAAAsB,MAAA,CAAAyB,MAAA,CAAAC,GAAA,IAAAhD,CAAA,QAAAsB,MAAA,CAAA2B,SAAA,IAAAjD,CAAA,SAAAgB,SAAA,IAAAhB,CAAA,SAAAqC,EAAA,IAAArC,CAAA,SAAAwC,EAAA,IAAAxC,CAAA,SAAA0C,EAAA,IAAA1C,CAAA,SAAAC,KAAA,IAAAD,CAAA,SAAA6B,aAAA,IAAA7B,CAAA,SAAAS,OAAA,IAAAT,CAAA,SAAAiB,UAAA,IAAAjB,CAAA,SAAA4C,EAAA,IAAA5C,CAAA,SAAAU,KAAA,IAAAV,CAAA,SAAAW,OAAA,IAAAX,CAAA,SAAAiC,QAAA,IAAAjC,CAAA,SAAA4B,IAAA,IAAA5B,CAAA,SAAAoC,QAAA,IAAApC,CAAA,SAAAY,UAAA,IAAAZ,CAAA,SAAAa,QAAA,IAAAb,CAAA,SAAAkC,SAAA,IAAAlC,CAAA,SAAAmB,KAAA,IAAAnB,CAAA,SAAAmC,OAAA,IAAAnC,CAAA,SAAAoB,KAAA;IAVnC0B,EAAA,GAAAI,IAAA,CAAAtD,WAAA;MAAAoD,GAAA,EACO1B,MAAA,CAAAyB,MAAA,CAAAC,GAAA;MAAAhC,SAAA;MAAAuB,WAAA,EAEQF,EAA0B;MAAAI,WAAA,EAC1BD,EAAc;MAAAG,KAAA,EACpBD,EAA0B;MAAAzC,KAAA;MAAA4B,aAAA;MAAApB,OAAA;MAAAQ,UAAA;MAAA4B,KAAA,EAK1BD,EAA0B;MAAAlC,KAAA;MAAAC,OAAA;MAAAwC,QAAA,EAGvBlB,QAAA;MAAAL,IAAA;MAAAzB,QAAA,EAEAiC,QAAA;MAAAxB,UAAA;MAAAC,QAAA;MAAAoC,SAAA,EAGC3B,MAAA,CAAA2B,SAAA;MAAAf,SAAA;MAAAf,KAAA;MAAAK,KAAA,EAGJA,OAAA;MAAAJ;IAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;;SArBT0B,E;;AA2BJ,OAAO,MAAMM,WAAA,GAAc1D,aAAA,CAAcI,eAAA","ignoreList":[]}

package/dist/forms/Form/index.js

@@ -34,9 +34,9 @@ export const Form = props => {
     beforeSubmit,
     children,
     className,
+    disabled: disabledFromProps,
     disableSuccessStatus,
     disableValidationOnSubmit,
-    disabled: disabledFromProps,
     // fields: fieldsFromProps = collection?.fields || global?.fields,
     handleResponse,
     initialState,
@@ -154,7 +154,7 @@ export const Form = props => {
       return;
     }
     // create new toast promise which will resolve manually later
-    let successToast, errorToast;
+    let errorToast, successToast;
     const promise = new Promise((resolve, reject) => {
       successToast = resolve;
       errorToast = reject;