@payloadcms/ui 3.71.0-internal-debug.80dab4c → 3.71.0-internal-debug.dea9d74

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Tabs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,oBAAoB,EAOrB,MAAM,SAAS,CAAA;AAIhB,OAAO,KAA2C,MAAM,OAAO,CAAA;AAa/D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,OAAO,cAAc,CAAA;AAIrB,OAAO,EAAE,YAAY,EAAE,CAAA;AAuNvB,eAAO,MAAM,SAAS;;6DAAoC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Tabs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,oBAAoB,EAMrB,MAAM,SAAS,CAAA;AAIhB,OAAO,KAA2C,MAAM,OAAO,CAAA;AAa/D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,OAAO,cAAc,CAAA;AAIrB,OAAO,EAAE,YAAY,EAAE,CAAA;AAsKvB,eAAO,MAAM,SAAS;;6DAAoC,CAAA"}

package/dist/fields/Tabs/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { tabHasName, toKebabCase } from 'payload/shared';
+import { getFieldPaths, toKebabCase } from 'payload/shared';
 import React, { useCallback, useEffect, useState } from 'react';
 import { useCollapsible } from '../../elements/Collapsible/provider.js';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
@@ -19,19 +19,8 @@ import { TabComponent } from './Tab/index.js';
 import './index.scss';
 const baseClass = 'tabs-field';
 export { TabsProvider };
-function generateTabPath({ activeTabConfig, path }) {
-    let tabPath = path;
-    if (tabHasName(activeTabConfig) && activeTabConfig.name) {
-        if (path) {
-            tabPath = `${path}.${activeTabConfig.name}`;
-        } else {
-            tabPath = activeTabConfig.name;
-        }
-    }
-    return tabPath;
-}
 const TabsFieldComponent = (props)=>{
-    const { field: { admin: { className } = {}, tabs = [] }, forceRender = false, indexPath = '', parentPath = '', parentSchemaPath = '', path = '', permissions, readOnly } = props;
+    const { field: { admin: { className } = {}, tabs = [] }, forceRender = false, indexPath = '', parentPath = '', parentSchemaPath = '', path = '', permissions, readOnly, schemaPath = '' } = props;
     const { getPreference, setPreference } = usePreferences();
     const { preferencesKey } = useDocumentInfo();
     const { i18n } = useTranslation();
@@ -48,18 +37,8 @@ const TabsFieldComponent = (props)=>{
     });
     const [activeTabIndex, setActiveTabIndex] = useState(()=>tabStates.filter(({ passesCondition })=>passesCondition)?.[0]?.index ?? 0);
     const tabsPrefKey = `tabs-${indexPath}`;
-    const [activeTabPath, setActiveTabPath] = useState(()=>generateTabPath({
-            activeTabConfig: tabs[activeTabIndex],
-            path: parentPath
-        }));
-    const [activeTabSchemaPath, setActiveTabSchemaPath] = useState(()=>generateTabPath({
-            activeTabConfig: tabs[0],
-            path: parentSchemaPath
-        }));
-    const activePathChildrenPath = tabHasName(tabs[activeTabIndex]) ? activeTabPath : parentPath;
     const activeTabInfo = tabStates[activeTabIndex];
     const activeTabConfig = activeTabInfo?.tab;
