@payloadcms/ui 3.0.0-beta.129 → 3.0.0-beta.130

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useCallback","useEffect","useState","Collapsible","CollapsibleElement","ErrorPill","RenderCustomComponent","FieldDescription","RenderFields","RowLabel","useField","WatchChildErrors","withCondition","useDocumentInfo","usePreferences","useTranslation","fieldBaseClass","baseClass","CollapsibleFieldComponent","props","$","field","t0","indexPath","t1","parentPath","t2","parentSchemaPath","t3","path","t4","permissions","readOnly","t5","undefined","admin","t6","fields","label","t7","className","description","initCollapsed","t8","i18n","getPreference","setPreference","preferencesKey","collapsedOnMount","setCollapsedOnMount","fieldPreferencesKey","replace","errorCount","setErrorCount","fieldHasErrors","t9","customComponents","t10","t11","Description","Label","t12","newCollapsedState","existingPreferences","collapsed","onToggle","t13","t14","fetchInitialState","preferences","specificPreference","Boolean","t15","style","t16","width","t17","_jsx","split","t18","t19","filter","_jsxs","children","join","id","collapsibleStyle","header","CustomComponent","count","withMessage","margins","parentIndexPath","Fallback","CollapsibleField"],"sources":["../../../src/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport type { AdminClient, CollapsibleFieldClientComponent, DocumentPreferences } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback, useEffect, useState } from 'react'\n\nimport { Collapsible as CollapsibleElement } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { WatchChildErrors } from '../../forms/WatchChildErrors/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'collapsible-field'\n\nconst CollapsibleFieldComponent: CollapsibleFieldClientComponent = (props) => {\n  const {\n    field,\n    field: { admin: { className, description, initCollapsed = false } = {}, fields, label } = {},\n    indexPath = '',\n    parentPath = '',\n    parentSchemaPath = '',\n    path = '',\n    permissions,\n    readOnly,\n  } = props\n\n  const { i18n } = useTranslation()\n  const { getPreference, setPreference } = usePreferences()\n  const { preferencesKey } = useDocumentInfo()\n  const [collapsedOnMount, setCollapsedOnMount] = useState<boolean>()\n  const fieldPreferencesKey = `collapsible-${path?.replace(/\\./g, '__')}`\n  const [errorCount, setErrorCount] = useState(0)\n  const fieldHasErrors = errorCount > 0\n\n  const { customComponents: { Description, Label } = {} } = useField({\n    path,\n  })\n\n  const onToggle = useCallback(\n    async (newCollapsedState: boolean): Promise<void> => {\n      const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n\n      if (preferencesKey) {\n        void setPreference(preferencesKey, {\n          ...existingPreferences,\n          ...(path\n            ? {\n                fields: {\n                  ...(existingPreferences?.fields || {}),\n                  [path]: {\n                    ...existingPreferences?.fields?.[path],\n                    collapsed: newCollapsedState,\n                  },\n                },\n              }\n            : {\n                fields: {\n                  ...(existingPreferences?.fields || {}),\n                  [fieldPreferencesKey]: {\n                    ...existingPreferences?.fields?.[fieldPreferencesKey],\n                    collapsed: newCollapsedState,\n                  },\n                },\n              }),\n        })\n      }\n    },\n    [preferencesKey, fieldPreferencesKey, getPreference, setPreference, path],\n  )\n\n  useEffect(() => {\n    const fetchInitialState = async () => {\n      if (preferencesKey) {\n        const preferences = await getPreference(preferencesKey)\n        const specificPreference = path\n          ? preferences?.fields?.[path]?.collapsed\n          : preferences?.fields?.[fieldPreferencesKey]?.collapsed\n\n        if (specificPreference !== undefined) {\n          setCollapsedOnMount(Boolean(specificPreference))\n        } else {\n          setCollapsedOnMount(typeof initCollapsed === 'boolean' ? initCollapsed : false)\n        }\n      } else {\n        setCollapsedOnMount(typeof initCollapsed === 'boolean' ? initCollapsed : false)\n      }\n    }\n\n    void fetchInitialState()\n  }, [getPreference, preferencesKey, fieldPreferencesKey, initCollapsed, path])\n\n  if (typeof collapsedOnMount !== 'boolean') {\n    return null\n  }\n\n  const style: AdminClient['style'] = {\n    ...field.admin?.style,\n    '--field-width': field.admin.width,\n  }\n\n  return (\n    <Fragment>\n      <WatchChildErrors fields={fields} path={path.split('.')} setErrorCount={setErrorCount} />\n      <div\n        className={[\n          fieldBaseClass,\n          baseClass,\n          className,\n          fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        id={`field-${fieldPreferencesKey}`}\n        style={style}\n      >\n        <CollapsibleElement\n          className={`${baseClass}__collapsible`}\n          collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n          header={\n            <div className={`${baseClass}__row-label-wrap`}>\n              <RowLabel CustomComponent={Label} label={getTranslation(label, i18n)} path={path} />\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n          }\n          initCollapsed={collapsedOnMount}\n          onToggle={onToggle}\n        >\n          <RenderFields\n            fields={fields}\n            margins=\"small\"\n            parentIndexPath={indexPath}\n            parentPath={parentPath}\n            parentSchemaPath={parentSchemaPath}\n            permissions={permissions}\n            readOnly={readOnly}\n          />\n        </CollapsibleElement>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </Fragment>\n  )\n}\n\nexport const CollapsibleField = withCondition(CollapsibleFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useCallback","useEffect","useState","Collapsible","CollapsibleElement","ErrorPill","RenderCustomComponent","FieldDescription","RenderFields","RowLabel","useField","WatchChildErrors","withCondition","useDocumentInfo","usePreferences","useTranslation","fieldBaseClass","baseClass","CollapsibleFieldComponent","props","$","field","t0","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","t1","undefined","admin","t2","fields","label","t3","className","description","initCollapsed","t4","i18n","getPreference","setPreference","preferencesKey","collapsedOnMount","setCollapsedOnMount","fieldPreferencesKey","replace","errorCount","setErrorCount","fieldHasErrors","t5","customComponents","t6","t7","Description","Label","t8","newCollapsedState","existingPreferences","collapsed","onToggle","t9","t10","fetchInitialState","preferences","specificPreference","Boolean","t11","style","t12","width","t13","_jsx","split","t14","t15","filter","_jsxs","children","join","id","collapsibleStyle","header","CustomComponent","count","withMessage","margins","parentIndexPath","Fallback","CollapsibleField"],"sources":["../../../src/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport type { AdminClient, CollapsibleFieldClientComponent, DocumentPreferences } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback, useEffect, useState } from 'react'\n\nimport { Collapsible as CollapsibleElement } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { WatchChildErrors } from '../../forms/WatchChildErrors/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'collapsible-field'\n\nconst CollapsibleFieldComponent: CollapsibleFieldClientComponent = (props) => {\n  const {\n    field,\n    field: { admin: { className, description, initCollapsed = false } = {}, fields, label } = {},\n    indexPath,\n    parentPath,\n    parentSchemaPath,\n    path,\n    permissions,\n    readOnly,\n  } = props\n\n  const { i18n } = useTranslation()\n  const { getPreference, setPreference } = usePreferences()\n  const { preferencesKey } = useDocumentInfo()\n  const [collapsedOnMount, setCollapsedOnMount] = useState<boolean>()\n  const fieldPreferencesKey = `collapsible-${path?.replace(/\\./g, '__')}`\n  const [errorCount, setErrorCount] = useState(0)\n  const fieldHasErrors = errorCount > 0\n\n  const { customComponents: { Description, Label } = {} } = useField({\n    path,\n  })\n\n  const onToggle = useCallback(\n    async (newCollapsedState: boolean): Promise<void> => {\n      const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n\n      if (preferencesKey) {\n        void setPreference(preferencesKey, {\n          ...existingPreferences,\n          ...(path\n            ? {\n                fields: {\n                  ...(existingPreferences?.fields || {}),\n                  [path]: {\n                    ...existingPreferences?.fields?.[path],\n                    collapsed: newCollapsedState,\n                  },\n                },\n              }\n            : {\n                fields: {\n                  ...(existingPreferences?.fields || {}),\n                  [fieldPreferencesKey]: {\n                    ...existingPreferences?.fields?.[fieldPreferencesKey],\n                    collapsed: newCollapsedState,\n                  },\n                },\n              }),\n        })\n      }\n    },\n    [preferencesKey, fieldPreferencesKey, getPreference, setPreference, path],\n  )\n\n  useEffect(() => {\n    const fetchInitialState = async () => {\n      if (preferencesKey) {\n        const preferences = await getPreference(preferencesKey)\n        const specificPreference = path\n          ? preferences?.fields?.[path]?.collapsed\n          : preferences?.fields?.[fieldPreferencesKey]?.collapsed\n\n        if (specificPreference !== undefined) {\n          setCollapsedOnMount(Boolean(specificPreference))\n        } else {\n          setCollapsedOnMount(typeof initCollapsed === 'boolean' ? initCollapsed : false)\n        }\n      } else {\n        setCollapsedOnMount(typeof initCollapsed === 'boolean' ? initCollapsed : false)\n      }\n    }\n\n    void fetchInitialState()\n  }, [getPreference, preferencesKey, fieldPreferencesKey, initCollapsed, path])\n\n  if (typeof collapsedOnMount !== 'boolean') {\n    return null\n  }\n\n  const style: AdminClient['style'] = {\n    ...field.admin?.style,\n    '--field-width': field.admin.width,\n  }\n\n  return (\n    <Fragment>\n      <WatchChildErrors fields={fields} path={path.split('.')} setErrorCount={setErrorCount} />\n      <div\n        className={[\n          fieldBaseClass,\n          baseClass,\n          className,\n          fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        id={`field-${fieldPreferencesKey}`}\n        style={style}\n      >\n        <CollapsibleElement\n          className={`${baseClass}__collapsible`}\n          collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n          header={\n            <div className={`${baseClass}__row-label-wrap`}>\n              <RowLabel CustomComponent={Label} label={getTranslation(label, i18n)} path={path} />\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n          }\n          initCollapsed={collapsedOnMount}\n          onToggle={onToggle}\n        >\n          <RenderFields\n            fields={fields}\n            margins=\"small\"\n            parentIndexPath={indexPath}\n            parentPath={parentPath}\n            parentSchemaPath={parentSchemaPath}\n            permissions={permissions}\n            readOnly={readOnly}\n          />\n        </CollapsibleElement>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </Fragment>\n  )\n}\n\nexport const CollapsibleField = withCondition(CollapsibleFieldComponent)\n"],"mappings":"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","ignoreList":[]}

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

@@ -2,7 +2,7 @@ import type { DateFieldValidation } from 'payload';
 import React from 'react';
 import './index.scss';
 export declare const DateTimeField: React.FC<{
-    readonly path?: string;
+    readonly path: string;
     readonly validate?: DateFieldValidation;
 } & {
     readonly field: Omit<import("payload").DateFieldClient, "type"> & Partial<Pick<import("payload").DateFieldClient, "type">>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/DateTime/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA4B,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAG5E,OAAO,KAAsB,MAAM,OAAO,CAAA;AAW1C,OAAO,cAAc,CAAA;AAuFrB,eAAO,MAAM,aAAa;;;;;+EAAwC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/DateTime/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA4B,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAG5E,OAAO,KAAsB,MAAM,OAAO,CAAA;AAW1C,OAAO,cAAc,CAAA;AAsFrB,eAAO,MAAM,aAAa;;;;;+EAAwC,CAAA"}

package/dist/fields/DateTime/index.js

@@ -19,12 +19,11 @@ const DateTimeFieldComponent = props => {
   const $ = _c(38);
   const {
     field: t0,
-    path: pathFromProps,
+    path,
     readOnly,
     validate
   } = props;
   const {
-    name,
     admin: t1,
     label,
     localized,
@@ -46,7 +45,6 @@ const DateTimeFieldComponent = props => {
     style,
     width
   } = t2;
-  const path = pathFromProps ?? name;
   const {
     i18n
   } = useTranslation();

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","DatePickerField","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useTranslation","fieldBaseClass","baseClass","DateTimeFieldComponent","props","$","field","t0","path","pathFromProps","readOnly","validate","name","admin","t1","label","localized","required","t2","undefined","className","date","datePickerProps","description","placeholder","style","width","i18n","t3","value","options","memoizedValidate","t4","customComponents","t5","setValue","showError","value_0","t6","AfterInput","BeforeInput","Description","Error","Label","t7","t8","t9","filter","Boolean","t10","join","t11","t12","incomingDate","toISOString","_jsxs","children","_jsx","CustomComponent","Fallback","id","replace","onChange","DateTimeField"],"sources":["../../../src/fields/DateTime/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClientComponent, DateFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport { DatePickerField } from '../../elements/DatePicker/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'date-time-field'\n\nconst DateTimeFieldComponent: DateFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: { className, date: datePickerProps, description, placeholder, style, width } = {},\n      label,\n      localized,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n  const path = pathFromProps ?? name\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: DateFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    setValue,\n    showError,\n    value,\n  } = useField<Date>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && `${baseClass}--has-error`,\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={<FieldLabel label={label} localized={localized} required={required} />}\n      />\n      <div className={`${fieldBaseClass}__wrap`} id={`field-${path.replace(/\\./g, '__')}`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <DatePickerField\n          {...datePickerProps}\n          onChange={(incomingDate) => {\n            if (!readOnly) {\n              setValue(incomingDate?.toISOString() || null)\n            }\n          }}\n          placeholder={getTranslation(placeholder, i18n)}\n          readOnly={readOnly}\n          value={value}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const DateTimeField = withCondition(DateTimeFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","DatePickerField","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useTranslation","fieldBaseClass","baseClass","DateTimeFieldComponent","props","$","field","t0","path","readOnly","validate","admin","t1","label","localized","required","t2","undefined","className","date","datePickerProps","description","placeholder","style","width","i18n","t3","value","options","memoizedValidate","t4","customComponents","t5","setValue","showError","value_0","t6","AfterInput","BeforeInput","Description","Error","Label","t7","t8","t9","filter","Boolean","t10","join","t11","t12","incomingDate","toISOString","_jsxs","children","_jsx","CustomComponent","Fallback","id","replace","onChange","DateTimeField"],"sources":["../../../src/fields/DateTime/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClientComponent, DateFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport { DatePickerField } from '../../elements/DatePicker/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'date-time-field'\n\nconst DateTimeFieldComponent: DateFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: { className, date: datePickerProps, description, placeholder, style, width } = {},\n      label,\n      localized,\n      required,\n    },\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: DateFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    setValue,\n    showError,\n    value,\n  } = useField<Date>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && `${baseClass}--has-error`,\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={<FieldLabel label={label} localized={localized} required={required} />}\n      />\n      <div className={`${fieldBaseClass}__wrap`} id={`field-${path.replace(/\\./g, '__')}`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <DatePickerField\n          {...datePickerProps}\n          onChange={(incomingDate) => {\n            if (!readOnly) {\n              setValue(incomingDate?.toISOString() || null)\n            }\n          }}\n          placeholder={getTranslation(placeholder, i18n)}\n          readOnly={readOnly}\n          value={value}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const DateTimeField = withCondition(DateTimeFieldComponent)\n"],"mappings":"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","ignoreList":[]}

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

@@ -2,7 +2,7 @@ import type { EmailFieldValidation } from 'payload';
 import React from 'react';
 import './index.scss';
 export declare const EmailField: React.FC<{
-    readonly path?: string;
+    readonly path: string;
     readonly validate?: EmailFieldValidation;
 } & {
     readonly field: Omit<import("payload").EmailFieldClient, "type"> & Partial<Pick<import("payload").EmailFieldClient, "type">>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Email/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAsB,MAAM,OAAO,CAAA;AAU1C,OAAO,cAAc,CAAA;AA0FrB,eAAO,MAAM,UAAU;;;;;+EAAqC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Email/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAsB,MAAM,OAAO,CAAA;AAU1C,OAAO,cAAc,CAAA;AAyFrB,eAAO,MAAM,UAAU;;;;;+EAAqC,CAAA"}

package/dist/fields/Email/index.js

@@ -17,7 +17,7 @@ const EmailFieldComponent = props => {
   const $ = _c(37);
   const {
     field: t0,
-    path: pathFromProps,
+    path,
     readOnly,
     validate
   } = props;
@@ -30,7 +30,6 @@ const EmailFieldComponent = props => {
     t1 = $[1];
   }
   const {
-    name,
     admin: t2,
     label,
     localized,
@@ -52,7 +51,6 @@ const EmailFieldComponent = props => {
     style,
     width
   } = t3;
-  const path = pathFromProps ?? name;
   const {
     i18n
   } = useTranslation();

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","RenderCustomComponent","FieldDescription","FieldError","useField","withCondition","useTranslation","FieldLabel","fieldBaseClass","EmailFieldComponent","props","$","field","t0","path","pathFromProps","readOnly","validate","t1","undefined","name","admin","t2","label","localized","required","t3","autoComplete","className","description","placeholder","style","width","i18n","t4","value","options","memoizedValidate","t5","customComponents","t6","setValue","showError","value_0","t7","AfterInput","BeforeInput","Description","Error","Label","t8","t9","t10","filter","Boolean","t11","join","t12","_jsxs","children","_jsx","CustomComponent","Fallback","disabled","id","replace","onChange","type","EmailField"],"sources":["../../../src/fields/Email/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  EmailFieldClientComponent,\n  EmailFieldClientProps,\n  EmailFieldValidation,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst EmailFieldComponent: EmailFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: {\n        autoComplete,\n        className,\n        description,\n        placeholder,\n        style,\n        width,\n      } = {} as EmailFieldClientProps['field']['admin'],\n      label,\n      localized,\n      required,\n    } = {} as EmailFieldClientProps['field'],\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n  const path = pathFromProps ?? name\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: EmailFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    setValue,\n    showError,\n    value,\n  } = useField({\n    path,\n    validate: memoizedValidate,\n  })\n\n  return (\n    <div\n      className={[fieldBaseClass, 'email', className, showError && 'error', readOnly && 'read-only']\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {/* disable eslint here because the label is dynamic */}\n        {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n        <input\n          autoComplete={autoComplete}\n          disabled={readOnly}\n          id={`field-${path.replace(/\\./g, '__')}`}\n          name={path}\n          onChange={setValue}\n          placeholder={getTranslation(placeholder, i18n)}\n          required={required}\n          type=\"email\"\n          value={(value as string) || ''}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const EmailField = withCondition(EmailFieldComponent)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAOA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,mBAAA,GAAiDC,KAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EACrD;IAAAe,KAAA,EAAAC,EAAA;IAAAC,IAAA,EAAAC,aAAA;IAAAC,QAAA;IAAAC;EAAA,IAkBIP,KAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAP,CAAA,QAAAE,EAAA;IAjBKK,EAAA,GAAAL,EAaiC,KAAAM,SAAA,QAbjCN,EAaiC;IAAAF,CAAA,MAAAE,EAAA;IAAAF,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAbjC;IAAAS,IAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAP,EAaiC;EAAA,IAAAQ,EAAA;EAAA,IAAAf,CAAA,QAAAW,EAAA;IAX/BI,EAAA,GAAAJ,EAO0C,KAAAH,SAAA,QAP1CG,EAO0C;IAAAX,CAAA,MAAAW,EAAA;IAAAX,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAP1C;IAAAgB,YAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAN,EAO0C;EASrD,MAAAZ,IAAA,GAAaC,aAAA,IAAiBK,IAAA;EAE9B;IAAAa;EAAA,IAAiB3B,cAAA;EAAA,IAAA4B,EAAA;EAAA,IAAAvB,CAAA,QAAAM,QAAA,IAAAN,CAAA,QAAAc,QAAA;IAGfS,EAAA,GAAAA,CAAAC,KAAA,EAAAC,OAAA;MAAA,IACM,OAAOnB,QAAA,KAAa;QAAA,OACfA,QAAA,CAASkB,KAAA;UAAA,GAAYC,OAAO;UAAAX;QAAA,CAAW;MAAA;IAAA;IAElDd,CAAA,MAAAM,QAAA;IAAAN,CAAA,MAAAc,QAAA;IAAAd,CAAA,MAAAuB,EAAA;EAAA;IAAAA,EAAA,GAAAvB,CAAA;EAAA;EALF,MAAA0B,gBAAA,GAA+CH,EAMzB;EAAA,IAAAI,EAAA;EAAA,IAAA3B,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAA0B,gBAAA;IAQTC,EAAA;MAAAxB,IAAA;MAAAG,QAAA,EAEDoB;IAAA;IACZ1B,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAA0B,gBAAA;IAAA1B,CAAA,MAAA2B,EAAA;EAAA;IAAAA,EAAA,GAAA3B,CAAA;EAAA;EARA;IAAA4B,gBAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAP,KAAA,EAAAQ;EAAA,IAKIvC,QAAA,CAASkC,EAGb;EAAA,IAAAM,EAAA;EAAA,IAAAjC,CAAA,SAAA6B,EAAA;IAPoBI,EAAA,GAAAJ,EAA2D,KAAArB,SAAA,QAA3DqB,EAA2D;IAAA7B,CAAA,OAAA6B,EAAA;IAAA7B,CAAA,OAAAiC,EAAA;EAAA;IAAAA,EAAA,GAAAjC,CAAA;EAAA;EAA3D;IAAAkC,UAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAL,EAA2D;EAW3B,MAAAM,EAAA,GAAAR,SAAA,IAAa;EAAS,MAAAS,EAAA,GAAAnC,QAAA,IAAY;EAAA,IAAAoC,GAAA;EAAA,IAAAzC,CAAA,SAAAiB,SAAA,IAAAjB,CAAA,SAAAuC,EAAA,IAAAvC,CAAA,SAAAwC,EAAA;IAAvEC,GAAA,IAAA5C,cAAA,EAAiB,SAASoB,SAAA,EAAWsB,EAAa,EAASC,EAAY,EAAAE,MAAA,CAAAC,OACxE;IAAA3C,CAAA,OAAAiB,SAAA;IAAAjB,CAAA,OAAAuC,EAAA;IAAAvC,CAAA,OAAAwC,EAAA;IAAAxC,CAAA,OAAAyC,GAAA;EAAA;IAAAA,GAAA,GAAAzC,CAAA;EAAA;EADC,MAAA4C,GAAA,GAAAH,GACD,CAAAI,IAAA,CACF;EAAA,IAAAC,GAAA;EAAA,IAAA9C,CAAA,SAAAoB,KAAA,IAAApB,CAAA,SAAAqB,KAAA,IAAArB,CAAA,SAAAY,KAAA,IAAAZ,CAAA,SAAAa,SAAA,IAAAb,CAAA,SAAAG,IAAA,IAAAH,CAAA,SAAAc,QAAA,IAAAd,CAAA,SAAAsC,KAAA,IAAAtC,CAAA,SAAA+B,SAAA,IAAA/B,CAAA,SAAAqC,KAAA,IAAArC,CAAA,SAAAmB,WAAA,IAAAnB,CAAA,SAAAsB,IAAA,IAAAtB,CAAA,SAAAgC,OAAA,IAAAhC,CAAA,SAAAgB,YAAA,IAAAhB,CAAA,SAAAK,QAAA,IAAAL,CAAA,SAAA8B,QAAA,IAAA9B,CAAA,SAAAmC,WAAA,IAAAnC,CAAA,SAAAkC,UAAA,IAAAlC,CAAA,SAAAkB,WAAA,IAAAlB,CAAA,SAAAoC,WAAA,IAAApC,CAAA,SAAA4C,GAAA;IAHVE,GAAA,GAAAC,KAAA,CAAC;MAAA9B,SAAA,EACY2B,GAEH;MAAAxB,KAAA;QAAA,GAEHA,KAAK;QAAAC;MAAA;MAAA2B,QAAA,GAIVC,IAAA,CAAA3D,qBAAA;QAAA4D,eAAA,EACmBZ,KAAA;QAAAa,QAAA,EAEfF,IAAA,CAAArD,UAAA;UAAAgB,KAAA;UAAAC,SAAA;UAAAV,IAAA;UAAAW;QAAA,C;UAGJiC,KAAA,CAAC;QAAA9B,SAAA,EAAe,GAAApB,cAAA,QAAyB;QAAAmD,QAAA,GACvCC,IAAA,CAAA3D,qBAAA;UAAA4D,eAAA,EACmBb,KAAA;UAAAc,QAAA,EACPF,IAAA,CAAAzD,UAAA;YAAAW,IAAA;YAAA4B;UAAA,C;YAEXI,WAAA,EAGDc,IAAA,CAAC;UAAAjC,YAAA;UAAAoC,QAAA,EAEW/C,QAAA;UAAAgD,EAAA,EACN,SAASlD,IAAA,CAAAmD,OAAA,QAAoB,OAAO;UAAA7C,IAAA,EAClCN,IAAA;UAAAoD,QAAA,EACIzB,QAAA;UAAAX,WAAA,EACGhC,cAAA,CAAegC,WAAA,EAAaG,IAAA;UAAAR,QAAA;UAAA0C,IAAA,EAEpC;UAAAhC,KAAA,EACEA,OAAC,IAAoB;QAAA,C,GAE7BU,UAAA;MAAA,C,GAEHe,IAAA,CAAA3D,qBAAA;QAAA4D,eAAA,EACmBd,WAAA;QAAAe,QAAA,EACPF,IAAA,CAAA1D,gBAAA;UAAA2B,WAAA;UAAAf;QAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;;SAtCd2C,G;CA0CJ;AAEA,OAAO,MAAMW,UAAA,GAAa/D,aAAA,CAAcI,mBAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","RenderCustomComponent","FieldDescription","FieldError","useField","withCondition","useTranslation","FieldLabel","fieldBaseClass","EmailFieldComponent","props","$","field","t0","path","readOnly","validate","t1","undefined","admin","t2","label","localized","required","t3","autoComplete","className","description","placeholder","style","width","i18n","t4","value","options","memoizedValidate","t5","customComponents","t6","setValue","showError","value_0","t7","AfterInput","BeforeInput","Description","Error","Label","t8","t9","t10","filter","Boolean","t11","join","t12","_jsxs","children","_jsx","CustomComponent","Fallback","disabled","id","replace","name","onChange","type","EmailField"],"sources":["../../../src/fields/Email/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  EmailFieldClientComponent,\n  EmailFieldClientProps,\n  EmailFieldValidation,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst EmailFieldComponent: EmailFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: {\n        autoComplete,\n        className,\n        description,\n        placeholder,\n        style,\n        width,\n      } = {} as EmailFieldClientProps['field']['admin'],\n      label,\n      localized,\n      required,\n    } = {} as EmailFieldClientProps['field'],\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: EmailFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    setValue,\n    showError,\n    value,\n  } = useField({\n    path,\n    validate: memoizedValidate,\n  })\n\n  return (\n    <div\n      className={[fieldBaseClass, 'email', className, showError && 'error', readOnly && 'read-only']\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {/* disable eslint here because the label is dynamic */}\n        {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n        <input\n          autoComplete={autoComplete}\n          disabled={readOnly}\n          id={`field-${path.replace(/\\./g, '__')}`}\n          name={path}\n          onChange={setValue}\n          placeholder={getTranslation(placeholder, i18n)}\n          required={required}\n          type=\"email\"\n          value={(value as string) || ''}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const EmailField = withCondition(EmailFieldComponent)\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,9 +4,7 @@ import './index.scss';
 import { GroupProvider, useGroup } from './provider.js';
 export declare const GroupFieldComponent: GroupFieldClientComponent;
 export { GroupProvider, useGroup };
-export declare const GroupField: React.FC<{
-    readonly path?: string;
-} & Pick<import("payload").ServerFieldBase, "permissions"> & {
+export declare const GroupField: React.FC<import("payload").FieldPaths & Pick<import("payload").ServerFieldBase, "permissions"> & {
     readonly field: Omit<import("payload").GroupFieldClient, "type"> & Partial<Pick<import("payload").GroupFieldClient, "type">>;
 } & Omit<import("payload").ClientComponentProps, "field" | "customComponents">>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIvD,eAAO,MAAM,mBAAmB,EAAE,yBAyFjC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AAElC,eAAO,MAAM,UAAU;;;;+EAAqC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIvD,eAAO,MAAM,mBAAmB,EAAE,yBAwFjC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AAElC,eAAO,MAAM,UAAU;;+EAAqC,CAAA"}

package/dist/fields/Group/index.js

@@ -24,7 +24,7 @@ export const GroupFieldComponent = props => {
   const $ = _c(36);
   const {
     field: t0,
-    path: pathFromProps,
+    path,
     permissions,
     readOnly,
     schemaPath: schemaPathFromProps
@@ -50,7 +50,6 @@ export const GroupFieldComponent = props => {
     style,
     width
   } = t2;
-  const path = pathFromProps ?? name;
   const schemaPath = schemaPathFromProps ?? name;
   const {
     i18n

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCollapsible","ErrorPill","RenderCustomComponent","FieldDescription","FieldLabel","useFormSubmitted","RenderFields","useField","withCondition","useTranslation","useRow","fieldBaseClass","useTabs","GroupProvider","useGroup","baseClass","GroupFieldComponent","props","$","field","t0","path","pathFromProps","permissions","readOnly","schemaPath","schemaPathFromProps","name","admin","t1","fields","label","t2","undefined","className","description","hideGutter","style","width","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","t3","customComponents","t4","errorPaths","t5","Description","Label","submitted","errorCount","length","fieldHasErrors","isTopLevel","t6","t7","t8","t9","t10","t11","t12","t13","filter","Boolean","t14","join","t15","replace","t16","t17","_jsx","count","withMessage","id","children","_jsxs","CustomComponent","Fallback","localized","required","margins","parentIndexPath","parentPath","parentSchemaPath","GroupField"],"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GroupFieldClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useRow } from '../Row/provider.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { useTabs } from '../Tabs/provider.js'\nimport './index.scss'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nexport const GroupFieldComponent: GroupFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: { className, description, hideGutter, style, width } = {},\n      fields,\n      label,\n    },\n    path: pathFromProps,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n  } = props\n  const path = pathFromProps ?? name\n  const schemaPath = schemaPathFromProps ?? name\n\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n  const { customComponents: { Description, Label } = {}, errorPaths } = useField({ path })\n  const submitted = useFormSubmitted()\n  const errorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorCount > 0\n\n  const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        isTopLevel && `${baseClass}--top-level`,\n        isWithinCollapsible && `${baseClass}--within-collapsible`,\n        isWithinGroup && `${baseClass}--within-group`,\n        isWithinRow && `${baseClass}--within-row`,\n        isWithinTab && `${baseClass}--within-tab`,\n        !hideGutter && isWithinGroup && `${baseClass}--gutter`,\n        fieldHasErrors && `${baseClass}--has-error`,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <GroupProvider>\n        <div className={`${baseClass}__wrap`}>\n          <div className={`${baseClass}__header`}>\n            {Boolean(Label || Description || label) && (\n              <header>\n                <RenderCustomComponent\n                  CustomComponent={Label}\n                  Fallback={\n                    <h3 className={`${baseClass}__title`}>\n                      <FieldLabel\n                        label={getTranslation(label, i18n)}\n                        localized={false}\n                        path={path}\n                        required={false}\n                      />\n                    </h3>\n                  }\n                />\n                <RenderCustomComponent\n                  CustomComponent={Description}\n                  Fallback={<FieldDescription description={description} path={path} />}\n                />\n              </header>\n            )}\n            {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n          </div>\n          <RenderFields\n            fields={fields}\n            margins=\"small\"\n            parentIndexPath=\"\"\n            parentPath={path}\n            parentSchemaPath={schemaPath}\n            permissions={permissions?.fields}\n            readOnly={readOnly}\n          />\n        </div>\n      </GroupProvider>\n    </div>\n  )\n}\n\nexport { GroupProvider, useGroup }\n\nexport const GroupField = withCondition(GroupFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCollapsible","ErrorPill","RenderCustomComponent","FieldDescription","FieldLabel","useFormSubmitted","RenderFields","useField","withCondition","useTranslation","useRow","fieldBaseClass","useTabs","GroupProvider","useGroup","baseClass","GroupFieldComponent","props","$","field","t0","path","permissions","readOnly","schemaPath","schemaPathFromProps","name","admin","t1","fields","label","t2","undefined","className","description","hideGutter","style","width","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","t3","customComponents","t4","errorPaths","t5","Description","Label","submitted","errorCount","length","fieldHasErrors","isTopLevel","t6","t7","t8","t9","t10","t11","t12","t13","filter","Boolean","t14","join","t15","replace","t16","t17","_jsx","count","withMessage","id","children","_jsxs","CustomComponent","Fallback","localized","required","margins","parentIndexPath","parentPath","parentSchemaPath","GroupField"],"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GroupFieldClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useRow } from '../Row/provider.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { useTabs } from '../Tabs/provider.js'\nimport './index.scss'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nexport const GroupFieldComponent: GroupFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: { className, description, hideGutter, style, width } = {},\n      fields,\n      label,\n    },\n    path,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n  } = props\n  const schemaPath = schemaPathFromProps ?? name\n\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n  const { customComponents: { Description, Label } = {}, errorPaths } = useField({ path })\n  const submitted = useFormSubmitted()\n  const errorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorCount > 0\n\n  const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        isTopLevel && `${baseClass}--top-level`,\n        isWithinCollapsible && `${baseClass}--within-collapsible`,\n        isWithinGroup && `${baseClass}--within-group`,\n        isWithinRow && `${baseClass}--within-row`,\n        isWithinTab && `${baseClass}--within-tab`,\n        !hideGutter && isWithinGroup && `${baseClass}--gutter`,\n        fieldHasErrors && `${baseClass}--has-error`,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <GroupProvider>\n        <div className={`${baseClass}__wrap`}>\n          <div className={`${baseClass}__header`}>\n            {Boolean(Label || Description || label) && (\n              <header>\n                <RenderCustomComponent\n                  CustomComponent={Label}\n                  Fallback={\n                    <h3 className={`${baseClass}__title`}>\n                      <FieldLabel\n                        label={getTranslation(label, i18n)}\n                        localized={false}\n                        path={path}\n                        required={false}\n                      />\n                    </h3>\n                  }\n                />\n                <RenderCustomComponent\n                  CustomComponent={Description}\n                  Fallback={<FieldDescription description={description} path={path} />}\n                />\n              </header>\n            )}\n            {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n          </div>\n          <RenderFields\n            fields={fields}\n            margins=\"small\"\n            parentIndexPath=\"\"\n            parentPath={path}\n            parentSchemaPath={schemaPath}\n            permissions={permissions?.fields}\n            readOnly={readOnly}\n          />\n        </div>\n      </GroupProvider>\n    </div>\n  )\n}\n\nexport { GroupProvider, useGroup }\n\nexport const GroupField = withCondition(GroupFieldComponent)\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import './index.scss';
 export declare const JSONField: React.FC<{
-    readonly path?: string;
+    readonly path: string;
     readonly validate?: import("payload").JSONFieldValidation;
 } & {
     readonly field: Omit<import("payload").JSONFieldClient, "type"> & Partial<Pick<import("payload").JSONFieldClient, "type">>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/JSON/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAU/D,OAAO,cAAc,CAAA;AA8IrB,eAAO,MAAM,SAAS;;;;;+EAAoC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/JSON/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAU/D,OAAO,cAAc,CAAA;AA6IrB,eAAO,MAAM,SAAS;;;;;+EAAoC,CAAA"}

package/dist/fields/JSON/index.js

@@ -29,11 +29,10 @@ const JSONFieldComponent = props => {
       localized,
       required
     },
-    path: pathFromProps,
+    path,
     readOnly,
     validate
   } = props;
-  const path = pathFromProps ?? name;
   const [stringValue, setStringValue] = useState();
   const [jsonError, setJsonError] = useState();
   const [hasLoadedValue, setHasLoadedValue] = useState(false);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useState","CodeEditor","RenderCustomComponent","useField","withCondition","FieldDescription","FieldError","FieldLabel","fieldBaseClass","baseClass","JSONFieldComponent","props","field","name","admin","className","description","editorOptions","maxHeight","style","width","jsonSchema","label","localized","required","path","pathFromProps","readOnly","validate","stringValue","setStringValue","jsonError","setJsonError","hasLoadedValue","setHasLoadedValue","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","initialValue","setValue","showError","handleMount","editor","monaco","existingSchemas","languages","json","jsonDefaults","diagnosticsOptions","schemas","modelUri","Uri","parse","uri","model","createModel","JSON","stringify","setDiagnosticsOptions","enableSchemaRequest","setModel","handleChange","val","undefined","e","_jsxs","filter","Boolean","join","_jsx","CustomComponent","Fallback","message","defaultLanguage","onChange","onMount","JSONField"],"sources":["../../../src/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientComponent } from 'payload'\n\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { CodeEditor } from '../../elements/CodeEditor/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/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 './index.scss'\n\nconst baseClass = 'json-field'\n\nconst JSONFieldComponent: JSONFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: { className, description, editorOptions, maxHeight, style, width } = {},\n      jsonSchema,\n      label,\n      localized,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n  const path = pathFromProps ?? name\n\n  const [stringValue, setStringValue] = useState<string>()\n  const [jsonError, setJsonError] = useState<string>()\n  const [hasLoadedValue, setHasLoadedValue] = useState(false)\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, jsonError, required })\n      }\n    },\n    [validate, required, jsonError],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    initialValue,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const handleMount = useCallback(\n    (editor, monaco) => {\n      if (!jsonSchema) {\n        return\n      }\n\n      const existingSchemas = monaco.languages.json.jsonDefaults.diagnosticsOptions.schemas || []\n      const modelUri = monaco.Uri.parse(jsonSchema.uri)\n\n      const model = monaco.editor.createModel(JSON.stringify(value, null, 2), 'json', modelUri)\n      monaco.languages.json.jsonDefaults.setDiagnosticsOptions({\n        enableSchemaRequest: true,\n        schemas: [...existingSchemas, jsonSchema],\n        validate: true,\n      })\n\n      editor.setModel(model)\n    },\n    [jsonSchema, value],\n  )\n\n  const handleChange = useCallback(\n    (val) => {\n      if (readOnly) {\n        return\n      }\n      setStringValue(val)\n\n      try {\n        setValue(val ? JSON.parse(val) : null)\n        setJsonError(undefined)\n      } catch (e) {\n        setValue(val ? val : null)\n        setJsonError(e)\n      }\n    },\n    [readOnly, setValue, setStringValue],\n  )\n\n  useEffect(() => {\n    if (hasLoadedValue || value === undefined) {\n      return\n    }\n\n    setStringValue(\n      value || initialValue ? JSON.stringify(value ? value : initialValue, null, 2) : '',\n    )\n\n    setHasLoadedValue(true)\n  }, [initialValue, value, hasLoadedValue])\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      style={{\n        ...style,\n        width,\n      }}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError message={jsonError} path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <CodeEditor\n          defaultLanguage=\"json\"\n          maxHeight={maxHeight}\n          onChange={handleChange}\n          onMount={handleMount}\n          options={editorOptions}\n          readOnly={readOnly}\n          value={stringValue}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const JSONField = withCondition(JSONFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useState","CodeEditor","RenderCustomComponent","useField","withCondition","FieldDescription","FieldError","FieldLabel","fieldBaseClass","baseClass","JSONFieldComponent","props","field","name","admin","className","description","editorOptions","maxHeight","style","width","jsonSchema","label","localized","required","path","readOnly","validate","stringValue","setStringValue","jsonError","setJsonError","hasLoadedValue","setHasLoadedValue","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","initialValue","setValue","showError","handleMount","editor","monaco","existingSchemas","languages","json","jsonDefaults","diagnosticsOptions","schemas","modelUri","Uri","parse","uri","model","createModel","JSON","stringify","setDiagnosticsOptions","enableSchemaRequest","setModel","handleChange","val","undefined","e","_jsxs","filter","Boolean","join","_jsx","CustomComponent","Fallback","message","defaultLanguage","onChange","onMount","JSONField"],"sources":["../../../src/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientComponent } from 'payload'\n\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { CodeEditor } from '../../elements/CodeEditor/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/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 './index.scss'\n\nconst baseClass = 'json-field'\n\nconst JSONFieldComponent: JSONFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: { className, description, editorOptions, maxHeight, style, width } = {},\n      jsonSchema,\n      label,\n      localized,\n      required,\n    },\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const [stringValue, setStringValue] = useState<string>()\n  const [jsonError, setJsonError] = useState<string>()\n  const [hasLoadedValue, setHasLoadedValue] = useState(false)\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, jsonError, required })\n      }\n    },\n    [validate, required, jsonError],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    initialValue,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const handleMount = useCallback(\n    (editor, monaco) => {\n      if (!jsonSchema) {\n        return\n      }\n\n      const existingSchemas = monaco.languages.json.jsonDefaults.diagnosticsOptions.schemas || []\n      const modelUri = monaco.Uri.parse(jsonSchema.uri)\n\n      const model = monaco.editor.createModel(JSON.stringify(value, null, 2), 'json', modelUri)\n      monaco.languages.json.jsonDefaults.setDiagnosticsOptions({\n        enableSchemaRequest: true,\n        schemas: [...existingSchemas, jsonSchema],\n        validate: true,\n      })\n\n      editor.setModel(model)\n    },\n    [jsonSchema, value],\n  )\n\n  const handleChange = useCallback(\n    (val) => {\n      if (readOnly) {\n        return\n      }\n      setStringValue(val)\n\n      try {\n        setValue(val ? JSON.parse(val) : null)\n        setJsonError(undefined)\n      } catch (e) {\n        setValue(val ? val : null)\n        setJsonError(e)\n      }\n    },\n    [readOnly, setValue, setStringValue],\n  )\n\n  useEffect(() => {\n    if (hasLoadedValue || value === undefined) {\n      return\n    }\n\n    setStringValue(\n      value || initialValue ? JSON.stringify(value ? value : initialValue, null, 2) : '',\n    )\n\n    setHasLoadedValue(true)\n  }, [initialValue, value, hasLoadedValue])\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      style={{\n        ...style,\n        width,\n      }}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError message={jsonError} path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <CodeEditor\n          defaultLanguage=\"json\"\n          maxHeight={maxHeight}\n          onChange={handleChange}\n          onMount={handleMount}\n          options={editorOptions}\n          readOnly={readOnly}\n          value={stringValue}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const JSONField = withCondition(JSONFieldComponent)\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,8 @@
 import type { JoinFieldClient } from 'payload';
 import React from 'react';
-export declare const JoinField: React.FC<Record<string, unknown> & {
+export declare const JoinField: React.FC<{
+    readonly path: string;
+} & {
     readonly field: Omit<JoinFieldClient, "type"> & Partial<Pick<JoinFieldClient, "type">>;
 } & Omit<import("payload").ClientComponentProps, "field" | "customComponents">>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Join/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAkD,MAAM,SAAS,CAAA;AAE9F,OAAO,KAAkB,MAAM,OAAO,CAAA;AA0EtC,eAAO,MAAM,SAAS;;+EAAoC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Join/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAkD,MAAM,SAAS,CAAA;AAE9F,OAAO,KAAkB,MAAM,OAAO,CAAA;AAwEtC,eAAO,MAAM,SAAS;;;;+EAAoC,CAAA"}

package/dist/fields/Join/index.js

@@ -22,9 +22,8 @@ const JoinFieldComponent = props => {
       on,
       required
     },
-    path: pathFromProps
+    path
   } = props;
-  const path = pathFromProps ?? name;
   const {
     id: docID
   } = useDocumentInfo();

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","RelationshipTable","useField","withCondition","useDocumentInfo","FieldLabel","fieldBaseClass","JoinFieldComponent","props","field","name","admin","allowCreate","collection","label","localized","on","required","path","pathFromProps","id","docID","customComponents","AfterInput","BeforeInput","Label","value","filterOptions","where","in","and","_jsxs","className","filter","Boolean","join","_jsx","initialData","docs","initialDrawerData","style","margin","relationTo","JoinField"],"sources":["../../../src/fields/Join/index.tsx"],"sourcesContent":["'use client'\n\nimport type { JoinFieldClient, JoinFieldClientComponent, PaginatedDocs, Where } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { RelationshipTable } from '../../elements/RelationshipTable/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../index.js'\n\nconst JoinFieldComponent: JoinFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: { allowCreate },\n      collection,\n      label,\n      localized,\n      on,\n      required,\n    },\n    path: pathFromProps,\n  } = props\n\n  const path = pathFromProps ?? name\n\n  const { id: docID } = useDocumentInfo()\n\n  const { customComponents: { AfterInput, BeforeInput, Label } = {}, value } =\n    useField<PaginatedDocs>({\n      path,\n    })\n\n  const filterOptions: Where = useMemo(() => {\n    const where = {\n      [on]: {\n        in: [docID || ''],\n      },\n    }\n\n    if (field.where) {\n      return {\n        and: [where, field.where],\n      }\n    }\n\n    return where\n  }, [docID, on, field.where])\n\n  return (\n    <div className={[fieldBaseClass, 'join'].filter(Boolean).join(' ')}>\n      {BeforeInput}\n      <RelationshipTable\n        allowCreate={typeof docID !== 'undefined' && allowCreate}\n        field={field as JoinFieldClient}\n        filterOptions={filterOptions}\n        initialData={docID && value ? value : ({ docs: [] } as PaginatedDocs)}\n        initialDrawerData={{\n          [on]: docID,\n        }}\n        Label={\n          <h4 style={{ margin: 0 }}>\n            {Label || (\n              <FieldLabel label={label} localized={localized} path={path} required={required} />\n            )}\n          </h4>\n        }\n        relationTo={collection}\n      />\n      {AfterInput}\n    </div>\n  )\n}\n\nexport const JoinField = withCondition(JoinFieldComponent)\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAE/B,MAAMC,kBAAA,GAAgDC,KAAA;EACpD,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,IAAI;MACJC,KAAA,EAAO;QAAEC;MAAW,CAAE;MACtBC,UAAU;MACVC,KAAK;MACLC,SAAS;MACTC,EAAE;MACFC;IAAQ,CACT;IACDC,IAAA,EAAMC;EAAa,CACpB,GAAGX,KAAA;EAEJ,MAAMU,IAAA,GAAOC,aAAA,IAAiBT,IAAA;EAE9B,MAAM;IAAEU,EAAA,EAAIC;EAAK,CAAE,GAAGjB,eAAA;EAEtB,MAAM;IAAEkB,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAAEC;EAAK,CAAE,GACxExB,QAAA,CAAwB;IACtBgB;EACF;EAEF,MAAMS,aAAA,GAAuB3B,OAAA,CAAQ;IACnC,MAAM4B,KAAA,GAAQ;MACZ,CAACZ,EAAA,GAAK;QACJa,EAAA,EAAI,CAACR,KAAA,IAAS;MAChB;IACF;IAEA,IAAIZ,KAAA,CAAMmB,KAAK,EAAE;MACf,OAAO;QACLE,GAAA,EAAK,CAACF,KAAA,EAAOnB,KAAA,CAAMmB,KAAK;MAC1B;IACF;IAEA,OAAOA,KAAA;EACT,GAAG,CAACP,KAAA,EAAOL,EAAA,EAAIP,KAAA,CAAMmB,KAAK,CAAC;EAE3B,oBACEG,KAAA,CAAC;IAAIC,SAAA,EAAW,CAAC1B,cAAA,EAAgB,OAAO,CAAC2B,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;eAC3DX,WAAA,E,aACDY,IAAA,CAACnC,iBAAA;MACCW,WAAA,EAAa,OAAOS,KAAA,KAAU,eAAeT,WAAA;MAC7CH,KAAA,EAAOA,KAAA;MACPkB,aAAA,EAAeA,aAAA;MACfU,WAAA,EAAahB,KAAA,IAASK,KAAA,GAAQA,KAAA,GAAS;QAAEY,IAAA,EAAM;MAAG;MAClDC,iBAAA,EAAmB;QACjB,CAACvB,EAAA,GAAKK;MACR;MACAI,KAAA,eACEW,IAAA,CAAC;QAAGI,KAAA,EAAO;UAAEC,MAAA,EAAQ;QAAE;kBACpBhB,KAAA,iBACCW,IAAA,CAAC/B,UAAA;UAAWS,KAAA,EAAOA,KAAA;UAAOC,SAAA,EAAWA,SAAA;UAAWG,IAAA,EAAMA,IAAA;UAAMD,QAAA,EAAUA;;;MAI5EyB,UAAA,EAAY7B;QAEbU,UAAA;;AAGP;AAEA,OAAO,MAAMoB,SAAA,GAAYxC,aAAA,CAAcI,kBAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","RelationshipTable","useField","withCondition","useDocumentInfo","FieldLabel","fieldBaseClass","JoinFieldComponent","props","field","name","admin","allowCreate","collection","label","localized","on","required","path","id","docID","customComponents","AfterInput","BeforeInput","Label","value","filterOptions","where","in","and","_jsxs","className","filter","Boolean","join","_jsx","initialData","docs","initialDrawerData","style","margin","relationTo","JoinField"],"sources":["../../../src/fields/Join/index.tsx"],"sourcesContent":["'use client'\n\nimport type { JoinFieldClient, JoinFieldClientComponent, PaginatedDocs, Where } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { RelationshipTable } from '../../elements/RelationshipTable/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../index.js'\n\nconst JoinFieldComponent: JoinFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: { allowCreate },\n      collection,\n      label,\n      localized,\n      on,\n      required,\n    },\n    path,\n  } = props\n\n  const { id: docID } = useDocumentInfo()\n\n  const { customComponents: { AfterInput, BeforeInput, Label } = {}, value } =\n    useField<PaginatedDocs>({\n      path,\n    })\n\n  const filterOptions: Where = useMemo(() => {\n    const where = {\n      [on]: {\n        in: [docID || ''],\n      },\n    }\n\n    if (field.where) {\n      return {\n        and: [where, field.where],\n      }\n    }\n\n    return where\n  }, [docID, on, field.where])\n\n  return (\n    <div className={[fieldBaseClass, 'join'].filter(Boolean).join(' ')}>\n      {BeforeInput}\n      <RelationshipTable\n        allowCreate={typeof docID !== 'undefined' && allowCreate}\n        field={field as JoinFieldClient}\n        filterOptions={filterOptions}\n        initialData={docID && value ? value : ({ docs: [] } as PaginatedDocs)}\n        initialDrawerData={{\n          [on]: docID,\n        }}\n        Label={\n          <h4 style={{ margin: 0 }}>\n            {Label || (\n              <FieldLabel label={label} localized={localized} path={path} required={required} />\n            )}\n          </h4>\n        }\n        relationTo={collection}\n      />\n      {AfterInput}\n    </div>\n  )\n}\n\nexport const JoinField = withCondition(JoinFieldComponent)\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAE/B,MAAMC,kBAAA,GAAgDC,KAAA;EACpD,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,IAAI;MACJC,KAAA,EAAO;QAAEC;MAAW,CAAE;MACtBC,UAAU;MACVC,KAAK;MACLC,SAAS;MACTC,EAAE;MACFC;IAAQ,CACT;IACDC;EAAI,CACL,GAAGV,KAAA;EAEJ,MAAM;IAAEW,EAAA,EAAIC;EAAK,CAAE,GAAGhB,eAAA;EAEtB,MAAM;IAAEiB,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAAEC;EAAK,CAAE,GACxEvB,QAAA,CAAwB;IACtBgB;EACF;EAEF,MAAMQ,aAAA,GAAuB1B,OAAA,CAAQ;IACnC,MAAM2B,KAAA,GAAQ;MACZ,CAACX,EAAA,GAAK;QACJY,EAAA,EAAI,CAACR,KAAA,IAAS;MAChB;IACF;IAEA,IAAIX,KAAA,CAAMkB,KAAK,EAAE;MACf,OAAO;QACLE,GAAA,EAAK,CAACF,KAAA,EAAOlB,KAAA,CAAMkB,KAAK;MAC1B;IACF;IAEA,OAAOA,KAAA;EACT,GAAG,CAACP,KAAA,EAAOJ,EAAA,EAAIP,KAAA,CAAMkB,KAAK,CAAC;EAE3B,oBACEG,KAAA,CAAC;IAAIC,SAAA,EAAW,CAACzB,cAAA,EAAgB,OAAO,CAAC0B,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;eAC3DX,WAAA,E,aACDY,IAAA,CAAClC,iBAAA;MACCW,WAAA,EAAa,OAAOQ,KAAA,KAAU,eAAeR,WAAA;MAC7CH,KAAA,EAAOA,KAAA;MACPiB,aAAA,EAAeA,aAAA;MACfU,WAAA,EAAahB,KAAA,IAASK,KAAA,GAAQA,KAAA,GAAS;QAAEY,IAAA,EAAM;MAAG;MAClDC,iBAAA,EAAmB;QACjB,CAACtB,EAAA,GAAKI;MACR;MACAI,KAAA,eACEW,IAAA,CAAC;QAAGI,KAAA,EAAO;UAAEC,MAAA,EAAQ;QAAE;kBACpBhB,KAAA,iBACCW,IAAA,CAAC9B,UAAA;UAAWS,KAAA,EAAOA,KAAA;UAAOC,SAAA,EAAWA,SAAA;UAAWG,IAAA,EAAMA,IAAA;UAAMD,QAAA,EAAUA;;;MAI5EwB,UAAA,EAAY5B;QAEbS,UAAA;;AAGP;AAEA,OAAO,MAAMoB,SAAA,GAAYvC,aAAA,CAAcI,kBAAA","ignoreList":[]}

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

