@payloadcms/ui 3.89.0 → 3.90.1

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,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"}
+{"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,KAAmD,MAAM,OAAO,CAAA;AAavE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAG5C,OAAO,cAAc,CAAA;AAIrB,OAAO,EAAE,YAAY,EAAE,CAAA;AA+LvB,eAAO,MAAM,SAAS;;6DAAoC,CAAA"}

package/dist/fields/Tabs/index.js

@@ -4,7 +4,7 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { getFieldPaths, toKebabCase } from 'payload/shared';
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { useCollapsible } from '../../elements/Collapsible/provider.js';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { useFormFields } from '../../forms/Form/index.js';
@@ -17,53 +17,28 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { FieldDescription } from '../FieldDescription/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import { TabsProvider } from './provider.js';
+import { resolveRestoredTabIndex } from './resolveRestoredTabIndex.js';
 import { TabComponent } from './Tab/index.js';
 import './index.scss';
 const baseClass = 'tabs-field';
 export { TabsProvider };
 const TabsFieldComponent = props => {
-  const $ = _c(44);
   const {
-    field: t0,
-    forceRender: t1,
-    indexPath: t2,
-    parentPath: t3,
-    parentSchemaPath: t4,
-    path: t5,
+    field: {
+      admin: {
+        className
+      } = {},
+      tabs = []
+    },
+    forceRender = false,
+    indexPath = '',
+    parentPath = '',
+    parentSchemaPath = '',
+    path = '',
     permissions,
     readOnly,
-    schemaPath: t6
+    schemaPath = ''
   } = props;
-  const {
-    admin: t7,
-    tabs: t8
-  } = t0;
-  let t9;
-  if ($[0] !== t7) {
-    t9 = t7 === undefined ? {} : t7;
-    $[0] = t7;
-    $[1] = t9;
-  } else {
-    t9 = $[1];
-  }
-  const {
-    className
-  } = t9;
-  let t10;
-  if ($[2] !== t8) {
-    t10 = t8 === undefined ? [] : t8;
-    $[2] = t8;
-    $[3] = t10;
-  } else {
-    t10 = $[3];
-  }
-  const tabs = t10;
-  const forceRender = t1 === undefined ? false : t1;
-  const indexPath = t2 === undefined ? "" : t2;
-  const parentPath = t3 === undefined ? "" : t3;
-  const parentSchemaPath = t4 === undefined ? "" : t4;
-  const path = t5 === undefined ? "" : t5;
-  const schemaPath = t6 === undefined ? "" : t6;
   const {
     getPreference,
     setPreference
@@ -77,205 +52,123 @@ const TabsFieldComponent = props => {
   const {
     isWithinCollapsible
   } = useCollapsible();
-  let t11;
-  if ($[4] !== tabs) {
-    t11 = t12 => {
-      const [fields] = t12;
-      return tabs.map((tab, index) => {
-        const id = tab?.id;
-        return {
-          index,
-          passesCondition: fields?.[id]?.passesCondition ?? true,
-          tab
-        };
-      });
-    };
-    $[4] = tabs;
-    $[5] = t11;
-  } else {
-    t11 = $[5];
-  }
-  const tabStates = useFormFields(t11);
-  let t12;
-  if ($[6] !== tabStates) {
-    t12 = () => tabStates.filter(_temp)?.[0]?.index ?? 0;
-    $[6] = tabStates;
-    $[7] = t12;
-  } else {
-    t12 = $[7];
-  }
-  const [activeTabIndex, setActiveTabIndex] = useState(t12);
+  const tabStates = useFormFields(([fields]) => {
+    return tabs.map((tab, index) => {
+      const id = tab?.id;
+      return {
+        index,
+        passesCondition: fields?.[id]?.passesCondition ?? true,
+        tab
+      };
+    });
+  });
+  const [activeTabIndex, setActiveTabIndex] = useState(() => tabStates.filter(({
+    passesCondition
+  }) => passesCondition)?.[0]?.index ?? 0);
+  const hasUserSelectedTab = useRef(false);
   const tabsPrefKey = `tabs-${indexPath}`;
   const activeTabInfo = tabStates[activeTabIndex];
   const activeTabConfig = activeTabInfo?.tab;
   const activeTabDescription = activeTabConfig?.admin?.description ?? activeTabConfig?.description;
-  const activeTabStaticDescription = typeof activeTabDescription === "function" ? activeTabDescription({
+  const activeTabStaticDescription = typeof activeTabDescription === 'function' ? activeTabDescription({
     i18n,
     t: i18n.t
   }) : activeTabDescription;
-  const hasVisibleTabs = tabStates.some(_temp2);
-  let t13;
-  if ($[8] !== getPreference || $[9] !== path || $[10] !== preferencesKey || $[11] !== setPreference || $[12] !== tabsPrefKey) {
-    t13 = async incomingTabIndex => {
-      setActiveTabIndex(incomingTabIndex);
-      const existingPreferences = await getPreference(preferencesKey);
-      if (preferencesKey) {
-        setPreference(preferencesKey, {
-          ...existingPreferences,
-          ...(path ? {
-            fields: {
-              ...(existingPreferences?.fields || {}),
-              [path]: {
-                ...existingPreferences?.fields?.[path],
-                tabIndex: incomingTabIndex
-              }
+  const hasVisibleTabs = tabStates.some(({
+    passesCondition: passesCondition_0
+  }) => passesCondition_0);
+  const handleTabChange = useCallback(async incomingTabIndex => {
+    setActiveTabIndex(incomingTabIndex);
+    const existingPreferences = await getPreference(preferencesKey);
+    if (preferencesKey) {
+      void setPreference(preferencesKey, {
+        ...existingPreferences,
+        ...(path ? {
+          fields: {
+            ...(existingPreferences?.fields || {}),
+            [path]: {
+              ...existingPreferences?.fields?.[path],
+              tabIndex: incomingTabIndex
             }
-          } : {
-            fields: {
-              ...existingPreferences?.fields,
-              [tabsPrefKey]: {
-                ...existingPreferences?.fields?.[tabsPrefKey],
-                tabIndex: incomingTabIndex
-              }
+          }
+        } : {
+          fields: {
+            ...existingPreferences?.fields,
+            [tabsPrefKey]: {
+              ...existingPreferences?.fields?.[tabsPrefKey],
+              tabIndex: incomingTabIndex
             }
-          })
+          }
+        })
+      });
+    }
+  }, [getPreference, preferencesKey, setPreference, path, tabsPrefKey]);
+  useEffect(() => {
+    if (preferencesKey) {
+      const restoreTabFromPreferences = async () => {
+        const existingPreferences_0 = await getPreference(preferencesKey);
+        // A tab selected while this read was in flight wins. Restoring afterwards
+        // would move the user off the tab they just opened
+        if (hasUserSelectedTab.current) {
+          return;
+        }
+        const storedTabIndex = path ? existingPreferences_0?.fields?.[path]?.tabIndex : existingPreferences_0?.fields?.[tabsPrefKey]?.tabIndex;
+        const restoredTabIndex = resolveRestoredTabIndex({
+          storedTabIndex,
+          tabCount: tabStates.length
         });
-      }
-    };
-    $[8] = getPreference;
-    $[9] = path;
-    $[10] = preferencesKey;
-    $[11] = setPreference;
-    $[12] = tabsPrefKey;
-    $[13] = t13;
-  } else {
-    t13 = $[13];
-  }
-  const handleTabChange = t13;
-  let t14;
-  if ($[14] !== getPreference || $[15] !== path || $[16] !== preferencesKey || $[17] !== tabStates.length || $[18] !== tabsPrefKey) {
-    t14 = () => {
-      if (preferencesKey) {
-        const getInitialPref = async () => {
-          const existingPreferences_0 = await getPreference(preferencesKey);
-          const initialIndex = path ? existingPreferences_0?.fields?.[path]?.tabIndex : existingPreferences_0?.fields?.[tabsPrefKey]?.tabIndex;
-          const newIndex = typeof initialIndex === "number" && initialIndex < tabStates.length ? initialIndex : 0;
-          setActiveTabIndex(newIndex);
-        };
-        getInitialPref();
-      }
-    };
-    $[14] = getPreference;
-    $[15] = path;
-    $[16] = preferencesKey;
-    $[17] = tabStates.length;
-    $[18] = tabsPrefKey;
-    $[19] = t14;
-  } else {
-    t14 = $[19];
-  }
-  let t15;
-  if ($[20] !== getPreference || $[21] !== parentPath || $[22] !== parentSchemaPath || $[23] !== path || $[24] !== preferencesKey || $[25] !== tabs || $[26] !== tabsPrefKey) {
-    t15 = [path, getPreference, preferencesKey, tabsPrefKey, tabs, parentPath, parentSchemaPath];
-    $[20] = getPreference;
-    $[21] = parentPath;
-    $[22] = parentSchemaPath;
-    $[23] = path;
-    $[24] = preferencesKey;
-    $[25] = tabs;
-    $[26] = tabsPrefKey;
-    $[27] = t15;
-  } else {
-    t15 = $[27];
-  }
-  useEffect(t14, t15);
-  let t16;
-  if ($[28] !== activeTabInfo?.passesCondition || $[29] !== handleTabChange || $[30] !== tabStates) {
-    t16 = () => {
-      if (activeTabInfo?.passesCondition === false) {
-        const nextTab = tabStates.find(_temp3);
-        if (nextTab) {
-          handleTabChange(nextTab.index);
+        if (typeof restoredTabIndex === 'number') {
+          setActiveTabIndex(restoredTabIndex);
         }
+      };
+      void restoreTabFromPreferences();
+    }
+  }, [path, getPreference, preferencesKey, tabsPrefKey, tabs, tabStates.length, parentPath, parentSchemaPath]);
+  useEffect(() => {
+    if (activeTabInfo?.passesCondition === false) {
+      const nextTab = tabStates.find(({
+        passesCondition: passesCondition_1
+      }) => passesCondition_1);
+      if (nextTab) {
+        void handleTabChange(nextTab.index);
       }
-    };
-    $[28] = activeTabInfo?.passesCondition;
-    $[29] = handleTabChange;
-    $[30] = tabStates;
-    $[31] = t16;
-  } else {
-    t16 = $[31];
-  }
-  let t17;
-  if ($[32] !== activeTabInfo || $[33] !== handleTabChange || $[34] !== tabStates) {
-    t17 = [activeTabInfo, tabStates, handleTabChange];
-    $[32] = activeTabInfo;
-    $[33] = handleTabChange;
-    $[34] = tabStates;
-    $[35] = t17;
-  } else {
-    t17 = $[35];
-  }
-  useEffect(t16, t17);
-  const t18 = isWithinCollapsible && `${baseClass}--within-collapsible`;
-  const t19 = !hasVisibleTabs && `${baseClass}--hidden`;
-  let t20;
-  if ($[36] !== className || $[37] !== t18 || $[38] !== t19) {
-    t20 = [fieldBaseClass, className, baseClass, t18, t19].filter(Boolean);
-    $[36] = className;
-    $[37] = t18;
-    $[38] = t19;
-    $[39] = t20;
-  } else {
-    t20 = $[39];
-  }
-  let t21;
-  if ($[40] !== activeTabIndex || $[41] !== handleTabChange || $[42] !== path) {
-    t21 = t22 => {
-      const {
-        index: index_0,
-        passesCondition: passesCondition_2,
-        tab: tab_0
-      } = t22;
-      return _jsx(TabComponent, {
-        hidden: !passesCondition_2,
-        isActive: activeTabIndex === index_0,
-        parentPath: path,
-        setIsActive: () => {
-          handleTabChange(index_0);
-        },
-        tab: tab_0
-      }, index_0);
-    };
-    $[40] = activeTabIndex;
-    $[41] = handleTabChange;
-    $[42] = path;
-    $[43] = t21;
-  } else {
-    t21 = $[43];
-  }
-  return _jsx("div", {
-    className: t20.join(" "),
-    children: _jsxs(TabsProvider, {
-      children: [_jsx("div", {
+    }
+  }, [activeTabInfo, tabStates, handleTabChange]);
+  return /*#__PURE__*/_jsx("div", {
+    className: [fieldBaseClass, className, baseClass, isWithinCollapsible && `${baseClass}--within-collapsible`, !hasVisibleTabs && `${baseClass}--hidden`].filter(Boolean).join(' '),
+    children: /*#__PURE__*/_jsxs(TabsProvider, {
+      children: [/*#__PURE__*/_jsx("div", {
         className: `${baseClass}__tabs-wrap`,
-        children: _jsx("div", {
+        children: /*#__PURE__*/_jsx("div", {
           className: `${baseClass}__tabs`,
-          children: tabStates.map(t21)
+          children: tabStates.map(({
+            index: index_0,
+            passesCondition: passesCondition_2,
+            tab: tab_0
+          }) => /*#__PURE__*/_jsx(TabComponent, {
+            hidden: !passesCondition_2,
+            isActive: activeTabIndex === index_0,
+            parentPath: path,
+            setIsActive: () => {
+              hasUserSelectedTab.current = true;
+              void handleTabChange(index_0);
+            },
+            tab: tab_0
+          }, index_0))
         })
-      }), _jsx("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: `${baseClass}__content-wrap`,
-        children: activeTabConfig && _jsx(TabContent, {
+        children: activeTabConfig && /*#__PURE__*/_jsx(TabContent, {
           description: activeTabStaticDescription,
           field: activeTabConfig,
-          forceRender,
+          forceRender: forceRender,
           hidden: false,
           parentIndexPath: indexPath,
           parentPath: path,
           parentSchemaPath: schemaPath,
-          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,
+          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,
           tabIndex: activeTabIndex
         })
       })]
@@ -393,22 +286,4 @@ function TabContent(t0) {
   }
   return t2;
 }
-function _temp(t0) {
-  const {
-    passesCondition
-  } = t0;
-  return passesCondition;
-}
-function _temp2(t0) {
-  const {
-    passesCondition: passesCondition_0
-  } = t0;
-  return passesCondition_0;
-}
-function _temp3(t0) {
-  const {
-    passesCondition: passesCondition_1
-  } = t0;
-  return passesCondition_1;
-}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","getFieldPaths","toKebabCase","React","useCallback","useEffect","useState","useCollapsible","RenderCustomComponent","useFormFields","RenderFields","useField","withCondition","useDocumentInfo","usePreferences","useTranslation","FieldDescription","fieldBaseClass","TabsProvider","TabComponent","baseClass","TabsFieldComponent","props","$","field","t0","forceRender","t1","indexPath","t2","parentPath","t3","parentSchemaPath","t4","path","t5","permissions","readOnly","schemaPath","t6","admin","t7","tabs","t8","t9","undefined","className","t10","getPreference","setPreference","preferencesKey","i18n","isWithinCollapsible","t11","t12","fields","map","tab","index","id","passesCondition","tabStates","filter","_temp","activeTabIndex","setActiveTabIndex","tabsPrefKey","activeTabInfo","activeTabConfig","activeTabDescription","description","activeTabStaticDescription","t","hasVisibleTabs","some","_temp2","t13","incomingTabIndex","existingPreferences","tabIndex","handleTabChange","t14","length","getInitialPref","existingPreferences_0","initialIndex","newIndex","t15","t16","nextTab","find","_temp3","t17","t18","t19","t20","Boolean","t21","t22","index_0","passesCondition_2","tab_0","_jsx","hidden","isActive","setIsActive","join","children","_jsxs","TabContent","parentIndexPath","name","TabsField","label","customComponents","Field","bb0","AfterInput","BeforeInput","Description","CustomComponent","Fallback","marginPlacement","passesCondition_0","passesCondition_1"],"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 = typeof initialIndex === 'number' && initialIndex < tabStates.length ? 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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","getFieldPaths","toKebabCase","React","useCallback","useEffect","useRef","useState","useCollapsible","RenderCustomComponent","useFormFields","RenderFields","useField","withCondition","useDocumentInfo","usePreferences","useTranslation","FieldDescription","fieldBaseClass","TabsProvider","resolveRestoredTabIndex","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","hasUserSelectedTab","tabsPrefKey","activeTabInfo","activeTabConfig","activeTabDescription","description","activeTabStaticDescription","t","hasVisibleTabs","some","handleTabChange","incomingTabIndex","existingPreferences","tabIndex","restoreTabFromPreferences","current","storedTabIndex","restoredTabIndex","tabCount","length","nextTab","find","_jsx","Boolean","join","_jsxs","hidden","isActive","setIsActive","TabContent","parentIndexPath","name","TabsField","t0","$","label","customComponents","t1","t2","t3","Field","bb0","AfterInput","BeforeInput","Description","undefined","t4","t5","t6","children","CustomComponent","Fallback","marginPlacement"],"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, useRef, 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 { resolveRestoredTabIndex } from './resolveRestoredTabIndex.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 hasUserSelectedTab = useRef(false)\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 restoreTabFromPreferences = async () => {\n        const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n\n        // A tab selected while this read was in flight wins. Restoring afterwards\n        // would move the user off the tab they just opened\n        if (hasUserSelectedTab.current) {\n          return\n        }\n\n        const storedTabIndex = path\n          ? existingPreferences?.fields?.[path]?.tabIndex\n          : existingPreferences?.fields?.[tabsPrefKey]?.tabIndex\n\n        const restoredTabIndex = resolveRestoredTabIndex({\n          storedTabIndex,\n          tabCount: tabStates.length,\n        })\n\n        if (typeof restoredTabIndex === 'number') {\n          setActiveTabIndex(restoredTabIndex)\n        }\n      }\n      void restoreTabFromPreferences()\n    }\n  }, [\n    path,\n    getPreference,\n    preferencesKey,\n    tabsPrefKey,\n    tabs,\n    tabStates.length,\n    parentPath,\n    parentSchemaPath,\n  ])\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                  hasUserSelectedTab.current = true\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"],"mappings":"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","ignoreList":[]}

package/dist/fields/Tabs/resolveRestoredTabIndex.d.ts

@@ -0,0 +1,19 @@
+type Args = {
+    /**
+     * The `tabIndex` read back from the document's stored preferences. Untyped
+     * because preferences are user data and may hold anything.
+     */
+    storedTabIndex: unknown;
+    tabCount: number;
+};
+/**
+ * Resolves which tab a document's stored preferences ask for.
+ *
+ * Returns `undefined` when there is nothing valid to restore, so the caller
+ * leaves the current tab alone rather than falling back to the first tab. A
+ * fallback would move the user off a tab they had already selected, because the
+ * preference read is asynchronous and can land after the selection.
+ */
+export declare const resolveRestoredTabIndex: ({ storedTabIndex, tabCount }: Args) => number | undefined;
+export {};
+//# sourceMappingURL=resolveRestoredTabIndex.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveRestoredTabIndex.d.ts","sourceRoot":"","sources":["../../../src/fields/Tabs/resolveRestoredTabIndex.ts"],"names":[],"mappings":"AAAA,KAAK,IAAI,GAAG;IACV;;;OAGG;IACH,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,iCAAkC,IAAI,KAAG,MAAM,GAAG,SAUrF,CAAA"}

package/dist/fields/Tabs/resolveRestoredTabIndex.js

@@ -0,0 +1,20 @@
+/**
+ * Resolves which tab a document's stored preferences ask for.
+ *
+ * Returns `undefined` when there is nothing valid to restore, so the caller
+ * leaves the current tab alone rather than falling back to the first tab. A
+ * fallback would move the user off a tab they had already selected, because the
+ * preference read is asynchronous and can land after the selection.
+ */export const resolveRestoredTabIndex = ({
+  storedTabIndex,
+  tabCount
+}) => {
+  if (typeof storedTabIndex !== 'number' || !Number.isInteger(storedTabIndex)) {
+    return undefined;
+  }
+  if (storedTabIndex < 0 || storedTabIndex >= tabCount) {
+    return undefined;
+  }
+  return storedTabIndex;
+};
+//# sourceMappingURL=resolveRestoredTabIndex.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveRestoredTabIndex.js","names":["resolveRestoredTabIndex","storedTabIndex","tabCount","Number","isInteger","undefined"],"sources":["../../../src/fields/Tabs/resolveRestoredTabIndex.ts"],"sourcesContent":["type Args = {\n  /**\n   * The `tabIndex` read back from the document's stored preferences. Untyped\n   * because preferences are user data and may hold anything.\n   */\n  storedTabIndex: unknown\n  tabCount: number\n}\n\n/**\n * Resolves which tab a document's stored preferences ask for.\n *\n * Returns `undefined` when there is nothing valid to restore, so the caller\n * leaves the current tab alone rather than falling back to the first tab. A\n * fallback would move the user off a tab they had already selected, because the\n * preference read is asynchronous and can land after the selection.\n */\nexport const resolveRestoredTabIndex = ({ storedTabIndex, tabCount }: Args): number | undefined => {\n  if (typeof storedTabIndex !== 'number' || !Number.isInteger(storedTabIndex)) {\n    return undefined\n  }\n\n  if (storedTabIndex < 0 || storedTabIndex >= tabCount) {\n    return undefined\n  }\n\n  return storedTabIndex\n}\n"],"mappings":"AASA;;;;;;;GAQA,OAAO,MAAMA,uBAAA,GAA0BA,CAAC;EAAEC,cAAc;EAAEC;AAAQ,CAAQ;EACxE,IAAI,OAAOD,cAAA,KAAmB,YAAY,CAACE,MAAA,CAAOC,SAAS,CAACH,cAAA,GAAiB;IAC3E,OAAOI,SAAA;EACT;EAEA,IAAIJ,cAAA,GAAiB,KAAKA,cAAA,IAAkBC,QAAA,EAAU;IACpD,OAAOG,SAAA;EACT;EAEA,OAAOJ,cAAA;AACT","ignoreList":[]}

package/dist/fields/Tabs/resolveRestoredTabIndex.spec.js

@@ -0,0 +1,53 @@
+import { describe, expect, it } from 'vitest';
+import { resolveRestoredTabIndex } from './resolveRestoredTabIndex.js';
+describe('resolveRestoredTabIndex', () => {
+  it('should restore a stored index that is within range', () => {
+    expect(resolveRestoredTabIndex({
+      storedTabIndex: 2,
+      tabCount: 5
+    })).toBe(2);
+  });
+  it('should restore the first tab when it is the stored index', () => {
+    expect(resolveRestoredTabIndex({
+      storedTabIndex: 0,
+      tabCount: 5
+    })).toBe(0);
+  });
+  it('should restore nothing when no index is stored', () => {
+    expect(resolveRestoredTabIndex({
+      storedTabIndex: undefined,
+      tabCount: 5
+    })).toBeUndefined();
+  });
+  it('should restore nothing when the stored index is null', () => {
+    expect(resolveRestoredTabIndex({
+      storedTabIndex: null,
+      tabCount: 5
+    })).toBeUndefined();
+  });
+  it('should restore nothing when the stored index is not a number', () => {
+    expect(resolveRestoredTabIndex({
+      storedTabIndex: '2',
+      tabCount: 5
+    })).toBeUndefined();
+  });
+  it('should restore nothing when the stored index exceeds the tab count', () => {
+    expect(resolveRestoredTabIndex({
+      storedTabIndex: 5,
+      tabCount: 5
+    })).toBeUndefined();
+  });
+  it('should restore nothing when the stored index is negative', () => {
+    expect(resolveRestoredTabIndex({
+      storedTabIndex: -1,
+      tabCount: 5
+    })).toBeUndefined();
+  });
+  it('should restore nothing when there are no tabs', () => {
+    expect(resolveRestoredTabIndex({
+      storedTabIndex: 0,
+      tabCount: 0
+    })).toBeUndefined();
+  });
+});
+//# sourceMappingURL=resolveRestoredTabIndex.spec.js.map

package/dist/fields/Tabs/resolveRestoredTabIndex.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveRestoredTabIndex.spec.js","names":["describe","expect","it","resolveRestoredTabIndex","storedTabIndex","tabCount","toBe","undefined","toBeUndefined"],"sources":["../../../src/fields/Tabs/resolveRestoredTabIndex.spec.ts"],"sourcesContent":["import { describe, expect, it } from 'vitest'\n\nimport { resolveRestoredTabIndex } from './resolveRestoredTabIndex.js'\n\ndescribe('resolveRestoredTabIndex', () => {\n  it('should restore a stored index that is within range', () => {\n    expect(resolveRestoredTabIndex({ storedTabIndex: 2, tabCount: 5 })).toBe(2)\n  })\n\n  it('should restore the first tab when it is the stored index', () => {\n    expect(resolveRestoredTabIndex({ storedTabIndex: 0, tabCount: 5 })).toBe(0)\n  })\n\n  it('should restore nothing when no index is stored', () => {\n    expect(resolveRestoredTabIndex({ storedTabIndex: undefined, tabCount: 5 })).toBeUndefined()\n  })\n\n  it('should restore nothing when the stored index is null', () => {\n    expect(resolveRestoredTabIndex({ storedTabIndex: null, tabCount: 5 })).toBeUndefined()\n  })\n\n  it('should restore nothing when the stored index is not a number', () => {\n    expect(resolveRestoredTabIndex({ storedTabIndex: '2', tabCount: 5 })).toBeUndefined()\n  })\n\n  it('should restore nothing when the stored index exceeds the tab count', () => {\n    expect(resolveRestoredTabIndex({ storedTabIndex: 5, tabCount: 5 })).toBeUndefined()\n  })\n\n  it('should restore nothing when the stored index is negative', () => {\n    expect(resolveRestoredTabIndex({ storedTabIndex: -1, tabCount: 5 })).toBeUndefined()\n  })\n\n  it('should restore nothing when there are no tabs', () => {\n    expect(resolveRestoredTabIndex({ storedTabIndex: 0, tabCount: 0 })).toBeUndefined()\n  })\n})\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ;AAErC,SAASC,uBAAuB,QAAQ;AAExCH,QAAA,CAAS,2BAA2B;EAClCE,EAAA,CAAG,sDAAsD;IACvDD,MAAA,CAAOE,uBAAA,CAAwB;MAAEC,cAAA,EAAgB;MAAGC,QAAA,EAAU;IAAE,IAAIC,IAAI,CAAC;EAC3E;EAEAJ,EAAA,CAAG,4DAA4D;IAC7DD,MAAA,CAAOE,uBAAA,CAAwB;MAAEC,cAAA,EAAgB;MAAGC,QAAA,EAAU;IAAE,IAAIC,IAAI,CAAC;EAC3E;EAEAJ,EAAA,CAAG,kDAAkD;IACnDD,MAAA,CAAOE,uBAAA,CAAwB;MAAEC,cAAA,EAAgBG,SAAA;MAAWF,QAAA,EAAU;IAAE,IAAIG,aAAa;EAC3F;EAEAN,EAAA,CAAG,wDAAwD;IACzDD,MAAA,CAAOE,uBAAA,CAAwB;MAAEC,cAAA,EAAgB;MAAMC,QAAA,EAAU;IAAE,IAAIG,aAAa;EACtF;EAEAN,EAAA,CAAG,gEAAgE;IACjED,MAAA,CAAOE,uBAAA,CAAwB;MAAEC,cAAA,EAAgB;MAAKC,QAAA,EAAU;IAAE,IAAIG,aAAa;EACrF;EAEAN,EAAA,CAAG,sEAAsE;IACvED,MAAA,CAAOE,uBAAA,CAAwB;MAAEC,cAAA,EAAgB;MAAGC,QAAA,EAAU;IAAE,IAAIG,aAAa;EACnF;EAEAN,EAAA,CAAG,4DAA4D;IAC7DD,MAAA,CAAOE,uBAAA,CAAwB;MAAEC,cAAA,EAAgB,CAAC;MAAGC,QAAA,EAAU;IAAE,IAAIG,aAAa;EACpF;EAEAN,EAAA,CAAG,iDAAiD;IAClDD,MAAA,CAAOE,uBAAA,CAAwB;MAAEC,cAAA,EAAgB;MAAGC,QAAA,EAAU;IAAE,IAAIG,aAAa;EACnF;AACF","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAGnF,OAAO,KAAK,EAGV,SAAS,EAIV,MAAM,YAAY,CAAA;AAoCnB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+1BpC,CAAA;AAED,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAGnF,OAAO,KAAK,EAGV,SAAS,EAIV,MAAM,YAAY,CAAA;AAoCnB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAs2BpC,CAAA;AAED,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/forms/Form/index.js

@@ -4,7 +4,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { dequal } from 'dequal/lite'; // lite: no need for Map and Set support
 import { useRouter } from 'next/navigation.js';
 import { serialize } from 'object-to-formdata';
-import { deepCopyObjectSimpleWithoutReactComponents, getDataByPath as getDataByPathFunc, getSiblingData as getSiblingDataFunc, hasDraftValidationEnabled, reduceFieldsToValues, wait } from 'payload/shared';
+import { deepCopyObjectSimpleWithoutReactComponents, getDataByPath as getDataByPathFunc, getSiblingData as getSiblingDataFunc, hasDraftValidationEnabled, reduceFieldsToValues, uploadRequiresServerValidation, wait } from 'payload/shared';
 import React, { useCallback, useEffect, useReducer, useRef, useState } from 'react';
 import { toast } from 'sonner';
 import { FieldErrorsToast } from '../../elements/Toasts/fieldErrors.js';
@@ -446,7 +446,11 @@ export const Form = props => {
       const handler = getUploadHandler({
         collectionSlug
       });
-      if (typeof handler === 'function') {
+      if (typeof handler === 'function' && !uploadRequiresServerValidation({
+        allowRestrictedFileTypes: docConfig.upload.allowRestrictedFileTypes,
+        filename: file.name,
+        mimeType: file.type
+      })) {
         let filename = file.name;
         const clientUploadContext = await handler({
           docPrefix: typeof data_5?.prefix === 'string' ? data_5.prefix : undefined,