@payloadcms/ui 3.70.0-canary.9 → 3.71.0-internal-debug.80dab4c

package/dist/fields/Group/index.js

@@ -1,6 +1,5 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { groupHasName } from 'payload/shared';
 import React, { useMemo } from 'react';
@@ -21,107 +20,156 @@ import { fieldBaseClass } from '../shared/index.js';
 import { useTabs } from '../Tabs/provider.js';
 import { GroupProvider, useGroup } from './provider.js';
 const baseClass = 'group-field';
-export const GroupFieldComponent = props => {
-  const {
-    field,
-    field: {
-      admin: {
-        className,
-        description,
-        hideGutter
-      } = {},
-      fields,
-      label
-    },
-    indexPath,
-    parentPath,
-    parentSchemaPath,
-    path,
-    permissions,
-    readOnly,
-    schemaPath: schemaPathFromProps
-  } = props;
-  const schemaPath = schemaPathFromProps ?? (field.type === 'group' && groupHasName(field) ? field.name : path);
-  const {
-    i18n
-  } = useTranslation();
-  const {
-    isWithinCollapsible
-  } = useCollapsible();
-  const isWithinGroup = useGroup();
-  const isWithinRow = useRow();
-  const isWithinTab = useTabs();
-  const {
-    customComponents: {
-      AfterInput,
-      BeforeInput,
-      Description,
-      Label
-    } = {},
-    errorPaths
-  } = useField({
-    path
-  });
-  const submitted = useFormSubmitted();
-  const errorCount = errorPaths.length;
-  const fieldHasErrors = submitted && errorCount > 0;
-  const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow);
-  const styles = useMemo(() => mergeFieldStyles(field), [field]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: [fieldBaseClass, baseClass, isTopLevel && `${baseClass}--top-level`, isWithinCollapsible && `${baseClass}--within-collapsible`, isWithinGroup && `${baseClass}--within-group`, isWithinRow && `${baseClass}--within-row`, isWithinTab && `${baseClass}--within-tab`, !hideGutter && isWithinGroup && `${baseClass}--gutter`, fieldHasErrors && `${baseClass}--has-error`, className].filter(Boolean).join(' '),
-    id: `field-${path?.replace(/\./g, '__')}`,
-    style: styles,
-    children: [/*#__PURE__*/_jsx(GroupProvider, {
-      children: /*#__PURE__*/_jsxs("div", {
-        className: `${baseClass}__wrap`,
-        children: [Boolean(Label || Description || label || fieldHasErrors) && /*#__PURE__*/_jsxs("div", {
-          className: `${baseClass}__header`,
-          children: [Boolean(Label || Description || label) && /*#__PURE__*/_jsxs("header", {
-            children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
-              CustomComponent: Label,
-              Fallback: /*#__PURE__*/_jsx("h3", {
-                className: `${baseClass}__title`,
-                children: /*#__PURE__*/_jsx(FieldLabel, {
-                  as: "span",
-                  label: getTranslation(label, i18n),
-                  localized: false,
-                  path: path,
-                  required: false
-                })
-              })
-            }), /*#__PURE__*/_jsx(RenderCustomComponent, {
-              CustomComponent: Description,
-              Fallback: /*#__PURE__*/_jsx(FieldDescription, {
-                description: description,
-                path: path
-              })
-            })]
-          }), fieldHasErrors && /*#__PURE__*/_jsx(ErrorPill, {
-            count: errorCount,
-            i18n: i18n,
-            withMessage: true
-          })]
-        }), BeforeInput, groupHasName(field) ? /*#__PURE__*/_jsx(RenderFields, {
-          fields: fields,
-          margins: "small",
-          parentIndexPath: "",
-          parentPath: path,
-          parentSchemaPath: schemaPath,
-          permissions: permissions === true ? permissions : permissions?.fields,
-          readOnly: readOnly
-        }) : /*#__PURE__*/_jsx(RenderFields, {
-          fields: fields,
-          margins: "small",
-          parentIndexPath: indexPath,
-          parentPath: parentPath,
-          parentSchemaPath: parentSchemaPath,
-          permissions: permissions,
-          readOnly: readOnly
-        })]
-      })
-    }), AfterInput]
-  });
+export const GroupFieldComponent = (props)=>{
+    const { field, field: { admin: { className, description, hideGutter } = {}, fields, label }, indexPath, parentPath, parentSchemaPath, path, permissions, readOnly, schemaPath: schemaPathFromProps } = props;
+    const schemaPath = schemaPathFromProps ?? (field.type === 'group' && groupHasName(field) ? field.name : path);
+    const { i18n } = useTranslation();
+    const { isWithinCollapsible } = useCollapsible();
+    const isWithinGroup = useGroup();
+    const isWithinRow = useRow();
+    const isWithinTab = useTabs();
+    const { customComponents: { AfterInput, BeforeInput, Description, Label } = {}, errorPaths } = useField({
+        path
+    });
+    const submitted = useFormSubmitted();
+    const errorCount = errorPaths.length;
+    const fieldHasErrors = submitted && errorCount > 0;
+    const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow);
+    const styles = useMemo(()=>mergeFieldStyles(field), [
+        field
+    ]);
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            fieldBaseClass,
+            baseClass,
+            isTopLevel && `${baseClass}--top-level`,
+            isWithinCollapsible && `${baseClass}--within-collapsible`,
+            isWithinGroup && `${baseClass}--within-group`,
+            isWithinRow && `${baseClass}--within-row`,
+            isWithinTab && `${baseClass}--within-tab`,
+            !hideGutter && isWithinGroup && `${baseClass}--gutter`,
+            fieldHasErrors && `${baseClass}--has-error`,
+            className
+        ].filter(Boolean).join(' '),
+        id: `field-${path?.replace(/\./g, '__')}`,
+        style: styles,
+        children: [
+            /*#__PURE__*/ _jsxDEV(GroupProvider, {
+                children: /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__wrap`,
+                    children: [
+                        Boolean(Label || Description || label || fieldHasErrors) && /*#__PURE__*/ _jsxDEV("div", {
+                            className: `${baseClass}__header`,
+                            children: [
+                                Boolean(Label || Description || label) && /*#__PURE__*/ _jsxDEV("header", {
+                                    children: [
+                                        /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                                            CustomComponent: Label,
+                                            Fallback: /*#__PURE__*/ _jsxDEV("h3", {
+                                                className: `${baseClass}__title`,
+                                                children: /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                                                    as: "span",
+                                                    label: getTranslation(label, i18n),
+                                                    localized: false,
+                                                    path: path,
+                                                    required: false
+                                                }, void 0, false, {
+                                                    fileName: "src/fields/Group/index.tsx",
+                                                    lineNumber: 90,
+                                                    columnNumber: 25
+                                                }, void 0)
+                                            }, void 0, false, {
+                                                fileName: "src/fields/Group/index.tsx",
+                                                lineNumber: 89,
+                                                columnNumber: 23
+                                            }, void 0)
+                                        }, void 0, false, {
+                                            fileName: "src/fields/Group/index.tsx",
+                                            lineNumber: 86,
+                                            columnNumber: 19
+                                        }, this),
+                                        /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                                            CustomComponent: Description,
+                                            Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
+                                                description: description,
+                                                path: path
+                                            }, void 0, false, {
+                                                fileName: "src/fields/Group/index.tsx",
+                                                lineNumber: 102,
+                                                columnNumber: 31
+                                            }, void 0)
+                                        }, void 0, false, {
+                                            fileName: "src/fields/Group/index.tsx",
+                                            lineNumber: 100,
+                                            columnNumber: 19
+                                        }, this)
+                                    ]
+                                }, void 0, true, {
+                                    fileName: "src/fields/Group/index.tsx",
+                                    lineNumber: 85,
+                                    columnNumber: 17
+                                }, this),
+                                fieldHasErrors && /*#__PURE__*/ _jsxDEV(ErrorPill, {
+                                    count: errorCount,
+                                    i18n: i18n,
+                                    withMessage: true
+                                }, void 0, false, {
+                                    fileName: "src/fields/Group/index.tsx",
+                                    lineNumber: 106,
+                                    columnNumber: 34
+                                }, this)
+                            ]
+                        }, void 0, true, {
+                            fileName: "src/fields/Group/index.tsx",
+                            lineNumber: 83,
+                            columnNumber: 13
+                        }, this),
+                        BeforeInput,
+                        /* Render an unnamed group differently */ groupHasName(field) ? /*#__PURE__*/ _jsxDEV(RenderFields, {
+                            fields: fields,
+                            margins: "small",
+                            parentIndexPath: "",
+                            parentPath: path,
+                            parentSchemaPath: schemaPath,
+                            permissions: permissions === true ? permissions : permissions?.fields,
+                            readOnly: readOnly
+                        }, void 0, false, {
+                            fileName: "src/fields/Group/index.tsx",
+                            lineNumber: 112,
+                            columnNumber: 13
+                        }, this) : /*#__PURE__*/ _jsxDEV(RenderFields, {
+                            fields: fields,
+                            margins: "small",
+                            parentIndexPath: indexPath,
+                            parentPath: parentPath,
+                            parentSchemaPath: parentSchemaPath,
+                            permissions: permissions,
+                            readOnly: readOnly
+                        }, void 0, false, {
+                            fileName: "src/fields/Group/index.tsx",
+                            lineNumber: 122,
+                            columnNumber: 13
+                        }, this)
+                    ]
+                }, void 0, true, {
+                    fileName: "src/fields/Group/index.tsx",
+                    lineNumber: 81,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/fields/Group/index.tsx",
+                lineNumber: 80,
+                columnNumber: 7
+            }, this),
+            AfterInput
+        ]
+    }, void 0, true, {
+        fileName: "src/fields/Group/index.tsx",
+        lineNumber: 62,
+        columnNumber: 5
+    }, this);
 };
 export { GroupProvider, useGroup };
 export const GroupField = withCondition(GroupFieldComponent);
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","groupHasName","React","useMemo","useCollapsible","ErrorPill","RenderCustomComponent","FieldDescription","FieldLabel","useFormSubmitted","RenderFields","useField","withCondition","useTranslation","mergeFieldStyles","useRow","fieldBaseClass","useTabs","GroupProvider","useGroup","baseClass","GroupFieldComponent","props","field","admin","className","description","hideGutter","fields","label","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","schemaPathFromProps","type","name","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","customComponents","AfterInput","BeforeInput","Description","Label","errorPaths","submitted","errorCount","length","fieldHasErrors","isTopLevel","styles","_jsxs","filter","Boolean","join","id","replace","style","_jsx","CustomComponent","Fallback","as","localized","required","count","withMessage","margins","parentIndexPath","GroupField"],"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GroupFieldClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { groupHasName } from 'payload/shared'\nimport React, { useMemo } 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 { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { useRow } from '../Row/provider.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { useTabs } from '../Tabs/provider.js'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nexport const GroupFieldComponent: GroupFieldClientComponent = (props) => {\n  const {\n    field,\n    field: { admin: { className, description, hideGutter } = {}, fields, label },\n    indexPath,\n    parentPath,\n    parentSchemaPath,\n    path,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n  } = props\n\n  const schemaPath =\n    schemaPathFromProps ?? (field.type === 'group' && groupHasName(field) ? field.name : path)\n\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n\n  const { customComponents: { AfterInput, BeforeInput, Description, Label } = {}, errorPaths } =\n    useField({ path })\n\n  const submitted = useFormSubmitted()\n  const errorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorCount > 0\n\n  const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow)\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\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={styles}\n    >\n      <GroupProvider>\n        <div className={`${baseClass}__wrap`}>\n          {Boolean(Label || Description || label || fieldHasErrors) && (\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                          as=\"span\"\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          )}\n          {BeforeInput}\n          {/* Render an unnamed group differently */}\n          {groupHasName(field) ? (\n            <RenderFields\n              fields={fields}\n              margins=\"small\"\n              parentIndexPath=\"\"\n              parentPath={path}\n              parentSchemaPath={schemaPath}\n              permissions={permissions === true ? permissions : permissions?.fields}\n              readOnly={readOnly}\n            />\n          ) : (\n            <RenderFields\n              fields={fields}\n              margins=\"small\"\n              parentIndexPath={indexPath}\n              parentPath={parentPath}\n              parentSchemaPath={parentSchemaPath}\n              permissions={permissions}\n              readOnly={readOnly}\n            />\n          )}\n        </div>\n      </GroupProvider>\n      {AfterInput}\n    </div>\n  )\n}\n\nexport { GroupProvider, useGroup }\n\nexport const GroupField = withCondition(GroupFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GroupFieldClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { groupHasName } from 'payload/shared'\nimport React, { useMemo } 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 { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { useRow } from '../Row/provider.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { useTabs } from '../Tabs/provider.js'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nexport const GroupFieldComponent: GroupFieldClientComponent = (props) => {\n  const {\n    field,\n    field: { admin: { className, description, hideGutter } = {}, fields, label },\n    indexPath,\n    parentPath,\n    parentSchemaPath,\n    path,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n  } = props\n\n  const schemaPath =\n    schemaPathFromProps ?? (field.type === 'group' && groupHasName(field) ? field.name : path)\n\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n\n  const { customComponents: { AfterInput, BeforeInput, Description, Label } = {}, errorPaths } =\n    useField({ path })\n\n  const submitted = useFormSubmitted()\n  const errorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorCount > 0\n\n  const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow)\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\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={styles}\n    >\n      <GroupProvider>\n        <div className={`${baseClass}__wrap`}>\n          {Boolean(Label || Description || label || fieldHasErrors) && (\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                          as=\"span\"\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          )}\n          {BeforeInput}\n          {/* Render an unnamed group differently */}\n          {groupHasName(field) ? (\n            <RenderFields\n              fields={fields}\n              margins=\"small\"\n              parentIndexPath=\"\"\n              parentPath={path}\n              parentSchemaPath={schemaPath}\n              permissions={permissions === true ? permissions : permissions?.fields}\n              readOnly={readOnly}\n            />\n          ) : (\n            <RenderFields\n              fields={fields}\n              margins=\"small\"\n              parentIndexPath={indexPath}\n              parentPath={parentPath}\n              parentSchemaPath={parentSchemaPath}\n              permissions={permissions}\n              readOnly={readOnly}\n            />\n          )}\n        </div>\n      </GroupProvider>\n      {AfterInput}\n    </div>\n  )\n}\n\nexport { GroupProvider, useGroup }\n\nexport const GroupField = withCondition(GroupFieldComponent)\n"],"names":["getTranslation","groupHasName","React","useMemo","useCollapsible","ErrorPill","RenderCustomComponent","FieldDescription","FieldLabel","useFormSubmitted","RenderFields","useField","withCondition","useTranslation","mergeFieldStyles","useRow","fieldBaseClass","useTabs","GroupProvider","useGroup","baseClass","GroupFieldComponent","props","field","admin","className","description","hideGutter","fields","label","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","schemaPathFromProps","type","name","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","customComponents","AfterInput","BeforeInput","Description","Label","errorPaths","submitted","errorCount","length","fieldHasErrors","isTopLevel","styles","div","filter","Boolean","join","id","replace","style","header","CustomComponent","Fallback","h3","as","localized","required","count","withMessage","margins","parentIndexPath","GroupField"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,YAAY,QAAQ,iBAAgB;AAC7C,OAAOC,SAASC,OAAO,QAAQ,QAAO;AAEtC,SAASC,cAAc,QAAQ,yCAAwC;AACvE,SAASC,SAAS,QAAQ,oCAAmC;AAC7D,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,gBAAgB,QAAQ,yCAAwC;AACzE,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,gBAAgB,QAAQ,8BAA6B;AAC9D,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,gBAAgB,QAAQ,yBAAwB;AACzD,OAAO,eAAc;AACrB,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,OAAO,QAAQ,sBAAqB;AAC7C,SAASC,aAAa,EAAEC,QAAQ,QAAQ,gBAAe;AAEvD,MAAMC,YAAY;AAElB,OAAO,MAAMC,sBAAiD,CAACC;IAC7D,MAAM,EACJC,KAAK,EACLA,OAAO,EAAEC,OAAO,EAAEC,SAAS,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAAG,CAAC,CAAC,EAAEC,MAAM,EAAEC,KAAK,EAAE,EAC5EC,SAAS,EACTC,UAAU,EACVC,gBAAgB,EAChBC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,YAAYC,mBAAmB,EAChC,GAAGf;IAEJ,MAAMc,aACJC,uBAAwBd,CAAAA,MAAMe,IAAI,KAAK,WAAWrC,aAAasB,SAASA,MAAMgB,IAAI,GAAGN,IAAG;IAE1F,MAAM,EAAEO,IAAI,EAAE,GAAG3B;IACjB,MAAM,EAAE4B,mBAAmB,EAAE,GAAGrC;IAChC,MAAMsC,gBAAgBvB;IACtB,MAAMwB,cAAc5B;IACpB,MAAM6B,cAAc3B;IAEpB,MAAM,EAAE4B,kBAAkB,EAAEC,UAAU,EAAEC,WAAW,EAAEC,WAAW,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAAEC,UAAU,EAAE,GAC1FvC,SAAS;QAAEsB;IAAK;IAElB,MAAMkB,YAAY1C;IAClB,MAAM2C,aAAaF,WAAWG,MAAM;IACpC,MAAMC,iBAAiBH,aAAaC,aAAa;IAEjD,MAAMG,aAAa,CAAEd,CAAAA,uBAAuBC,iBAAiBC,WAAU;IAEvE,MAAMa,SAASrD,QAAQ,IAAMW,iBAAiBS,QAAQ;QAACA;KAAM;IAE7D,qBACE,QAACkC;QACChC,WAAW;YACTT;YACAI;YACAmC,cAAc,GAAGnC,UAAU,WAAW,CAAC;YACvCqB,uBAAuB,GAAGrB,UAAU,oBAAoB,CAAC;YACzDsB,iBAAiB,GAAGtB,UAAU,cAAc,CAAC;YAC7CuB,eAAe,GAAGvB,UAAU,YAAY,CAAC;YACzCwB,eAAe,GAAGxB,UAAU,YAAY,CAAC;YACzC,CAACO,cAAce,iBAAiB,GAAGtB,UAAU,QAAQ,CAAC;YACtDkC,kBAAkB,GAAGlC,UAAU,WAAW,CAAC;YAC3CK;SACD,CACEiC,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,IAAI,CAAC,MAAM,EAAE5B,MAAM6B,QAAQ,OAAO,OAAO;QACzCC,OAAOP;;0BAEP,QAACtC;0BACC,cAAA,QAACuC;oBAAIhC,WAAW,GAAGL,UAAU,MAAM,CAAC;;wBACjCuC,QAAQV,SAASD,eAAenB,SAASyB,iCACxC,QAACG;4BAAIhC,WAAW,GAAGL,UAAU,QAAQ,CAAC;;gCACnCuC,QAAQV,SAASD,eAAenB,wBAC/B,QAACmC;;sDACC,QAAC1D;4CACC2D,iBAAiBhB;4CACjBiB,wBACE,QAACC;gDAAG1C,WAAW,GAAGL,UAAU,OAAO,CAAC;0DAClC,cAAA,QAACZ;oDACC4D,IAAG;oDACHvC,OAAO7B,eAAe6B,OAAOW;oDAC7B6B,WAAW;oDACXpC,MAAMA;oDACNqC,UAAU;;;;;;;;;;;;;;;;sDAKlB,QAAChE;4CACC2D,iBAAiBjB;4CACjBkB,wBAAU,QAAC3D;gDAAiBmB,aAAaA;gDAAaO,MAAMA;;;;;;;;;;;;;;;;;gCAIjEqB,gCAAkB,QAACjD;oCAAUkE,OAAOnB;oCAAYZ,MAAMA;oCAAMgC,WAAW;;;;;;;;;;;;wBAG3EzB;wBACA,uCAAuC,GACvC9C,aAAasB,uBACZ,QAACb;4BACCkB,QAAQA;4BACR6C,SAAQ;4BACRC,iBAAgB;4BAChB3C,YAAYE;4BACZD,kBAAkBI;4BAClBF,aAAaA,gBAAgB,OAAOA,cAAcA,aAAaN;4BAC/DO,UAAUA;;;;;iDAGZ,QAACzB;4BACCkB,QAAQA;4BACR6C,SAAQ;4BACRC,iBAAiB5C;4BACjBC,YAAYA;4BACZC,kBAAkBA;4BAClBE,aAAaA;4BACbC,UAAUA;;;;;;;;;;;;;;;;;YAKjBW;;;;;;;AAGP,EAAC;AAED,SAAS5B,aAAa,EAAEC,QAAQ,GAAE;AAElC,OAAO,MAAMwD,aAAa/D,cAAcS,qBAAoB"}

package/dist/fields/Group/provider.js

@@ -1,16 +1,17 @@
 'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { createContext, use } from 'react';
-export const GroupContext = /*#__PURE__*/createContext(false);
-export const GroupProvider = ({
-  children,
-  withinGroup = true
-}) => {
-  return /*#__PURE__*/_jsx(GroupContext, {
-    value: withinGroup,
-    children: children
-  });
+export const GroupContext = /*#__PURE__*/ createContext(false);
+export const GroupProvider = ({ children, withinGroup = true })=>{
+    return /*#__PURE__*/ _jsxDEV(GroupContext, {
+        value: withinGroup,
+        children: children
+    }, void 0, false, {
+        fileName: "src/fields/Group/provider.tsx",
+        lineNumber: 10,
+        columnNumber: 10
+    }, this);
 };
-export const useGroup = () => use(GroupContext);
+export const useGroup = ()=>use(GroupContext);
+
 //# sourceMappingURL=provider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"provider.js","names":["React","createContext","use","GroupContext","GroupProvider","children","withinGroup","_jsx","value","useGroup"],"sources":["../../../src/fields/Group/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } 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 value={withinGroup}>{children}</GroupContext>\n}\n\nexport const useGroup = (): boolean => use(GroupContext)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAE1C,OAAO,MAAMC,YAAA,gBAAeF,aAAA,CAAc;AAE1C,OAAO,MAAMG,aAAA,GAAiFA,CAAC;EAC7FC,QAAQ;EACRC,WAAA,GAAc;AAAI,CACnB;EACC,oBAAOC,IAAA,CAACJ,YAAA;IAAaK,KAAA,EAAOF,WAAA;cAAcD;;AAC5C;AAEA,OAAO,MAAMI,QAAA,GAAWA,CAAA,KAAeP,GAAA,CAAIC,YAAA","ignoreList":[]}
+{"version":3,"sources":["../../../src/fields/Group/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } 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 value={withinGroup}>{children}</GroupContext>\n}\n\nexport const useGroup = (): boolean => use(GroupContext)\n"],"names":["React","createContext","use","GroupContext","GroupProvider","children","withinGroup","value","useGroup"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAEjD,OAAO,MAAMC,6BAAeF,cAAc,OAAM;AAEhD,OAAO,MAAMG,gBAAiF,CAAC,EAC7FC,QAAQ,EACRC,cAAc,IAAI,EACnB;IACC,qBAAO,QAACH;QAAaI,OAAOD;kBAAcD;;;;;;AAC5C,EAAC;AAED,OAAO,MAAMG,WAAW,IAAeN,IAAIC,cAAa"}

package/dist/fields/Hidden/index.js

@@ -1,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useEffect } from 'react';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
@@ -9,71 +7,33 @@ import { withCondition } from '../../forms/withCondition/index.js';
  * Renders an input with `type="hidden"`.
  * 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 HiddenFieldComponent = props => {
-  const $ = _c(13);
-  const {
-    disableModifyingForm: t0,
-    path: pathFromProps,
-    value: valueFromProps
-  } = props;
-  const disableModifyingForm = t0 === undefined ? true : t0;
-  let t1;
-  if ($[0] !== pathFromProps) {
-    t1 = {
-      potentiallyStalePath: pathFromProps
-    };
-    $[0] = pathFromProps;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const {
-    formInitializing,
-    path,
-    setValue,
-    value
-  } = useField(t1);
-  let t2;
-  let t3;
-  if ($[2] !== disableModifyingForm || $[3] !== formInitializing || $[4] !== setValue || $[5] !== valueFromProps) {
-    t2 = () => {
-      if (valueFromProps !== undefined && !formInitializing) {
-        setValue(valueFromProps, disableModifyingForm);
-      }
-    };
-    t3 = [valueFromProps, setValue, disableModifyingForm, formInitializing];
-    $[2] = disableModifyingForm;
-    $[3] = formInitializing;
-    $[4] = setValue;
-    $[5] = valueFromProps;
-    $[6] = t2;
-    $[7] = t3;
-  } else {
-    t2 = $[6];
-    t3 = $[7];
-  }
-  useEffect(t2, t3);
-  const t4 = `field-${path?.replace(/\./g, "__")}`;
-  const t5 = value || "";
-  let t6;
-  if ($[8] !== path || $[9] !== setValue || $[10] !== t4 || $[11] !== t5) {
-    t6 = _jsx("input", {
-      id: t4,
-      name: path,
-      onChange: setValue,
-      type: "hidden",
-      value: t5
+ */ const HiddenFieldComponent = (props)=>{
+    const { disableModifyingForm = true, path: pathFromProps, value: valueFromProps } = props;
+    const { formInitializing, path, setValue, value } = useField({
+        potentiallyStalePath: pathFromProps
     });
-    $[8] = path;
-    $[9] = setValue;
-    $[10] = t4;
-    $[11] = t5;
-    $[12] = t6;
-  } else {
-    t6 = $[12];
-  }
-  return t6;
+    useEffect(()=>{
+        if (valueFromProps !== undefined && !formInitializing) {
+            setValue(valueFromProps, disableModifyingForm);
+        }
+    }, [
+        valueFromProps,
+        setValue,
+        disableModifyingForm,
+        formInitializing
+    ]);
+    return /*#__PURE__*/ _jsxDEV("input", {
+        id: `field-${path?.replace(/\./g, '__')}`,
+        name: path,
+        onChange: setValue,
+        type: "hidden",
+        value: value || ''
+    }, void 0, false, {
+        fileName: "src/fields/Hidden/index.tsx",
+        lineNumber: 29,
+        columnNumber: 5
+    }, this);
 };
 export const HiddenField = withCondition(HiddenFieldComponent);
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useField","withCondition","HiddenFieldComponent","props","$","disableModifyingForm","t0","path","pathFromProps","value","valueFromProps","undefined","t1","potentiallyStalePath","formInitializing","setValue","t2","t3","t4","replace","t5","t6","_jsx","id","name","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 * Renders an input with `type=\"hidden\"`.\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 { disableModifyingForm = true, path: pathFromProps, value: valueFromProps } = props\n\n  const { formInitializing, path, setValue, value } = useField({\n    potentiallyStalePath: pathFromProps,\n  })\n\n  useEffect(() => {\n    if (valueFromProps !== undefined && !formInitializing) {\n      setValue(valueFromProps, disableModifyingForm)\n    }\n  }, [valueFromProps, setValue, disableModifyingForm, formInitializing])\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;;;;;AAKA,MAAMC,oBAAA,GAAmDC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACvD;IAAAQ,oBAAA,EAAAC,EAAA;IAAAC,IAAA,EAAAC,aAAA;IAAAC,KAAA,EAAAC;EAAA,IAAoFP,KAAA;EAA5E,MAAAE,oBAAA,GAAAC,EAA2B,KAAAK,SAAA,UAA3BL,EAA2B;EAAA,IAAAM,EAAA;EAAA,IAAAR,CAAA,QAAAI,aAAA;IAE0BI,EAAA;MAAAC,oBAAA,EACrCL;IAAA;IACxBJ,CAAA,MAAAI,aAAA;IAAAJ,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAFA;IAAAU,gBAAA;IAAAP,IAAA;IAAAQ,QAAA;IAAAN;EAAA,IAAoDT,QAAA,CAASY,EAE7D;EAAA,IAAAI,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,oBAAA,IAAAD,CAAA,QAAAU,gBAAA,IAAAV,CAAA,QAAAW,QAAA,IAAAX,CAAA,QAAAM,cAAA;IAEUM,EAAA,GAAAA,CAAA;MAAA,IACJN,cAAA,KAAAC,SAAmB,KAAcG,gBAAA;QACnCC,QAAA,CAASL,cAAA,EAAgBL,oBAAA;MAAA;IAAA;IAE1BY,EAAA,IAACP,cAAA,EAAgBK,QAAA,EAAUV,oBAAA,EAAsBS,gBAAA;IAAiBV,CAAA,MAAAC,oBAAA;IAAAD,CAAA,MAAAU,gBAAA;IAAAV,CAAA,MAAAW,QAAA;IAAAX,CAAA,MAAAM,cAAA;IAAAN,CAAA,MAAAY,EAAA;IAAAZ,CAAA,MAAAa,EAAA;EAAA;IAAAD,EAAA,GAAAZ,CAAA;IAAAa,EAAA,GAAAb,CAAA;EAAA;EAJrEL,SAAA,CAAUiB,EAIV,EAAGC,EAAkE;EAI7D,MAAAC,EAAA,YAASX,IAAA,EAAAY,OAAA,QAAqB,OAAO;EAIlC,MAAAC,EAAA,GAAAX,KAAC,IAAoB;EAAA,IAAAY,EAAA;EAAA,IAAAjB,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAW,QAAA,IAAAX,CAAA,SAAAc,EAAA,IAAAd,CAAA,SAAAgB,EAAA;IAL9BC,EAAA,GAAAC,IAAA,CAAC;MAAAC,EAAA,EACKL,EAAqC;MAAAM,IAAA,EACnCjB,IAAA;MAAAkB,QAAA,EACIV,QAAA;MAAAW,IAAA,EACL;MAAAjB,KAAA,EACEW;IAAqB,C;;;;;;;;;SAL9BC,E;CAQJ;AAEA,OAAO,MAAMM,WAAA,GAAc1B,aAAA,CAAcC,oBAAA","ignoreList":[]}
+{"version":3,"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 * Renders an input with `type=\"hidden\"`.\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 { disableModifyingForm = true, path: pathFromProps, value: valueFromProps } = props\n\n  const { formInitializing, path, setValue, value } = useField({\n    potentiallyStalePath: pathFromProps,\n  })\n\n  useEffect(() => {\n    if (valueFromProps !== undefined && !formInitializing) {\n      setValue(valueFromProps, disableModifyingForm)\n    }\n  }, [valueFromProps, setValue, disableModifyingForm, formInitializing])\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"],"names":["React","useEffect","useField","withCondition","HiddenFieldComponent","props","disableModifyingForm","path","pathFromProps","value","valueFromProps","formInitializing","setValue","potentiallyStalePath","undefined","input","id","replace","name","onChange","type","HiddenField"],"mappings":"AAAA;;AAIA,OAAOA,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAElE;;;;CAIC,GACD,MAAMC,uBAAmD,CAACC;IACxD,MAAM,EAAEC,uBAAuB,IAAI,EAAEC,MAAMC,aAAa,EAAEC,OAAOC,cAAc,EAAE,GAAGL;IAEpF,MAAM,EAAEM,gBAAgB,EAAEJ,IAAI,EAAEK,QAAQ,EAAEH,KAAK,EAAE,GAAGP,SAAS;QAC3DW,sBAAsBL;IACxB;IAEAP,UAAU;QACR,IAAIS,mBAAmBI,aAAa,CAACH,kBAAkB;YACrDC,SAASF,gBAAgBJ;QAC3B;IACF,GAAG;QAACI;QAAgBE;QAAUN;QAAsBK;KAAiB;IAErE,qBACE,QAACI;QACCC,IAAI,CAAC,MAAM,EAAET,MAAMU,QAAQ,OAAO,OAAO;QACzCC,MAAMX;QACNY,UAAUP;QACVQ,MAAK;QACLX,OAAO,AAACA,SAAoB;;;;;;AAGlC;AAEA,OAAO,MAAMY,cAAclB,cAAcC,sBAAqB"}