@@ -2,7 +2,7 @@ import React from 'react';
 import './index.scss';
 export declare const NumberField: React.FC<{
     readonly onChange?: (e: number) => void;
-    readonly path?: string;
+    readonly path: string;
     readonly validate?: import("payload").NumberFieldValidation;
 } & {
     readonly field: Omit<import("payload").NumberFieldClient, "type"> & Partial<Pick<import("payload").NumberFieldClient, "type">>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAa/D,OAAO,cAAc,CAAA;AAiMrB,eAAO,MAAM,WAAW;;;;;;+EAAsC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAa/D,OAAO,cAAc,CAAA;AAgMrB,eAAO,MAAM,WAAW;;;;;;+EAAsC,CAAA"}

package/dist/fields/Number/index.js

@@ -20,12 +20,11 @@ const NumberFieldComponent = props => {
   const {
     field: t0,
     onChange: onChangeFromProps,
-    path: pathFromProps,
+    path,
     readOnly,
     validate
   } = props;
   const {
-    name,
     admin: t1,
     hasMany: t2,
     label,
@@ -56,7 +55,6 @@ const NumberFieldComponent = props => {
   const max = t3 === undefined ? Infinity : t3;
   const maxRows = t4 === undefined ? Infinity : t4;
   const min = t5 === undefined ? -Infinity : t5;
-  const path = pathFromProps ?? name;
   const {
     i18n,
     t