@payloadcms/ui 3.0.0-beta.9 → 3.0.0-beta.91

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useConfig","UploadInputHasOne","UploadComponentHasOne","props","$","canCreate","descriptionProps","disabled","errorProps","field","t0","fieldHookResult","labelProps","onChange","admin","t1","label","relationTo","required","t2","undefined","className","style","width","config","t3","collections","routes","t4","serverURL","api","apiRoute","t5","Symbol","for","t6","coll","slug","collection","find","upload","_jsx","Description","components","Error","Label","allowNewUpload","filterOptions","readOnly","showError","value","children"],"sources":["../../../../src/fields/Upload/HasOne/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldProps } from 'payload'\n\nimport React from 'react'\n\nimport type { useField } from '../../../forms/useField/index.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { UploadInputHasOne } from './Input.js'\nimport './index.scss'\n\nexport type UploadFieldPropsWithContext<TValue extends string | string[] = string> = {\n  readonly canCreate: boolean\n  readonly disabled: boolean\n  readonly fieldHookResult: ReturnType<typeof useField<TValue>>\n  readonly onChange: (value: unknown) => void\n} & UploadFieldProps\n\nexport const UploadComponentHasOne: React.FC<UploadFieldPropsWithContext> = (props) => {\n  const {\n    canCreate,\n    descriptionProps,\n    disabled,\n    errorProps,\n    field,\n    field: { admin: { className, style, width } = {}, label, relationTo, required },\n    fieldHookResult,\n    labelProps,\n    onChange,\n  } = props\n\n  const {\n    config: {\n      collections,\n      routes: { api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n\n  if (typeof relationTo === 'string') {\n    const collection = collections.find((coll) => coll.slug === relationTo)\n\n    if (collection.upload) {\n      return (\n        <UploadInputHasOne\n          Description={field?.admin?.components?.Description}\n          Error={field?.admin?.components?.Error}\n          Label={field?.admin?.components?.Label}\n          allowNewUpload={canCreate}\n          api={apiRoute}\n          className={className}\n          collection={collection}\n          descriptionProps={descriptionProps}\n          errorProps={errorProps}\n          filterOptions={fieldHookResult.filterOptions}\n          label={label}\n          labelProps={labelProps}\n          onChange={onChange}\n          readOnly={disabled}\n          relationTo={relationTo}\n          required={required}\n          serverURL={serverURL}\n          showError={fieldHookResult.showError}\n          style={style}\n          value={fieldHookResult.value}\n          width={width}\n        />\n      )\n    }\n  } else {\n    return <div>Polymorphic Has One Uploads Go Here</div>\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Upload/{index.scss → HasOne/index.scss}