-    const activePathSchemaChildrenPath = tabHasName(tabs[activeTabIndex]) ? activeTabSchemaPath : parentSchemaPath;
     const activeTabDescription = activeTabConfig.admin?.description ?? activeTabConfig.description;
     const activeTabStaticDescription = typeof activeTabDescription === 'function' ? activeTabDescription({
         i18n,
@@ -68,14 +47,6 @@ const TabsFieldComponent = (props)=>{
     const hasVisibleTabs = tabStates.some(({ passesCondition })=>passesCondition);
     const handleTabChange = useCallback(async (incomingTabIndex)=>{
         setActiveTabIndex(incomingTabIndex);
-        setActiveTabPath(generateTabPath({
-            activeTabConfig: tabs[incomingTabIndex],
-            path: parentPath
-        }));
-        setActiveTabSchemaPath(generateTabPath({
-            activeTabConfig: tabs[incomingTabIndex],
-            path: parentSchemaPath
-        }));
         const existingPreferences = await getPreference(preferencesKey);
         if (preferencesKey) {
             void setPreference(preferencesKey, {
@@ -100,9 +71,6 @@ const TabsFieldComponent = (props)=>{
             });
         }
     }, [
-        tabs,
-        parentPath,
-        parentSchemaPath,
         getPreference,
         preferencesKey,
         setPreference,
@@ -116,14 +84,6 @@ const TabsFieldComponent = (props)=>{
                 const initialIndex = path ? existingPreferences?.fields?.[path]?.tabIndex : existingPreferences?.fields?.[tabsPrefKey]?.tabIndex;
                 const newIndex = initialIndex || 0;
                 setActiveTabIndex(newIndex);
-                setActiveTabPath(generateTabPath({
-                    activeTabConfig: tabs[newIndex],
-                    path: parentPath
-                }));
-                setActiveTabSchemaPath(generateTabPath({
-                    activeTabConfig: tabs[newIndex],
-                    path: parentSchemaPath
-                }));
             };
             void getInitialPref();
         }
@@ -172,61 +132,69 @@ const TabsFieldComponent = (props)=>{
                                 tab: tab
                             }, index, false, {
                                 fileName: "src/fields/Tabs/index.tsx",
-                                lineNumber: 202,
+                                lineNumber: 155,
                                 columnNumber: 15
                             }, this))
                     }, void 0, false, {
                         fileName: "src/fields/Tabs/index.tsx",
-                        lineNumber: 200,
+                        lineNumber: 153,
                         columnNumber: 11
                     }, this)
                 }, void 0, false, {
                     fileName: "src/fields/Tabs/index.tsx",
-                    lineNumber: 199,
+                    lineNumber: 152,
                     columnNumber: 9
                 }, this),
                 /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__content-wrap`,
                     children: activeTabConfig && /*#__PURE__*/ _jsxDEV(TabContent, {
                         description: activeTabStaticDescription,
-                        fields: activeTabConfig.fields,
+                        field: activeTabConfig,
                         forceRender: forceRender,
                         hidden: false,
-                        parentIndexPath: tabHasName(activeTabConfig) ? '' : `${indexPath ? indexPath + '-' : ''}` + String(activeTabInfo.index),
-                        parentPath: activePathChildrenPath,
-                        parentSchemaPath: activePathSchemaChildrenPath,
-                        path: activeTabPath,
+                        parentIndexPath: indexPath,
+                        parentPath: path,
+                        parentSchemaPath: schemaPath,
+                        path: path,
                         permissions: permissions && typeof permissions === 'object' && 'name' in activeTabConfig ? permissions[activeTabConfig.name] && typeof permissions[activeTabConfig.name] === 'object' && 'fields' in permissions[activeTabConfig.name] ? permissions[activeTabConfig.name].fields : permissions[activeTabConfig.name] : permissions,
-                        readOnly: readOnly
+                        readOnly: readOnly,
+                        tabIndex: activeTabIndex
                     }, void 0, false, {
                         fileName: "src/fields/Tabs/index.tsx",
-                        lineNumber: 217,
+                        lineNumber: 170,
                         columnNumber: 13
                     }, this)
                 }, void 0, false, {
                     fileName: "src/fields/Tabs/index.tsx",
-                    lineNumber: 215,
+                    lineNumber: 168,
                     columnNumber: 9
                 }, this)
             ]
         }, void 0, true, {
             fileName: "src/fields/Tabs/index.tsx",
-            lineNumber: 198,
+            lineNumber: 151,
             columnNumber: 7
         }, this)
     }, void 0, false, {
         fileName: "src/fields/Tabs/index.tsx",
-        lineNumber: 187,
+        lineNumber: 140,
         columnNumber: 5
     }, this);
 };
 export const TabsField = withCondition(TabsFieldComponent);
-function TabContent({ description, fields, forceRender, hidden, label, parentIndexPath, parentPath, parentSchemaPath, permissions, readOnly }) {
+function TabContent({ description, field, forceRender, hidden, label, parentIndexPath, parentPath, parentSchemaPath, permissions, readOnly, tabIndex }) {
     const { i18n } = useTranslation();
-    const { customComponents: { AfterInput, BeforeInput, Description, Field } = {}, path } = useField();
+    const { customComponents: { AfterInput, BeforeInput, Description, Field } = {} } = useField();
     if (Field) {
         return Field;
     }
+    const { indexPath, path, schemaPath } = getFieldPaths({
+        field,
+        index: tabIndex,
+        parentIndexPath,
+        parentPath,
+        parentSchemaPath
+    });
     return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             hidden && `${baseClass}__tab--hidden`,
@@ -239,36 +207,36 @@ function TabContent({ description, fields, forceRender, hidden, label, parentInd
                 Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
                     description: description,
                     marginPlacement: "bottom",
-                    path: path
+                    path: parentPath
                 }, void 0, false, {
                     fileName: "src/fields/Tabs/index.tsx",
-                    lineNumber: 297,
+                    lineNumber: 256,
                     columnNumber: 11
                 }, void 0)
             }, void 0, false, {
                 fileName: "src/fields/Tabs/index.tsx",
-                lineNumber: 294,
+                lineNumber: 253,
                 columnNumber: 7
             }, this),
             BeforeInput,
             /*#__PURE__*/ _jsxDEV(RenderFields, {
-                fields: fields,
+                fields: field.fields,
                 forceRender: forceRender,
-                parentIndexPath: parentIndexPath,
-                parentPath: parentPath,
-                parentSchemaPath: parentSchemaPath,
+                parentIndexPath: indexPath,
+                parentPath: path,
+                parentSchemaPath: schemaPath,
                 permissions: permissions,
                 readOnly: readOnly
             }, void 0, false, {
                 fileName: "src/fields/Tabs/index.tsx",
-                lineNumber: 301,
+                lineNumber: 260,
                 columnNumber: 7
             }, this),
             AfterInput
         ]
     }, void 0, true, {
         fileName: "src/fields/Tabs/index.tsx",
-        lineNumber: 285,
+        lineNumber: 244,
         columnNumber: 5
     }, this);
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientComponentProps,\n  ClientField,\n  ClientTab,\n  DocumentPreferences,\n  SanitizedFieldPermissions,\n  StaticDescription,\n  TabsFieldClientComponent,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { tabHasName, toKebabCase } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useFormFields } from '../../forms/Form/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { TabsProvider } from './provider.js'\nimport { TabComponent } from './Tab/index.js'\nimport './index.scss'\n\nconst baseClass = 'tabs-field'\n\nexport { TabsProvider }\n\nfunction generateTabPath({ activeTabConfig, path }: { activeTabConfig: ClientTab; path: string }) {\n  let tabPath = path\n\n  if (tabHasName(activeTabConfig) && activeTabConfig.name) {\n    if (path) {\n      tabPath = `${path}.${activeTabConfig.name}`\n    } else {\n      tabPath = activeTabConfig.name\n    }\n  }\n\n  return tabPath\n}\n\nconst TabsFieldComponent: TabsFieldClientComponent = (props) => {\n  const {\n    field: { admin: { className } = {}, tabs = [] },\n    forceRender = false,\n    indexPath = '',\n    parentPath = '',\n    parentSchemaPath = '',\n    path = '',\n    permissions,\n    readOnly,\n  } = props\n\n  const { getPreference, setPreference } = usePreferences()\n  const { preferencesKey } = useDocumentInfo()\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n\n  const tabStates = useFormFields(([fields]) => {\n    return tabs.map((tab, index) => {\n      const id = tab?.id\n\n      return {\n        index,\n        passesCondition: fields?.[id]?.passesCondition ?? true,\n        tab,\n      }\n    })\n  })\n\n  const [activeTabIndex, setActiveTabIndex] = useState<number>(\n    () => tabStates.filter(({ passesCondition }) => passesCondition)?.[0]?.index ?? 0,\n  )\n\n  const tabsPrefKey = `tabs-${indexPath}`\n  const [activeTabPath, setActiveTabPath] = useState<string>(() =>\n    generateTabPath({ activeTabConfig: tabs[activeTabIndex], path: parentPath }),\n  )\n\n  const [activeTabSchemaPath, setActiveTabSchemaPath] = useState<string>(() =>\n    generateTabPath({ activeTabConfig: tabs[0], path: parentSchemaPath }),\n  )\n\n  const activePathChildrenPath = tabHasName(tabs[activeTabIndex]) ? activeTabPath : parentPath\n  const activeTabInfo = tabStates[activeTabIndex]\n  const activeTabConfig = activeTabInfo?.tab\n  const activePathSchemaChildrenPath = tabHasName(tabs[activeTabIndex])\n    ? activeTabSchemaPath\n    : parentSchemaPath\n\n  const activeTabDescription = activeTabConfig.admin?.description ?? activeTabConfig.description\n\n  const activeTabStaticDescription =\n    typeof activeTabDescription === 'function'\n      ? activeTabDescription({ i18n, t: i18n.t })\n      : activeTabDescription\n\n  const hasVisibleTabs = tabStates.some(({ passesCondition }) => passesCondition)\n\n  const handleTabChange = useCallback(\n    async (incomingTabIndex: number): Promise<void> => {\n      setActiveTabIndex(incomingTabIndex)\n\n      setActiveTabPath(\n        generateTabPath({ activeTabConfig: tabs[incomingTabIndex], path: parentPath }),\n      )\n      setActiveTabSchemaPath(\n        generateTabPath({ activeTabConfig: tabs[incomingTabIndex], path: parentSchemaPath }),\n      )\n\n      const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n\n      if (preferencesKey) {\n        void setPreference(preferencesKey, {\n          ...existingPreferences,\n          ...(path\n            ? {\n                fields: {\n                  ...(existingPreferences?.fields || {}),\n                  [path]: {\n                    ...existingPreferences?.fields?.[path],\n                    tabIndex: incomingTabIndex,\n                  },\n                },\n              }\n            : {\n                fields: {\n                  ...existingPreferences?.fields,\n                  [tabsPrefKey]: {\n                    ...existingPreferences?.fields?.[tabsPrefKey],\n                    tabIndex: incomingTabIndex,\n                  },\n                },\n              }),\n        })\n      }\n    },\n    [\n      tabs,\n      parentPath,\n      parentSchemaPath,\n      getPreference,\n      preferencesKey,\n      setPreference,\n      path,\n      tabsPrefKey,\n    ],\n  )\n\n  useEffect(() => {\n    if (preferencesKey) {\n      const getInitialPref = async () => {\n        const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n        const initialIndex = path\n          ? existingPreferences?.fields?.[path]?.tabIndex\n          : existingPreferences?.fields?.[tabsPrefKey]?.tabIndex\n\n        const newIndex = initialIndex || 0\n        setActiveTabIndex(newIndex)\n\n        setActiveTabPath(generateTabPath({ activeTabConfig: tabs[newIndex], path: parentPath }))\n        setActiveTabSchemaPath(\n          generateTabPath({ activeTabConfig: tabs[newIndex], path: parentSchemaPath }),\n        )\n      }\n      void getInitialPref()\n    }\n  }, [path, getPreference, preferencesKey, tabsPrefKey, tabs, parentPath, parentSchemaPath])\n\n  useEffect(() => {\n    if (activeTabInfo?.passesCondition === false) {\n      const nextTab = tabStates.find(({ passesCondition }) => passesCondition)\n      if (nextTab) {\n        void handleTabChange(nextTab.index)\n      }\n    }\n  }, [activeTabInfo, tabStates, handleTabChange])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        className,\n        baseClass,\n        isWithinCollapsible && `${baseClass}--within-collapsible`,\n        !hasVisibleTabs && `${baseClass}--hidden`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <TabsProvider>\n        <div className={`${baseClass}__tabs-wrap`}>\n          <div className={`${baseClass}__tabs`}>\n            {tabStates.map(({ index, passesCondition, tab }) => (\n              <TabComponent\n                hidden={!passesCondition}\n                isActive={activeTabIndex === index}\n                key={index}\n                parentPath={path}\n                setIsActive={() => {\n                  void handleTabChange(index)\n                }}\n                tab={tab}\n              />\n            ))}\n          </div>\n        </div>\n        <div className={`${baseClass}__content-wrap`}>\n          {activeTabConfig && (\n            <TabContent\n              description={activeTabStaticDescription}\n              fields={activeTabConfig.fields}\n              forceRender={forceRender}\n              hidden={false}\n              parentIndexPath={\n                tabHasName(activeTabConfig)\n                  ? ''\n                  : `${indexPath ? indexPath + '-' : ''}` + String(activeTabInfo.index)\n              }\n              parentPath={activePathChildrenPath}\n              parentSchemaPath={activePathSchemaChildrenPath}\n              path={activeTabPath}\n              permissions={\n                permissions && typeof permissions === 'object' && 'name' in activeTabConfig\n                  ? permissions[activeTabConfig.name] &&\n                    typeof permissions[activeTabConfig.name] === 'object' &&\n                    'fields' in permissions[activeTabConfig.name]\n                    ? permissions[activeTabConfig.name].fields\n                    : permissions[activeTabConfig.name]\n                  : permissions\n              }\n              readOnly={readOnly}\n            />\n          )}\n        </div>\n      </TabsProvider>\n    </div>\n  )\n}\n\nexport const TabsField = withCondition(TabsFieldComponent)\n\ntype ActiveTabProps = {\n  readonly description: StaticDescription\n  readonly fields: ClientField[]\n  readonly hidden: boolean\n  readonly label?: string\n  readonly parentIndexPath: string\n  readonly parentPath: string\n  readonly parentSchemaPath: string\n  readonly path: string\n  readonly permissions: SanitizedFieldPermissions\n  readonly readOnly: boolean\n} & Pick<ClientComponentProps, 'forceRender'>\n\nfunction TabContent({\n  description,\n  fields,\n  forceRender,\n  hidden,\n  label,\n  parentIndexPath,\n  parentPath,\n  parentSchemaPath,\n  permissions,\n  readOnly,\n}: ActiveTabProps) {\n  const { i18n } = useTranslation()\n\n  const { customComponents: { AfterInput, BeforeInput, Description, Field } = {}, path } =\n    useField()\n\n  if (Field) {\n    return Field\n  }\n\n  return (\n    <div\n      className={[\n        hidden && `${baseClass}__tab--hidden`,\n        `${baseClass}__tab`,\n        label && `${baseClass}__tabConfigLabel-${toKebabCase(getTranslation(label, i18n))}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={\n          <FieldDescription description={description} marginPlacement=\"bottom\" path={path} />\n        }\n      />\n      {BeforeInput}\n      <RenderFields\n        fields={fields}\n        forceRender={forceRender}\n        parentIndexPath={parentIndexPath}\n        parentPath={parentPath}\n        parentSchemaPath={parentSchemaPath}\n        permissions={permissions}\n        readOnly={readOnly}\n      />\n      {AfterInput}\n    </div>\n  )\n}\n"],"names":["getTranslation","tabHasName","toKebabCase","React","useCallback","useEffect","useState","useCollapsible","RenderCustomComponent","useFormFields","RenderFields","useField","withCondition","useDocumentInfo","usePreferences","useTranslation","FieldDescription","fieldBaseClass","TabsProvider","TabComponent","baseClass","generateTabPath","activeTabConfig","path","tabPath","name","TabsFieldComponent","props","field","admin","className","tabs","forceRender","indexPath","parentPath","parentSchemaPath","permissions","readOnly","getPreference","setPreference","preferencesKey","i18n","isWithinCollapsible","tabStates","fields","map","tab","index","id","passesCondition","activeTabIndex","setActiveTabIndex","filter","tabsPrefKey","activeTabPath","setActiveTabPath","activeTabSchemaPath","setActiveTabSchemaPath","activePathChildrenPath","activeTabInfo","activePathSchemaChildrenPath","activeTabDescription","description","activeTabStaticDescription","t","hasVisibleTabs","some","handleTabChange","incomingTabIndex","existingPreferences","tabIndex","getInitialPref","initialIndex","newIndex","nextTab","find","div","Boolean","join","hidden","isActive","setIsActive","TabContent","parentIndexPath","String","TabsField","label","customComponents","AfterInput","BeforeInput","Description","Field","CustomComponent","Fallback","marginPlacement"],"mappings":"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"}
+{"version":3,"sources":["../../../src/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientComponentProps,\n  ClientTab,\n  DocumentPreferences,\n  SanitizedFieldPermissions,\n  StaticDescription,\n  TabsFieldClientComponent,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { getFieldPaths, toKebabCase } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useFormFields } from '../../forms/Form/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { TabsProvider } from './provider.js'\nimport { TabComponent } from './Tab/index.js'\nimport './index.scss'\n\nconst baseClass = 'tabs-field'\n\nexport { TabsProvider }\n\nconst TabsFieldComponent: TabsFieldClientComponent = (props) => {\n  const {\n    field: { admin: { className } = {}, tabs = [] },\n    forceRender = false,\n    indexPath = '',\n    parentPath = '',\n    parentSchemaPath = '',\n    path = '',\n    permissions,\n    readOnly,\n    schemaPath = '',\n  } = props\n\n  const { getPreference, setPreference } = usePreferences()\n  const { preferencesKey } = useDocumentInfo()\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n\n  const tabStates = useFormFields(([fields]) => {\n    return tabs.map((tab, index) => {\n      const id = tab?.id\n\n      return {\n        index,\n        passesCondition: fields?.[id]?.passesCondition ?? true,\n        tab,\n      }\n    })\n  })\n\n  const [activeTabIndex, setActiveTabIndex] = useState<number>(\n    () => tabStates.filter(({ passesCondition }) => passesCondition)?.[0]?.index ?? 0,\n  )\n\n  const tabsPrefKey = `tabs-${indexPath}`\n\n  const activeTabInfo = tabStates[activeTabIndex]\n  const activeTabConfig = activeTabInfo?.tab\n  const activeTabDescription = activeTabConfig.admin?.description ?? activeTabConfig.description\n\n  const activeTabStaticDescription =\n    typeof activeTabDescription === 'function'\n      ? activeTabDescription({ i18n, t: i18n.t })\n      : activeTabDescription\n\n  const hasVisibleTabs = tabStates.some(({ passesCondition }) => passesCondition)\n\n  const handleTabChange = useCallback(\n    async (incomingTabIndex: number): Promise<void> => {\n      setActiveTabIndex(incomingTabIndex)\n\n      const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n\n      if (preferencesKey) {\n        void setPreference(preferencesKey, {\n          ...existingPreferences,\n          ...(path\n            ? {\n                fields: {\n                  ...(existingPreferences?.fields || {}),\n                  [path]: {\n                    ...existingPreferences?.fields?.[path],\n                    tabIndex: incomingTabIndex,\n                  },\n                },\n              }\n            : {\n                fields: {\n                  ...existingPreferences?.fields,\n                  [tabsPrefKey]: {\n                    ...existingPreferences?.fields?.[tabsPrefKey],\n                    tabIndex: incomingTabIndex,\n                  },\n                },\n              }),\n        })\n      }\n    },\n    [getPreference, preferencesKey, setPreference, path, tabsPrefKey],\n  )\n\n  useEffect(() => {\n    if (preferencesKey) {\n      const getInitialPref = async () => {\n        const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n        const initialIndex = path\n          ? existingPreferences?.fields?.[path]?.tabIndex\n          : existingPreferences?.fields?.[tabsPrefKey]?.tabIndex\n\n        const newIndex = initialIndex || 0\n        setActiveTabIndex(newIndex)\n      }\n      void getInitialPref()\n    }\n  }, [path, getPreference, preferencesKey, tabsPrefKey, tabs, parentPath, parentSchemaPath])\n\n  useEffect(() => {\n    if (activeTabInfo?.passesCondition === false) {\n      const nextTab = tabStates.find(({ passesCondition }) => passesCondition)\n      if (nextTab) {\n        void handleTabChange(nextTab.index)\n      }\n    }\n  }, [activeTabInfo, tabStates, handleTabChange])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        className,\n        baseClass,\n        isWithinCollapsible && `${baseClass}--within-collapsible`,\n        !hasVisibleTabs && `${baseClass}--hidden`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <TabsProvider>\n        <div className={`${baseClass}__tabs-wrap`}>\n          <div className={`${baseClass}__tabs`}>\n            {tabStates.map(({ index, passesCondition, tab }) => (\n              <TabComponent\n                hidden={!passesCondition}\n                isActive={activeTabIndex === index}\n                key={index}\n                parentPath={path}\n                setIsActive={() => {\n                  void handleTabChange(index)\n                }}\n                tab={tab}\n              />\n            ))}\n          </div>\n        </div>\n        <div className={`${baseClass}__content-wrap`}>\n          {activeTabConfig && (\n            <TabContent\n              description={activeTabStaticDescription}\n              field={activeTabConfig}\n              forceRender={forceRender}\n              hidden={false}\n              parentIndexPath={indexPath}\n              parentPath={path}\n              parentSchemaPath={schemaPath}\n              path={path}\n              permissions={\n                permissions && typeof permissions === 'object' && 'name' in activeTabConfig\n                  ? permissions[activeTabConfig.name] &&\n                    typeof permissions[activeTabConfig.name] === 'object' &&\n                    'fields' in permissions[activeTabConfig.name]\n                    ? permissions[activeTabConfig.name].fields\n                    : permissions[activeTabConfig.name]\n                  : permissions\n              }\n              readOnly={readOnly}\n              tabIndex={activeTabIndex}\n            />\n          )}\n        </div>\n      </TabsProvider>\n    </div>\n  )\n}\n\nexport const TabsField = withCondition(TabsFieldComponent)\n\ntype ActiveTabProps = {\n  readonly description: StaticDescription\n  readonly field: ClientTab\n  readonly hidden: boolean\n  readonly label?: string\n  readonly parentIndexPath: string\n  readonly parentPath: string\n  readonly parentSchemaPath: string\n  readonly path: string\n  readonly permissions: SanitizedFieldPermissions\n  readonly readOnly: boolean\n  readonly tabIndex: number\n} & Pick<ClientComponentProps, 'forceRender'>\n\nfunction TabContent({\n  description,\n  field,\n  forceRender,\n  hidden,\n  label,\n  parentIndexPath,\n  parentPath,\n  parentSchemaPath,\n  permissions,\n  readOnly,\n  tabIndex,\n}: ActiveTabProps) {\n  const { i18n } = useTranslation()\n\n  const { customComponents: { AfterInput, BeforeInput, Description, Field } = {} } = useField()\n\n  if (Field) {\n    return Field\n  }\n\n  const { indexPath, path, schemaPath } = getFieldPaths({\n    field,\n    index: tabIndex,\n    parentIndexPath,\n    parentPath,\n    parentSchemaPath,\n  })\n\n  return (\n    <div\n      className={[\n        hidden && `${baseClass}__tab--hidden`,\n        `${baseClass}__tab`,\n        label && `${baseClass}__tabConfigLabel-${toKebabCase(getTranslation(label, i18n))}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={\n          <FieldDescription description={description} marginPlacement=\"bottom\" path={parentPath} />\n        }\n      />\n      {BeforeInput}\n      <RenderFields\n        fields={field.fields}\n        forceRender={forceRender}\n        parentIndexPath={indexPath}\n        parentPath={path}\n        parentSchemaPath={schemaPath}\n        permissions={permissions}\n        readOnly={readOnly}\n      />\n      {AfterInput}\n    </div>\n  )\n}\n"],"names":["getTranslation","getFieldPaths","toKebabCase","React","useCallback","useEffect","useState","useCollapsible","RenderCustomComponent","useFormFields","RenderFields","useField","withCondition","useDocumentInfo","usePreferences","useTranslation","FieldDescription","fieldBaseClass","TabsProvider","TabComponent","baseClass","TabsFieldComponent","props","field","admin","className","tabs","forceRender","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","getPreference","setPreference","preferencesKey","i18n","isWithinCollapsible","tabStates","fields","map","tab","index","id","passesCondition","activeTabIndex","setActiveTabIndex","filter","tabsPrefKey","activeTabInfo","activeTabConfig","activeTabDescription","description","activeTabStaticDescription","t","hasVisibleTabs","some","handleTabChange","incomingTabIndex","existingPreferences","tabIndex","getInitialPref","initialIndex","newIndex","nextTab","find","div","Boolean","join","hidden","isActive","setIsActive","TabContent","parentIndexPath","name","TabsField","label","customComponents","AfterInput","BeforeInput","Description","Field","CustomComponent","Fallback","marginPlacement"],"mappings":"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"}

