@payloadcms/ui 3.0.0-canary.9beaa28 → 3.0.0-canary.9f64534

package/dist/fields/Upload/index.js

@@ -2,30 +2,28 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback, useMemo } from 'react';
-import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
+import React from 'react';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
-import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
-import { UploadInput } from './Input.js';
 import './index.scss';
-export { UploadInput };
-const UploadComponent = props => {
-  const $ = _c(12);
+import { UploadInput } from './Input.js';
+export { UploadInput } from './Input.js';
+export const baseClass = 'upload';
+export function UploadComponent(props) {
+  const $ = _c(36);
   const {
-    descriptionProps,
-    errorProps,
-    field,
     field: t0,
-    labelProps,
-    readOnly: readOnlyFromTopLevelProps,
+    path,
+    readOnly,
     validate
   } = props;
   const {
-    _path: pathFromProps,
     admin: t1,
+    hasMany,
     label,
+    localized,
+    maxRows,
     relationTo,
     required
   } = t0;
@@ -38,38 +36,19 @@ const UploadComponent = props => {
     t2 = $[1];
   }
   const {
+    allowCreate,
     className,
-    readOnly: readOnlyFromAdmin,
+    description,
+    isSortable,
     style,
     width
   } = t2;
-  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
   const {
-    config: t3
+    config
   } = useConfig();
-  const {
-    collections,
-    routes: t4,
-    serverURL
-  } = t3;
-  const {
-    api: apiRoute
-  } = t4;
-  const {
-    permissions
-  } = useAuth();
-  let t5;
-  if ($[2] !== relationTo) {
-    t5 = coll => coll.slug === relationTo;
-    $[2] = relationTo;
-    $[3] = t5;
-  } else {
-    t5 = $[3];
-  }
-  const collection = collections.find(t5);
-  let t6;
-  if ($[4] !== validate || $[5] !== required) {
-    t6 = (value, options) => {
+  let t3;
+  if ($[2] !== validate || $[3] !== required) {
+    t3 = (value, options) => {
       if (typeof validate === "function") {
         return validate(value, {
           ...options,
@@ -77,88 +56,107 @@ const UploadComponent = props => {
         });
       }
     };
-    $[4] = validate;
-    $[5] = required;
-    $[6] = t6;
+    $[2] = validate;
+    $[3] = required;
+    $[4] = t3;
   } else {
-    t6 = $[6];
+    t3 = $[4];
   }
-  const memoizedValidate = t6;
-  const {
-    path: pathFromContext,
-    readOnly: readOnlyFromContext
-  } = useFieldProps();
-  let t7;
-  bb0: {
-    if (permissions?.collections && permissions.collections?.[relationTo]?.create) {
-      if (permissions.collections[relationTo].create?.permission === true) {
-        t7 = true;
-        break bb0;
-      }
-    }
-    t7 = false;
-  }
-  const canCreate = t7;
-  const t8 = pathFromContext ?? pathFromProps;
-  let t9;
-  if ($[7] !== t8 || $[8] !== memoizedValidate) {
-    t9 = {
-      path: t8,
+  const memoizedValidate = t3;
+  let t4;
+  if ($[5] !== path || $[6] !== memoizedValidate) {
+    t4 = {
+      path,
       validate: memoizedValidate
     };
-    $[7] = t8;
-    $[8] = memoizedValidate;
-    $[9] = t9;
+    $[5] = path;
+    $[6] = memoizedValidate;
+    $[7] = t4;
   } else {
-    t9 = $[9];
+    t4 = $[7];
   }
   const {
+    customComponents: t5,
     filterOptions,
-    formInitializing,
-    formProcessing,
     setValue,
     showError,
     value: value_0
-  } = useField(t9);
-  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
-  let t10;
-  if ($[10] !== setValue) {
-    t10 = incomingValue => {
-      const incomingID = incomingValue?.id || incomingValue;
-      setValue(incomingID);
-    };
-    $[10] = setValue;
-    $[11] = t10;
+  } = useField(t4);
+  let t6;
+  if ($[8] !== t5) {
+    t6 = t5 === undefined ? {} : t5;
+    $[8] = t5;
+    $[9] = t6;
   } else {
-    t10 = $[11];
+    t6 = $[9];
   }
-  const onChange = t10;
-  if (collection.upload) {
-    return _jsx(UploadInput, {
-      Description: field?.admin?.components?.Description,
-      Error: field?.admin?.components?.Error,
-      Label: field?.admin?.components?.Label,
-      allowNewUpload: canCreate,
-      api: apiRoute,
+  const {
+    AfterInput,
+    BeforeInput,
+    Description,
+    Error,
+    Label
+  } = t6;
+  const t7 = allowCreate !== false;
+  let t8;
+  if ($[10] !== AfterInput || $[11] !== t7 || $[12] !== config.routes.api || $[13] !== config.serverURL || $[14] !== BeforeInput || $[15] !== className || $[16] !== Description || $[17] !== description || $[18] !== Error || $[19] !== filterOptions || $[20] !== hasMany || $[21] !== isSortable || $[22] !== label || $[23] !== Label || $[24] !== localized || $[25] !== maxRows || $[26] !== setValue || $[27] !== path || $[28] !== readOnly || $[29] !== relationTo || $[30] !== required || $[31] !== showError || $[32] !== style || $[33] !== value_0 || $[34] !== width) {
+    t8 = _jsx(UploadInput, {
+      AfterInput,
+      allowCreate: t7,
+      api: config.routes.api,
+      BeforeInput,
       className,
-      collection,
-      descriptionProps,
-      errorProps,
+      Description,
+      description,
+      Error,
       filterOptions,
+      hasMany,
+      isSortable,
       label,
-      labelProps,
-      onChange,
-      readOnly: disabled,
+      Label,
+      localized,
+      maxRows,
+      onChange: setValue,
+      path,
+      readOnly,
       relationTo,
       required,
-      serverURL,
+      serverURL: config.serverURL,
       showError,
       style,
       value: value_0,
       width
     });
+    $[10] = AfterInput;
+    $[11] = t7;
+    $[12] = config.routes.api;
+    $[13] = config.serverURL;
+    $[14] = BeforeInput;
+    $[15] = className;
+    $[16] = Description;
+    $[17] = description;
+    $[18] = Error;
+    $[19] = filterOptions;
+    $[20] = hasMany;
+    $[21] = isSortable;
+    $[22] = label;
+    $[23] = Label;
+    $[24] = localized;
+    $[25] = maxRows;
+    $[26] = setValue;
+    $[27] = path;
+    $[28] = readOnly;
+    $[29] = relationTo;
+    $[30] = required;
+    $[31] = showError;
+    $[32] = style;
+    $[33] = value_0;
+    $[34] = width;
+    $[35] = t8;
+  } else {
+    t8 = $[35];
   }
-  return null;
-};
+  return t8;
+}
 export const UploadField = withCondition(UploadComponent);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useMemo","useFieldProps","useField","withCondition","useAuth","useConfig","UploadInput","UploadComponent","props","$","descriptionProps","errorProps","field","t0","labelProps","readOnly","readOnlyFromTopLevelProps","validate","_path","pathFromProps","admin","t1","label","relationTo","required","t2","undefined","className","readOnlyFromAdmin","style","width","readOnlyFromProps","config","t3","collections","routes","t4","serverURL","api","apiRoute","permissions","t5","coll","slug","collection","find","t6","value","options","memoizedValidate","path","pathFromContext","readOnlyFromContext","t7","bb0","create","permission","canCreate","t8","t9","filterOptions","formInitializing","formProcessing","setValue","showError","value_0","disabled","t10","incomingValue","incomingID","id","onChange","upload","_jsx","Description","components","Error","Label","allowNewUpload","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldProps } from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { UploadInputProps } from './Input.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { UploadInput } from './Input.js'\nimport './index.scss'\n\nexport { UploadFieldProps, UploadInput }\nexport type { UploadInputProps }\n\nconst UploadComponent: React.FC<UploadFieldProps> = (props) => {\n  const {\n    descriptionProps,\n    errorProps,\n    field,\n    field: {\n      _path: pathFromProps,\n      admin: { className, readOnly: readOnlyFromAdmin, style, width } = {},\n      label,\n      relationTo,\n      required,\n    },\n    labelProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const {\n    config: {\n      collections,\n      routes: { api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { permissions } = useAuth()\n\n  const collection = collections.find((coll) => coll.slug === relationTo)\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  // Checks if the user has permissions to create a new document in the related collection\n  const canCreate = useMemo(() => {\n    if (permissions?.collections && permissions.collections?.[relationTo]?.create) {\n      if (permissions.collections[relationTo].create?.permission === true) {\n        return true\n      }\n    }\n\n    return false\n  }, [relationTo, permissions])\n\n  const { filterOptions, formInitializing, formProcessing, setValue, showError, value } =\n    useField<string>({\n      path: pathFromContext ?? pathFromProps,\n      validate: memoizedValidate,\n    })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const onChange = useCallback(\n    (incomingValue) => {\n      const incomingID = incomingValue?.id || incomingValue\n      setValue(incomingID)\n    },\n    [setValue],\n  )\n\n  if (collection.upload) {\n    return (\n      <UploadInput\n        Description={field?.admin?.components?.Description}\n        Error={field?.admin?.components?.Error}\n        Label={field?.admin?.components?.Label}\n        allowNewUpload={canCreate}\n        api={apiRoute}\n        className={className}\n        collection={collection}\n        descriptionProps={descriptionProps}\n        errorProps={errorProps}\n        filterOptions={filterOptions}\n        label={label}\n        labelProps={labelProps}\n        onChange={onChange}\n        readOnly={disabled}\n        relationTo={relationTo}\n        required={required}\n        serverURL={serverURL}\n        showError={showError}\n        style={style}\n        value={value}\n        width={width}\n      />\n    )\n  }\n\n  return null\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useField","withCondition","useConfig","UploadInput","baseClass","UploadComponent","props","$","field","t0","path","readOnly","validate","admin","t1","hasMany","label","localized","maxRows","relationTo","required","t2","undefined","allowCreate","className","description","isSortable","style","width","config","t3","value","options","memoizedValidate","t4","customComponents","t5","filterOptions","setValue","showError","value_0","t6","AfterInput","BeforeInput","Description","Error","Label","t7","t8","routes","api","serverURL","_jsx","onChange","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport './index.scss'\nimport { UploadInput } from './Input.js'\n\nexport { UploadInput } from './Input.js'\nexport type { UploadInputProps } from './Input.js'\n\nexport const baseClass = 'upload'\n\nexport function UploadComponent(props: UploadFieldClientProps) {\n  const {\n    field: {\n      name,\n      admin: { allowCreate, className, description, isSortable, style, width } = {},\n      hasMany,\n      label,\n      localized,\n      maxRows,\n      relationTo,\n      required,\n    },\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const { config } = useConfig()\n\n  const memoizedValidate = React.useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    filterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField<string | string[]>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  return (\n    <UploadInput\n      AfterInput={AfterInput}\n      allowCreate={allowCreate !== false}\n      api={config.routes.api}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      filterOptions={filterOptions}\n      hasMany={hasMany}\n      isSortable={isSortable}\n      label={label}\n      Label={Label}\n      localized={localized}\n      maxRows={maxRows}\n      onChange={setValue}\n      path={path}\n      readOnly={readOnly}\n      relationTo={relationTo}\n      required={required}\n      serverURL={config.serverURL}\n      showError={showError}\n      style={style}\n      value={value}\n      width={width}\n    />\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Upload/index.scss

@@ -1,74 +1,63 @@
 @import '../../scss/styles.scss';
 
-.upload {
-  position: relative;
-  max-width: 100%;
-
-  &__wrap {
-    background: var(--theme-elevation-50);
-    padding: base(1.6);
-    border-radius: $style-radius-s;
-  }
-
-  &__buttons {
-    width: calc(100% + #{base(0.5)});
-    flex-wrap: wrap;
-    display: flex;
-    align-items: center;
-    gap: base(0.4);
+@layer payload-default {
+  .upload {
+    &__dropzoneAndUpload {
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--base) / 4);
+    }
 
-    .btn {
-      margin: 0;
+    &__dropzoneContent {
+      display: flex;
+      flex-wrap: wrap;
+      gap: base(0.4);
+      justify-content: space-between;
+      width: 100%;
     }
-  }
 
-  &__toggler {
-    min-width: base(7);
-  }
+    &__dropzoneContent__buttons {
+      display: flex;
+      gap: calc(var(--base) / 2);
+      position: relative;
+      left: -2px;
 
-  @include mid-break {
-    &__wrap {
-      padding: base(0.75);
-    }
+      .btn .btn__content {
+        gap: calc(var(--base) / 5);
+      }
 
-    &__toggler {
-      width: calc(100% - #{base(0.5)});
+      .btn__label {
+        font-weight: 100;
+      }
     }
-  }
 
-  &.read-only {
-    .file-details {
-      @include readOnly;
-      color: var(--theme-elevation-600);
+    &__dropzoneContent__orText {
+      color: var(--theme-elevation-500);
+      text-transform: lowercase;
     }
-  }
-}
 
-html[data-theme='light'] {
-  .upload {
-    &.error {
-      .upload__wrap {
-        @include lightInputError;
-      }
+    &__dragAndDropText {
+      flex-shrink: 0;
+      margin: 0;
+      text-transform: lowercase;
+      align-self: center;
+      color: var(--theme-elevation-500);
+    }
 
-      .btn--style-secondary {
-        background-color: var(--theme-error-100);
-        box-shadow: inset 0 0 0 1px var(--theme-error-500);
-      }
+    &__loadingRows {
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--base) / 4);
     }
-  }
-}
 
-html[data-theme='dark'] {
-  .upload {
-    &.error {
-      .upload__wrap {
-        @include darkInputError;
-      }
+    .shimmer-effect {
+      border-radius: var(--style-radius-s);
+      border: 1px solid var(--theme-border-color);
+    }
 
-      .btn--style-secondary {
-        background-color: var(--theme-error-150);
-        box-shadow: inset 0 0 0 1px var(--theme-error-500);
+    @include small-break {
+      &__dragAndDropText {
+        display: none;
       }
     }
   }

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

@@ -0,0 +1,4 @@
+import type { PaginatedDocs } from 'payload';
+export type PopulateDocs = (ids: (number | string)[], relatedCollectionSlug: string) => Promise<null | PaginatedDocs>;
+export type ReloadDoc = (docID: number | string, collectionSlug: string) => Promise<void>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,MAAM,YAAY,GAAG,CACzB,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,EACxB,qBAAqB,EAAE,MAAM,KAC1B,OAAO,CAAC,IAAI,GAAG,aAAa,CAAC,CAAA;AAElC,MAAM,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA"}

package/dist/fields/Upload/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Upload/types.ts"],"sourcesContent":["import type { PaginatedDocs } from 'payload'\n\nexport type PopulateDocs = (\n  ids: (number | string)[],\n  relatedCollectionSlug: string,\n) => Promise<null | PaginatedDocs>\n\nexport type ReloadDoc = (docID: number | string, collectionSlug: string) => Promise<void>\n"],"mappings":"AAOA","ignoreList":[]}

package/dist/fields/index.d.ts

@@ -1,8 +1,19 @@
-import type { FieldTypes } from 'payload';
+import type { ClientFieldBase, FieldTypes, GenericDescriptionProps, GenericErrorProps, GenericLabelProps, HiddenFieldProps } from 'payload';
 import type React from 'react';
+import type { ConfirmPasswordFieldProps } from './ConfirmPassword/index.js';
 export * from './shared/index.js';
 export type FieldTypesComponents = {
-    [K in 'confirmPassword' | 'hidden' | 'password' | FieldTypes]: React.FC;
+    [K in 'password' | FieldTypes]: React.FC<ClientFieldBase>;
+} & {
+    confirmPassword: React.FC<ConfirmPasswordFieldProps>;
+    hidden: React.FC<HiddenFieldProps>;
 };
 export declare const fieldComponents: FieldTypesComponents;
+export type FieldComponentsWithSlots = {
+    Description: React.FC<GenericDescriptionProps>;
+    Error: React.FC<GenericErrorProps>;
+    Label: React.FC<GenericLabelProps>;
+    RowLabel: React.FC;
+} & FieldTypesComponents;
+export declare const allFieldComponents: FieldComponentsWithSlots;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA2B9B,cAAc,mBAAmB,CAAA;AAEjC,MAAM,MAAM,oBAAoB,GAAG;KAChC,CAAC,IAAI,iBAAiB,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,KAAK,CAAC,EAAE;CACxE,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,oBAyB7B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,UAAU,EACV,uBAAuB,EACvB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAA;AAgC3E,cAAc,mBAAmB,CAAA;AAEjC,MAAM,MAAM,oBAAoB,GAAG;KAChC,CAAC,IAAI,UAAU,GAAG,UAAU,GAAG,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC;CAC1D,GAAG;IACF,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,CAAA;IACpD,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,oBA0B7B,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAA;IAC9C,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAA;IAClC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAA;IAClC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAA;CACnB,GAAG,oBAAoB,CAAA;AAExB,eAAO,MAAM,kBAAkB,EAAE,wBAMhC,CAAA"}

package/dist/fields/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { RowLabel } from '../forms/RowLabel/index.js';
 import { ArrayField } from './Array/index.js';
 import { BlocksField } from './Blocks/index.js';
 import { CheckboxField } from './Checkbox/index.js';
@@ -8,8 +9,12 @@ import { CollapsibleField } from './Collapsible/index.js';
 import { ConfirmPasswordField } from './ConfirmPassword/index.js';
 import { DateTimeField } from './DateTime/index.js';
 import { EmailField } from './Email/index.js';
+import { FieldDescription } from './FieldDescription/index.js';
+import { FieldError } from './FieldError/index.js';
+import { FieldLabel } from './FieldLabel/index.js';
 import { GroupField } from './Group/index.js';
 import { HiddenField } from './Hidden/index.js';
+import { JoinField } from './Join/index.js';
 import { JSONField } from './JSON/index.js';
 import { NumberField } from './Number/index.js';
 import { PasswordField } from './Password/index.js';
@@ -36,6 +41,7 @@ export const fieldComponents = {
   email: EmailField,
   group: GroupField,
   hidden: HiddenField,
+  join: JoinField,
   json: JSONField,
   number: NumberField,
   password: PasswordField,
@@ -51,4 +57,11 @@ export const fieldComponents = {
   ui: UIField,
   upload: UploadField
 };
+export const allFieldComponents = {
+  ...fieldComponents,
+  Description: FieldDescription,
+  Error: FieldError,
+  Label: FieldLabel,
+  RowLabel
+};
 //# sourceMappingURL=index.js.map

package/dist/fields/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ArrayField","BlocksField","CheckboxField","CodeField","CollapsibleField","ConfirmPasswordField","DateTimeField","EmailField","GroupField","HiddenField","JSONField","NumberField","PasswordField","PointField","RadioGroupField","RelationshipField","RichTextField","RowField","SelectField","TabsField","TextField","TextareaField","UIField","UploadField","fieldComponents","array","blocks","checkbox","code","collapsible","confirmPassword","date","email","group","hidden","json","number","password","point","radio","relationship","richText","row","select","tabs","text","textarea","ui","upload"],"sources":["../../src/fields/index.tsx"],"sourcesContent":["'use client'\nimport type { FieldTypes } from 'payload'\nimport type React from 'react'\n\nimport { ArrayField } from './Array/index.js'\nimport { BlocksField } from './Blocks/index.js'\nimport { CheckboxField } from './Checkbox/index.js'\nimport { CodeField } from './Code/index.js'\nimport { CollapsibleField } from './Collapsible/index.js'\nimport { ConfirmPasswordField } from './ConfirmPassword/index.js'\nimport { DateTimeField } from './DateTime/index.js'\nimport { EmailField } from './Email/index.js'\nimport { GroupField } from './Group/index.js'\nimport { HiddenField } from './Hidden/index.js'\nimport { JSONField } from './JSON/index.js'\nimport { NumberField } from './Number/index.js'\nimport { PasswordField } from './Password/index.js'\nimport { PointField } from './Point/index.js'\nimport { RadioGroupField } from './RadioGroup/index.js'\nimport { RelationshipField } from './Relationship/index.js'\nimport { RichTextField } from './RichText/index.js'\nimport { RowField } from './Row/index.js'\nimport { SelectField } from './Select/index.js'\nimport { TabsField } from './Tabs/index.js'\nimport { TextField } from './Text/index.js'\nimport { TextareaField } from './Textarea/index.js'\nimport { UIField } from './UI/index.js'\nimport { UploadField } from './Upload/index.js'\n\nexport * from './shared/index.js'\n\nexport type FieldTypesComponents = {\n  [K in 'confirmPassword' | 'hidden' | 'password' | FieldTypes]: React.FC\n}\n\nexport const fieldComponents: FieldTypesComponents = {\n  array: ArrayField,\n  blocks: BlocksField,\n  checkbox: CheckboxField,\n  code: CodeField,\n  collapsible: CollapsibleField,\n  confirmPassword: ConfirmPasswordField,\n  date: DateTimeField,\n  email: EmailField,\n  group: GroupField,\n  hidden: HiddenField,\n  json: JSONField,\n  number: NumberField,\n  password: PasswordField,\n  point: PointField,\n  radio: RadioGroupField,\n  relationship: RelationshipField,\n  richText: RichTextField,\n  row: RowField,\n  select: SelectField,\n  tabs: TabsField,\n  text: TextField,\n  textarea: TextareaField,\n  ui: UIField,\n  upload: UploadField,\n}\n"],"mappings":"AAAA;;AAIA,SAASA,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,eAAe,QAAQ;AAChC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,WAAW,QAAQ;AAE5B,cAAc;AAMd,OAAO,MAAMC,eAAA,GAAwC;EACnDC,KAAA,EAAOzB,UAAA;EACP0B,MAAA,EAAQzB,WAAA;EACR0B,QAAA,EAAUzB,aAAA;EACV0B,IAAA,EAAMzB,SAAA;EACN0B,WAAA,EAAazB,gBAAA;EACb0B,eAAA,EAAiBzB,oBAAA;EACjB0B,IAAA,EAAMzB,aAAA;EACN0B,KAAA,EAAOzB,UAAA;EACP0B,KAAA,EAAOzB,UAAA;EACP0B,MAAA,EAAQzB,WAAA;EACR0B,IAAA,EAAMzB,SAAA;EACN0B,MAAA,EAAQzB,WAAA;EACR0B,QAAA,EAAUzB,aAAA;EACV0B,KAAA,EAAOzB,UAAA;EACP0B,KAAA,EAAOzB,eAAA;EACP0B,YAAA,EAAczB,iBAAA;EACd0B,QAAA,EAAUzB,aAAA;EACV0B,GAAA,EAAKzB,QAAA;EACL0B,MAAA,EAAQzB,WAAA;EACR0B,IAAA,EAAMzB,SAAA;EACN0B,IAAA,EAAMzB,SAAA;EACN0B,QAAA,EAAUzB,aAAA;EACV0B,EAAA,EAAIzB,OAAA;EACJ0B,MAAA,EAAQzB;AACV","ignoreList":[]}
+{"version":3,"file":"index.js","names":["RowLabel","ArrayField","BlocksField","CheckboxField","CodeField","CollapsibleField","ConfirmPasswordField","DateTimeField","EmailField","FieldDescription","FieldError","FieldLabel","GroupField","HiddenField","JoinField","JSONField","NumberField","PasswordField","PointField","RadioGroupField","RelationshipField","RichTextField","RowField","SelectField","TabsField","TextField","TextareaField","UIField","UploadField","fieldComponents","array","blocks","checkbox","code","collapsible","confirmPassword","date","email","group","hidden","join","json","number","password","point","radio","relationship","richText","row","select","tabs","text","textarea","ui","upload","allFieldComponents","Description","Error","Label"],"sources":["../../src/fields/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientFieldBase,\n  FieldTypes,\n  GenericDescriptionProps,\n  GenericErrorProps,\n  GenericLabelProps,\n  HiddenFieldProps,\n} from 'payload'\nimport type React from 'react'\n\nimport type { ConfirmPasswordFieldProps } from './ConfirmPassword/index.js'\n\nimport { RowLabel } from '../forms/RowLabel/index.js'\nimport { ArrayField } from './Array/index.js'\nimport { BlocksField } from './Blocks/index.js'\nimport { CheckboxField } from './Checkbox/index.js'\nimport { CodeField } from './Code/index.js'\nimport { CollapsibleField } from './Collapsible/index.js'\nimport { ConfirmPasswordField } from './ConfirmPassword/index.js'\nimport { DateTimeField } from './DateTime/index.js'\nimport { EmailField } from './Email/index.js'\nimport { FieldDescription } from './FieldDescription/index.js'\nimport { FieldError } from './FieldError/index.js'\nimport { FieldLabel } from './FieldLabel/index.js'\nimport { GroupField } from './Group/index.js'\nimport { HiddenField } from './Hidden/index.js'\nimport { JoinField } from './Join/index.js'\nimport { JSONField } from './JSON/index.js'\nimport { NumberField } from './Number/index.js'\nimport { PasswordField } from './Password/index.js'\nimport { PointField } from './Point/index.js'\nimport { RadioGroupField } from './RadioGroup/index.js'\nimport { RelationshipField } from './Relationship/index.js'\nimport { RichTextField } from './RichText/index.js'\nimport { RowField } from './Row/index.js'\nimport { SelectField } from './Select/index.js'\nimport { TabsField } from './Tabs/index.js'\nimport { TextField } from './Text/index.js'\nimport { TextareaField } from './Textarea/index.js'\nimport { UIField } from './UI/index.js'\nimport { UploadField } from './Upload/index.js'\n\nexport * from './shared/index.js'\n\nexport type FieldTypesComponents = {\n  [K in 'password' | FieldTypes]: React.FC<ClientFieldBase>\n} & {\n  confirmPassword: React.FC<ConfirmPasswordFieldProps>\n  hidden: React.FC<HiddenFieldProps>\n}\n\nexport const fieldComponents: FieldTypesComponents = {\n  array: ArrayField,\n  blocks: BlocksField,\n  checkbox: CheckboxField,\n  code: CodeField,\n  collapsible: CollapsibleField,\n  confirmPassword: ConfirmPasswordField,\n  date: DateTimeField,\n  email: EmailField,\n  group: GroupField,\n  hidden: HiddenField,\n  join: JoinField,\n  json: JSONField,\n  number: NumberField,\n  password: PasswordField,\n  point: PointField,\n  radio: RadioGroupField,\n  relationship: RelationshipField,\n  richText: RichTextField,\n  row: RowField,\n  select: SelectField,\n  tabs: TabsField,\n  text: TextField,\n  textarea: TextareaField,\n  ui: UIField,\n  upload: UploadField,\n}\n\nexport type FieldComponentsWithSlots = {\n  Description: React.FC<GenericDescriptionProps>\n  Error: React.FC<GenericErrorProps>\n  Label: React.FC<GenericLabelProps>\n  RowLabel: React.FC\n} & FieldTypesComponents\n\nexport const allFieldComponents: FieldComponentsWithSlots = {\n  ...fieldComponents,\n  Description: FieldDescription,\n  Error: FieldError,\n  Label: FieldLabel,\n  RowLabel,\n}\n"],"mappings":"AAAA;;AAaA,SAASA,QAAQ,QAAQ;AACzB,SAASC,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,eAAe,QAAQ;AAChC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,WAAW,QAAQ;AAE5B,cAAc;AASd,OAAO,MAAMC,eAAA,GAAwC;EACnDC,KAAA,EAAO7B,UAAA;EACP8B,MAAA,EAAQ7B,WAAA;EACR8B,QAAA,EAAU7B,aAAA;EACV8B,IAAA,EAAM7B,SAAA;EACN8B,WAAA,EAAa7B,gBAAA;EACb8B,eAAA,EAAiB7B,oBAAA;EACjB8B,IAAA,EAAM7B,aAAA;EACN8B,KAAA,EAAO7B,UAAA;EACP8B,KAAA,EAAO1B,UAAA;EACP2B,MAAA,EAAQ1B,WAAA;EACR2B,IAAA,EAAM1B,SAAA;EACN2B,IAAA,EAAM1B,SAAA;EACN2B,MAAA,EAAQ1B,WAAA;EACR2B,QAAA,EAAU1B,aAAA;EACV2B,KAAA,EAAO1B,UAAA;EACP2B,KAAA,EAAO1B,eAAA;EACP2B,YAAA,EAAc1B,iBAAA;EACd2B,QAAA,EAAU1B,aAAA;EACV2B,GAAA,EAAK1B,QAAA;EACL2B,MAAA,EAAQ1B,WAAA;EACR2B,IAAA,EAAM1B,SAAA;EACN2B,IAAA,EAAM1B,SAAA;EACN2B,QAAA,EAAU1B,aAAA;EACV2B,EAAA,EAAI1B,OAAA;EACJ2B,MAAA,EAAQ1B;AACV;AASA,OAAO,MAAM2B,kBAAA,GAA+C;EAC1D,GAAG1B,eAAe;EAClB2B,WAAA,EAAa/C,gBAAA;EACbgD,KAAA,EAAO/C,UAAA;EACPgD,KAAA,EAAO/C,UAAA;EACPX;AACF","ignoreList":[]}

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

@@ -1,3 +1,4 @@
+import type { RenderedField } from 'payload';
 import type { Context, FormFieldsContext as FormFieldsContextType } from './types.js';
 declare const FormContext: import("react").Context<Context>;
 declare const FormWatchContext: import("react").Context<Context>;
@@ -6,6 +7,7 @@ declare const ProcessingContext: import("react").Context<boolean>;
 declare const ModifiedContext: import("react").Context<boolean>;
 declare const InitializingContext: import("react").Context<boolean>;
 declare const FormFieldsContext: import("use-context-selector").Context<FormFieldsContextType>;
+export type RenderedFieldSlots = Map<string, RenderedField>;
 /**
  * Get the state of the form, can be used to submit & validate the form.
  *

package/dist/forms/Form/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/context.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAErF,QAAA,MAAM,WAAW,kCAA+B,CAAA;AAChD,QAAA,MAAM,gBAAgB,kCAA+B,CAAA;AACrD,QAAA,MAAM,gBAAgB,kCAAuB,CAAA;AAC7C,QAAA,MAAM,iBAAiB,kCAAuB,CAAA;AAC9C,QAAA,MAAM,eAAe,kCAAuB,CAAA;AAC5C,QAAA,MAAM,mBAAmB,kCAAuB,CAAA;AAChD,QAAA,MAAM,iBAAiB,+DAAiE,CAAA;AAExF;;;;GAIG;AACH,QAAA,MAAM,OAAO,QAAO,OAAkC,CAAA;AACtD,QAAA,MAAM,YAAY,QAAO,OAAuC,CAAA;AAChE,QAAA,MAAM,gBAAgB,QAAO,OAAuC,CAAA;AACpE,QAAA,MAAM,iBAAiB,QAAO,OAAwC,CAAA;AACtE,QAAA,MAAM,eAAe,QAAO,OAAsC,CAAA;AAClE,QAAA,MAAM,mBAAmB,QAAO,OAA0C,CAAA;AAE1E;;;;GAIG;AACH,QAAA,MAAM,aAAa,GAAI,KAAK,sBAChB,CAAC,OAAO,EAAE,qBAAqB,KAAK,KAAK,KAClD,KAAwD,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,QAAO,qBAA0D,CAAA;AAEvF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAS5C,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAErF,QAAA,MAAM,WAAW,kCAA+B,CAAA;AAChD,QAAA,MAAM,gBAAgB,kCAA+B,CAAA;AACrD,QAAA,MAAM,gBAAgB,kCAAuB,CAAA;AAC7C,QAAA,MAAM,iBAAiB,kCAAuB,CAAA;AAC9C,QAAA,MAAM,eAAe,kCAAuB,CAAA;AAC5C,QAAA,MAAM,mBAAmB,kCAAuB,CAAA;AAChD,QAAA,MAAM,iBAAiB,+DAAiE,CAAA;AAExF,MAAM,MAAM,kBAAkB,GAAG,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,OAAO,QAAO,OAAkC,CAAA;AACtD,QAAA,MAAM,YAAY,QAAO,OAAuC,CAAA;AAChE,QAAA,MAAM,gBAAgB,QAAO,OAAuC,CAAA;AACpE,QAAA,MAAM,iBAAiB,QAAO,OAAwC,CAAA;AACtE,QAAA,MAAM,eAAe,QAAO,OAAsC,CAAA;AAClE,QAAA,MAAM,mBAAmB,QAAO,OAA0C,CAAA;AAE1E;;;;GAIG;AACH,QAAA,MAAM,aAAa,GAAI,KAAK,sBAChB,CAAC,OAAO,EAAE,qBAAqB,KAAK,KAAK,KAClD,KAAwD,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,QAAO,qBAA0D,CAAA;AAEvF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["createContext","useContext","createSelectorContext","useContextSelector","useFullContext","FormContext","FormWatchContext","SubmittedContext","ProcessingContext","ModifiedContext","InitializingContext","FormFieldsContext","useForm","useWatchForm","useFormSubmitted","useFormProcessing","useFormModified","useFormInitializing","useFormFields","selector","useAllFormFields"],"sources":["../../../src/forms/Form/context.ts"],"sourcesContent":["'use client'\nimport { createContext, useContext } from 'react'\nimport {\n  createContext as createSelectorContext,\n  useContextSelector,\n  useContext as useFullContext,\n} from 'use-context-selector'\n\nimport type { Context, FormFieldsContext as FormFieldsContextType } from './types.js'\n\nconst FormContext = createContext({} as Context)\nconst FormWatchContext = createContext({} as Context)\nconst SubmittedContext = createContext(false)\nconst ProcessingContext = createContext(false)\nconst ModifiedContext = createContext(false)\nconst InitializingContext = createContext(false)\nconst FormFieldsContext = createSelectorContext<FormFieldsContextType>([{}, () => null])\n\n/**\n * Get the state of the form, can be used to submit & validate the form.\n *\n * @see https://payloadcms.com/docs/admin/hooks#useform\n */\nconst useForm = (): Context => useContext(FormContext)\nconst useWatchForm = (): Context => useContext(FormWatchContext)\nconst useFormSubmitted = (): boolean => useContext(SubmittedContext)\nconst useFormProcessing = (): boolean => useContext(ProcessingContext)\nconst useFormModified = (): boolean => useContext(ModifiedContext)\nconst useFormInitializing = (): boolean => useContext(InitializingContext)\n\n/**\n * Get and set the value of a form field based on a selector\n *\n * @see https://payloadcms.com/docs/admin/hooks#useformfields\n */\nconst useFormFields = <Value = unknown>(\n  selector: (context: FormFieldsContextType) => Value,\n): Value => useContextSelector(FormFieldsContext, selector)\n\n/**\n * Get the state of all form fields.\n *\n * @see https://payloadcms.com/docs/admin/hooks#useallformfields\n */\nconst useAllFormFields = (): FormFieldsContextType => useFullContext(FormFieldsContext)\n\nexport {\n  FormContext,\n  FormFieldsContext,\n  FormWatchContext,\n  InitializingContext,\n  ModifiedContext,\n  ProcessingContext,\n  SubmittedContext,\n  useAllFormFields,\n  useForm,\n  useFormFields,\n  useFormInitializing,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n  useWatchForm,\n}\n"],"mappings":"AAAA;;AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ;AAC1C,SACED,aAAA,IAAiBE,qBAAqB,EACtCC,kBAAkB,EAClBF,UAAA,IAAcG,cAAc,QACvB;AAIP,MAAMC,WAAA,GAAcL,aAAA,CAAc,CAAC;AACnC,MAAMM,gBAAA,GAAmBN,aAAA,CAAc,CAAC;AACxC,MAAMO,gBAAA,GAAmBP,aAAA,CAAc;AACvC,MAAMQ,iBAAA,GAAoBR,aAAA,CAAc;AACxC,MAAMS,eAAA,GAAkBT,aAAA,CAAc;AACtC,MAAMU,mBAAA,GAAsBV,aAAA,CAAc;AAC1C,MAAMW,iBAAA,GAAoBT,qBAAA,CAA6C,CAAC,CAAC,GAAG,MAAM,KAAK;AAEvF;;;;;AAKA,MAAMU,OAAA,GAAUA,CAAA;EAAA,OAAeX,UAAA,CAAAI,WAAW;AAAA;AAC1C,MAAMQ,YAAA,GAAeA,CAAA;EAAA,OAAeZ,UAAA,CAAAK,gBAAW;AAAA;AAC/C,MAAMQ,gBAAA,GAAmBA,CAAA;EAAA,OAAeb,UAAA,CAAAM,gBAAW;AAAA;AACnD,MAAMQ,iBAAA,GAAoBA,CAAA;EAAA,OAAed,UAAA,CAAAO,iBAAW;AAAA;AACpD,MAAMQ,eAAA,GAAkBA,CAAA;EAAA,OAAef,UAAA,CAAAQ,eAAW;AAAA;AAClD,MAAMQ,mBAAA,GAAsBA,CAAA;EAAA,OAAehB,UAAA,CAAAS,mBAAW;AAAA;AAEtD;;;;;AAKA,MAAMQ,aAAA,GAAgBC,QAAA;EAAA,OAEVhB,kBAAA,CAAAQ,iBAAA,EAAsCQ,QAAA;AAAA;AAElD;;;;;AAKA,MAAMC,gBAAA,GAAmBA,CAAA;EAAA,OAA6BhB,cAAA,CAAAO,iBAAe;AAAA;AAErE,SACEN,WAAW,EACXM,iBAAiB,EACjBL,gBAAgB,EAChBI,mBAAmB,EACnBD,eAAe,EACfD,iBAAiB,EACjBD,gBAAgB,EAChBa,gBAAgB,EAChBR,OAAO,EACPM,aAAa,EACbD,mBAAmB,EACnBD,eAAe,EACfD,iBAAiB,EACjBD,gBAAgB,EAChBD,YAAY","ignoreList":[]}
+{"version":3,"file":"context.js","names":["createContext","useContext","createSelectorContext","useContextSelector","useFullContext","FormContext","FormWatchContext","SubmittedContext","ProcessingContext","ModifiedContext","InitializingContext","FormFieldsContext","useForm","useWatchForm","useFormSubmitted","useFormProcessing","useFormModified","useFormInitializing","useFormFields","selector","useAllFormFields"],"sources":["../../../src/forms/Form/context.ts"],"sourcesContent":["'use client'\nimport type { RenderedField } from 'payload'\n\nimport { createContext, useContext } from 'react'\nimport {\n  createContext as createSelectorContext,\n  useContextSelector,\n  useContext as useFullContext,\n} from 'use-context-selector'\n\nimport type { Context, FormFieldsContext as FormFieldsContextType } from './types.js'\n\nconst FormContext = createContext({} as Context)\nconst FormWatchContext = createContext({} as Context)\nconst SubmittedContext = createContext(false)\nconst ProcessingContext = createContext(false)\nconst ModifiedContext = createContext(false)\nconst InitializingContext = createContext(false)\nconst FormFieldsContext = createSelectorContext<FormFieldsContextType>([{}, () => null])\n\nexport type RenderedFieldSlots = Map<string, RenderedField>\n\n/**\n * Get the state of the form, can be used to submit & validate the form.\n *\n * @see https://payloadcms.com/docs/admin/hooks#useform\n */\nconst useForm = (): Context => useContext(FormContext)\nconst useWatchForm = (): Context => useContext(FormWatchContext)\nconst useFormSubmitted = (): boolean => useContext(SubmittedContext)\nconst useFormProcessing = (): boolean => useContext(ProcessingContext)\nconst useFormModified = (): boolean => useContext(ModifiedContext)\nconst useFormInitializing = (): boolean => useContext(InitializingContext)\n\n/**\n * Get and set the value of a form field based on a selector\n *\n * @see https://payloadcms.com/docs/admin/hooks#useformfields\n */\nconst useFormFields = <Value = unknown>(\n  selector: (context: FormFieldsContextType) => Value,\n): Value => useContextSelector(FormFieldsContext, selector)\n\n/**\n * Get the state of all form fields.\n *\n * @see https://payloadcms.com/docs/admin/hooks#useallformfields\n */\nconst useAllFormFields = (): FormFieldsContextType => useFullContext(FormFieldsContext)\n\nexport {\n  FormContext,\n  FormFieldsContext,\n  FormWatchContext,\n  InitializingContext,\n  ModifiedContext,\n  ProcessingContext,\n  SubmittedContext,\n  useAllFormFields,\n  useForm,\n  useFormFields,\n  useFormInitializing,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n  useWatchForm,\n}\n"],"mappings":"AAAA;;AAGA,SAASA,aAAa,EAAEC,UAAU,QAAQ;AAC1C,SACED,aAAA,IAAiBE,qBAAqB,EACtCC,kBAAkB,EAClBF,UAAA,IAAcG,cAAc,QACvB;AAIP,MAAMC,WAAA,GAAcL,aAAA,CAAc,CAAC;AACnC,MAAMM,gBAAA,GAAmBN,aAAA,CAAc,CAAC;AACxC,MAAMO,gBAAA,GAAmBP,aAAA,CAAc;AACvC,MAAMQ,iBAAA,GAAoBR,aAAA,CAAc;AACxC,MAAMS,eAAA,GAAkBT,aAAA,CAAc;AACtC,MAAMU,mBAAA,GAAsBV,aAAA,CAAc;AAC1C,MAAMW,iBAAA,GAAoBT,qBAAA,CAA6C,CAAC,CAAC,GAAG,MAAM,KAAK;AAIvF;;;;;AAKA,MAAMU,OAAA,GAAUA,CAAA;EAAA,OAAeX,UAAA,CAAAI,WAAW;AAAA;AAC1C,MAAMQ,YAAA,GAAeA,CAAA;EAAA,OAAeZ,UAAA,CAAAK,gBAAW;AAAA;AAC/C,MAAMQ,gBAAA,GAAmBA,CAAA;EAAA,OAAeb,UAAA,CAAAM,gBAAW;AAAA;AACnD,MAAMQ,iBAAA,GAAoBA,CAAA;EAAA,OAAed,UAAA,CAAAO,iBAAW;AAAA;AACpD,MAAMQ,eAAA,GAAkBA,CAAA;EAAA,OAAef,UAAA,CAAAQ,eAAW;AAAA;AAClD,MAAMQ,mBAAA,GAAsBA,CAAA;EAAA,OAAehB,UAAA,CAAAS,mBAAW;AAAA;AAEtD;;;;;AAKA,MAAMQ,aAAA,GAAgBC,QAAA;EAAA,OAEVhB,kBAAA,CAAAQ,iBAAA,EAAsCQ,QAAA;AAAA;AAElD;;;;;AAKA,MAAMC,gBAAA,GAAmBA,CAAA;EAAA,OAA6BhB,cAAA,CAAAO,iBAAe;AAAA;AAErE,SACEN,WAAW,EACXM,iBAAiB,EACjBL,gBAAgB,EAChBI,mBAAmB,EACnBD,eAAe,EACfD,iBAAiB,EACjBD,gBAAgB,EAChBa,gBAAgB,EAChBR,OAAO,EACPM,aAAa,EACbD,mBAAmB,EACnBD,eAAe,EACfD,iBAAiB,EACjBD,gBAAgB,EAChBD,YAAY","ignoreList":[]}

package/dist/forms/Form/fieldReducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldReducer.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/fieldReducer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,SAAS,EAAO,MAAM,SAAS,CAAA;AAMxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAO7C;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,GAAG,SAAS,CAoU7E"}
+{"version":3,"file":"fieldReducer.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/fieldReducer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,SAAS,EAAO,MAAM,SAAS,CAAA;AAMxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAO7C;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,GAAG,SAAS,CAqW7E"}