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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Email/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientValidate } from 'payload/types'\nimport type { EmailField as EmailFieldType, FieldBase } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport React, { useCallback } from 'react'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\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\nexport type EmailFieldProps = FormFieldBase & {\n  autoComplete?: string\n  label?: FieldBase['label']\n  name?: string\n  path?: string\n  placeholder?: EmailFieldType['admin']['placeholder']\n  width?: string\n}\n\nconst EmailField: React.FC<EmailFieldProps> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    autoComplete,\n    className,\n    descriptionProps,\n    errorProps,\n    label,\n    labelProps,\n    path: pathFromProps,\n    placeholder,\n    readOnly: readOnlyFromProps,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: ClientValidate = 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 { path, setValue, showError, value } = useField({\n    path: pathFromContext || pathFromProps || name,\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      <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n      <FieldLabel\n        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div>\n        {BeforeInput}\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          type=\"email\"\n          value={(value as string) || ''}\n        />\n        {AfterInput}\n      </div>\n      {CustomDescription !== undefined ? (\n        CustomDescription\n      ) : (\n        <FieldDescription {...(descriptionProps || {})} />\n      )}\n    </div>\n  )\n}\n\nexport const Email = withCondition(EmailField)\n"],"names":["getTranslation","FieldDescription","FieldError","FieldLabel","useFieldProps","React","useCallback","useField","withCondition","useTranslation","fieldBaseClass","EmailField","props","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","autoComplete","className","descriptionProps","errorProps","label","labelProps","path","pathFromProps","placeholder","readOnly","readOnlyFromProps","required","style","validate","width","i18n","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","setValue","showError","div","filter","Boolean","join","input","disabled","id","replace","onChange","type","undefined","Email"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,aAAa,QAAQ,0CAAyC;AACvE,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AAYnD,MAAMC,aAAwC,CAACC;IAC7C,MAAM,EACJC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,YAAY,EACZC,SAAS,EACTC,gBAAgB,EAChBC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,MAAMC,aAAa,EACnBC,WAAW,EACXC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAGrB;IAEJ,MAAM,EAAEsB,IAAI,EAAE,GAAGzB;IAEjB,MAAM0B,mBAAmC7B,YACvC,CAAC8B,OAAOC;QACN,IAAI,OAAOL,aAAa,YAAY;YAClC,OAAOA,SAASI,OAAO;gBAAE,GAAGC,OAAO;gBAAEP;YAAS;QAChD;IACF,GACA;QAACE;QAAUF;KAAS;IAGtB,MAAM,EAAEL,MAAMa,eAAe,EAAEV,UAAUW,mBAAmB,EAAE,GAAGnC;IACjE,MAAMwB,WAAWC,qBAAqBU;IAEtC,MAAM,EAAEd,IAAI,EAAEe,QAAQ,EAAEC,SAAS,EAAEL,KAAK,EAAE,GAAG7B,SAAS;QACpDkB,MAAMa,mBAAmBZ,iBAAiBb;QAC1CmB,UAAUG;IACZ;IAEA,qBACE,oBAACO;QACCtB,WAAW;YAACV;YAAgB;YAASU;YAAWqB,aAAa;YAASb,YAAY;SAAY,CAC3Fe,MAAM,CAACC,SACPC,IAAI,CAAC;QACRd,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;qBAEA,oBAAC/B;QAAWe,aAAaA;QAAaQ,MAAMA;QAAO,GAAIH,cAAc,CAAC,CAAC;sBACvE,oBAACnB;QACCe,aAAaA;QACbK,OAAOA;QACPO,UAAUA;QACT,GAAIN,cAAc,CAAC,CAAC;sBAEvB,oBAACkB,aACE3B,2BACD,oBAAC+B;QACC3B,cAAcA;QACd4B,UAAUnB;QACVoB,IAAI,CAAC,MAAM,EAAEvB,KAAKwB,OAAO,CAAC,OAAO,MAAM,CAAC;QACxCpC,MAAMY;QACNyB,UAAUV;QACVb,aAAa3B,eAAe2B,aAAaO;QACzCiB,MAAK;QACLf,OAAO,AAACA,SAAoB;QAE7BtB,aAEFE,sBAAsBoC,YACrBpC,kCAEA,oBAACf,kBAAsBoB,oBAAoB,CAAC;AAIpD;AAEA,OAAO,MAAMgC,QAAQ7C,cAAcG,YAAW"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","useFieldProps","useField","withCondition","RenderComponent","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","EmailFieldComponent","props","$","autoComplete","descriptionProps","errorProps","field","t0","labelProps","readOnly","readOnlyFromTopLevelProps","validate","t1","undefined","name","_path","pathFromProps","admin","t2","label","required","t3","readOnlyFromAdmin","className","description","placeholder","style","width","readOnlyFromProps","i18n","t4","value","options","memoizedValidate","path","pathFromContext","readOnlyFromContext","t5","t6","formInitializing","formProcessing","setValue","showError","value_0","disabled","t7","t8","t9","filter","Boolean","t10","join","t11","t12","t13","t14","_jsxs","children","_jsx","Label","components","CustomError","Error","mappedComponent","beforeInput","id","replace","onChange","type","afterInput","Description","EmailField"],"sources":["../../../src/fields/Email/index.tsx"],"sourcesContent":["'use client'\nimport type { EmailFieldProps, EmailFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst EmailFieldComponent: React.FC<EmailFieldProps> = (props) => {\n  const {\n    autoComplete,\n    descriptionProps,\n    errorProps,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        readOnly: readOnlyFromAdmin,\n\n        className,\n        description,\n        placeholder,\n        style,\n        width,\n      } = {} as EmailFieldProps['field']['admin'],\n      label,\n      required,\n    } = {} as EmailFieldProps['field'],\n    field,\n    labelProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\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 { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, formProcessing, path, setValue, showError, value } = useField({\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  return (\n    <div\n      className={[fieldBaseClass, 'email', className, showError && 'error', disabled && 'read-only']\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        Label={field?.admin?.components?.Label}\n        field={field}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError\n          CustomError={field?.admin?.components?.Error}\n          field={field}\n          path={path}\n          {...(errorProps || {})}\n        />\n        <RenderComponent mappedComponent={field?.admin?.components?.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={disabled}\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        <RenderComponent mappedComponent={field?.admin?.components?.afterInput} />\n      </div>\n      <FieldDescription\n        Description={field?.admin?.components?.Description}\n        description={description}\n        field={field}\n        {...(descriptionProps || {})}\n      />\n    </div>\n  )\n}\n\nexport const EmailField = withCondition(EmailFieldComponent)\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import type { FieldDescriptionClientComponent } from 'payload';
+import './index.scss';
+export declare const FieldDescription: FieldDescriptionClientComponent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/FieldDescription/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,+BAA+B,EAA2B,MAAM,SAAS,CAAA;AAQvF,OAAO,cAAc,CAAA;AA+BrB,eAAO,MAAM,gBAAgB,EAAE,+BAQ9B,CAAA"}

package/dist/fields/FieldDescription/index.js

@@ -0,0 +1,71 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
+import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
+import { RenderComponent } from '../../providers/Config/RenderComponent.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import './index.scss';
+const baseClass = 'field-description';
+const DefaultFieldDescription = props => {
+  const $ = _c(8);
+  const {
+    className,
+    description,
+    marginPlacement
+  } = props;
+  const {
+    path
+  } = useFieldProps();
+  const {
+    i18n
+  } = useTranslation();
+  if (description) {
+    const t0 = `field-description-${path.replace(/\./g, "__")}`;
+    const t1 = marginPlacement && `${baseClass}--margin-${marginPlacement}`;
+    let t2;
+    if ($[0] !== className || $[1] !== t0 || $[2] !== t1) {
+      t2 = [baseClass, className, t0, t1].filter(Boolean);
+      $[0] = className;
+      $[1] = t0;
+      $[2] = t1;
+      $[3] = t2;
+    } else {
+      t2 = $[3];
+    }
+    const t3 = t2.join(" ");
+    let t4;
+    if ($[4] !== description || $[5] !== i18n || $[6] !== t3) {
+      t4 = _jsx("div", {
+        className: t3,
+        children: getTranslation(description, i18n)
+      });
+      $[4] = description;
+      $[5] = i18n;
+      $[6] = t3;
+      $[7] = t4;
+    } else {
+      t4 = $[7];
+    }
+    return t4;
+  }
+  return null;
+};
+export const FieldDescription = props => {
+  const {
+    Description,
+    ...rest
+  } = props;
+  if (Description) {
+    return /*#__PURE__*/_jsx(RenderComponent, {
+      clientProps: rest,
+      mappedComponent: Description
+    });
+  }
+  return /*#__PURE__*/_jsx(DefaultFieldDescription, {
+    ...rest
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useFieldProps","RenderComponent","useTranslation","baseClass","DefaultFieldDescription","props","$","className","description","marginPlacement","path","i18n","t0","replace","t1","t2","filter","Boolean","t3","join","t4","_jsx","children","FieldDescription","Description","rest","clientProps","mappedComponent"],"sources":["../../../src/fields/FieldDescription/index.tsx"],"sourcesContent":["'use client'\nimport type { FieldDescriptionClientComponent, GenericDescriptionProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'field-description'\n\nconst DefaultFieldDescription: React.FC<GenericDescriptionProps> = (props) => {\n  const { className, description, marginPlacement } = props\n\n  const { path } = useFieldProps()\n\n  const { i18n } = useTranslation()\n\n  if (description) {\n    return (\n      <div\n        className={[\n          baseClass,\n          className,\n          `field-description-${path.replace(/\\./g, '__')}`,\n          marginPlacement && `${baseClass}--margin-${marginPlacement}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {getTranslation(description, i18n)}\n      </div>\n    )\n  }\n\n  return null\n}\n\nexport const FieldDescription: FieldDescriptionClientComponent = (props) => {\n  const { Description, ...rest } = props\n\n  if (Description) {\n    return <RenderComponent clientProps={rest} mappedComponent={Description} />\n  }\n\n  return <DefaultFieldDescription {...rest} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,uBAAA,GAA6DC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACjE;IAAAU,SAAA;IAAAC,WAAA;IAAAC;EAAA,IAAoDJ,KAAA;EAEpD;IAAAK;EAAA,IAAiBV,aAAA;EAEjB;IAAAW;EAAA,IAAiBT,cAAA;EAAA,IAEbM,WAAA;IAMI,MAAAI,EAAA,wBAAqBF,IAAA,CAAAG,OAAA,QAAoB,OAAO;IAChD,MAAAC,EAAA,GAAAL,eAAA,IAAmB,GAAAN,SAAA,YAAwBM,eAAA,EAAiB;IAAA,IAAAM,EAAA;IAAA,IAAAT,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAM,EAAA,IAAAN,CAAA,QAAAQ,EAAA;MAJnDC,EAAA,IAAAZ,SAAA,EAETI,SAAA,EACAK,EAAgD,EAChDE,EAA4D,EAAAE,MAAA,CAAAC,OAEpD;MAAAX,CAAA,MAAAC,SAAA;MAAAD,CAAA,MAAAM,EAAA;MAAAN,CAAA,MAAAQ,EAAA;MAAAR,CAAA,MAAAS,EAAA;IAAA;MAAAA,EAAA,GAAAT,CAAA;IAAA;IANC,MAAAY,EAAA,GAAAH,EAMD,CAAAI,IAAA,CACF;IAAA,IAAAC,EAAA;IAAA,IAAAd,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAY,EAAA;MARVE,EAAA,GAAAC,IAAA,CAAC;QAAAd,SAAA,EACYW,EAOH;QAAAI,QAAA,EAEPxB,cAAA,CAAeU,WAAA,EAAaG,IAAA;MAAA,C;;;;;;;;WAV/BS,E;;;CAgBN;AAEA,OAAO,MAAMG,gBAAA,GAAqDlB,KAAA;EAChE,MAAM;IAAEmB,WAAW;IAAE,GAAGC;EAAA,CAAM,GAAGpB,KAAA;EAEjC,IAAImB,WAAA,EAAa;IACf,oBAAOH,IAAA,CAACpB,eAAA;MAAgByB,WAAA,EAAaD,IAAA;MAAME,eAAA,EAAiBH;;EAC9D;EAEA,oBAAOH,IAAA,CAACjB,uBAAA;IAAyB,GAAGqB;;AACtC","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import type { FieldErrorClientComponent } from 'payload';
+import './index.scss';
+export declare const FieldError: FieldErrorClientComponent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/FieldError/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAqB,MAAM,SAAS,CAAA;AAQ3E,OAAO,cAAc,CAAA;AAkCrB,eAAO,MAAM,UAAU,EAAE,yBAQxB,CAAA"}

package/dist/fields/FieldError/index.js

@@ -0,0 +1,87 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Tooltip } from '../../elements/Tooltip/index.js';
+import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
+import { useFormFields, useFormSubmitted } from '../../forms/Form/context.js';
+import { RenderComponent } from '../../providers/Config/RenderComponent.js';
+import './index.scss';
+const baseClass = 'field-error';
+const DefaultFieldError = props => {
+  const $ = _c(7);
+  const {
+    alignCaret: t0,
+    message: messageFromProps,
+    path: pathFromProps,
+    showError: showErrorFromProps
+  } = props;
+  const alignCaret = t0 === undefined ? "right" : t0;
+  const {
+    path: pathFromContext
+  } = useFieldProps();
+  const path = pathFromContext ?? pathFromProps;
+  const hasSubmitted = useFormSubmitted();
+  let t1;
+  if ($[0] !== path) {
+    t1 = t2 => {
+      const [fields] = t2;
+      return fields && fields?.[path] || null;
+    };
+    $[0] = path;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const field = useFormFields(t1);
+  let t2;
+  if ($[2] !== field) {
+    t2 = field || {};
+    $[2] = field;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const {
+    errorMessage,
+    valid
+  } = t2;
+  const message = messageFromProps || errorMessage;
+  const showMessage = showErrorFromProps || hasSubmitted && valid === false;
+  if (showMessage && message?.length) {
+    let t3;
+    if ($[4] !== alignCaret || $[5] !== message) {
+      t3 = _jsx(Tooltip, {
+        alignCaret,
+        className: baseClass,
+        delay: 0,
+        staticPositioning: true,
+        children: message
+      });
+      $[4] = alignCaret;
+      $[5] = message;
+      $[6] = t3;
+    } else {
+      t3 = $[6];
+    }
+    return t3;
+  }
+  return null;
+};
+export const FieldError = props => {
+  const {
+    CustomError,
+    ...rest
+  } = props;
+  if (CustomError) {
+    return /*#__PURE__*/_jsx(RenderComponent, {
+      clientProps: rest,
+      mappedComponent: CustomError
+    });
+  }
+  return /*#__PURE__*/_jsx(DefaultFieldError, {
+    ...rest
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","Tooltip","useFieldProps","useFormFields","useFormSubmitted","RenderComponent","baseClass","DefaultFieldError","props","$","alignCaret","t0","message","messageFromProps","path","pathFromProps","showError","showErrorFromProps","undefined","pathFromContext","hasSubmitted","t1","t2","fields","field","errorMessage","valid","showMessage","length","t3","_jsx","className","delay","staticPositioning","children","FieldError","CustomError","rest","clientProps","mappedComponent"],"sources":["../../../src/fields/FieldError/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldErrorClientComponent, GenericErrorProps } from 'payload'\n\nimport React from 'react'\n\nimport { Tooltip } from '../../elements/Tooltip/index.js'\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useFormFields, useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport './index.scss'\n\nconst baseClass = 'field-error'\n\nconst DefaultFieldError: React.FC<GenericErrorProps> = (props) => {\n  const {\n    alignCaret = 'right',\n    message: messageFromProps,\n    path: pathFromProps,\n    showError: showErrorFromProps,\n  } = props\n\n  const { path: pathFromContext } = useFieldProps()\n  const path = pathFromContext ?? pathFromProps\n\n  const hasSubmitted = useFormSubmitted()\n  const field = useFormFields(([fields]) => (fields && fields?.[path]) || null)\n\n  const { errorMessage, valid } = field || {}\n\n  const message = messageFromProps || errorMessage\n  const showMessage = showErrorFromProps || (hasSubmitted && valid === false)\n\n  if (showMessage && message?.length) {\n    return (\n      <Tooltip alignCaret={alignCaret} className={baseClass} delay={0} staticPositioning>\n        {message}\n      </Tooltip>\n    )\n  }\n\n  return null\n}\n\nexport const FieldError: FieldErrorClientComponent = (props) => {\n  const { CustomError, ...rest } = props\n\n  if (CustomError) {\n    return <RenderComponent clientProps={rest} mappedComponent={CustomError} />\n  }\n\n  return <DefaultFieldError {...rest} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,aAAa,QAAQ;AAC9B,SAASC,aAAa,EAAEC,gBAAgB,QAAQ;AAChD,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,iBAAA,GAAiDC,KAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACrD;IAAAW,UAAA,EAAAC,EAAA;IAAAC,OAAA,EAAAC,gBAAA;IAAAC,IAAA,EAAAC,aAAA;IAAAC,SAAA,EAAAC;EAAA,IAKIT,KAAA;EAJF,MAAAE,UAAA,GAAAC,EAAoB,KAAAO,SAAA,GAAP,OAAO,GAApBP,EAAoB;EAMtB;IAAAG,IAAA,EAAAK;EAAA,IAAkCjB,aAAA;EAClC,MAAAY,IAAA,GAAaK,eAAA,IAAmBJ,aAAA;EAEhC,MAAAK,YAAA,GAAqBhB,gBAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAZ,CAAA,QAAAK,IAAA;IACOO,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,IAAAD,EAAQ;MAAA,OAAKC,MAAC,IAAUA,MAAA,GAAST,IAAA,CAAK,QAAK;IAAA;IAAAL,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAAxE,MAAAe,KAAA,GAAcrB,aAAA,CAAckB,EAA4C;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAe,KAAA;IAExCF,EAAA,GAAAE,KAAA,MAAU;IAAAf,CAAA,MAAAe,KAAA;IAAAf,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAA1C;IAAAgB,YAAA;IAAAC;EAAA,IAAgCJ,EAAU;EAE1C,MAAAV,OAAA,GAAgBC,gBAAA,IAAoBY,YAAA;EACpC,MAAAE,WAAA,GAAoBV,kBAAA,IAAuBG,YAAA,IAAgBM,KAAA,UAAU;EAAA,IAEjEC,WAAA,IAAef,OAAA,EAAAgB,MAAS;IAAA,IAAAC,EAAA;IAAA,IAAApB,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAG,OAAA;MAExBiB,EAAA,GAAAC,IAAA,CAAA7B,OAAA;QAAAS,UAAA;QAAAqB,SAAA,EAAAzB,SAAA;QAAA0B,KAAA;QAAAC,iBAAA;QAAAC,QAAA,EACGtB;MAAA,C;;;;;;;WADHiB,E;;;CAON;AAEA,OAAO,MAAMM,UAAA,GAAyC3B,KAAA;EACpD,MAAM;IAAE4B,WAAW;IAAE,GAAGC;EAAA,CAAM,GAAG7B,KAAA;EAEjC,IAAI4B,WAAA,EAAa;IACf,oBAAON,IAAA,CAACzB,eAAA;MAAgBiC,WAAA,EAAaD,IAAA;MAAME,eAAA,EAAiBH;;EAC9D;EAEA,oBAAON,IAAA,CAACvB,iBAAA;IAAmB,GAAG8B;;AAChC","ignoreList":[]}

package/dist/fields/FieldError/index.scss

@@ -0,0 +1,16 @@
+@import '../../scss/styles';
+
+.field-error.tooltip {
+  font-family: var(--font-body);
+  left: auto;
+  max-width: 75%;
+  right: 0;
+  transform: translateY(calc(var(--caret-size) * -1));
+  color: var(--theme-error-950);
+  background-color: var(--theme-error-300);
+
+  &::after {
+    border-top-color: var(--theme-error-300);
+    border-bottom-color: var(--theme-error-300);
+  }
+}

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

@@ -0,0 +1,4 @@
+import type { FieldLabelClientComponent } from 'payload';
+import './index.scss';
+export declare const FieldLabel: FieldLabelClientComponent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/FieldLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAqB,MAAM,SAAS,CAAA;AAW3E,OAAO,cAAc,CAAA;AA8BrB,eAAO,MAAM,UAAU,EAAE,yBAQxB,CAAA"}

package/dist/fields/FieldLabel/index.js

@@ -0,0 +1,99 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
+import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
+import { useForm } from '../../forms/Form/context.js';
+import { RenderComponent } from '../../providers/Config/RenderComponent.js';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { generateFieldID } from '../../utilities/generateFieldID.js';
+import './index.scss';
+const DefaultFieldLabel = props => {
+  const $ = _c(16);
+  const {
+    as: t0,
+    htmlFor: htmlForFromProps,
+    label: labelFromProps,
+    required: t1,
+    unstyled: t2
+  } = props;
+  const Element = t0 === undefined ? "label" : t0;
+  const required = t1 === undefined ? false : t1;
+  const unstyled = t2 === undefined ? false : t2;
+  const {
+    uuid
+  } = useForm();
+  const {
+    path
+  } = useFieldProps();
+  const editDepth = useEditDepth();
+  let t3;
+  if ($[0] !== htmlForFromProps || $[1] !== path || $[2] !== editDepth || $[3] !== uuid) {
+    t3 = htmlForFromProps || generateFieldID(path, editDepth, uuid);
+    $[0] = htmlForFromProps;
+    $[1] = path;
+    $[2] = editDepth;
+    $[3] = uuid;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const htmlFor = t3;
+  const {
+    i18n
+  } = useTranslation();
+  if (labelFromProps) {
+    const t4 = `field-label ${unstyled ? "unstyled" : ""}`;
+    let t5;
+    if ($[5] !== labelFromProps || $[6] !== i18n || $[7] !== required || $[8] !== unstyled || $[9] !== t4 || $[10] !== htmlFor || $[11] !== Element) {
+      let t6;
+      if ($[13] !== required || $[14] !== unstyled) {
+        t6 = required && !unstyled && _jsx("span", {
+          className: "required",
+          children: "*"
+        });
+        $[13] = required;
+        $[14] = unstyled;
+        $[15] = t6;
+      } else {
+        t6 = $[15];
+      }
+      t5 = _jsxs(Element, {
+        className: t4,
+        htmlFor,
+        children: [getTranslation(labelFromProps, i18n), t6]
+      });
+      $[5] = labelFromProps;
+      $[6] = i18n;
+      $[7] = required;
+      $[8] = unstyled;
+      $[9] = t4;
+      $[10] = htmlFor;
+      $[11] = Element;
+      $[12] = t5;
+    } else {
+      t5 = $[12];
+    }
+    return t5;
+  }
+  return null;
+};
+export const FieldLabel = props => {
+  const {
+    Label,
+    ...rest
+  } = props;
+  if (Label) {
+    return /*#__PURE__*/_jsx(RenderComponent, {
+      clientProps: rest,
+      mappedComponent: Label
+    });
+  }
+  return /*#__PURE__*/_jsx(DefaultFieldLabel, {
+    ...rest
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useFieldProps","useForm","RenderComponent","useEditDepth","useTranslation","generateFieldID","DefaultFieldLabel","props","$","as","t0","htmlFor","htmlForFromProps","label","labelFromProps","required","t1","unstyled","t2","Element","undefined","uuid","path","editDepth","t3","i18n","t4","t5","t6","_jsx","className","children","_jsxs","FieldLabel","Label","rest","clientProps","mappedComponent"],"sources":["../../../src/fields/FieldLabel/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldLabelClientComponent, GenericLabelProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport './index.scss'\n\nconst DefaultFieldLabel: React.FC<GenericLabelProps> = (props) => {\n  const {\n    as: Element = 'label',\n    htmlFor: htmlForFromProps,\n    label: labelFromProps,\n    required = false,\n    unstyled = false,\n  } = props\n\n  const { uuid } = useForm()\n  const { path } = useFieldProps()\n  const editDepth = useEditDepth()\n  const htmlFor = htmlForFromProps || generateFieldID(path, editDepth, uuid)\n\n  const { i18n } = useTranslation()\n\n  if (labelFromProps) {\n    return (\n      <Element className={`field-label ${unstyled ? 'unstyled' : ''}`} htmlFor={htmlFor}>\n        {getTranslation(labelFromProps, i18n)}\n        {required && !unstyled && <span className=\"required\">*</span>}\n      </Element>\n    )\n  }\n\n  return null\n}\n\nexport const FieldLabel: FieldLabelClientComponent = (props) => {\n  const { Label, ...rest } = props\n\n  if (Label) {\n    return <RenderComponent clientProps={rest} mappedComponent={Label} />\n  }\n\n  return <DefaultFieldLabel {...rest} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,eAAe,QAAQ;AAChC,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,iBAAA,GAAiDC,KAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EACrD;IAAAY,EAAA,EAAAC,EAAA;IAAAC,OAAA,EAAAC,gBAAA;IAAAC,KAAA,EAAAC,cAAA;IAAAC,QAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC;EAAA,IAMIX,KAAA;EALE,MAAAY,OAAA,GAAAT,EAAiB,KAAAU,SAAA,GAAP,OAAO,GAAjBV,EAAiB;EAGrB,MAAAK,QAAA,GAAAC,EAAgB,KAAAI,SAAA,WAAhBJ,EAAgB;EAChB,MAAAC,QAAA,GAAAC,EAAgB,KAAAE,SAAA,WAAhBF,EAAgB;EAGlB;IAAAG;EAAA,IAAiBpB,OAAA;EACjB;IAAAqB;EAAA,IAAiBtB,aAAA;EACjB,MAAAuB,SAAA,GAAkBpB,YAAA;EAAA,IAAAqB,EAAA;EAAA,IAAAhB,CAAA,QAAAI,gBAAA,IAAAJ,CAAA,QAAAc,IAAA,IAAAd,CAAA,QAAAe,SAAA,IAAAf,CAAA,QAAAa,IAAA;IACFG,EAAA,GAAAZ,gBAAA,IAAoBP,eAAA,CAAgBiB,IAAA,EAAMC,SAAA,EAAWF,IAAA;IAAAb,CAAA,MAAAI,gBAAA;IAAAJ,CAAA,MAAAc,IAAA;IAAAd,CAAA,MAAAe,SAAA;IAAAf,CAAA,MAAAa,IAAA;IAAAb,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAArE,MAAAG,OAAA,GAAgBa,EAAqD;EAErE;IAAAC;EAAA,IAAiBrB,cAAA;EAAA,IAEbU,cAAA;IAEoB,MAAAY,EAAA,kBAAeT,QAAA,GAAW,aAAa,IAAI;IAAA,IAAAU,EAAA;IAAA,IAAAnB,CAAA,QAAAM,cAAA,IAAAN,CAAA,QAAAiB,IAAA,IAAAjB,CAAA,QAAAO,QAAA,IAAAP,CAAA,QAAAS,QAAA,IAAAT,CAAA,QAAAkB,EAAA,IAAAlB,CAAA,SAAAG,OAAA,IAAAH,CAAA,SAAAW,OAAA;MAAA,IAAAS,EAAA;MAAA,IAAApB,CAAA,SAAAO,QAAA,IAAAP,CAAA,SAAAS,QAAA;QAE5DW,EAAA,GAAAb,QAAA,KAAaE,QAAA,IAAYY,IAAA,CAAC;UAAAC,SAAA,EAAe;UAAAC,QAAA,EAAW;QAAA,C;;;;;;;MAFvDJ,EAAA,GAAAK,KAAA,CAACb,OAAA;QAAAW,SAAA,EAAmBJ,EAA2C;QAAAf,OAAA;QAAAoB,QAAA,GAC5DjC,cAAA,CAAegB,cAAA,EAAgBW,IAAA,GAC/BG,E;;;;;;;;;;;;;WAFHD,E;;;CAQN;AAEA,OAAO,MAAMM,UAAA,GAAyC1B,KAAA;EACpD,MAAM;IAAE2B,KAAK;IAAE,GAAGC;EAAA,CAAM,GAAG5B,KAAA;EAE3B,IAAI2B,KAAA,EAAO;IACT,oBAAOL,IAAA,CAAC3B,eAAA;MAAgBkC,WAAA,EAAaD,IAAA;MAAME,eAAA,EAAiBH;;EAC9D;EAEA,oBAAOL,IAAA,CAACvB,iBAAA;IAAmB,GAAG6B;;AAChC","ignoreList":[]}

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

@@ -1,19 +1,8 @@
-import type { FieldPermissions } from 'payload/auth';
-import type { FieldBase } from 'payload/types';
+import type { GroupFieldProps } from 'payload';
 import React from 'react';
-import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js';
-import type { FormFieldBase } from '../shared/index.js';
 import './index.scss';
 import { GroupProvider, useGroup } from './provider.js';
-export type GroupFieldProps = FormFieldBase & {
-    fieldMap: FieldMap;
-    forceRender?: boolean;
-    hideGutter?: boolean;
-    label?: FieldBase['label'];
-    name?: string;
-    permissions: FieldPermissions;
-    width?: string;
-};
+export declare const GroupFieldComponent: React.FC<GroupFieldProps>;
 export { GroupProvider, useGroup };
-export declare const Group: React.FC<GroupFieldProps>;
+export declare const GroupField: React.FC<GroupFieldProps>;
 //# 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":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAI9C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AACvF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAavD,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIvD,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,gBAAgB,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAyFD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AAElC,eAAO,MAAM,KAAK,2BAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIvD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwFzD,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AAElC,eAAO,MAAM,UAAU,2BAAqC,CAAA"}