@@ -1,4 +1,4 @@
-@import '../../scss/styles.scss';
+@import '../../../scss/styles.scss';
 
 .upload {
   position: relative;
@@ -6,16 +6,16 @@
 
   &__wrap {
     background: var(--theme-elevation-50);
-    padding: base(1);
+    padding: base(1.6);
+    border-radius: $style-radius-s;
   }
 
   &__buttons {
-    margin: base(-0.25);
     width: calc(100% + #{base(0.5)});
     flex-wrap: wrap;
     display: flex;
     align-items: center;
-    gap: base(0.25);
+    gap: base(0.4);
 
     .btn {
       margin: 0;
@@ -35,6 +35,13 @@
       width: calc(100% - #{base(0.5)});
     }
   }
+
+  &.read-only {
+    .file-details {
+      @include readOnly;
+      color: var(--theme-elevation-600);
+    }
+  }
 }
 
 html[data-theme='light'] {

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

@@ -1,9 +1,9 @@
+import type { UploadFieldProps } from 'payload';
 import React from 'react';
-import type { UploadInputProps } from './Input.js';
-import type { UploadFieldProps } from './types.js';
-import { UploadInput } from './Input.js';
-import './index.scss';
-export { UploadFieldProps, UploadInput };
+import type { UploadInputProps } from './HasOne/Input.js';
+import { UploadInputHasOne } from './HasOne/Input.js';
+export { UploadFieldProps, UploadInputHasOne as UploadInput };
 export type { UploadInputProps };
-export declare const Upload: React.FC<UploadFieldProps>;
+export declare const baseClass = "upload";
+export declare const UploadField: React.FC<UploadFieldProps>;
 //# sourceMappingURL=index.d.ts.map

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":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAIlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAA;AACxC,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAqFhC,eAAO,MAAM,MAAM,4BAAyB,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,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAOzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAGrD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,IAAI,WAAW,EAAE,CAAA;AAC7D,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAEhC,eAAO,MAAM,SAAS,WAAW,CAAA;AA2FjC,eAAO,MAAM,WAAW,4BAAiC,CAAA"}

package/dist/fields/Upload/index.js

@@ -1,65 +1,150 @@
 'use client';
-import { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider';
-import { withCondition } from '@payloadcms/ui/forms/withCondition';
-import React, { useCallback } from 'react';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useMemo } from 'react';
+import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
 import { useField } from '../../forms/useField/index.js';
-import { useConfig } from '../../providers/Config/index.js';
-import { UploadInput } from './Input.js';
-export { UploadInput };
-const _Upload = (props)=>{
-    const { CustomDescription, CustomError, CustomLabel, className, descriptionProps, errorProps, label, labelProps, path: pathFromProps, readOnly: readOnlyFromProps, relationTo, required, style, validate, width } = props;
-    const { collections, routes: { api }, serverURL } = useConfig();
-    const collection = collections.find((coll)=>coll.slug === relationTo);
-    const memoizedValidate = useCallback((value, options)=>{
-        if (typeof validate === 'function') {
-            return validate(value, {
-                ...options,
-                required
-            });
-        }
-    }, [
-        validate,
-        required
-    ]);
-    const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps();
-    const readOnly = readOnlyFromProps || readOnlyFromContext;
-    const { filterOptions, path, setValue, showError, value } = useField({
-        path: pathFromContext || pathFromProps,
-        validate: memoizedValidate
-    });
-    const onChange = useCallback((incomingValue)=>{
-        const incomingID = incomingValue?.id || incomingValue;
-        setValue(incomingID);
-    }, [
-        setValue
-    ]);
-    if (collection.upload) {
-        return /*#__PURE__*/ React.createElement(UploadInput, {
-            CustomDescription: CustomDescription,
-            CustomError: CustomError,
-            CustomLabel: CustomLabel,
-            api: api,
-            className: className,
-            collection: collection,
-            descriptionProps: descriptionProps,
-            errorProps: errorProps,
-            filterOptions: filterOptions,
-            label: label,
-            labelProps: labelProps,
-            onChange: onChange,
-            path: path,
-            readOnly: readOnly,
-            relationTo: relationTo,
-            required: required,
-            serverURL: serverURL,
-            showError: showError,
-            style: style,
-            value: value,
-            width: width
+import { withCondition } from '../../forms/withCondition/index.js';
+import { useAuth } from '../../providers/Auth/index.js';
+import { UploadComponentHasMany } from './HasMany/index.js';
+import { UploadInputHasOne } from './HasOne/Input.js';
+import { UploadComponentHasOne } from './HasOne/index.js';
+export { UploadInputHasOne as UploadInput };
+export const baseClass = 'upload';
+const UploadComponent = props => {
+  const $ = _c(22);
+  const {
+    field: t0,
+    readOnly: readOnlyFromTopLevelProps,
+    validate
+  } = props;
+  const {
+    _path: pathFromProps,
+    admin: t1,
+    hasMany,
+    relationTo,
+    required
+  } = t0;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = t1 === undefined ? {} : t1;
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const {
+    readOnly: readOnlyFromAdmin
+  } = t2;
+  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
+  const {
+    permissions
+  } = useAuth();
+  let t3;
+  if ($[2] !== validate || $[3] !== required) {
+    t3 = (value, options) => {
+      if (typeof validate === "function") {
+        return validate(value, {
+          ...options,
+          required
         });
+      }
+    };
+    $[2] = validate;
+    $[3] = required;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const memoizedValidate = t3;
+  const {
+    path: pathFromContext,
+    readOnly: readOnlyFromContext
+  } = useFieldProps();
+  let t4;
+  bb0: {
+    if (typeof relationTo === "string") {
+      if (permissions?.collections && permissions.collections?.[relationTo]?.create) {
+        if (permissions.collections[relationTo].create?.permission === true) {
+          t4 = true;
+          break bb0;
+        }
+      }
     }
-    return null;
+    t4 = false;
+  }
+  const canCreate = t4;
+  const t5 = pathFromContext ?? pathFromProps;
+  let t6;
+  if ($[5] !== t5 || $[6] !== memoizedValidate) {
+    t6 = {
+      path: t5,
+      validate: memoizedValidate
+    };
+    $[5] = t5;
+    $[6] = memoizedValidate;
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  const fieldHookResult = useField(t6);
+  let t7;
+  t7 = fieldHookResult.setValue;
+  const setValue = t7;
+  const disabled = readOnlyFromProps || readOnlyFromContext || fieldHookResult.formProcessing || fieldHookResult.formInitializing;
+  let t8;
+  if ($[8] !== setValue) {
+    t8 = incomingValue => {
+      const incomingID = incomingValue?.id || incomingValue;
+      setValue(incomingID);
+    };
+    $[8] = setValue;
+    $[9] = t8;
+  } else {
+    t8 = $[9];
+  }
+  const onChange = t8;
+  if (hasMany) {
+    let t9;
+    if ($[10] !== props || $[11] !== canCreate || $[12] !== disabled || $[13] !== fieldHookResult || $[14] !== onChange) {
+      t9 = _jsx(UploadComponentHasMany, {
+        ...props,
+        canCreate,
+        disabled,
+        fieldHookResult,
+        onChange
+      });
+      $[10] = props;
+      $[11] = canCreate;
+      $[12] = disabled;
+      $[13] = fieldHookResult;
+      $[14] = onChange;
+      $[15] = t9;
+    } else {
+      t9 = $[15];
+    }
+    return t9;
+  }
+  let t9;
+  if ($[16] !== props || $[17] !== canCreate || $[18] !== disabled || $[19] !== fieldHookResult || $[20] !== onChange) {
+    t9 = _jsx(UploadComponentHasOne, {
+      ...props,
+      canCreate,
+      disabled,
+      fieldHookResult,
+      onChange
+    });
+    $[16] = props;
+    $[17] = canCreate;
+    $[18] = disabled;
+    $[19] = fieldHookResult;
+    $[20] = onChange;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  return t9;
 };
-export const Upload = withCondition(_Upload);
-
+export const UploadField = withCondition(UploadComponent);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport { withCondition } from '@payloadcms/ui/forms/withCondition'\nimport React, { useCallback } from 'react'\n\nimport type { UploadInputProps } from './Input.js'\nimport type { UploadFieldProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { UploadInput } from './Input.js'\nimport './index.scss'\n\nexport { UploadFieldProps, UploadInput }\nexport type { UploadInputProps }\n\nconst _Upload: React.FC<UploadFieldProps> = (props) => {\n  const {\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    descriptionProps,\n    errorProps,\n    label,\n    labelProps,\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n    relationTo,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const {\n    collections,\n    routes: { api },\n    serverURL,\n  } = useConfig()\n\n  const collection = collections.find((coll) => coll.slug === relationTo)\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const { filterOptions, path, setValue, showError, value } = useField<string>({\n    path: pathFromContext || pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const onChange = useCallback(\n    (incomingValue) => {\n      const incomingID = incomingValue?.id || incomingValue\n      setValue(incomingID)\n    },\n    [setValue],\n  )\n\n  if (collection.upload) {\n    return (\n      <UploadInput\n        CustomDescription={CustomDescription}\n        CustomError={CustomError}\n        CustomLabel={CustomLabel}\n        api={api}\n        className={className}\n        collection={collection}\n        descriptionProps={descriptionProps}\n        errorProps={errorProps}\n        filterOptions={filterOptions}\n        label={label}\n        labelProps={labelProps}\n        onChange={onChange}\n        path={path}\n        readOnly={readOnly}\n        relationTo={relationTo}\n        required={required}\n        serverURL={serverURL}\n        showError={showError}\n        style={style}\n        value={value}\n        width={width}\n      />\n    )\n  }\n\n  return null\n}\n\nexport const Upload = withCondition(_Upload)\n"],"names":["useFieldProps","withCondition","React","useCallback","useField","useConfig","UploadInput","_Upload","props","CustomDescription","CustomError","CustomLabel","className","descriptionProps","errorProps","label","labelProps","path","pathFromProps","readOnly","readOnlyFromProps","relationTo","required","style","validate","width","collections","routes","api","serverURL","collection","find","coll","slug","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","filterOptions","setValue","showError","onChange","incomingValue","incomingID","id","upload","Upload"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,aAAa,QAAQ,0CAAyC;AACvE,SAASC,aAAa,QAAQ,qCAAoC;AAClE,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAK1C,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,WAAW,QAAQ,aAAY;AAGxC,SAA2BA,WAAW,GAAE;AAGxC,MAAMC,UAAsC,CAACC;IAC3C,MAAM,EACJC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,SAAS,EACTC,gBAAgB,EAChBC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,MAAMC,aAAa,EACnBC,UAAUC,iBAAiB,EAC3BC,UAAU,EACVC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAGjB;IAEJ,MAAM,EACJkB,WAAW,EACXC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGxB;IAEJ,MAAMyB,aAAaJ,YAAYK,IAAI,CAAC,CAACC,OAASA,KAAKC,IAAI,KAAKZ;IAE5D,MAAMa,mBAAmB/B,YACvB,CAACgC,OAAOC;QACN,IAAI,OAAOZ,aAAa,YAAY;YAClC,OAAOA,SAASW,OAAO;gBAAE,GAAGC,OAAO;gBAAEd;YAAS;QAChD;IACF,GACA;QAACE;QAAUF;KAAS;IAGtB,MAAM,EAAEL,MAAMoB,eAAe,EAAElB,UAAUmB,mBAAmB,EAAE,GAAGtC;IACjE,MAAMmB,WAAWC,qBAAqBkB;IAEtC,MAAM,EAAEC,aAAa,EAAEtB,IAAI,EAAEuB,QAAQ,EAAEC,SAAS,EAAEN,KAAK,EAAE,GAAG/B,SAAiB;QAC3Ea,MAAMoB,mBAAmBnB;QACzBM,UAAUU;IACZ;IAEA,MAAMQ,WAAWvC,YACf,CAACwC;QACC,MAAMC,aAAaD,eAAeE,MAAMF;QACxCH,SAASI;IACX,GACA;QAACJ;KAAS;IAGZ,IAAIV,WAAWgB,MAAM,EAAE;QACrB,qBACE,oBAACxC;YACCG,mBAAmBA;YACnBC,aAAaA;YACbC,aAAaA;YACbiB,KAAKA;YACLhB,WAAWA;YACXkB,YAAYA;YACZjB,kBAAkBA;YAClBC,YAAYA;YACZyB,eAAeA;YACfxB,OAAOA;YACPC,YAAYA;YACZ0B,UAAUA;YACVzB,MAAMA;YACNE,UAAUA;YACVE,YAAYA;YACZC,UAAUA;YACVO,WAAWA;YACXY,WAAWA;YACXlB,OAAOA;YACPY,OAAOA;YACPV,OAAOA;;IAGb;IAEA,OAAO;AACT;AAEA,OAAO,MAAMsB,SAAS9C,cAAcM,SAAQ"}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useMemo","useFieldProps","useField","withCondition","useAuth","UploadComponentHasMany","UploadInputHasOne","UploadComponentHasOne","UploadInput","baseClass","UploadComponent","props","$","field","t0","readOnly","readOnlyFromTopLevelProps","validate","_path","pathFromProps","admin","t1","hasMany","relationTo","required","t2","undefined","readOnlyFromAdmin","readOnlyFromProps","permissions","t3","value","options","memoizedValidate","path","pathFromContext","readOnlyFromContext","t4","bb0","collections","create","permission","canCreate","t5","t6","fieldHookResult","t7","setValue","disabled","formProcessing","formInitializing","t8","incomingValue","incomingID","id","onChange","t9","_jsx","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldProps } from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { UploadInputProps } from './HasOne/Input.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { UploadComponentHasMany } from './HasMany/index.js'\nimport { UploadInputHasOne } from './HasOne/Input.js'\nimport { UploadComponentHasOne } from './HasOne/index.js'\n\nexport { UploadFieldProps, UploadInputHasOne as UploadInput }\nexport type { UploadInputProps }\n\nexport const baseClass = 'upload'\n\nconst UploadComponent: React.FC<UploadFieldProps> = (props) => {\n  const {\n    field: {\n      _path: pathFromProps,\n      admin: { readOnly: readOnlyFromAdmin } = {},\n      hasMany,\n      relationTo,\n      required,\n    },\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const { permissions } = useAuth()\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  // Checks if the user has permissions to create a new document in the related collection\n  const canCreate = useMemo(() => {\n    if (typeof relationTo === 'string') {\n      if (permissions?.collections && permissions.collections?.[relationTo]?.create) {\n        if (permissions.collections[relationTo].create?.permission === true) {\n          return true\n        }\n      }\n    }\n\n    return false\n  }, [relationTo, permissions])\n\n  const fieldHookResult = useField<string | string[]>({\n    path: pathFromContext ?? pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const setValue = useMemo(() => fieldHookResult.setValue, [fieldHookResult])\n\n  const disabled =\n    readOnlyFromProps ||\n    readOnlyFromContext ||\n    fieldHookResult.formProcessing ||\n    fieldHookResult.formInitializing\n\n  const onChange = useCallback(\n    (incomingValue) => {\n      const incomingID = incomingValue?.id || incomingValue\n      setValue(incomingID)\n    },\n    [setValue],\n  )\n\n  if (hasMany) {\n    return (\n      <UploadComponentHasMany\n        {...props}\n        canCreate={canCreate}\n        disabled={disabled}\n        // Note: the below TS error is thrown bc the field hook return result varies based on `hasMany`\n        // @ts-expect-error\n        fieldHookResult={fieldHookResult}\n        onChange={onChange}\n      />\n    )\n  }\n\n  return (\n    <UploadComponentHasOne\n      {...props}\n      canCreate={canCreate}\n      disabled={disabled}\n      // Note: the below TS error is thrown bc the field hook return result varies based on `hasMany`\n      // @ts-expect-error\n      fieldHookResult={fieldHookResult}\n      onChange={onChange}\n    />\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/index.d.ts

@@ -1,4 +1,8 @@
-import type { FieldTypes } from 'payload/config';
+import type { FieldTypes } from 'payload';
+import type React from 'react';
 export * from './shared/index.js';
-export declare const fieldComponents: FieldTypes;
+export type FieldTypesComponents = {
+    [K in 'confirmPassword' | 'hidden' | 'password' | FieldTypes]: React.FC;
+};
+export declare const fieldComponents: FieldTypesComponents;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fields/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AA2BhD,cAAc,mBAAmB,CAAA;AAEjC,eAAO,MAAM,eAAe,EAAE,UAyB7B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA2B9B,cAAc,mBAAmB,CAAA;AAEjC,MAAM,MAAM,oBAAoB,GAAG;KAChC,CAAC,IAAI,iBAAiB,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,KAAK,CAAC,EAAE;CACxE,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,oBAyB7B,CAAA"}

package/dist/fields/index.js

@@ -1,53 +1,54 @@
-import { ArrayField as array } from './Array/index.js';
-import { BlocksField as blocks } from './Blocks/index.js';
-import { Checkbox as checkbox } from './Checkbox/index.js';
-import { Code as code } from './Code/index.js';
-import { Collapsible as collapsible } from './Collapsible/index.js';
-import { ConfirmPassword as confirmPassword } from './ConfirmPassword/index.js';
-import { DateTime as date } from './DateTime/index.js';
-import { Email as email } from './Email/index.js';
-import { Group as group } from './Group/index.js';
-import { HiddenInput as hidden } from './HiddenInput/index.js';
-import { JSONField as json } from './JSON/index.js';
-import { NumberField as number } from './Number/index.js';
-import { Password as password } from './Password/index.js';
-import { Point as point } from './Point/index.js';
-import { RadioGroup as radio } from './RadioGroup/index.js';
-import { Relationship as relationship } from './Relationship/index.js';
-import { RichText as richText } from './RichText/index.js';
-import { Row as row } from './Row/index.js';
-import { Select as select } from './Select/index.js';
-import { Tabs as tabs } from './Tabs/index.js';
-import { Text as text } from './Text/index.js';
-import { Textarea as textarea } from './Textarea/index.js';
-import { UI as ui } from './UI/index.js';
-import { Upload as upload } from './Upload/index.js';
+'use client';
+
+import { ArrayField } from './Array/index.js';
+import { BlocksField } from './Blocks/index.js';
+import { CheckboxField } from './Checkbox/index.js';
+import { CodeField } from './Code/index.js';
+import { CollapsibleField } from './Collapsible/index.js';
+import { ConfirmPasswordField } from './ConfirmPassword/index.js';
+import { DateTimeField } from './DateTime/index.js';
+import { EmailField } from './Email/index.js';
+import { GroupField } from './Group/index.js';
+import { HiddenField } from './Hidden/index.js';
+import { JSONField } from './JSON/index.js';
+import { NumberField } from './Number/index.js';
+import { PasswordField } from './Password/index.js';
+import { PointField } from './Point/index.js';
+import { RadioGroupField } from './RadioGroup/index.js';
+import { RelationshipField } from './Relationship/index.js';
+import { RichTextField } from './RichText/index.js';
+import { RowField } from './Row/index.js';
+import { SelectField } from './Select/index.js';
+import { TabsField } from './Tabs/index.js';
+import { TextField } from './Text/index.js';
+import { TextareaField } from './Textarea/index.js';
+import { UIField } from './UI/index.js';
+import { UploadField } from './Upload/index.js';
 export * from './shared/index.js';
 export const fieldComponents = {
-    array,
-    blocks,
-    checkbox,
-    code,
-    collapsible,
-    confirmPassword,
-    date,
-    email,
-    group,
-    hidden,
-    json,
-    number,
-    password,
-    point,
-    radio,
-    relationship,
-    richText,
-    row,
-    select,
-    tabs,
-    text,
-    textarea,
-    ui,
-    upload
+  array: ArrayField,
+  blocks: BlocksField,
+  checkbox: CheckboxField,
+  code: CodeField,
+  collapsible: CollapsibleField,
+  confirmPassword: ConfirmPasswordField,
+  date: DateTimeField,
+  email: EmailField,
+  group: GroupField,
+  hidden: HiddenField,
+  json: JSONField,
+  number: NumberField,
+  password: PasswordField,
+  point: PointField,
+  radio: RadioGroupField,
+  relationship: RelationshipField,
+  richText: RichTextField,
+  row: RowField,
+  select: SelectField,
+  tabs: TabsField,
+  text: TextField,
+  textarea: TextareaField,
+  ui: UIField,
+  upload: UploadField
 };
-
 //# sourceMappingURL=index.js.map

package/dist/fields/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/fields/index.tsx"],"sourcesContent":["import type { FieldTypes } from 'payload/config'\n\nimport { ArrayField as array } from './Array/index.js'\nimport { BlocksField as blocks } from './Blocks/index.js'\nimport { Checkbox as checkbox } from './Checkbox/index.js'\nimport { Code as code } from './Code/index.js'\nimport { Collapsible as collapsible } from './Collapsible/index.js'\nimport { ConfirmPassword as confirmPassword } from './ConfirmPassword/index.js'\nimport { DateTime as date } from './DateTime/index.js'\nimport { Email as email } from './Email/index.js'\nimport { Group as group } from './Group/index.js'\nimport { HiddenInput as hidden } from './HiddenInput/index.js'\nimport { JSONField as json } from './JSON/index.js'\nimport { NumberField as number } from './Number/index.js'\nimport { Password as password } from './Password/index.js'\nimport { Point as point } from './Point/index.js'\nimport { RadioGroup as radio } from './RadioGroup/index.js'\nimport { Relationship as relationship } from './Relationship/index.js'\nimport { RichText as richText } from './RichText/index.js'\nimport { Row as row } from './Row/index.js'\nimport { Select as select } from './Select/index.js'\nimport { Tabs as tabs } from './Tabs/index.js'\nimport { Text as text } from './Text/index.js'\nimport { Textarea as textarea } from './Textarea/index.js'\nimport { UI as ui } from './UI/index.js'\nimport { Upload as upload } from './Upload/index.js'\n\nexport * from './shared/index.js'\n\nexport const fieldComponents: FieldTypes = {\n  array,\n  blocks,\n  checkbox,\n  code,\n  collapsible,\n  confirmPassword,\n  date,\n  email,\n  group,\n  hidden,\n  json,\n  number,\n  password,\n  point,\n  radio,\n  relationship,\n  richText,\n  row,\n  select,\n  tabs,\n  text,\n  textarea,\n  ui,\n  upload,\n}\n"],"names":["ArrayField","array","BlocksField","blocks","Checkbox","checkbox","Code","code","Collapsible","collapsible","ConfirmPassword","confirmPassword","DateTime","date","Email","email","Group","group","HiddenInput","hidden","JSONField","json","NumberField","number","Password","password","Point","point","RadioGroup","radio","Relationship","relationship","RichText","richText","Row","row","Select","select","Tabs","tabs","Text","text","Textarea","textarea","UI","ui","Upload","upload","fieldComponents"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,cAAcC,KAAK,QAAQ,mBAAkB;AACtD,SAASC,eAAeC,MAAM,QAAQ,oBAAmB;AACzD,SAASC,YAAYC,QAAQ,QAAQ,sBAAqB;AAC1D,SAASC,QAAQC,IAAI,QAAQ,kBAAiB;AAC9C,SAASC,eAAeC,WAAW,QAAQ,yBAAwB;AACnE,SAASC,mBAAmBC,eAAe,QAAQ,6BAA4B;AAC/E,SAASC,YAAYC,IAAI,QAAQ,sBAAqB;AACtD,SAASC,SAASC,KAAK,QAAQ,mBAAkB;AACjD,SAASC,SAASC,KAAK,QAAQ,mBAAkB;AACjD,SAASC,eAAeC,MAAM,QAAQ,yBAAwB;AAC9D,SAASC,aAAaC,IAAI,QAAQ,kBAAiB;AACnD,SAASC,eAAeC,MAAM,QAAQ,oBAAmB;AACzD,SAASC,YAAYC,QAAQ,QAAQ,sBAAqB;AAC1D,SAASC,SAASC,KAAK,QAAQ,mBAAkB;AACjD,SAASC,cAAcC,KAAK,QAAQ,wBAAuB;AAC3D,SAASC,gBAAgBC,YAAY,QAAQ,0BAAyB;AACtE,SAASC,YAAYC,QAAQ,QAAQ,sBAAqB;AAC1D,SAASC,OAAOC,GAAG,QAAQ,iBAAgB;AAC3C,SAASC,UAAUC,MAAM,QAAQ,oBAAmB;AACpD,SAASC,QAAQC,IAAI,QAAQ,kBAAiB;AAC9C,SAASC,QAAQC,IAAI,QAAQ,kBAAiB;AAC9C,SAASC,YAAYC,QAAQ,QAAQ,sBAAqB;AAC1D,SAASC,MAAMC,EAAE,QAAQ,gBAAe;AACxC,SAASC,UAAUC,MAAM,QAAQ,oBAAmB;AAEpD,cAAc,oBAAmB;AAEjC,OAAO,MAAMC,kBAA8B;IACzC/C;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;IACAE;AACF,EAAC"}
+{"version":3,"file":"index.js","names":["ArrayField","BlocksField","CheckboxField","CodeField","CollapsibleField","ConfirmPasswordField","DateTimeField","EmailField","GroupField","HiddenField","JSONField","NumberField","PasswordField","PointField","RadioGroupField","RelationshipField","RichTextField","RowField","SelectField","TabsField","TextField","TextareaField","UIField","UploadField","fieldComponents","array","blocks","checkbox","code","collapsible","confirmPassword","date","email","group","hidden","json","number","password","point","radio","relationship","richText","row","select","tabs","text","textarea","ui","upload"],"sources":["../../src/fields/index.tsx"],"sourcesContent":["'use client'\nimport type { FieldTypes } from 'payload'\nimport type React from 'react'\n\nimport { ArrayField } from './Array/index.js'\nimport { BlocksField } from './Blocks/index.js'\nimport { CheckboxField } from './Checkbox/index.js'\nimport { CodeField } from './Code/index.js'\nimport { CollapsibleField } from './Collapsible/index.js'\nimport { ConfirmPasswordField } from './ConfirmPassword/index.js'\nimport { DateTimeField } from './DateTime/index.js'\nimport { EmailField } from './Email/index.js'\nimport { GroupField } from './Group/index.js'\nimport { HiddenField } from './Hidden/index.js'\nimport { JSONField } from './JSON/index.js'\nimport { NumberField } from './Number/index.js'\nimport { PasswordField } from './Password/index.js'\nimport { PointField } from './Point/index.js'\nimport { RadioGroupField } from './RadioGroup/index.js'\nimport { RelationshipField } from './Relationship/index.js'\nimport { RichTextField } from './RichText/index.js'\nimport { RowField } from './Row/index.js'\nimport { SelectField } from './Select/index.js'\nimport { TabsField } from './Tabs/index.js'\nimport { TextField } from './Text/index.js'\nimport { TextareaField } from './Textarea/index.js'\nimport { UIField } from './UI/index.js'\nimport { UploadField } from './Upload/index.js'\n\nexport * from './shared/index.js'\n\nexport type FieldTypesComponents = {\n  [K in 'confirmPassword' | 'hidden' | 'password' | FieldTypes]: React.FC\n}\n\nexport const fieldComponents: FieldTypesComponents = {\n  array: ArrayField,\n  blocks: BlocksField,\n  checkbox: CheckboxField,\n  code: CodeField,\n  collapsible: CollapsibleField,\n  confirmPassword: ConfirmPasswordField,\n  date: DateTimeField,\n  email: EmailField,\n  group: GroupField,\n  hidden: HiddenField,\n  json: JSONField,\n  number: NumberField,\n  password: PasswordField,\n  point: PointField,\n  radio: RadioGroupField,\n  relationship: RelationshipField,\n  richText: RichTextField,\n  row: RowField,\n  select: SelectField,\n  tabs: TabsField,\n  text: TextField,\n  textarea: TextareaField,\n  ui: UIField,\n  upload: UploadField,\n}\n"],"mappings":"AAAA;;AAIA,SAASA,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,eAAe,QAAQ;AAChC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,WAAW,QAAQ;AAE5B,cAAc;AAMd,OAAO,MAAMC,eAAA,GAAwC;EACnDC,KAAA,EAAOzB,UAAA;EACP0B,MAAA,EAAQzB,WAAA;EACR0B,QAAA,EAAUzB,aAAA;EACV0B,IAAA,EAAMzB,SAAA;EACN0B,WAAA,EAAazB,gBAAA;EACb0B,eAAA,EAAiBzB,oBAAA;EACjB0B,IAAA,EAAMzB,aAAA;EACN0B,KAAA,EAAOzB,UAAA;EACP0B,KAAA,EAAOzB,UAAA;EACP0B,MAAA,EAAQzB,WAAA;EACR0B,IAAA,EAAMzB,SAAA;EACN0B,MAAA,EAAQzB,WAAA;EACR0B,QAAA,EAAUzB,aAAA;EACV0B,KAAA,EAAOzB,UAAA;EACP0B,KAAA,EAAOzB,eAAA;EACP0B,YAAA,EAAczB,iBAAA;EACd0B,QAAA,EAAUzB,aAAA;EACV0B,GAAA,EAAKzB,QAAA;EACL0B,MAAA,EAAQzB,WAAA;EACR0B,IAAA,EAAMzB,SAAA;EACN0B,IAAA,EAAMzB,SAAA;EACN0B,QAAA,EAAUzB,aAAA;EACV0B,EAAA,EAAIzB,OAAA;EACJ0B,MAAA,EAAQzB;AACV","ignoreList":[]}

package/dist/fields/shared/index.d.ts

@@ -1,30 +1,5 @@
-/// <reference types="react" resolution-mode="require"/>
-import type { User } from 'payload/auth';
-import type { Locale, SanitizedLocalizationConfig } from 'payload/config';
-import type { DocumentPreferences, ErrorProps, FieldDescriptionProps, LabelProps, Validate } from 'payload/types';
+import type { Locale, SanitizedLocalizationConfig } from 'payload';
 export declare const fieldBaseClass = "field-type";
-export type FormFieldBase = {
-    AfterInput?: React.ReactNode;
-    BeforeInput?: React.ReactNode;
-    CustomDescription?: React.ReactNode;
-    CustomError?: React.ReactNode;
-    CustomLabel?: React.ReactNode;
-    className?: string;
-    descriptionProps?: FieldDescriptionProps;
-    disabled?: boolean;
-    docPreferences?: DocumentPreferences;
-    errorProps?: ErrorProps;
-    labelProps?: LabelProps;
-    locale?: Locale;
-    localized?: boolean;
-    path?: string;
-    readOnly?: boolean;
-    required?: boolean;
-    rtl?: boolean;
-    style?: React.CSSProperties;
-    user?: User;
-    validate?: Validate;
-};
 /**
  * Determines whether a field should be displayed as right-to-left (RTL) based on its configuration, payload's localization configuration and the adming user's currently enabled locale.
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,KAAK,EAAE,MAAM,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAA;AACzE,OAAO,KAAK,EACV,mBAAmB,EACnB,UAAU,EACV,qBAAqB,EACrB,UAAU,EACV,QAAQ,EACT,MAAM,eAAe,CAAA;AAEtB,eAAO,MAAM,cAAc,eAAe,CAAA;AAE1C,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,qBAAqB,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,mBAAmB,CAAA;IACpC,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,cAAc,EACd,QAAQ,EACR,MAAM,EACN,kBAAkB,GACnB,EAAE;IACD,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD,WAiBA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAElE,eAAO,MAAM,cAAc,eAAe,CAAA;AAE1C;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,cAAc,EACd,QAAQ,EACR,MAAM,EACN,kBAAkB,GACnB,EAAE;IACD,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD,WAiBA"}

package/dist/fields/shared/index.js

@@ -1,15 +1,24 @@
+'use client';
+
 export const fieldBaseClass = 'field-type';
 /**
  * Determines whether a field should be displayed as right-to-left (RTL) based on its configuration, payload's localization configuration and the adming user's currently enabled locale.
 
  * @returns Whether the field should be displayed as RTL.
- */ export function isFieldRTL({ fieldLocalized, fieldRTL, locale, localizationConfig }) {
-    const hasMultipleLocales = locale && localizationConfig && localizationConfig.locales && localizationConfig.locales.length > 1;
-    const isCurrentLocaleDefaultLocale = locale?.code === localizationConfig?.defaultLocale;
-    return fieldRTL !== false && locale?.rtl === true && (fieldLocalized || !fieldLocalized && !hasMultipleLocales || // If there is only one locale which is also rtl, that field is rtl too
-    !fieldLocalized && isCurrentLocaleDefaultLocale) || // If the current locale is the default locale, but the field is not localized, that field is rtl too
-    fieldRTL === true // If fieldRTL is true. This should be useful for when no localization is set at all in the payload config, but you still want fields to be rtl.
-    ;
+ */
+export function isFieldRTL({
+  fieldLocalized,
+  fieldRTL,
+  locale,
+  localizationConfig
+}) {
+  const hasMultipleLocales = locale && localizationConfig && localizationConfig.locales && localizationConfig.locales.length > 1;
+  const isCurrentLocaleDefaultLocale = locale?.code === localizationConfig?.defaultLocale;
+  return fieldRTL !== false && locale?.rtl === true && (fieldLocalized || !fieldLocalized && !hasMultipleLocales ||
+  // If there is only one locale which is also rtl, that field is rtl too
+  !fieldLocalized && isCurrentLocaleDefaultLocale) ||
+  // If the current locale is the default locale, but the field is not localized, that field is rtl too
+  fieldRTL === true // If fieldRTL is true. This should be useful for when no localization is set at all in the payload config, but you still want fields to be rtl.
+  ;
 }
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/shared/index.tsx"],"sourcesContent":["import type { User } from 'payload/auth'\nimport type { Locale, SanitizedLocalizationConfig } from 'payload/config'\nimport type {\n  DocumentPreferences,\n  ErrorProps,\n  FieldDescriptionProps,\n  LabelProps,\n  Validate,\n} from 'payload/types'\n\nexport const fieldBaseClass = 'field-type'\n\nexport type FormFieldBase = {\n  AfterInput?: React.ReactNode\n  BeforeInput?: React.ReactNode\n  CustomDescription?: React.ReactNode\n  CustomError?: React.ReactNode\n  CustomLabel?: React.ReactNode\n  className?: string\n  descriptionProps?: FieldDescriptionProps\n  disabled?: boolean\n  docPreferences?: DocumentPreferences\n  errorProps?: ErrorProps\n  labelProps?: LabelProps\n  locale?: Locale\n  localized?: boolean\n  path?: string\n  readOnly?: boolean\n  required?: boolean\n  rtl?: boolean\n  style?: React.CSSProperties\n  user?: User\n  validate?: Validate\n}\n\n/**\n * Determines whether a field should be displayed as right-to-left (RTL) based on its configuration, payload's localization configuration and the adming user's currently enabled locale.\n\n * @returns Whether the field should be displayed as RTL.\n */\nexport function isFieldRTL({\n  fieldLocalized,\n  fieldRTL,\n  locale,\n  localizationConfig,\n}: {\n  fieldLocalized: boolean\n  fieldRTL: boolean\n  locale: Locale\n  localizationConfig?: SanitizedLocalizationConfig\n}) {\n  const hasMultipleLocales =\n    locale &&\n    localizationConfig &&\n    localizationConfig.locales &&\n    localizationConfig.locales.length > 1\n\n  const isCurrentLocaleDefaultLocale = locale?.code === localizationConfig?.defaultLocale\n\n  return (\n    (fieldRTL !== false &&\n      locale?.rtl === true &&\n      (fieldLocalized ||\n        (!fieldLocalized && !hasMultipleLocales) || // If there is only one locale which is also rtl, that field is rtl too\n        (!fieldLocalized && isCurrentLocaleDefaultLocale))) || // If the current locale is the default locale, but the field is not localized, that field is rtl too\n    fieldRTL === true\n  ) // If fieldRTL is true. This should be useful for when no localization is set at all in the payload config, but you still want fields to be rtl.\n}\n"],"names":["fieldBaseClass","isFieldRTL","fieldLocalized","fieldRTL","locale","localizationConfig","hasMultipleLocales","locales","length","isCurrentLocaleDefaultLocale","code","defaultLocale","rtl"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAUA,OAAO,MAAMA,iBAAiB,aAAY;AAyB1C;;;;CAIC,GACD,OAAO,SAASC,WAAW,EACzBC,cAAc,EACdC,QAAQ,EACRC,MAAM,EACNC,kBAAkB,EAMnB;IACC,MAAMC,qBACJF,UACAC,sBACAA,mBAAmBE,OAAO,IAC1BF,mBAAmBE,OAAO,CAACC,MAAM,GAAG;IAEtC,MAAMC,+BAA+BL,QAAQM,SAASL,oBAAoBM;IAE1E,OACE,AAACR,aAAa,SACZC,QAAQQ,QAAQ,QACfV,CAAAA,kBACE,CAACA,kBAAkB,CAACI,sBAAuB,uEAAuE;IAClH,CAACJ,kBAAkBO,4BAA4B,KAAO,qGAAqG;IAChKN,aAAa,KACb,gJAAgJ;;AACpJ"}
+{"version":3,"file":"index.js","names":["fieldBaseClass","isFieldRTL","fieldLocalized","fieldRTL","locale","localizationConfig","hasMultipleLocales","locales","length","isCurrentLocaleDefaultLocale","code","defaultLocale","rtl"],"sources":["../../../src/fields/shared/index.tsx"],"sourcesContent":["'use client'\nimport type { Locale, SanitizedLocalizationConfig } from 'payload'\n\nexport const fieldBaseClass = 'field-type'\n\n/**\n * Determines whether a field should be displayed as right-to-left (RTL) based on its configuration, payload's localization configuration and the adming user's currently enabled locale.\n\n * @returns Whether the field should be displayed as RTL.\n */\nexport function isFieldRTL({\n  fieldLocalized,\n  fieldRTL,\n  locale,\n  localizationConfig,\n}: {\n  fieldLocalized: boolean\n  fieldRTL: boolean\n  locale: Locale\n  localizationConfig?: SanitizedLocalizationConfig\n}) {\n  const hasMultipleLocales =\n    locale &&\n    localizationConfig &&\n    localizationConfig.locales &&\n    localizationConfig.locales.length > 1\n\n  const isCurrentLocaleDefaultLocale = locale?.code === localizationConfig?.defaultLocale\n\n  return (\n    (fieldRTL !== false &&\n      locale?.rtl === true &&\n      (fieldLocalized ||\n        (!fieldLocalized && !hasMultipleLocales) || // If there is only one locale which is also rtl, that field is rtl too\n        (!fieldLocalized && isCurrentLocaleDefaultLocale))) || // If the current locale is the default locale, but the field is not localized, that field is rtl too\n    fieldRTL === true\n  ) // If fieldRTL is true. This should be useful for when no localization is set at all in the payload config, but you still want fields to be rtl.\n}\n"],"mappings":"AAAA;;AAGA,OAAO,MAAMA,cAAA,GAAiB;AAE9B;;;;;AAKA,OAAO,SAASC,WAAW;EACzBC,cAAc;EACdC,QAAQ;EACRC,MAAM;EACNC;AAAkB,CAMnB;EACC,MAAMC,kBAAA,GACJF,MAAA,IACAC,kBAAA,IACAA,kBAAA,CAAmBE,OAAO,IAC1BF,kBAAA,CAAmBE,OAAO,CAACC,MAAM,GAAG;EAEtC,MAAMC,4BAAA,GAA+BL,MAAA,EAAQM,IAAA,KAASL,kBAAA,EAAoBM,aAAA;EAE1E,OACER,QAAC,KAAa,SACZC,MAAA,EAAQQ,GAAA,KAAQ,SACfV,cAAA,IACE,CAACA,cAAA,IAAkB,CAACI,kBAAA;EAAuB;EAC3C,CAACJ,cAAA,IAAkBO,4BAA4B;EAAO;EAC3DN,QAAA,KAAa,KACb;EAAA;AACJ","ignoreList":[]}

package/dist/forms/FieldPropsProvider/index.d.ts

@@ -1,7 +1,7 @@
-import type { FieldTypes } from 'payload/config';
-import type { FieldPermissions } from 'payload/types';
+import type { FieldPermissions, FieldTypes } from 'payload';
 import React from 'react';
 export type FieldPropsContextType = {
+    custom?: Record<any, string>;
     indexPath?: string;
     path: string;
     permissions?: FieldPermissions;
@@ -10,19 +10,21 @@ export type FieldPropsContextType = {
     siblingPermissions: {
         [fieldName: string]: FieldPermissions;
     };
-    type: keyof FieldTypes;
+    type: FieldTypes;
 };
 export type Props = {
-    children: React.ReactNode;
-    indexPath?: string;
-    path: string;
-    permissions?: FieldPermissions;
-    readOnly: boolean;
-    schemaPath: string;
-    siblingPermissions: {
+    readonly children: React.ReactNode;
+    readonly custom?: Record<any, string>;
+    readonly indexPath?: string;
+    readonly isForceRendered?: boolean;
+    readonly path: string;
+    readonly permissions?: FieldPermissions;
+    readonly readOnly: boolean;
+    readonly schemaPath: string;
+    readonly siblingPermissions: {
         [fieldName: string]: FieldPermissions;
     };
-    type: keyof FieldTypes;
+    readonly type: FieldTypes;
 };
 export declare const FieldPropsProvider: React.FC<Props>;
 export declare const useFieldProps: () => FieldPropsContextType;