package/dist/forms/fieldSchemasToFormState/addFieldStatePromise.d.ts

@@ -1,4 +1,4 @@
-import type { BuildFormStateArgs, ClientFieldSchemaMap, Data, DocumentPreferences, Field, FieldSchemaMap, FormState, FormStateWithoutComponents, PayloadRequest, SanitizedFieldsPermissions, SelectMode, SelectType } from 'payload';
+import type { BuildFormStateArgs, ClientFieldSchemaMap, Data, DocumentPreferences, Field, FieldSchemaMap, FormState, FormStateWithoutComponents, PayloadRequest, SanitizedFieldsPermissions, SelectMode, SelectType, TabAsField } from 'payload';
 import type { RenderFieldMethod } from './types.js';
 export type AddFieldStatePromiseArgs = {
     addErrorPathToParent: (fieldPath: string) => void;
@@ -13,7 +13,7 @@ export type AddFieldStatePromiseArgs = {
     clientFieldSchemaMap?: ClientFieldSchemaMap;
     collectionSlug?: string;
     data: Data;
-    field: Field;
+    field: Field | TabAsField;
     fieldIndex: number;
     fieldSchemaMap: FieldSchemaMap;
     /**

package/dist/forms/fieldSchemasToFormState/addFieldStatePromise.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"addFieldStatePromise.d.ts","sourceRoot":"","sources":["../../../src/forms/fieldSchemasToFormState/addFieldStatePromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,IAAI,EACJ,mBAAmB,EACnB,KAAK,EACL,cAAc,EAGd,SAAS,EACT,0BAA0B,EAC1B,cAAc,EAGd,0BAA0B,EAC1B,UAAU,EACV,UAAU,EAGX,MAAM,SAAS,CAAA;AAehB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAQnD,MAAM,MAAM,wBAAwB,GAAG;IACrC,oBAAoB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,SAAS,EAAE,IAAI,GAAG,SAAS,CAAA;IAC3B,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,KAAK,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,cAAc,CAAA;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,OAAO,CAAA;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,EAAE,IAAI,CAAA;IACd,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAA;IACzC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC9B,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,EAAE,0BAA0B,CAAA;IAC7C,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,OAAO,CAAA;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,mBAAmB,CAAA;IAChC,iBAAiB,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,OAAO,CAAA;IACxB,aAAa,EAAE,iBAAiB,CAAA;IAChC;;;OAGG;IACH,GAAG,EAAE,cAAc,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE,0BAA0B,CAAA;CAClC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,SAAgB,wBAAwB,KAAG,OAAO,CAAC,IAAI,CAy4BvF,CAAA"}
+{"version":3,"file":"addFieldStatePromise.d.ts","sourceRoot":"","sources":["../../../src/forms/fieldSchemasToFormState/addFieldStatePromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,IAAI,EACJ,mBAAmB,EACnB,KAAK,EACL,cAAc,EAGd,SAAS,EACT,0BAA0B,EAC1B,cAAc,EAGd,0BAA0B,EAC1B,UAAU,EACV,UAAU,EACV,UAAU,EAEX,MAAM,SAAS,CAAA;AAchB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAQnD,MAAM,MAAM,wBAAwB,GAAG;IACrC,oBAAoB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,SAAS,EAAE,IAAI,GAAG,SAAS,CAAA;IAC3B,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,KAAK,GAAG,UAAU,CAAA;IACzB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,cAAc,CAAA;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,OAAO,CAAA;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,EAAE,IAAI,CAAA;IACd,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAA;IACzC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC9B,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,EAAE,0BAA0B,CAAA;IAC7C,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,OAAO,CAAA;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,mBAAmB,CAAA;IAChC,iBAAiB,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,OAAO,CAAA;IACxB,aAAa,EAAE,iBAAiB,CAAA;IAChC;;;OAGG;IACH,GAAG,EAAE,cAAc,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE,0BAA0B,CAAA;CAClC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,SAAgB,wBAAwB,KAAG,OAAO,CAAC,IAAI,CA25BvF,CAAA"}

package/dist/forms/fieldSchemasToFormState/addFieldStatePromise.js

@@ -1,6 +1,6 @@
 import ObjectIdImport from 'bson-objectid';
 import { getBlockSelect, stripUnselectedFields, validateBlocksFilterOptions } from 'payload';
-import { deepCopyObjectSimple, fieldAffectsData, fieldHasSubFields, fieldIsHiddenOrDisabled, fieldIsID, fieldIsLocalized, getFieldPaths, tabHasName } from 'payload/shared';
+import { deepCopyObjectSimple, fieldAffectsData, fieldHasSubFields, fieldIsHiddenOrDisabled, fieldIsID, fieldIsLocalized, tabHasName } from 'payload/shared';
 import { resolveFilterOptions } from '../../utilities/resolveFilterOptions.js';
 import { isRowCollapsed } from './isRowCollapsed.js';
 import { iterateFields } from './iterateFields.js';
@@ -54,7 +54,7 @@ const ObjectId = 'default' in ObjectIdImport ? ObjectIdImport.default : ObjectId
     if (includeSchema) {
         fieldState.fieldSchema = field;
     }
-    if (fieldAffectsData(field) && !fieldIsHiddenOrDisabled(field)) {
+    if (fieldAffectsData(field) && !fieldIsHiddenOrDisabled(field) && field.type !== 'tab') {
         fieldPermissions = parentPermissions === true ? parentPermissions : deepCopyObjectSimple(parentPermissions?.[field.name]);
         let hasPermission = fieldPermissions === true || deepCopyObjectSimple(fieldPermissions?.read);
         if (typeof field?.access?.read === 'function') {
@@ -71,7 +71,7 @@ const ObjectId = 'default' in ObjectIdImport ? ObjectIdImport.default : ObjectId
         if (!hasPermission) {
             return;
         }
-        const validate = field.validate;
+        const validate = 'validate' in field ? field.validate : undefined;
         let validationResult = true;
         if (typeof validate === 'function' && !skipValidation && passesCondition) {
             let jsonError;
@@ -133,11 +133,11 @@ const ObjectId = 'default' in ObjectIdImport ? ObjectIdImport.default : ObjectId
                 {
                     const arrayValue = Array.isArray(data[field.name]) ? data[field.name] : [];
                     const arraySelect = select?.[field.name];
-                    const { promises, rows } = arrayValue.reduce((acc, row, i)=>{
-                        const parentPath = path + '.' + i;
+                    const { promises, rows } = arrayValue.reduce((acc, row, rowIndex)=>{
+                        const rowPath = path + '.' + rowIndex;
                         row.id = row?.id || new ObjectId().toHexString();
                         if (!omitParents && (!filter || filter(args))) {
-                            const idKey = parentPath + '.id';
+                            const idKey = rowPath + '.id';
                             state[idKey] = {
                                 initialValue: row.id,
                                 value: row.id
@@ -165,7 +165,7 @@ const ObjectId = 'default' in ObjectIdImport ? ObjectIdImport.default : ObjectId
                             operation,
                             parentIndexPath: '',
                             parentPassesCondition: passesCondition,
-                            parentPath,
+                            parentPath: rowPath,
                             parentSchemaPath: schemaPath,
                             permissions: fieldPermissions === true ? fieldPermissions : fieldPermissions?.fields || {},
                             preferences,
@@ -257,12 +257,12 @@ const ObjectId = 'default' in ObjectIdImport ? ObjectIdImport.default : ObjectId
                             select: select?.[field.name],
                             selectMode
                         });
-                        const parentPath = path + '.' + i;
+                        const rowPath = path + '.' + i;
                         if (block) {
                             row.id = row?.id || new ObjectId().toHexString();
                             if (!omitParents && (!filter || filter(args))) {
                                 // Handle block `id` field
-                                const idKey = parentPath + '.id';
+                                const idKey = rowPath + '.id';
                                 state[idKey] = {
                                     initialValue: row.id,
                                     value: row.id
@@ -284,7 +284,7 @@ const ObjectId = 'default' in ObjectIdImport ? ObjectIdImport.default : ObjectId
                                     state[idKey].fieldSchema = includeSchema ? block.fields.find((blockField)=>fieldIsID(blockField)) : undefined;
                                 }
                                 // Handle `blockType` field
-                                const fieldKey = parentPath + '.blockType';
+                                const fieldKey = rowPath + '.blockType';
                                 state[fieldKey] = {
                                     initialValue: row.blockType,
                                     value: row.blockType
@@ -296,7 +296,7 @@ const ObjectId = 'default' in ObjectIdImport ? ObjectIdImport.default : ObjectId
                                     state[fieldKey].fieldSchema = block.fields.find((blockField)=>'name' in blockField && blockField.name === 'blockType');
                                 }
                                 // Handle `blockName` field
-                                const blockNameKey = parentPath + '.blockName';
+                                const blockNameKey = rowPath + '.blockName';
                                 state[blockNameKey] = {};
                                 if (row.blockName) {
                                     state[blockNameKey].initialValue = row.blockName;
@@ -325,7 +325,7 @@ const ObjectId = 'default' in ObjectIdImport ? ObjectIdImport.default : ObjectId
                                 operation,
                                 parentIndexPath: '',
                                 parentPassesCondition: passesCondition,
-                                parentPath,
+                                parentPath: rowPath,
                                 parentSchemaPath: schemaPath + '.' + block.slug,
                                 permissions: fieldPermissions === true ? fieldPermissions : parentPermissions?.[field.name]?.blocks?.[block.slug] === true ? true : parentPermissions?.[field.name]?.blocks?.[block.slug]?.fields || {},
                                 preferences,
@@ -556,8 +556,8 @@ const ObjectId = 'default' in ObjectIdImport ? ObjectIdImport.default : ObjectId
             operation,
             parentIndexPath: indexPath,
             parentPassesCondition: passesCondition,
-            parentPath,
-            parentSchemaPath,
+            parentPath: path,
+            parentSchemaPath: schemaPath,
             permissions: parentPermissions,
             // TODO: Verify this is correct
             preferences,
@@ -570,102 +570,128 @@ const ObjectId = 'default' in ObjectIdImport ? ObjectIdImport.default : ObjectId
             skipValidation,
             state
         });
-    } else if (field.type === 'tabs') {
-        const promises = field.tabs.map((tab, tabIndex)=>{
-            const isNamedTab = tabHasName(tab);
-            let tabSelect;
-            const tabField = {
-                ...tab,
-                type: 'tab'
-            };
-            const { indexPath: tabIndexPath, path: tabPath, schemaPath: tabSchemaPath } = getFieldPaths({
+    } else if (field.type === 'tab') {
+        const isNamedTab = tabHasName(field);
+        let tabSelect;
+        const tabField = {
+            ...field,
+            type: 'tab'
+        };
+        let childPermissions = undefined;
+        if (isNamedTab) {
+            const shouldContinue = stripUnselectedFields({
                 field: tabField,
-                index: tabIndex,
-                parentIndexPath: indexPath,
-                parentPath,
-                parentSchemaPath
+                select,
+                selectMode,
+                siblingDoc: data?.[field.name] || {}
             });
-            let childPermissions = undefined;
-            if (isNamedTab) {
-                const shouldContinue = stripUnselectedFields({
-                    field: tabField,
-                    select,
-                    selectMode,
-                    siblingDoc: data?.[tab.name] || {}
-                });
-                if (!shouldContinue) {
-                    return;
-                }
-                if (parentPermissions === true) {
+            if (!shouldContinue) {
+                return;
+            }
+            if (parentPermissions === true) {
+                childPermissions = true;
+            } else {
+                const tabPermissions = parentPermissions?.[field.name];
+                if (tabPermissions === true) {
                     childPermissions = true;
                 } else {
-                    const tabPermissions = parentPermissions?.[tab.name];
-                    if (tabPermissions === true) {
-                        childPermissions = true;
-                    } else {
-                        childPermissions = tabPermissions?.fields;
-                    }
-                }
-                if (typeof select?.[tab.name] === 'object') {
-                    tabSelect = select?.[tab.name];
+                    childPermissions = tabPermissions?.fields;
                 }
-            } else {
-                childPermissions = parentPermissions;
-                tabSelect = select;
-            }
-            const pathSegments = path ? path.split('.') : [];
-            // If passesCondition is false then this should always result to false
-            // If the tab has no admin.condition provided then fallback to passesCondition and let that decide the result
-            let tabPassesCondition = passesCondition;
-            if (passesCondition && typeof tab.admin?.condition === 'function') {
-                tabPassesCondition = tab.admin.condition(fullData, data, {
-                    blockData,
-                    operation,
-                    path: pathSegments,
-                    user: req.user
-                });
             }
-            if (tab?.id) {
-                state[tab.id] = {
-                    passesCondition: tabPassesCondition
-                };
+            if (typeof select?.[field.name] === 'object') {
+                tabSelect = select?.[field.name];
             }
-            return iterateFields({
-                id,
-                addErrorPathToParent: addErrorPathToParentArg,
-                anyParentLocalized: tab.localized || anyParentLocalized,
+        } else {
+            childPermissions = parentPermissions;
+            tabSelect = select;
+        }
+        const pathSegments = path ? path.split('.') : [];
+        // If passesCondition is false then this should always result to false
+        // If the tab has no admin.condition provided then fallback to passesCondition and let that decide the result
+        let tabPassesCondition = passesCondition;
+        if (passesCondition && typeof field.admin?.condition === 'function') {
+            tabPassesCondition = field.admin.condition(fullData, data, {
                 blockData,
-                clientFieldSchemaMap,
-                collectionSlug,
-                data: isNamedTab ? data?.[tab.name] || {} : data,
-                fields: tab.fields,
-                fieldSchemaMap,
-                filter,
-                forceFullValue,
-                fullData,
-                includeSchema,
-                mockRSCs,
-                omitParents,
                 operation,
-                parentIndexPath: isNamedTab ? '' : tabIndexPath,
-                parentPassesCondition: tabPassesCondition,
-                parentPath: isNamedTab ? tabPath : parentPath,
-                parentSchemaPath: isNamedTab ? tabSchemaPath : parentSchemaPath,
-                permissions: childPermissions,
-                preferences,
-                previousFormState,
-                readOnly,
-                renderAllFields,
-                renderFieldFn,
-                req,
-                select: tabSelect,
-                selectMode,
-                skipConditionChecks,
-                skipValidation,
-                state
+                path: pathSegments,
+                user: req.user
             });
+        }
+        if (field?.id) {
+            state[field.id] = {
+                passesCondition: tabPassesCondition
+            };
+        }
+        return iterateFields({
+            id,
+            addErrorPathToParent: addErrorPathToParentArg,
+            anyParentLocalized: field.localized || anyParentLocalized,
+            blockData,
+            clientFieldSchemaMap,
+            collectionSlug,
+            data: isNamedTab ? data?.[field.name] || {} : data,
+            fields: field.fields,
+            fieldSchemaMap,
+            filter,
+            forceFullValue,
+            fullData,
+            includeSchema,
+            mockRSCs,
+            omitParents,
+            operation,
+            parentIndexPath: indexPath,
+            parentPassesCondition: tabPassesCondition,
+            parentPath: path,
+            parentSchemaPath: schemaPath,
+            permissions: childPermissions,
+            preferences,
+            previousFormState,
+            readOnly,
+            renderAllFields,
+            renderFieldFn,
+            req,
+            select: tabSelect,
+            selectMode,
+            skipConditionChecks,
+            skipValidation,
+            state
+        });
+    } else if (field.type === 'tabs') {
+        return iterateFields({
+            id,
+            addErrorPathToParent: addErrorPathToParentArg,
+            anyParentLocalized: fieldIsLocalized(field) || anyParentLocalized,
+            blockData,
+            clientFieldSchemaMap,
+            collectionSlug,
+            data,
+            fields: field.tabs.map((tab)=>({
+                    ...tab,
+                    type: 'tab'
+                })),
+            fieldSchemaMap,
+            filter,
+            forceFullValue,
+            fullData,
+            includeSchema,
+            omitParents,
+            operation,
+            parentIndexPath: indexPath,
+            parentPassesCondition: passesCondition,
+            parentPath: path,
+            parentSchemaPath: schemaPath,
+            permissions: parentPermissions,
+            preferences,
+            previousFormState,
+            renderAllFields,
+            renderFieldFn,
+            req,
+            select,
+            selectMode,
+            skipConditionChecks,
+            skipValidation,
+            state
         });
-        await Promise.all(promises);
     } else if (field.type === 'ui') {
         if (!filter || filter(args)) {
             state[path] = fieldState;