@payloadcms/ui 3.59.0-canary.4 → 3.59.0-internal.0fe318f

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

@@ -0,0 +1,8 @@
+import type { SlugFieldProps } from 'payload';
+import React from 'react';
+import './index.scss';
+/**
+ * @experimental This component is experimental and may change or be removed in the future. Use at your own risk.
+ */
+export declare const SlugField: React.FC<SlugFieldProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Slug/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C,OAAO,KAAgC,MAAM,OAAO,CAAA;AAOpD,OAAO,cAAc,CAAA;AAErB;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6D9C,CAAA"}

package/dist/fields/Slug/index.js

@@ -0,0 +1,128 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { slugify } from 'payload/shared';
+import React, { useCallback, useState } from 'react';
+import { Button } from '../../elements/Button/index.js';
+import { useForm } from '../../forms/Form/index.js';
+import { useField } from '../../forms/useField/index.js';
+import { FieldLabel } from '../FieldLabel/index.js';
+import { TextInput } from '../Text/index.js';
+import './index.scss';
+/**
+ * @experimental This component is experimental and may change or be removed in the future. Use at your own risk.
+ */
+export const SlugField = t0 => {
+  const $ = _c(18);
+  const {
+    field,
+    fieldToUse,
+    path,
+    readOnly: readOnlyFromProps
+  } = t0;
+  const {
+    label
+  } = field;
+  const t1 = path || field.name;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = {
+      path: t1
+    };
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const {
+    setValue,
+    value
+  } = useField(t2);
+  const {
+    getDataByPath
+  } = useForm();
+  const [isLocked, setIsLocked] = useState(true);
+  let t3;
+  if ($[2] !== fieldToUse || $[3] !== getDataByPath || $[4] !== setValue || $[5] !== value) {
+    t3 = e => {
+      e.preventDefault();
+      const targetFieldValue = getDataByPath(fieldToUse);
+      if (targetFieldValue) {
+        const formattedSlug = slugify(targetFieldValue);
+        if (value !== formattedSlug) {
+          setValue(formattedSlug);
+        }
+      } else {
+        if (value !== "") {
+          setValue("");
+        }
+      }
+    };
+    $[2] = fieldToUse;
+    $[3] = getDataByPath;
+    $[4] = setValue;
+    $[5] = value;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const handleGenerate = t3;
+  let t4;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = e_0 => {
+      e_0.preventDefault();
+      setIsLocked(_temp);
+    };
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  const toggleLock = t4;
+  const t5 = `field-${path}`;
+  let t6;
+  if ($[8] !== field.name || $[9] !== handleGenerate || $[10] !== isLocked || $[11] !== label || $[12] !== path || $[13] !== readOnlyFromProps || $[14] !== setValue || $[15] !== t5 || $[16] !== value) {
+    t6 = _jsxs("div", {
+      className: "field-type slug-field-component",
+      children: [_jsxs("div", {
+        className: "label-wrapper",
+        children: [_jsx(FieldLabel, {
+          htmlFor: t5,
+          label
+        }), !isLocked && _jsx(Button, {
+          buttonStyle: "none",
+          className: "lock-button",
+          onClick: handleGenerate,
+          children: "Generate"
+        }), _jsx(Button, {
+          buttonStyle: "none",
+          className: "lock-button",
+          onClick: toggleLock,
+          children: isLocked ? "Unlock" : "Lock"
+        })]
+      }), _jsx(TextInput, {
+        onChange: setValue,
+        path: path || field.name,
+        readOnly: Boolean(readOnlyFromProps || isLocked),
+        value
+      })]
+    });
+    $[8] = field.name;
+    $[9] = handleGenerate;
+    $[10] = isLocked;
+    $[11] = label;
+    $[12] = path;
+    $[13] = readOnlyFromProps;
+    $[14] = setValue;
+    $[15] = t5;
+    $[16] = value;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  return t6;
+};
+function _temp(prev) {
+  return !prev;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","slugify","React","useCallback","useState","Button","useForm","useField","FieldLabel","TextInput","SlugField","t0","$","field","fieldToUse","path","readOnly","readOnlyFromProps","label","t1","name","t2","setValue","value","getDataByPath","isLocked","setIsLocked","t3","e","preventDefault","targetFieldValue","formattedSlug","handleGenerate","t4","Symbol","for","e_0","_temp","toggleLock","t5","t6","_jsxs","className","children","_jsx","htmlFor","buttonStyle","onClick","onChange","Boolean","prev"],"sources":["../../../src/fields/Slug/index.tsx"],"sourcesContent":["'use client'\nimport type { SlugFieldProps } from 'payload'\n\nimport { slugify } from 'payload/shared'\nimport React, { useCallback, useState } from 'react'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useForm } from '../../forms/Form/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { TextInput } from '../Text/index.js'\nimport './index.scss'\n\n/**\n * @experimental This component is experimental and may change or be removed in the future. Use at your own risk.\n */\nexport const SlugField: React.FC<SlugFieldProps> = ({\n  field,\n  fieldToUse,\n  path,\n  readOnly: readOnlyFromProps,\n}) => {\n  const { label } = field\n\n  const { setValue, value } = useField<string>({ path: path || field.name })\n\n  const { getDataByPath } = useForm()\n\n  const [isLocked, setIsLocked] = useState(true)\n\n  const handleGenerate = useCallback(\n    (e: React.MouseEvent<Element>) => {\n      e.preventDefault()\n\n      const targetFieldValue = getDataByPath(fieldToUse)\n\n      if (targetFieldValue) {\n        const formattedSlug = slugify(targetFieldValue as string)\n\n        if (value !== formattedSlug) {\n          setValue(formattedSlug)\n        }\n      } else {\n        if (value !== '') {\n          setValue('')\n        }\n      }\n    },\n    [setValue, value, fieldToUse, getDataByPath],\n  )\n\n  const toggleLock = useCallback((e: React.MouseEvent<Element>) => {\n    e.preventDefault()\n    setIsLocked((prev) => !prev)\n  }, [])\n\n  return (\n    <div className=\"field-type slug-field-component\">\n      <div className=\"label-wrapper\">\n        <FieldLabel htmlFor={`field-${path}`} label={label} />\n        {!isLocked && (\n          <Button buttonStyle=\"none\" className=\"lock-button\" onClick={handleGenerate}>\n            Generate\n          </Button>\n        )}\n        <Button buttonStyle=\"none\" className=\"lock-button\" onClick={toggleLock}>\n          {isLocked ? 'Unlock' : 'Lock'}\n        </Button>\n      </div>\n      <TextInput\n        onChange={setValue}\n        path={path || field.name}\n        readOnly={Boolean(readOnlyFromProps || isLocked)}\n        value={value}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Slug/index.scss

@@ -0,0 +1,17 @@
+@layer payload-default {
+  .slug-field-component {
+    width: 100%;
+
+    .label-wrapper {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      gap: calc(var(--base) / 2);
+    }
+
+    .lock-button {
+      margin: 0;
+      padding-bottom: 0.3125rem;
+    }
+  }
+}

package/dist/forms/Form/types.d.ts

@@ -97,11 +97,11 @@ export type DispatchFields = React.Dispatch<any>;
 export type Submit = <T extends Response, C extends Record<string, unknown>>(options?: SubmitOptions<C>, e?: React.FormEvent<HTMLFormElement>) => Promise</**
  * Returns the form state and the response from the server.
  *
- * @experimental - Note: the `{ res: ... }` return type is experimental and may change in the future. Use at your own discretion.
+ * @experimental - Note: the `{ res: ... }` return type is experimental and may change in the future. Use at your own risk.
  */ /**
  * Returns the form state and the response from the server.
  *
- * @experimental - Note: the `{ res: ... }` return type is experimental and may change in the future. Use at your own discretion.
+ * @experimental - Note: the `{ res: ... }` return type is experimental and may change in the future. Use at your own risk.
  */ {
     formState?: FormState;
     res: T;

package/dist/forms/Form/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/Form/types.ts"],"sourcesContent":["import type {\n  ClientField,\n  Data,\n  FormField,\n  FormState,\n  Row,\n  TypedUser,\n  ValidationFieldError,\n} from 'payload'\nimport type React from 'react'\nimport type { Dispatch } from 'react'\n\nimport type { AcceptValues } from './mergeServerFormState.js'\n\nexport type Preferences = {\n  [key: string]: unknown\n}\n\nexport type FormOnSuccess<T = unknown, C = Record<string, unknown>> = (\n  json: T,\n  ctx?: {\n    /**\n     * Arbitrary context passed to the onSuccess callback.\n     */\n    context?: C\n    /**\n     * The form state that was sent with the request when retrieving the `json` arg.\n     */\n    formState?: FormState\n  },\n) => Promise<FormState | void> | void\n\nexport type FormProps = {\n  beforeSubmit?: ((args: { formState: FormState }) => Promise<FormState>)[]\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  disableSuccessStatus?: boolean\n  /**\n   * If you would like to solely leverage server-side validation on submit,\n   * you can disable checks that the form makes before it submits\n   */\n  disableValidationOnSubmit?: boolean\n  /**\n   * If you don't want the form to be a <form> element, you can pass a string here to use as the wrapper element.\n   */\n  el?: string\n  /**\n   * By default, the form will get the field schema (not data) from the current document. If you pass this in, you can override that behavior.\n   * This is very useful for sub-forms, where the form's field schema is not necessarily the field schema of the current document (e.g. for the Blocks\n   * feature of the Lexical Rich Text field)\n   */\n  fields?: ClientField[]\n  handleResponse?: (\n    res: Response,\n    successToast: (value: string) => void,\n    errorToast: (value: string) => void,\n  ) => void\n  initialState?: FormState\n  /**\n   * Determines if this Form is the main, top-level Form of a document. If set to true, the\n   * Form's children will be wrapped in a DocumentFormContext, which lets you access this document\n   * Form's data and fields from any child component - even if that child component is wrapped in a child\n   * Form (e.g. a lexical block).\n   */\n  isDocumentForm?: boolean\n  isInitializing?: boolean\n  log?: boolean\n  onChange?: ((args: { formState: FormState; submitted?: boolean }) => Promise<FormState>)[]\n  onSubmit?: (fields: FormState, data: Data) => void\n  onSuccess?: FormOnSuccess\n  redirect?: string\n  submitted?: boolean\n  uuid?: string\n  validationOperation?: 'create' | 'update'\n  waitForAutocomplete?: boolean\n} & (\n  | {\n      action: (formData: FormData) => Promise<void>\n    }\n  | {\n      action?: string\n      method?: 'DELETE' | 'GET' | 'PATCH' | 'POST'\n    }\n)\n\nexport type SubmitOptions<C = Record<string, unknown>> = {\n  acceptValues?: AcceptValues\n  action?: string\n  /**\n   * If you want to pass additional data to the onSuccess callback, you can use this context object.\n   *\n   * @experimental This property is experimental and may change in the future.\n   */\n  context?: C\n  /**\n   * When true, will disable the form while it is processing.\n   * @default true\n   */\n  disableFormWhileProcessing?: boolean\n  /**\n   * When true, will disable the success toast after form submission.\n   * @default false\n   */\n  disableSuccessStatus?: boolean\n  method?: string\n  overrides?: ((formState) => FormData) | Record<string, unknown>\n  /**\n   * When true, will skip validation before submitting the form.\n   * @default false\n   */\n  skipValidation?: boolean\n}\n\nexport type DispatchFields = React.Dispatch<any>\n\nexport type Submit = <T extends Response, C extends Record<string, unknown>>(\n  options?: SubmitOptions<C>,\n  e?: React.FormEvent<HTMLFormElement>,\n) => Promise</**\n * Returns the form state and the response from the server.\n *\n * @experimental - Note: the `{ res: ... }` return type is experimental and may change in the future. Use at your own discretion.\n */\n{ formState?: FormState; res: T } | void>\n\nexport type ValidateForm = () => Promise<boolean>\n\nexport type CreateFormData = (\n  overrides?: Record<string, unknown>,\n  /**\n   * If mergeOverrideData true, the data will be merged with the existing data in the form state.\n   * @default true\n   */\n  options?: {\n    /**\n     * If provided, will use this instead of of derived data from the current form state.\n     */\n    data?: Data\n    mergeOverrideData?: boolean\n  },\n) => FormData | Promise<FormData>\n\nexport type GetFields = () => FormState\nexport type GetField = (path: string) => FormField\nexport type GetData = () => Data\nexport type GetSiblingData = (path: string) => Data\nexport type GetDataByPath = <T = unknown>(path: string) => T\nexport type SetModified = (modified: boolean) => void\nexport type SetSubmitted = (submitted: boolean) => void\nexport type SetProcessing = (processing: boolean) => void\n\nexport type Reset = (data: unknown) => Promise<void>\n\nexport type REPLACE_STATE = {\n  optimize?: boolean\n  /**\n   * If `sanitize` is true, default values will be set for form field properties that are not present in the incoming state.\n   * For example, `valid` will be set to true if it is not present in the incoming state.\n   */\n  sanitize?: boolean\n  state: FormState\n  type: 'REPLACE_STATE'\n}\n\nexport type REMOVE = {\n  path: string\n  type: 'REMOVE'\n}\n\nexport type MODIFY_CONDITION = {\n  path: string\n  result: boolean\n  type: 'MODIFY_CONDITION'\n  user: TypedUser\n}\n\nexport type UPDATE = {\n  path: string\n  type: 'UPDATE'\n} & Partial<FormField>\n\nexport type UPDATE_MANY = {\n  formState: FormState\n  type: 'UPDATE_MANY'\n}\n\nexport type REMOVE_ROW = {\n  path: string\n  rowIndex: number\n  type: 'REMOVE_ROW'\n}\n\nexport type ADD_ROW = {\n  blockType?: string\n  path: string\n  rowIndex?: number\n  subFieldState?: FormState\n  type: 'ADD_ROW'\n}\n\nexport type MERGE_SERVER_STATE = {\n  acceptValues?: AcceptValues\n  prevStateRef: React.RefObject<FormState>\n  serverState: FormState\n  type: 'MERGE_SERVER_STATE'\n}\n\nexport type REPLACE_ROW = {\n  blockType?: string\n  path: string\n  rowIndex: number\n  subFieldState?: FormState\n  type: 'REPLACE_ROW'\n}\n\nexport type DUPLICATE_ROW = {\n  path: string\n  rowIndex: number\n  type: 'DUPLICATE_ROW'\n}\n\nexport type MOVE_ROW = {\n  moveFromIndex: number\n  moveToIndex: number\n  path: string\n  type: 'MOVE_ROW'\n}\n\nexport type ADD_SERVER_ERRORS = {\n  errors: ValidationFieldError[]\n  type: 'ADD_SERVER_ERRORS'\n}\n\nexport type SET_ROW_COLLAPSED = {\n  path: string\n  type: 'SET_ROW_COLLAPSED'\n  updatedRows: Row[]\n}\n\nexport type SET_ALL_ROWS_COLLAPSED = {\n  path: string\n  type: 'SET_ALL_ROWS_COLLAPSED'\n  updatedRows: Row[]\n}\n\nexport type FieldAction =\n  | ADD_ROW\n  | ADD_SERVER_ERRORS\n  | DUPLICATE_ROW\n  | MERGE_SERVER_STATE\n  | MODIFY_CONDITION\n  | MOVE_ROW\n  | REMOVE\n  | REMOVE_ROW\n  | REPLACE_ROW\n  | REPLACE_STATE\n  | SET_ALL_ROWS_COLLAPSED\n  | SET_ROW_COLLAPSED\n  | UPDATE\n  | UPDATE_MANY\n\nexport type FormFieldsContext = [FormState, Dispatch<FieldAction>]\n\nexport type Context = {\n  addFieldRow: ({\n    blockType,\n    path,\n    rowIndex,\n    schemaPath,\n    subFieldState,\n  }: {\n    blockType?: string\n    path: string\n    rowIndex?: number\n    schemaPath: string\n    subFieldState?: FormState\n  }) => void\n  buildRowErrors: () => void\n  createFormData: CreateFormData\n  disabled: boolean\n  dispatchFields: Dispatch<FieldAction>\n  /**\n   * Form context fields may be outdated and should not be relied on. Instead, prefer `useFormFields`.\n   */\n  fields: FormState\n  formRef: React.RefObject<HTMLFormElement>\n  getData: GetData\n  getDataByPath: GetDataByPath\n  getField: GetField\n  getFields: GetFields\n  getSiblingData: GetSiblingData\n  initializing: boolean\n  /**\n   * Tracks wether the form state passes validation.\n   * For example the state could be submitted but invalid as field errors have been returned.\n   */\n  isValid: boolean\n  moveFieldRow: ({\n    moveFromIndex,\n    moveToIndex,\n    path,\n  }: {\n    moveFromIndex: number\n    moveToIndex: number\n    path: string\n  }) => void\n  removeFieldRow: ({ path, rowIndex }: { path: string; rowIndex: number }) => void\n  replaceFieldRow: ({\n    blockType,\n    path,\n    rowIndex,\n    schemaPath,\n    subFieldState,\n  }: {\n    blockType?: string\n    path: string\n    rowIndex: number\n    schemaPath: string\n    subFieldState?: FormState\n  }) => void\n  replaceState: (state: FormState) => void\n  reset: Reset\n  /**\n   * If the form has started processing in the background (e.g.\n   * if autosave is running), this will be true.\n   */\n  setBackgroundProcessing: SetProcessing\n  setDisabled: (disabled: boolean) => void\n  setIsValid: (processing: boolean) => void\n  setModified: SetModified\n  setProcessing: SetProcessing\n  setSubmitted: SetSubmitted\n  submit: Submit\n  uuid?: string\n  validateForm: ValidateForm\n}\n"],"mappings":"AAwQA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/Form/types.ts"],"sourcesContent":["import type {\n  ClientField,\n  Data,\n  FormField,\n  FormState,\n  Row,\n  TypedUser,\n  ValidationFieldError,\n} from 'payload'\nimport type React from 'react'\nimport type { Dispatch } from 'react'\n\nimport type { AcceptValues } from './mergeServerFormState.js'\n\nexport type Preferences = {\n  [key: string]: unknown\n}\n\nexport type FormOnSuccess<T = unknown, C = Record<string, unknown>> = (\n  json: T,\n  ctx?: {\n    /**\n     * Arbitrary context passed to the onSuccess callback.\n     */\n    context?: C\n    /**\n     * The form state that was sent with the request when retrieving the `json` arg.\n     */\n    formState?: FormState\n  },\n) => Promise<FormState | void> | void\n\nexport type FormProps = {\n  beforeSubmit?: ((args: { formState: FormState }) => Promise<FormState>)[]\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  disableSuccessStatus?: boolean\n  /**\n   * If you would like to solely leverage server-side validation on submit,\n   * you can disable checks that the form makes before it submits\n   */\n  disableValidationOnSubmit?: boolean\n  /**\n   * If you don't want the form to be a <form> element, you can pass a string here to use as the wrapper element.\n   */\n  el?: string\n  /**\n   * By default, the form will get the field schema (not data) from the current document. If you pass this in, you can override that behavior.\n   * This is very useful for sub-forms, where the form's field schema is not necessarily the field schema of the current document (e.g. for the Blocks\n   * feature of the Lexical Rich Text field)\n   */\n  fields?: ClientField[]\n  handleResponse?: (\n    res: Response,\n    successToast: (value: string) => void,\n    errorToast: (value: string) => void,\n  ) => void\n  initialState?: FormState\n  /**\n   * Determines if this Form is the main, top-level Form of a document. If set to true, the\n   * Form's children will be wrapped in a DocumentFormContext, which lets you access this document\n   * Form's data and fields from any child component - even if that child component is wrapped in a child\n   * Form (e.g. a lexical block).\n   */\n  isDocumentForm?: boolean\n  isInitializing?: boolean\n  log?: boolean\n  onChange?: ((args: { formState: FormState; submitted?: boolean }) => Promise<FormState>)[]\n  onSubmit?: (fields: FormState, data: Data) => void\n  onSuccess?: FormOnSuccess\n  redirect?: string\n  submitted?: boolean\n  uuid?: string\n  validationOperation?: 'create' | 'update'\n  waitForAutocomplete?: boolean\n} & (\n  | {\n      action: (formData: FormData) => Promise<void>\n    }\n  | {\n      action?: string\n      method?: 'DELETE' | 'GET' | 'PATCH' | 'POST'\n    }\n)\n\nexport type SubmitOptions<C = Record<string, unknown>> = {\n  acceptValues?: AcceptValues\n  action?: string\n  /**\n   * If you want to pass additional data to the onSuccess callback, you can use this context object.\n   *\n   * @experimental This property is experimental and may change in the future.\n   */\n  context?: C\n  /**\n   * When true, will disable the form while it is processing.\n   * @default true\n   */\n  disableFormWhileProcessing?: boolean\n  /**\n   * When true, will disable the success toast after form submission.\n   * @default false\n   */\n  disableSuccessStatus?: boolean\n  method?: string\n  overrides?: ((formState) => FormData) | Record<string, unknown>\n  /**\n   * When true, will skip validation before submitting the form.\n   * @default false\n   */\n  skipValidation?: boolean\n}\n\nexport type DispatchFields = React.Dispatch<any>\n\nexport type Submit = <T extends Response, C extends Record<string, unknown>>(\n  options?: SubmitOptions<C>,\n  e?: React.FormEvent<HTMLFormElement>,\n) => Promise</**\n * Returns the form state and the response from the server.\n *\n * @experimental - Note: the `{ res: ... }` return type is experimental and may change in the future. Use at your own risk.\n */\n{ formState?: FormState; res: T } | void>\n\nexport type ValidateForm = () => Promise<boolean>\n\nexport type CreateFormData = (\n  overrides?: Record<string, unknown>,\n  /**\n   * If mergeOverrideData true, the data will be merged with the existing data in the form state.\n   * @default true\n   */\n  options?: {\n    /**\n     * If provided, will use this instead of of derived data from the current form state.\n     */\n    data?: Data\n    mergeOverrideData?: boolean\n  },\n) => FormData | Promise<FormData>\n\nexport type GetFields = () => FormState\nexport type GetField = (path: string) => FormField\nexport type GetData = () => Data\nexport type GetSiblingData = (path: string) => Data\nexport type GetDataByPath = <T = unknown>(path: string) => T\nexport type SetModified = (modified: boolean) => void\nexport type SetSubmitted = (submitted: boolean) => void\nexport type SetProcessing = (processing: boolean) => void\n\nexport type Reset = (data: unknown) => Promise<void>\n\nexport type REPLACE_STATE = {\n  optimize?: boolean\n  /**\n   * If `sanitize` is true, default values will be set for form field properties that are not present in the incoming state.\n   * For example, `valid` will be set to true if it is not present in the incoming state.\n   */\n  sanitize?: boolean\n  state: FormState\n  type: 'REPLACE_STATE'\n}\n\nexport type REMOVE = {\n  path: string\n  type: 'REMOVE'\n}\n\nexport type MODIFY_CONDITION = {\n  path: string\n  result: boolean\n  type: 'MODIFY_CONDITION'\n  user: TypedUser\n}\n\nexport type UPDATE = {\n  path: string\n  type: 'UPDATE'\n} & Partial<FormField>\n\nexport type UPDATE_MANY = {\n  formState: FormState\n  type: 'UPDATE_MANY'\n}\n\nexport type REMOVE_ROW = {\n  path: string\n  rowIndex: number\n  type: 'REMOVE_ROW'\n}\n\nexport type ADD_ROW = {\n  blockType?: string\n  path: string\n  rowIndex?: number\n  subFieldState?: FormState\n  type: 'ADD_ROW'\n}\n\nexport type MERGE_SERVER_STATE = {\n  acceptValues?: AcceptValues\n  prevStateRef: React.RefObject<FormState>\n  serverState: FormState\n  type: 'MERGE_SERVER_STATE'\n}\n\nexport type REPLACE_ROW = {\n  blockType?: string\n  path: string\n  rowIndex: number\n  subFieldState?: FormState\n  type: 'REPLACE_ROW'\n}\n\nexport type DUPLICATE_ROW = {\n  path: string\n  rowIndex: number\n  type: 'DUPLICATE_ROW'\n}\n\nexport type MOVE_ROW = {\n  moveFromIndex: number\n  moveToIndex: number\n  path: string\n  type: 'MOVE_ROW'\n}\n\nexport type ADD_SERVER_ERRORS = {\n  errors: ValidationFieldError[]\n  type: 'ADD_SERVER_ERRORS'\n}\n\nexport type SET_ROW_COLLAPSED = {\n  path: string\n  type: 'SET_ROW_COLLAPSED'\n  updatedRows: Row[]\n}\n\nexport type SET_ALL_ROWS_COLLAPSED = {\n  path: string\n  type: 'SET_ALL_ROWS_COLLAPSED'\n  updatedRows: Row[]\n}\n\nexport type FieldAction =\n  | ADD_ROW\n  | ADD_SERVER_ERRORS\n  | DUPLICATE_ROW\n  | MERGE_SERVER_STATE\n  | MODIFY_CONDITION\n  | MOVE_ROW\n  | REMOVE\n  | REMOVE_ROW\n  | REPLACE_ROW\n  | REPLACE_STATE\n  | SET_ALL_ROWS_COLLAPSED\n  | SET_ROW_COLLAPSED\n  | UPDATE\n  | UPDATE_MANY\n\nexport type FormFieldsContext = [FormState, Dispatch<FieldAction>]\n\nexport type Context = {\n  addFieldRow: ({\n    blockType,\n    path,\n    rowIndex,\n    schemaPath,\n    subFieldState,\n  }: {\n    blockType?: string\n    path: string\n    rowIndex?: number\n    schemaPath: string\n    subFieldState?: FormState\n  }) => void\n  buildRowErrors: () => void\n  createFormData: CreateFormData\n  disabled: boolean\n  dispatchFields: Dispatch<FieldAction>\n  /**\n   * Form context fields may be outdated and should not be relied on. Instead, prefer `useFormFields`.\n   */\n  fields: FormState\n  formRef: React.RefObject<HTMLFormElement>\n  getData: GetData\n  getDataByPath: GetDataByPath\n  getField: GetField\n  getFields: GetFields\n  getSiblingData: GetSiblingData\n  initializing: boolean\n  /**\n   * Tracks wether the form state passes validation.\n   * For example the state could be submitted but invalid as field errors have been returned.\n   */\n  isValid: boolean\n  moveFieldRow: ({\n    moveFromIndex,\n    moveToIndex,\n    path,\n  }: {\n    moveFromIndex: number\n    moveToIndex: number\n    path: string\n  }) => void\n  removeFieldRow: ({ path, rowIndex }: { path: string; rowIndex: number }) => void\n  replaceFieldRow: ({\n    blockType,\n    path,\n    rowIndex,\n    schemaPath,\n    subFieldState,\n  }: {\n    blockType?: string\n    path: string\n    rowIndex: number\n    schemaPath: string\n    subFieldState?: FormState\n  }) => void\n  replaceState: (state: FormState) => void\n  reset: Reset\n  /**\n   * If the form has started processing in the background (e.g.\n   * if autosave is running), this will be true.\n   */\n  setBackgroundProcessing: SetProcessing\n  setDisabled: (disabled: boolean) => void\n  setIsValid: (processing: boolean) => void\n  setModified: SetModified\n  setProcessing: SetProcessing\n  setSubmitted: SetSubmitted\n  submit: Submit\n  uuid?: string\n  validateForm: ValidateForm\n}\n"],"mappings":"AAwQA","ignoreList":[]}

package/dist/forms/RenderFields/context.d.ts

@@ -20,14 +20,14 @@ import React from 'react';
  * }
  * ```
  *
- * @experimental This is an experimental API and may change at any time. Use at your own discretion.
+ * @experimental This is an experimental API and may change at any time. Use at your own risk.
  */
 export declare const FieldPathContext: React.Context<string>;
 /**
  * Gets the current field path from the nearest `FieldPathContext` provider.
  * All fields are wrapped in this context by default.
  *
- * @experimental This is an experimental API and may change at any time. Use at your own discretion.
+ * @experimental This is an experimental API and may change at any time. Use at your own risk.
  */
 export declare const useFieldPath: () => string;
 //# sourceMappingURL=context.d.ts.map

package/dist/forms/RenderFields/context.js

@@ -20,14 +20,14 @@ import React from 'react';
  * }
  * ```
  *
- * @experimental This is an experimental API and may change at any time. Use at your own discretion.
+ * @experimental This is an experimental API and may change at any time. Use at your own risk.
  */
 export const FieldPathContext = React.createContext(undefined);
 /**
  * Gets the current field path from the nearest `FieldPathContext` provider.
  * All fields are wrapped in this context by default.
  *
- * @experimental This is an experimental API and may change at any time. Use at your own discretion.
+ * @experimental This is an experimental API and may change at any time. Use at your own risk.
  */
 export const useFieldPath = () => {
   const context = React.useContext(FieldPathContext);

package/dist/forms/RenderFields/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["React","FieldPathContext","createContext","undefined","useFieldPath","context","useContext"],"sources":["../../../src/forms/RenderFields/context.ts"],"sourcesContent":["import React from 'react'\n\n/**\n * All fields are wrapped in a `FieldPathContext` provider by default.\n * The `useFieldPath` hook will return this value if it exists, not the path the field was explicitly given.\n * This means if you render a field directly, you will need to wrap it with a new `FieldPathContext` provider.\n * Otherwise, it will return the parent's path, not the path it was explicitly given.\n * @example\n * ```tsx\n * 'use client'\n * import React from 'react'\n * import { TextField, FieldPathContext } from '@payloadcms/ui'\n * import type { TextFieldClientComponent } from 'payload'\n *\n * export const MyCustomField: TextFieldClientComponent = (props) => {\n *   return (\n *     <FieldPathContext value=\"path.to.some.other.field\">\n *       <TextField {...props} />\n *     </FieldPathContext>\n *   )\n * }\n * ```\n *\n * @experimental This is an experimental API and may change at any time. Use at your own discretion.\n */\nexport const FieldPathContext = React.createContext<string>(undefined)\n\n/**\n * Gets the current field path from the nearest `FieldPathContext` provider.\n * All fields are wrapped in this context by default.\n *\n * @experimental This is an experimental API and may change at any time. Use at your own discretion.\n */\nexport const useFieldPath = () => {\n  const context = React.useContext(FieldPathContext)\n\n  if (!context) {\n    // swallow the error, not all fields are wrapped in a FieldPathContext\n    return undefined\n  }\n\n  return context\n}\n"],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB;;;;;;;;;;;;;;;;;;;;;;;AAuBA,OAAO,MAAMC,gBAAA,GAAmBD,KAAA,CAAME,aAAa,CAASC,SAAA;AAE5D;;;;;;AAMA,OAAO,MAAMC,YAAA,GAAeA,CAAA;EAC1B,MAAAC,OAAA,GAAgBL,KAAA,CAAAM,UAAA,CAAAL,gBAAiB;EAAA,KAE5BI,OAAA;IAAA;EAAA;EAAA,OAKEA,OAAA;AAAA,CACT","ignoreList":[]}
+{"version":3,"file":"context.js","names":["React","FieldPathContext","createContext","undefined","useFieldPath","context","useContext"],"sources":["../../../src/forms/RenderFields/context.ts"],"sourcesContent":["import React from 'react'\n\n/**\n * All fields are wrapped in a `FieldPathContext` provider by default.\n * The `useFieldPath` hook will return this value if it exists, not the path the field was explicitly given.\n * This means if you render a field directly, you will need to wrap it with a new `FieldPathContext` provider.\n * Otherwise, it will return the parent's path, not the path it was explicitly given.\n * @example\n * ```tsx\n * 'use client'\n * import React from 'react'\n * import { TextField, FieldPathContext } from '@payloadcms/ui'\n * import type { TextFieldClientComponent } from 'payload'\n *\n * export const MyCustomField: TextFieldClientComponent = (props) => {\n *   return (\n *     <FieldPathContext value=\"path.to.some.other.field\">\n *       <TextField {...props} />\n *     </FieldPathContext>\n *   )\n * }\n * ```\n *\n * @experimental This is an experimental API and may change at any time. Use at your own risk.\n */\nexport const FieldPathContext = React.createContext<string>(undefined)\n\n/**\n * Gets the current field path from the nearest `FieldPathContext` provider.\n * All fields are wrapped in this context by default.\n *\n * @experimental This is an experimental API and may change at any time. Use at your own risk.\n */\nexport const useFieldPath = () => {\n  const context = React.useContext(FieldPathContext)\n\n  if (!context) {\n    // swallow the error, not all fields are wrapped in a FieldPathContext\n    return undefined\n  }\n\n  return context\n}\n"],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB;;;;;;;;;;;;;;;;;;;;;;;AAuBA,OAAO,MAAMC,gBAAA,GAAmBD,KAAA,CAAME,aAAa,CAASC,SAAA;AAE5D;;;;;;AAMA,OAAO,MAAMC,YAAA,GAAeA,CAAA;EAC1B,MAAAC,OAAA,GAAgBL,KAAA,CAAAM,UAAA,CAAAL,gBAAiB;EAAA,KAE5BI,OAAA;IAAA;EAAA;EAAA,OAKEA,OAAA;AAAA,CACT","ignoreList":[]}

package/dist/providers/Config/index.d.ts

@@ -38,7 +38,7 @@ export declare const useConfig: () => ClientConfigContext;
  * If the config here has the same reference as the config from the layout, we
  * simply reuse the context from the layout to avoid unnecessary re-renders.
  *
- * @experimental This component is experimental and may change or be removed in future releases. Use at your own discretion.
+ * @experimental This component is experimental and may change or be removed in future releases. Use at your own risk.
  */
 export declare const PageConfigProvider: React.FC<{
     readonly children: React.ReactNode;

package/dist/providers/Config/index.js

@@ -67,7 +67,7 @@ export const useConfig = () => use(RootConfigContext);
  * If the config here has the same reference as the config from the layout, we
  * simply reuse the context from the layout to avoid unnecessary re-renders.
  *
- * @experimental This component is experimental and may change or be removed in future releases. Use at your own discretion.
+ * @experimental This component is experimental and may change or be removed in future releases. Use at your own risk.
  */
 export const PageConfigProvider = t0 => {
   const $ = _c(7);

package/dist/providers/Config/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useCallback","useEffect","useMemo","useRef","useState","RootConfigContext","undefined","ConfigProvider","children","config","configFromProps","setConfig","isFirstRenderRef","current","collectionsBySlug","globalsBySlug","collection","collections","slug","global","globals","getEntityConfig","args","collectionSlug","globalSlug","value","_jsx","useConfig","PageConfigProvider","t0","$","rootConfig","setRootConfig","t1","t2","unauthenticated","t3"],"sources":["../../../src/providers/Config/index.tsx"],"sourcesContent":["/* eslint-disable perfectionist/sort-object-types  */ // Need to disable this rule because the order of the overloads is important\n'use client'\nimport type {\n  ClientCollectionConfig,\n  ClientConfig,\n  ClientGlobalConfig,\n  CollectionSlug,\n  GlobalSlug,\n} from 'payload'\n\nimport React, { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\ntype GetEntityConfigFn = {\n  // Overload #1: collectionSlug only\n  // @todo remove \"{} |\" in 4.0, which would be a breaking change\n  (args: { collectionSlug: {} | CollectionSlug; globalSlug?: never }): ClientCollectionConfig\n\n  // Overload #2: globalSlug only\n  // @todo remove \"{} |\" in 4.0, which would be a breaking change\n  (args: { collectionSlug?: never; globalSlug: {} | GlobalSlug }): ClientGlobalConfig\n\n  // Overload #3: both/none (fall back to union | null)\n  (args: {\n    collectionSlug?: {} | CollectionSlug\n    globalSlug?: {} | GlobalSlug\n  }): ClientCollectionConfig | ClientGlobalConfig | null\n}\n\nexport type ClientConfigContext = {\n  config: ClientConfig\n  /**\n   * Get a collection or global config by its slug. This is preferred over\n   * using `config.collections.find` or `config.globals.find`, because\n   * getEntityConfig uses a lookup map for O(1) lookups.\n   */\n  getEntityConfig: GetEntityConfigFn\n  setConfig: (config: ClientConfig) => void\n}\n\nconst RootConfigContext = createContext<ClientConfigContext | undefined>(undefined)\n\nexport const ConfigProvider: React.FC<{\n  readonly children: React.ReactNode\n  readonly config: ClientConfig\n}> = ({ children, config: configFromProps }) => {\n  const [config, setConfig] = useState<ClientConfig>(configFromProps)\n\n  const isFirstRenderRef = useRef(true)\n\n  // Need to update local config state if config from props changes, for HMR.\n  // That way, config changes will be updated in the UI immediately without needing a refresh.\n  useEffect(() => {\n    if (isFirstRenderRef.current) {\n      isFirstRenderRef.current = false\n      return\n    }\n\n    setConfig(configFromProps)\n  }, [configFromProps, setConfig])\n\n  // Build lookup maps for collections and globals so we can do O(1) lookups by slug\n  const { collectionsBySlug, globalsBySlug } = useMemo(() => {\n    const collectionsBySlug: Record<string, ClientCollectionConfig> = {}\n    const globalsBySlug: Record<string, ClientGlobalConfig> = {}\n\n    for (const collection of config.collections) {\n      collectionsBySlug[collection.slug] = collection\n    }\n\n    for (const global of config.globals) {\n      globalsBySlug[global.slug] = global\n    }\n\n    return { collectionsBySlug, globalsBySlug }\n  }, [config])\n\n  const getEntityConfig = useCallback<GetEntityConfigFn>(\n    (args) => {\n      if ('collectionSlug' in args) {\n        return collectionsBySlug[args.collectionSlug] ?? null\n      }\n\n      if ('globalSlug' in args) {\n        return globalsBySlug[args.globalSlug] ?? null\n      }\n\n      return null as any\n    },\n    [collectionsBySlug, globalsBySlug],\n  )\n\n  const value = useMemo(\n    () => ({ config, getEntityConfig, setConfig }),\n    [config, getEntityConfig, setConfig],\n  )\n\n  return <RootConfigContext value={value}>{children}</RootConfigContext>\n}\n\nexport const useConfig = (): ClientConfigContext => use(RootConfigContext)\n\n/**\n * This provider shadows the `ConfigProvider` on the _page_ level, allowing us to\n * update the config when needed, e.g. after authentication.\n * The layout `ConfigProvider` is not updated on page navigation / authentication,\n * as the layout does not re-render in those cases.\n *\n * If the config here has the same reference as the config from the layout, we\n * simply reuse the context from the layout to avoid unnecessary re-renders.\n *\n * @experimental This component is experimental and may change or be removed in future releases. Use at your own discretion.\n */\nexport const PageConfigProvider: React.FC<{\n  readonly children: React.ReactNode\n  readonly config: ClientConfig\n}> = ({ children, config: configFromProps }) => {\n  const { config: rootConfig, setConfig: setRootConfig } = useConfig()\n\n  /**\n   * This `useEffect` is required in order for the _page_ to be able to refresh the client config,\n   * which may have been cached on the _layout_ level, where the `ConfigProvider` is managed.\n   * Since the layout does not re-render on page navigation / authentication, we need to manually\n   * update the config, as the user may have been authenticated in the process, which affects the client config.\n   */\n  useEffect(() => {\n    setRootConfig(configFromProps)\n  }, [configFromProps, setRootConfig])\n\n  // If this component receives a different config than what is in context from the layout, it is stale.\n  // While stale, we instantiate a new context provider that provides the new config until the root context is updated.\n  // Unfortunately, referential equality alone does not work bc the reference is lost during server/client serialization,\n  // so we need to also compare the `unauthenticated` property.\n  if (\n    rootConfig !== configFromProps &&\n    rootConfig.unauthenticated !== configFromProps.unauthenticated\n  ) {\n    return <ConfigProvider config={configFromProps}>{children}</ConfigProvider>\n  }\n\n  return children\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useCallback","useEffect","useMemo","useRef","useState","RootConfigContext","undefined","ConfigProvider","children","config","configFromProps","setConfig","isFirstRenderRef","current","collectionsBySlug","globalsBySlug","collection","collections","slug","global","globals","getEntityConfig","args","collectionSlug","globalSlug","value","_jsx","useConfig","PageConfigProvider","t0","$","rootConfig","setRootConfig","t1","t2","unauthenticated","t3"],"sources":["../../../src/providers/Config/index.tsx"],"sourcesContent":["/* eslint-disable perfectionist/sort-object-types  */ // Need to disable this rule because the order of the overloads is important\n'use client'\nimport type {\n  ClientCollectionConfig,\n  ClientConfig,\n  ClientGlobalConfig,\n  CollectionSlug,\n  GlobalSlug,\n} from 'payload'\n\nimport React, { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\ntype GetEntityConfigFn = {\n  // Overload #1: collectionSlug only\n  // @todo remove \"{} |\" in 4.0, which would be a breaking change\n  (args: { collectionSlug: {} | CollectionSlug; globalSlug?: never }): ClientCollectionConfig\n\n  // Overload #2: globalSlug only\n  // @todo remove \"{} |\" in 4.0, which would be a breaking change\n  (args: { collectionSlug?: never; globalSlug: {} | GlobalSlug }): ClientGlobalConfig\n\n  // Overload #3: both/none (fall back to union | null)\n  (args: {\n    collectionSlug?: {} | CollectionSlug\n    globalSlug?: {} | GlobalSlug\n  }): ClientCollectionConfig | ClientGlobalConfig | null\n}\n\nexport type ClientConfigContext = {\n  config: ClientConfig\n  /**\n   * Get a collection or global config by its slug. This is preferred over\n   * using `config.collections.find` or `config.globals.find`, because\n   * getEntityConfig uses a lookup map for O(1) lookups.\n   */\n  getEntityConfig: GetEntityConfigFn\n  setConfig: (config: ClientConfig) => void\n}\n\nconst RootConfigContext = createContext<ClientConfigContext | undefined>(undefined)\n\nexport const ConfigProvider: React.FC<{\n  readonly children: React.ReactNode\n  readonly config: ClientConfig\n}> = ({ children, config: configFromProps }) => {\n  const [config, setConfig] = useState<ClientConfig>(configFromProps)\n\n  const isFirstRenderRef = useRef(true)\n\n  // Need to update local config state if config from props changes, for HMR.\n  // That way, config changes will be updated in the UI immediately without needing a refresh.\n  useEffect(() => {\n    if (isFirstRenderRef.current) {\n      isFirstRenderRef.current = false\n      return\n    }\n\n    setConfig(configFromProps)\n  }, [configFromProps, setConfig])\n\n  // Build lookup maps for collections and globals so we can do O(1) lookups by slug\n  const { collectionsBySlug, globalsBySlug } = useMemo(() => {\n    const collectionsBySlug: Record<string, ClientCollectionConfig> = {}\n    const globalsBySlug: Record<string, ClientGlobalConfig> = {}\n\n    for (const collection of config.collections) {\n      collectionsBySlug[collection.slug] = collection\n    }\n\n    for (const global of config.globals) {\n      globalsBySlug[global.slug] = global\n    }\n\n    return { collectionsBySlug, globalsBySlug }\n  }, [config])\n\n  const getEntityConfig = useCallback<GetEntityConfigFn>(\n    (args) => {\n      if ('collectionSlug' in args) {\n        return collectionsBySlug[args.collectionSlug] ?? null\n      }\n\n      if ('globalSlug' in args) {\n        return globalsBySlug[args.globalSlug] ?? null\n      }\n\n      return null as any\n    },\n    [collectionsBySlug, globalsBySlug],\n  )\n\n  const value = useMemo(\n    () => ({ config, getEntityConfig, setConfig }),\n    [config, getEntityConfig, setConfig],\n  )\n\n  return <RootConfigContext value={value}>{children}</RootConfigContext>\n}\n\nexport const useConfig = (): ClientConfigContext => use(RootConfigContext)\n\n/**\n * This provider shadows the `ConfigProvider` on the _page_ level, allowing us to\n * update the config when needed, e.g. after authentication.\n * The layout `ConfigProvider` is not updated on page navigation / authentication,\n * as the layout does not re-render in those cases.\n *\n * If the config here has the same reference as the config from the layout, we\n * simply reuse the context from the layout to avoid unnecessary re-renders.\n *\n * @experimental This component is experimental and may change or be removed in future releases. Use at your own risk.\n */\nexport const PageConfigProvider: React.FC<{\n  readonly children: React.ReactNode\n  readonly config: ClientConfig\n}> = ({ children, config: configFromProps }) => {\n  const { config: rootConfig, setConfig: setRootConfig } = useConfig()\n\n  /**\n   * This `useEffect` is required in order for the _page_ to be able to refresh the client config,\n   * which may have been cached on the _layout_ level, where the `ConfigProvider` is managed.\n   * Since the layout does not re-render on page navigation / authentication, we need to manually\n   * update the config, as the user may have been authenticated in the process, which affects the client config.\n   */\n  useEffect(() => {\n    setRootConfig(configFromProps)\n  }, [configFromProps, setRootConfig])\n\n  // If this component receives a different config than what is in context from the layout, it is stale.\n  // While stale, we instantiate a new context provider that provides the new config until the root context is updated.\n  // Unfortunately, referential equality alone does not work bc the reference is lost during server/client serialization,\n  // so we need to also compare the `unauthenticated` property.\n  if (\n    rootConfig !== configFromProps &&\n    rootConfig.unauthenticated !== configFromProps.unauthenticated\n  ) {\n    return <ConfigProvider config={configFromProps}>{children}</ConfigProvider>\n  }\n\n  return children\n}\n"],"mappings":"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","ignoreList":[]}