@payloadcms/ui 3.0.0-canary.d6053cd → 3.0.0-canary.dc8b1fe

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

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

package/dist/fields/Group/index.scss

@@ -1,144 +1,146 @@
 @import '../../scss/styles.scss';
 
-.group-field {
-  margin-left: calc(var(--gutter-h) * -1);
-  margin-right: calc(var(--gutter-h) * -1);
-  border-bottom: 1px solid var(--theme-elevation-100);
-  border-top: 1px solid var(--theme-elevation-100);
+@layer payload-default {
+  .group-field {
+    margin-left: calc(var(--gutter-h) * -1);
+    margin-right: calc(var(--gutter-h) * -1);
+    border-bottom: 1px solid var(--theme-elevation-100);
+    border-top: 1px solid var(--theme-elevation-100);
 
-  &--top-level {
-    padding: base(2) var(--gutter-h);
+    &--top-level {
+      padding: base(2) var(--gutter-h);
 
-    &:first-child {
-      padding-top: 0;
-      border-top: 0;
+      &:first-child {
+        padding-top: 0;
+        border-top: 0;
+      }
     }
-  }
 
-  &--within-collapsible {
-    margin-left: calc(var(--base) * -1);
-    margin-right: calc(var(--base) * -1);
-    padding: var(--base);
+    &--within-collapsible {
+      margin-left: calc(var(--base) * -1);
+      margin-right: calc(var(--base) * -1);
+      padding: var(--base);
 
-    &:first-child {
-      border-top: 0;
-      padding-top: 0;
-      margin-top: 0;
+      &:first-child {
+        border-top: 0;
+        padding-top: 0;
+        margin-top: 0;
+      }
+
+      &:last-child {
+        padding-bottom: 0;
+        border-bottom: 0;
+      }
     }
 
-    &:last-child {
-      padding-bottom: 0;
+    &--within-group {
+      margin-left: 0;
+      margin-right: 0;
+      padding: 0;
+      border-top: 0;
       border-bottom: 0;
     }
-  }
-
-  &--within-group {
-    margin-left: 0;
-    margin-right: 0;
-    padding: 0;
-    border-top: 0;
-    border-bottom: 0;
-  }
 
-  &--within-row {
-    margin: 0;
-    border-top: 0;
-    border-bottom: 0;
-  }
-
-  &--within-tab:first-child {
-    margin-top: 0;
-    border-top: 0;
-    padding-top: 0;
-  }
+    &--within-row {
+      margin: 0;
+      border-top: 0;
+      border-bottom: 0;
+    }
 
-  &--within-tab:last-child {
-    margin-bottom: 0;
-    border-bottom: 0;
-    padding-bottom: 0;
-  }
+    &--within-tab:first-child {
+      margin-top: 0;
+      border-top: 0;
+      padding-top: 0;
+    }
 
-  &--gutter {
-    border-left: 1px solid var(--theme-elevation-100);
-    padding: 0 0 0 $baseline;
-  }
+    &--within-tab:last-child {
+      margin-bottom: 0;
+      border-bottom: 0;
+      padding-bottom: 0;
+    }
 
-  &__header {
-    margin-bottom: calc(var(--base) / 2);
-    display: flex;
-    align-items: center;
-    gap: base(0.5);
+    &--gutter {
+      border-left: 1px solid var(--theme-elevation-100);
+      padding: 0 0 0 $baseline;
+    }
 
-    > header {
+    &__header {
+      margin-bottom: calc(var(--base) / 2);
       display: flex;
-      flex-direction: column;
-      gap: calc(var(--base) / 4);
+      align-items: center;
+      gap: base(0.5);
+
+      > header {
+        display: flex;
+        flex-direction: column;
+        gap: calc(var(--base) / 4);
+      }
     }
-  }
 
-  &__title {
-    margin-bottom: 0;
-  }
+    &__title {
+      margin-bottom: 0;
+    }
 
-  @include small-break {
-    &--top-level {
-      padding: var(--base) var(--gutter-h);
+    @include small-break {
+      &--top-level {
+        padding: var(--base) var(--gutter-h);
 
-      &:first-child {
-        padding-top: 0;
-        border-top: 0;
+        &:first-child {
+          padding-top: 0;
+          border-top: 0;
+        }
       }
-    }
 
-    &__header {
-      margin-bottom: calc(var(--base) / 2);
-    }
+      &__header {
+        margin-bottom: calc(var(--base) / 2);
+      }
 
-    &--within-collapsible {
-      margin-left: calc(var(--gutter-h) * -1);
-      margin-right: calc(var(--gutter-h) * -1);
-    }
+      &--within-collapsible {
+        margin-left: calc(var(--gutter-h) * -1);
+        margin-right: calc(var(--gutter-h) * -1);
+      }
 
-    &--within-group {
-      padding: 0;
-    }
+      &--within-group {
+        padding: 0;
+      }
 
-    &--gutter {
-      padding-left: var(--gutter-h);
+      &--gutter {
+        padding-left: var(--gutter-h);
+      }
     }
   }
-}
 
-.group-field + .group-field {
-  border-top: 0;
-  padding-top: 0;
-}
+  .group-field + .group-field {
+    border-top: 0;
+    padding-top: 0;
+  }
 
-.group-field--within-row + .group-field--within-row {
-  margin-top: 0;
-}
+  .group-field--within-row + .group-field--within-row {
+    margin-top: 0;
+  }
 
-.group-field--within-tab + .group-field--within-row {
-  padding-top: 0;
-}
+  .group-field--within-tab + .group-field--within-row {
+    padding-top: 0;
+  }
 
-html[data-theme='light'] {
-  .group-field {
-    &--has-error {
-      color: var(--theme-error-750);
-      &:after {
-        background: var(--theme-error-500);
+  html[data-theme='light'] {
+    .group-field {
+      &--has-error {
+        color: var(--theme-error-750);
+        &:after {
+          background: var(--theme-error-500);
+        }
       }
     }
   }
-}
 
-html[data-theme='dark'] {
-  .group-field {
-    &--has-error {
-      color: var(--theme-error-500);
-      &:after {
-        background: var(--theme-error-500);
+  html[data-theme='dark'] {
+    .group-field {
+      &--has-error {
+        color: var(--theme-error-500);
+        &:after {
+          background: var(--theme-error-500);
+        }
       }
     }
   }

package/dist/fields/Group/provider.js

@@ -1,13 +1,18 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, useContext } from 'react';
-export const GroupContext = /*#__PURE__*/ createContext(false);
-export const GroupProvider = ({ children, withinGroup = true })=>{
-    return /*#__PURE__*/ _jsx(GroupContext.Provider, {
-        value: withinGroup,
-        children: children
-    });
+export const GroupContext = /*#__PURE__*/createContext(false);
+export const GroupProvider = ({
+  children,
+  withinGroup = true
+}) => {
+  return /*#__PURE__*/_jsx(GroupContext.Provider, {
+    value: withinGroup,
+    children: children
+  });
+};
+export const useGroup = () => {
+  return useContext(GroupContext);
 };
-export const useGroup = ()=>useContext(GroupContext);
-
 //# sourceMappingURL=provider.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Group/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext } from 'react'\n\nexport const GroupContext = createContext(false)\n\nexport const GroupProvider: React.FC<{ children?: React.ReactNode; withinGroup?: boolean }> = ({\n  children,\n  withinGroup = true,\n}) => {\n  return <GroupContext.Provider value={withinGroup}>{children}</GroupContext.Provider>\n}\n\nexport const useGroup = (): boolean => useContext(GroupContext)\n"],"names":["React","createContext","useContext","GroupContext","GroupProvider","children","withinGroup","Provider","value","useGroup"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AAExD,OAAO,MAAMC,6BAAeF,cAAc,OAAM;AAEhD,OAAO,MAAMG,gBAAiF,CAAC,EAC7FC,QAAQ,EACRC,cAAc,IAAI,EACnB;IACC,qBAAO,KAACH,aAAaI,QAAQ;QAACC,OAAOF;kBAAcD;;AACrD,EAAC;AAED,OAAO,MAAMI,WAAW,IAAeP,WAAWC,cAAa"}
+{"version":3,"file":"provider.js","names":["React","createContext","useContext","GroupContext","GroupProvider","children","withinGroup","_jsx","Provider","value","useGroup"],"sources":["../../../src/fields/Group/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext } from 'react'\n\nexport const GroupContext = createContext(false)\n\nexport const GroupProvider: React.FC<{ children?: React.ReactNode; withinGroup?: boolean }> = ({\n  children,\n  withinGroup = true,\n}) => {\n  return <GroupContext.Provider value={withinGroup}>{children}</GroupContext.Provider>\n}\n\nexport const useGroup = (): boolean => useContext(GroupContext)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,aAAa,EAAEC,UAAU,QAAQ;AAEjD,OAAO,MAAMC,YAAA,gBAAeF,aAAA,CAAc;AAE1C,OAAO,MAAMG,aAAA,GAAiFA,CAAC;EAC7FC,QAAQ;EACRC,WAAA,GAAc;AAAI,CACnB;EACC,oBAAOC,IAAA,CAACJ,YAAA,CAAaK,QAAQ;IAACC,KAAA,EAAOH,WAAA;cAAcD;;AACrD;AAEA,OAAO,MAAMK,QAAA,GAAWA,CAAA;EAAA,OAAeR,UAAA,CAAAC,YAAW;AAAA","ignoreList":[]}

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

@@ -1,11 +1,4 @@
+import type { HiddenFieldProps } from 'payload';
 import React from 'react';
-import type { FormFieldBase } from '../index.js';
-export type HiddenInputFieldProps = {
-    disableModifyingForm?: false;
-    forceUsePathFromProps?: boolean;
-    name?: string;
-    path?: string;
-    value?: unknown;
-} & FormFieldBase;
-export declare const HiddenField: React.FC<HiddenInputFieldProps>;
+export declare const HiddenField: React.FC<HiddenFieldProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Hidden/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAMhD,MAAM,MAAM,qBAAqB,GAAG;IAClC,oBAAoB,CAAC,EAAE,KAAK,CAAA;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,GAAG,aAAa,CAAA;AAsCjB,eAAO,MAAM,WAAW,iCAA8B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Hidden/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,KAAoB,MAAM,OAAO,CAAA;AAwCxC,eAAO,MAAM,WAAW,4BAAsC,CAAA"}

package/dist/fields/Hidden/index.js

@@ -1,35 +1,88 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useEffect } from 'react';
-import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
 /**
  * This is mainly used to save a value on the form that is not visible to the user.
  * For example, this sets the `ìd` property of a block in the Blocks field.
- */ const _HiddenField = (props)=>{
-    const { name, disableModifyingForm = true, forceUsePathFromProps, path: pathFromProps, value: valueFromProps } = props;
-    const { path: pathFromContext } = useFieldProps();
-    const { path, setValue, value } = useField({
-        path: (!forceUsePathFromProps ? pathFromContext : null) || pathFromProps || name
-    });
-    useEffect(()=>{
-        if (valueFromProps !== undefined) {
-            setValue(valueFromProps, disableModifyingForm);
-        }
-    }, [
-        valueFromProps,
-        setValue,
-        disableModifyingForm
-    ]);
-    return /*#__PURE__*/ _jsx("input", {
-        id: `field-${path?.replace(/\./g, '__')}`,
-        name: path,
-        onChange: setValue,
-        type: "hidden",
-        value: value || ''
+ */
+const HiddenFieldComponent = props => {
+  const $ = _c(14);
+  const {
+    disableModifyingForm: t0,
+    field: t1,
+    path: pathFromProps,
+    value: valueFromProps
+  } = props;
+  const disableModifyingForm = t0 === undefined ? true : t0;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = t1 === undefined ? {} : t1;
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const {
+    name
+  } = t2;
+  const path = pathFromProps ?? (name || "");
+  let t3;
+  if ($[2] !== path) {
+    t3 = {
+      path
+    };
+    $[2] = path;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const {
+    setValue,
+    value
+  } = useField(t3);
+  let t4;
+  let t5;
+  if ($[4] !== valueFromProps || $[5] !== setValue || $[6] !== disableModifyingForm) {
+    t4 = () => {
+      if (valueFromProps !== undefined) {
+        setValue(valueFromProps, disableModifyingForm);
+      }
+    };
+    t5 = [valueFromProps, setValue, disableModifyingForm];
+    $[4] = valueFromProps;
+    $[5] = setValue;
+    $[6] = disableModifyingForm;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t4 = $[7];
+    t5 = $[8];
+  }
+  useEffect(t4, t5);
+  const t6 = `field-${path?.replace(/\./g, "__")}`;
+  const t7 = value || "";
+  let t8;
+  if ($[9] !== t6 || $[10] !== path || $[11] !== setValue || $[12] !== t7) {
+    t8 = _jsx("input", {
+      id: t6,
+      name: path,
+      onChange: setValue,
+      type: "hidden",
+      value: t7
     });
+    $[9] = t6;
+    $[10] = path;
+    $[11] = setValue;
+    $[12] = t7;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  return t8;
 };
-export const HiddenField = withCondition(_HiddenField);
-
+export const HiddenField = withCondition(HiddenFieldComponent);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Hidden/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport type { FormFieldBase } from '../index.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\n\nexport type HiddenInputFieldProps = {\n  disableModifyingForm?: false\n  forceUsePathFromProps?: boolean\n  name?: string\n  path?: string\n  value?: unknown\n} & FormFieldBase\n\n/**\n * This is mainly used to save a value on the form that is not visible to the user.\n * For example, this sets the `ìd` property of a block in the Blocks field.\n */\nconst _HiddenField: React.FC<HiddenInputFieldProps> = (props) => {\n  const {\n    name,\n    disableModifyingForm = true,\n    forceUsePathFromProps,\n    path: pathFromProps,\n    value: valueFromProps,\n  } = props\n\n  const { path: pathFromContext } = useFieldProps()\n\n  const { path, setValue, value } = useField({\n    path: (!forceUsePathFromProps ? pathFromContext : null) || pathFromProps || name,\n  })\n\n  useEffect(() => {\n    if (valueFromProps !== undefined) {\n      setValue(valueFromProps, disableModifyingForm)\n    }\n  }, [valueFromProps, setValue, disableModifyingForm])\n\n  return (\n    <input\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      name={path}\n      onChange={setValue}\n      type=\"hidden\"\n      value={(value as string) || ''}\n    />\n  )\n}\n\nexport const HiddenField = withCondition(_HiddenField)\n"],"names":["React","useEffect","useFieldProps","useField","withCondition","_HiddenField","props","name","disableModifyingForm","forceUsePathFromProps","path","pathFromProps","value","valueFromProps","pathFromContext","setValue","undefined","input","id","replace","onChange","type","HiddenField"],"mappings":"AAAA;;AACA,OAAOA,SAASC,SAAS,QAAQ,QAAO;AAIxC,SAASC,aAAa,QAAQ,0CAAyC;AACvE,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAUlE;;;CAGC,GACD,MAAMC,eAAgD,CAACC;IACrD,MAAM,EACJC,IAAI,EACJC,uBAAuB,IAAI,EAC3BC,qBAAqB,EACrBC,MAAMC,aAAa,EACnBC,OAAOC,cAAc,EACtB,GAAGP;IAEJ,MAAM,EAAEI,MAAMI,eAAe,EAAE,GAAGZ;IAElC,MAAM,EAAEQ,IAAI,EAAEK,QAAQ,EAAEH,KAAK,EAAE,GAAGT,SAAS;QACzCO,MAAM,AAAC,CAAA,CAACD,wBAAwBK,kBAAkB,IAAG,KAAMH,iBAAiBJ;IAC9E;IAEAN,UAAU;QACR,IAAIY,mBAAmBG,WAAW;YAChCD,SAASF,gBAAgBL;QAC3B;IACF,GAAG;QAACK;QAAgBE;QAAUP;KAAqB;IAEnD,qBACE,KAACS;QACCC,IAAI,CAAC,MAAM,EAAER,MAAMS,QAAQ,OAAO,MAAM,CAAC;QACzCZ,MAAMG;QACNU,UAAUL;QACVM,MAAK;QACLT,OAAO,AAACA,SAAoB;;AAGlC;AAEA,OAAO,MAAMU,cAAclB,cAAcC,cAAa"}
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useField","withCondition","HiddenFieldComponent","props","$","disableModifyingForm","t0","field","t1","path","pathFromProps","value","valueFromProps","undefined","t2","name","t3","setValue","t4","t5","t6","replace","t7","t8","_jsx","id","onChange","type","HiddenField"],"sources":["../../../src/fields/Hidden/index.tsx"],"sourcesContent":["'use client'\n\nimport type { HiddenFieldProps } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\n\n/**\n * This is mainly used to save a value on the form that is not visible to the user.\n * For example, this sets the `ìd` property of a block in the Blocks field.\n */\nconst HiddenFieldComponent: React.FC<HiddenFieldProps> = (props) => {\n  const {\n    disableModifyingForm = true,\n    field: { name } = {},\n    path: pathFromProps,\n    value: valueFromProps,\n  } = props\n\n  const path = pathFromProps ?? (name || '')\n\n  const { setValue, value } = useField({\n    path,\n  })\n\n  useEffect(() => {\n    if (valueFromProps !== undefined) {\n      setValue(valueFromProps, disableModifyingForm)\n    }\n  }, [valueFromProps, setValue, disableModifyingForm])\n\n  return (\n    <input\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      name={path}\n      onChange={setValue}\n      type=\"hidden\"\n      value={(value as string) || ''}\n    />\n  )\n}\n\nexport const HiddenField = withCondition(HiddenFieldComponent)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAE9B;;;;AAIA,MAAMC,oBAAA,GAAmDC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACvD;IAAAQ,oBAAA,EAAAC,EAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,IAAA,EAAAC,aAAA;IAAAC,KAAA,EAAAC;EAAA,IAKIT,KAAA;EAJF,MAAAE,oBAAA,GAAAC,EAA2B,KAAAO,SAAA,UAA3BP,EAA2B;EAAA,IAAAQ,EAAA;EAAA,IAAAV,CAAA,QAAAI,EAAA;IACpBM,EAAA,GAAAN,EAAa,KAAAK,SAAA,QAAbL,EAAa;IAAAJ,CAAA,MAAAI,EAAA;IAAAJ,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAb;IAAAW;EAAA,IAAAD,EAAa;EAKtB,MAAAL,IAAA,GAAaC,aAAA,KAAkBK,IAAA,IAAQ,EAAC;EAAA,IAAAC,EAAA;EAAA,IAAAZ,CAAA,QAAAK,IAAA;IAEHO,EAAA;MAAAP;IAAA;IAErCL,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAFA;IAAAa,QAAA;IAAAN;EAAA,IAA4BX,QAAA,CAASgB,EAErC;EAAA,IAAAE,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAQ,cAAA,IAAAR,CAAA,QAAAa,QAAA,IAAAb,CAAA,QAAAC,oBAAA;IAEUa,EAAA,GAAAA,CAAA;MAAA,IACJN,cAAA,KAAAC,SAAmB;QACrBI,QAAA,CAASL,cAAA,EAAgBP,oBAAA;MAAA;IAAA;IAE1Bc,EAAA,IAACP,cAAA,EAAgBK,QAAA,EAAUZ,oBAAA;IAAqBD,CAAA,MAAAQ,cAAA;IAAAR,CAAA,MAAAa,QAAA;IAAAb,CAAA,MAAAC,oBAAA;IAAAD,CAAA,MAAAc,EAAA;IAAAd,CAAA,MAAAe,EAAA;EAAA;IAAAD,EAAA,GAAAd,CAAA;IAAAe,EAAA,GAAAf,CAAA;EAAA;EAJnDL,SAAA,CAAUmB,EAIV,EAAGC,EAAgD;EAI3C,MAAAC,EAAA,YAASX,IAAA,EAAAY,OAAA,QAAqB,OAAO;EAIlC,MAAAC,EAAA,GAAAX,KAAC,IAAoB;EAAA,IAAAY,EAAA;EAAA,IAAAnB,CAAA,QAAAgB,EAAA,IAAAhB,CAAA,SAAAK,IAAA,IAAAL,CAAA,SAAAa,QAAA,IAAAb,CAAA,SAAAkB,EAAA;IAL9BC,EAAA,GAAAC,IAAA,CAAC;MAAAC,EAAA,EACKL,EAAqC;MAAAL,IAAA,EACnCN,IAAA;MAAAiB,QAAA,EACIT,QAAA;MAAAU,IAAA,EACL;MAAAhB,KAAA,EACEW;IAAqB,C;;;;;;;;;SAL9BC,E;CAQJ;AAEA,OAAO,MAAMK,WAAA,GAAc3B,aAAA,CAAcC,oBAAA","ignoreList":[]}

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

@@ -1,13 +1,9 @@
-import type { JSONField as JSONFieldType } from 'payload';
 import React from 'react';
 import './index.scss';
-import type { FormFieldBase } from '../shared/index.js';
-export type JSONFieldProps = {
-    editorOptions?: JSONFieldType['admin']['editorOptions'];
-    jsonSchema?: Record<string, unknown>;
-    name?: string;
-    path?: string;
-    width?: string;
-} & FormFieldBase;
-export declare const JSONField: React.FC<JSONFieldProps>;
+export declare const JSONField: React.FC<{
+    readonly path?: string;
+    readonly validate?: import("payload").JSONFieldValidation;
+} & {
+    readonly field: Omit<import("payload").JSONFieldClient, "type"> & Partial<Pick<import("payload").JSONFieldClient, "type">>;
+} & Omit<import("payload").ClientComponentProps, "field" | "customComponents">>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/JSON/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAkB,SAAS,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAEzE,OAAO,KAA2C,MAAM,OAAO,CAAA;AAO/D,OAAO,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAMvD,MAAM,MAAM,cAAc,GAAG;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,CAAA;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,aAAa,CAAA;AAwIjB,eAAO,MAAM,SAAS,0BAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/JSON/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAU/D,OAAO,cAAc,CAAA;AA8IrB,eAAO,MAAM,SAAS;;;;;+EAAoC,CAAA"}