@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.591ab42

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { tabHasName } from 'payload/shared';
 import React, { useState } from 'react';
@@ -19,14 +19,18 @@ export const TabComponent = ({ hidden, isActive, parentPath, setIsActive, tab })
         ] : []
     ];
     const fieldHasErrors = errorCount > 0;
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
         children: [
-            /*#__PURE__*/ _jsx(WatchChildErrors, {
+            /*#__PURE__*/ _jsxDEV(WatchChildErrors, {
                 fields: tab.fields,
                 path: path,
                 setErrorCount: setErrorCount
-            }),
-            /*#__PURE__*/ _jsxs("button", {
+            }, void 0, false, {
+                fileName: "src/fields/Tabs/Tab/index.tsx",
+                lineNumber: 44,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("button", {
                 className: [
                     baseClass,
                     fieldHasErrors && `${baseClass}--has-error`,
@@ -37,14 +41,26 @@ export const TabComponent = ({ hidden, isActive, parentPath, setIsActive, tab })
                 type: "button",
                 children: [
                     tab.label ? getTranslation(tab.label, i18n) : tabHasName(tab) ? tab.name : '',
-                    fieldHasErrors && /*#__PURE__*/ _jsx(ErrorPill, {
+                    fieldHasErrors && /*#__PURE__*/ _jsxDEV(ErrorPill, {
                         count: errorCount,
                         i18n: i18n
-                    })
+                    }, void 0, false, {
+                        fileName: "src/fields/Tabs/Tab/index.tsx",
+                        lineNumber: 58,
+                        columnNumber: 28
+                    }, this)
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/fields/Tabs/Tab/index.tsx",
+                lineNumber: 45,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/fields/Tabs/Tab/index.tsx",
+        lineNumber: 43,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/fields/Tabs/Tab/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientTab } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { tabHasName } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport { ErrorPill } from '../../../elements/ErrorPill/index.js'\nimport { WatchChildErrors } from '../../../forms/WatchChildErrors/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'tabs-field__tab-button'\n\ntype TabProps = {\n  readonly hidden?: boolean\n  readonly isActive?: boolean\n  readonly parentPath: string\n  readonly setIsActive: () => void\n  readonly tab: ClientTab\n}\n\nexport const TabComponent: React.FC<TabProps> = ({\n  hidden,\n  isActive,\n  parentPath,\n  setIsActive,\n  tab,\n}) => {\n  const { i18n } = useTranslation()\n  const [errorCount, setErrorCount] = useState(undefined)\n\n  const path = [\n    // removes parent 'tabs' path segment, i.e. `_index-0`\n    ...(parentPath ? parentPath.split('.').slice(0, -1) : []),\n    ...(tabHasName(tab) ? [tab.name] : []),\n  ]\n\n  const fieldHasErrors = errorCount > 0\n\n  return (\n    <React.Fragment>\n      <WatchChildErrors fields={tab.fields} path={path} setErrorCount={setErrorCount} />\n      <button\n        className={[\n          baseClass,\n          fieldHasErrors && `${baseClass}--has-error`,\n          isActive && `${baseClass}--active`,\n          hidden && `${baseClass}--hidden`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        onClick={setIsActive}\n        type=\"button\"\n      >\n        {tab.label ? getTranslation(tab.label, i18n) : tabHasName(tab) ? tab.name : ''}\n        {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} />}\n      </button>\n    </React.Fragment>\n  )\n}\n"],"names":["getTranslation","tabHasName","React","useState","ErrorPill","WatchChildErrors","useTranslation","baseClass","TabComponent","hidden","isActive","parentPath","setIsActive","tab","i18n","errorCount","setErrorCount","undefined","path","split","slice","name","fieldHasErrors","Fragment","fields","button","className","filter","Boolean","join","onClick","type","label","count"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,UAAU,QAAQ,iBAAgB;AAC3C,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,SAAS,QAAQ,uCAAsC;AAChE,SAASC,gBAAgB,QAAQ,2CAA0C;AAC3E,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAUlB,OAAO,MAAMC,eAAmC,CAAC,EAC/CC,MAAM,EACNC,QAAQ,EACRC,UAAU,EACVC,WAAW,EACXC,GAAG,EACJ;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGR;IACjB,MAAM,CAACS,YAAYC,cAAc,GAAGb,SAASc;IAE7C,MAAMC,OAAO;QACX,sDAAsD;WAClDP,aAAaA,WAAWQ,KAAK,CAAC,KAAKC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE;WACpDnB,WAAWY,OAAO;YAACA,IAAIQ,IAAI;SAAC,GAAG,EAAE;KACtC;IAED,MAAMC,iBAAiBP,aAAa;IAEpC,qBACE,MAACb,MAAMqB,QAAQ;;0BACb,KAAClB;gBAAiBmB,QAAQX,IAAIW,MAAM;gBAAEN,MAAMA;gBAAMF,eAAeA;;0BACjE,MAACS;gBACCC,WAAW;oBACTnB;oBACAe,kBAAkB,GAAGf,UAAU,WAAW,CAAC;oBAC3CG,YAAY,GAAGH,UAAU,QAAQ,CAAC;oBAClCE,UAAU,GAAGF,UAAU,QAAQ,CAAC;iBACjC,CACEoB,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRC,SAASlB;gBACTmB,MAAK;;oBAEJlB,IAAImB,KAAK,GAAGhC,eAAea,IAAImB,KAAK,EAAElB,QAAQb,WAAWY,OAAOA,IAAIQ,IAAI,GAAG;oBAC3EC,gCAAkB,KAAClB;wBAAU6B,OAAOlB;wBAAYD,MAAMA;;;;;;AAI/D,EAAC"}
+{"version":3,"sources":["../../../../src/fields/Tabs/Tab/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientTab } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { tabHasName } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport { ErrorPill } from '../../../elements/ErrorPill/index.js'\nimport { WatchChildErrors } from '../../../forms/WatchChildErrors/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'tabs-field__tab-button'\n\ntype TabProps = {\n  readonly hidden?: boolean\n  readonly isActive?: boolean\n  readonly parentPath: string\n  readonly setIsActive: () => void\n  readonly tab: ClientTab\n}\n\nexport const TabComponent: React.FC<TabProps> = ({\n  hidden,\n  isActive,\n  parentPath,\n  setIsActive,\n  tab,\n}) => {\n  const { i18n } = useTranslation()\n  const [errorCount, setErrorCount] = useState(undefined)\n\n  const path = [\n    // removes parent 'tabs' path segment, i.e. `_index-0`\n    ...(parentPath ? parentPath.split('.').slice(0, -1) : []),\n    ...(tabHasName(tab) ? [tab.name] : []),\n  ]\n\n  const fieldHasErrors = errorCount > 0\n\n  return (\n    <React.Fragment>\n      <WatchChildErrors fields={tab.fields} path={path} setErrorCount={setErrorCount} />\n      <button\n        className={[\n          baseClass,\n          fieldHasErrors && `${baseClass}--has-error`,\n          isActive && `${baseClass}--active`,\n          hidden && `${baseClass}--hidden`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        onClick={setIsActive}\n        type=\"button\"\n      >\n        {tab.label ? getTranslation(tab.label, i18n) : tabHasName(tab) ? tab.name : ''}\n        {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} />}\n      </button>\n    </React.Fragment>\n  )\n}\n"],"names":["getTranslation","tabHasName","React","useState","ErrorPill","WatchChildErrors","useTranslation","baseClass","TabComponent","hidden","isActive","parentPath","setIsActive","tab","i18n","errorCount","setErrorCount","undefined","path","split","slice","name","fieldHasErrors","Fragment","fields","button","className","filter","Boolean","join","onClick","type","label","count"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,UAAU,QAAQ,iBAAgB;AAC3C,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,SAAS,QAAQ,uCAAsC;AAChE,SAASC,gBAAgB,QAAQ,2CAA0C;AAC3E,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAUlB,OAAO,MAAMC,eAAmC,CAAC,EAC/CC,MAAM,EACNC,QAAQ,EACRC,UAAU,EACVC,WAAW,EACXC,GAAG,EACJ;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGR;IACjB,MAAM,CAACS,YAAYC,cAAc,GAAGb,SAASc;IAE7C,MAAMC,OAAO;QACX,sDAAsD;WAClDP,aAAaA,WAAWQ,KAAK,CAAC,KAAKC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE;WACpDnB,WAAWY,OAAO;YAACA,IAAIQ,IAAI;SAAC,GAAG,EAAE;KACtC;IAED,MAAMC,iBAAiBP,aAAa;IAEpC,qBACE,QAACb,MAAMqB,QAAQ;;0BACb,QAAClB;gBAAiBmB,QAAQX,IAAIW,MAAM;gBAAEN,MAAMA;gBAAMF,eAAeA;;;;;;0BACjE,QAACS;gBACCC,WAAW;oBACTnB;oBACAe,kBAAkB,GAAGf,UAAU,WAAW,CAAC;oBAC3CG,YAAY,GAAGH,UAAU,QAAQ,CAAC;oBAClCE,UAAU,GAAGF,UAAU,QAAQ,CAAC;iBACjC,CACEoB,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRC,SAASlB;gBACTmB,MAAK;;oBAEJlB,IAAImB,KAAK,GAAGhC,eAAea,IAAImB,KAAK,EAAElB,QAAQb,WAAWY,OAAOA,IAAIQ,IAAI,GAAG;oBAC3EC,gCAAkB,QAAClB;wBAAU6B,OAAOlB;wBAAYD,MAAMA;;;;;;;;;;;;;;;;;;AAI/D,EAAC"}

package/dist/fields/Tabs/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { tabHasName, toKebabCase } from 'payload/shared';
 import React, { useCallback, useEffect, useState } from 'react';
@@ -148,7 +148,7 @@ const TabsFieldComponent = (props)=>{
         tabStates,
         handleTabChange
     ]);
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             fieldBaseClass,
             className,
@@ -156,13 +156,13 @@ const TabsFieldComponent = (props)=>{
             isWithinCollapsible && `${baseClass}--within-collapsible`,
             !hasVisibleTabs && `${baseClass}--hidden`
         ].filter(Boolean).join(' '),
-        children: /*#__PURE__*/ _jsxs(TabsProvider, {
+        children: /*#__PURE__*/ _jsxDEV(TabsProvider, {
             children: [
-                /*#__PURE__*/ _jsx("div", {
+                /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__tabs-wrap`,
-                    children: /*#__PURE__*/ _jsx("div", {
+                    children: /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__tabs`,
-                        children: tabStates.map(({ index, passesCondition, tab })=>/*#__PURE__*/ _jsx(TabComponent, {
+                        children: tabStates.map(({ index, passesCondition, tab })=>/*#__PURE__*/ _jsxDEV(TabComponent, {
                                 hidden: !passesCondition,
                                 isActive: activeTabIndex === index,
                                 parentPath: path,
@@ -170,12 +170,24 @@ const TabsFieldComponent = (props)=>{
                                     void handleTabChange(index);
                                 },
                                 tab: tab
-                            }, index))
-                    })
-                }),
-                /*#__PURE__*/ _jsx("div", {
+                            }, index, false, {
+                                fileName: "src/fields/Tabs/index.tsx",
+                                lineNumber: 202,
+                                columnNumber: 15
+                            }, this))
+                    }, void 0, false, {
+                        fileName: "src/fields/Tabs/index.tsx",
+                        lineNumber: 200,
+                        columnNumber: 11
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/fields/Tabs/index.tsx",
+                    lineNumber: 199,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__content-wrap`,
-                    children: activeTabConfig && /*#__PURE__*/ _jsx(TabContent, {
+                    children: activeTabConfig && /*#__PURE__*/ _jsxDEV(TabContent, {
                         description: activeTabStaticDescription,
                         fields: activeTabConfig.fields,
                         forceRender: forceRender,
@@ -186,11 +198,27 @@ const TabsFieldComponent = (props)=>{
                         path: activeTabPath,
                         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
-                    })
-                })
+                    }, void 0, false, {
+                        fileName: "src/fields/Tabs/index.tsx",
+                        lineNumber: 217,
+                        columnNumber: 13
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/fields/Tabs/index.tsx",
+                    lineNumber: 215,
+                    columnNumber: 9
+                }, this)
             ]
-        })
-    });
+        }, void 0, true, {
+            fileName: "src/fields/Tabs/index.tsx",
+            lineNumber: 198,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/fields/Tabs/index.tsx",
+        lineNumber: 187,
+        columnNumber: 5
+    }, this);
 };
 export const TabsField = withCondition(TabsFieldComponent);
 function TabContent({ description, fields, forceRender, hidden, label, parentIndexPath, parentPath, parentSchemaPath, permissions, readOnly }) {
@@ -199,23 +227,31 @@ function TabContent({ description, fields, forceRender, hidden, label, parentInd
     if (Field) {
         return Field;
     }
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             hidden && `${baseClass}__tab--hidden`,
             `${baseClass}__tab`,
             label && `${baseClass}__tabConfigLabel-${toKebabCase(getTranslation(label, i18n))}`
         ].filter(Boolean).join(' '),
         children: [
-            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                 CustomComponent: Description,
-                Fallback: /*#__PURE__*/ _jsx(FieldDescription, {
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
                     description: description,
                     marginPlacement: "bottom",
                     path: path
-                })
-            }),
+                }, void 0, false, {
+                    fileName: "src/fields/Tabs/index.tsx",
+                    lineNumber: 297,
+                    columnNumber: 11
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/Tabs/index.tsx",
+                lineNumber: 294,
+                columnNumber: 7
+            }, this),
             BeforeInput,
-            /*#__PURE__*/ _jsx(RenderFields, {
+            /*#__PURE__*/ _jsxDEV(RenderFields, {
                 fields: fields,
                 forceRender: forceRender,
                 parentIndexPath: parentIndexPath,
@@ -223,10 +259,18 @@ function TabContent({ description, fields, forceRender, hidden, label, parentInd
                 parentSchemaPath: parentSchemaPath,
                 permissions: permissions,
                 readOnly: readOnly
-            }),
+            }, void 0, false, {
+                fileName: "src/fields/Tabs/index.tsx",
+                lineNumber: 301,
+                columnNumber: 7
+            }, this),
             AfterInput
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/fields/Tabs/index.tsx",
+        lineNumber: 285,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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":"AAAA;;AAWA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,UAAU,EAAEC,WAAW,QAAQ,iBAAgB;AACxD,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE/D,SAASC,cAAc,QAAQ,yCAAwC;AACvE,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,aAAa,QAAQ,4BAA2B;AACzD,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,gBAAgB,QAAQ,+BAA8B;AAC/D,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,YAAY,QAAQ,gBAAe;AAC5C,SAASC,YAAY,QAAQ,iBAAgB;AAC7C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,SAASF,YAAY,GAAE;AAEvB,SAASG,gBAAgB,EAAEC,eAAe,EAAEC,IAAI,EAAgD;IAC9F,IAAIC,UAAUD;IAEd,IAAItB,WAAWqB,oBAAoBA,gBAAgBG,IAAI,EAAE;QACvD,IAAIF,MAAM;YACRC,UAAU,GAAGD,KAAK,CAAC,EAAED,gBAAgBG,IAAI,EAAE;QAC7C,OAAO;YACLD,UAAUF,gBAAgBG,IAAI;QAChC;IACF;IAEA,OAAOD;AACT;AAEA,MAAME,qBAA+C,CAACC;IACpD,MAAM,EACJC,OAAO,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAG,CAAC,CAAC,EAAEC,OAAO,EAAE,EAAE,EAC/CC,cAAc,KAAK,EACnBC,YAAY,EAAE,EACdC,aAAa,EAAE,EACfC,mBAAmB,EAAE,EACrBZ,OAAO,EAAE,EACTa,WAAW,EACXC,QAAQ,EACT,GAAGV;IAEJ,MAAM,EAAEW,aAAa,EAAEC,aAAa,EAAE,GAAGzB;IACzC,MAAM,EAAE0B,cAAc,EAAE,GAAG3B;IAC3B,MAAM,EAAE4B,IAAI,EAAE,GAAG1B;IACjB,MAAM,EAAE2B,mBAAmB,EAAE,GAAGnC;IAEhC,MAAMoC,YAAYlC,cAAc,CAAC,CAACmC,OAAO;QACvC,OAAOb,KAAKc,GAAG,CAAC,CAACC,KAAKC;YACpB,MAAMC,KAAKF,KAAKE;YAEhB,OAAO;gBACLD;gBACAE,iBAAiBL,QAAQ,CAACI,GAAG,EAAEC,mBAAmB;gBAClDH;YACF;QACF;IACF;IAEA,MAAM,CAACI,gBAAgBC,kBAAkB,GAAG7C,SAC1C,IAAMqC,UAAUS,MAAM,CAAC,CAAC,EAAEH,eAAe,EAAE,GAAKA,kBAAkB,CAAC,EAAE,EAAEF,SAAS;IAGlF,MAAMM,cAAc,CAAC,KAAK,EAAEpB,WAAW;IACvC,MAAM,CAACqB,eAAeC,iBAAiB,GAAGjD,SAAiB,IACzDe,gBAAgB;YAAEC,iBAAiBS,IAAI,CAACmB,eAAe;YAAE3B,MAAMW;QAAW;IAG5E,MAAM,CAACsB,qBAAqBC,uBAAuB,GAAGnD,SAAiB,IACrEe,gBAAgB;YAAEC,iBAAiBS,IAAI,CAAC,EAAE;YAAER,MAAMY;QAAiB;IAGrE,MAAMuB,yBAAyBzD,WAAW8B,IAAI,CAACmB,eAAe,IAAII,gBAAgBpB;IAClF,MAAMyB,gBAAgBhB,SAAS,CAACO,eAAe;IAC/C,MAAM5B,kBAAkBqC,eAAeb;IACvC,MAAMc,+BAA+B3D,WAAW8B,IAAI,CAACmB,eAAe,IAChEM,sBACArB;IAEJ,MAAM0B,uBAAuBvC,gBAAgBO,KAAK,EAAEiC,eAAexC,gBAAgBwC,WAAW;IAE9F,MAAMC,6BACJ,OAAOF,yBAAyB,aAC5BA,qBAAqB;QAAEpB;QAAMuB,GAAGvB,KAAKuB,CAAC;IAAC,KACvCH;IAEN,MAAMI,iBAAiBtB,UAAUuB,IAAI,CAAC,CAAC,EAAEjB,eAAe,EAAE,GAAKA;IAE/D,MAAMkB,kBAAkB/D,YACtB,OAAOgE;QACLjB,kBAAkBiB;QAElBb,iBACElC,gBAAgB;YAAEC,iBAAiBS,IAAI,CAACqC,iBAAiB;YAAE7C,MAAMW;QAAW;QAE9EuB,uBACEpC,gBAAgB;YAAEC,iBAAiBS,IAAI,CAACqC,iBAAiB;YAAE7C,MAAMY;QAAiB;QAGpF,MAAMkC,sBAA2C,MAAM/B,cAAcE;QAErE,IAAIA,gBAAgB;YAClB,KAAKD,cAAcC,gBAAgB;gBACjC,GAAG6B,mBAAmB;gBACtB,GAAI9C,OACA;oBACEqB,QAAQ;wBACN,GAAIyB,qBAAqBzB,UAAU,CAAC,CAAC;wBACrC,CAACrB,KAAK,EAAE;4BACN,GAAG8C,qBAAqBzB,QAAQ,CAACrB,KAAK;4BACtC+C,UAAUF;wBACZ;oBACF;gBACF,IACA;oBACExB,QAAQ;wBACN,GAAGyB,qBAAqBzB,MAAM;wBAC9B,CAACS,YAAY,EAAE;4BACb,GAAGgB,qBAAqBzB,QAAQ,CAACS,YAAY;4BAC7CiB,UAAUF;wBACZ;oBACF;gBACF,CAAC;YACP;QACF;IACF,GACA;QACErC;QACAG;QACAC;QACAG;QACAE;QACAD;QACAhB;QACA8B;KACD;IAGHhD,UAAU;QACR,IAAImC,gBAAgB;YAClB,MAAM+B,iBAAiB;gBACrB,MAAMF,sBAA2C,MAAM/B,cAAcE;gBACrE,MAAMgC,eAAejD,OACjB8C,qBAAqBzB,QAAQ,CAACrB,KAAK,EAAE+C,WACrCD,qBAAqBzB,QAAQ,CAACS,YAAY,EAAEiB;gBAEhD,MAAMG,WAAWD,gBAAgB;gBACjCrB,kBAAkBsB;gBAElBlB,iBAAiBlC,gBAAgB;oBAAEC,iBAAiBS,IAAI,CAAC0C,SAAS;oBAAElD,MAAMW;gBAAW;gBACrFuB,uBACEpC,gBAAgB;oBAAEC,iBAAiBS,IAAI,CAAC0C,SAAS;oBAAElD,MAAMY;gBAAiB;YAE9E;YACA,KAAKoC;QACP;IACF,GAAG;QAAChD;QAAMe;QAAeE;QAAgBa;QAAatB;QAAMG;QAAYC;KAAiB;IAEzF9B,UAAU;QACR,IAAIsD,eAAeV,oBAAoB,OAAO;YAC5C,MAAMyB,UAAU/B,UAAUgC,IAAI,CAAC,CAAC,EAAE1B,eAAe,EAAE,GAAKA;YACxD,IAAIyB,SAAS;gBACX,KAAKP,gBAAgBO,QAAQ3B,KAAK;YACpC;QACF;IACF,GAAG;QAACY;QAAehB;QAAWwB;KAAgB;IAE9C,qBACE,KAACS;QACC9C,WAAW;YACTb;YACAa;YACAV;YACAsB,uBAAuB,GAAGtB,UAAU,oBAAoB,CAAC;YACzD,CAAC6C,kBAAkB,GAAG7C,UAAU,QAAQ,CAAC;SAC1C,CACEgC,MAAM,CAACyB,SACPC,IAAI,CAAC;kBAER,cAAA,MAAC5D;;8BACC,KAAC0D;oBAAI9C,WAAW,GAAGV,UAAU,WAAW,CAAC;8BACvC,cAAA,KAACwD;wBAAI9C,WAAW,GAAGV,UAAU,MAAM,CAAC;kCACjCuB,UAAUE,GAAG,CAAC,CAAC,EAAEE,KAAK,EAAEE,eAAe,EAAEH,GAAG,EAAE,iBAC7C,KAAC3B;gCACC4D,QAAQ,CAAC9B;gCACT+B,UAAU9B,mBAAmBH;gCAE7Bb,YAAYX;gCACZ0D,aAAa;oCACX,KAAKd,gBAAgBpB;gCACvB;gCACAD,KAAKA;+BALAC;;;8BAUb,KAAC6B;oBAAI9C,WAAW,GAAGV,UAAU,cAAc,CAAC;8BACzCE,iCACC,KAAC4D;wBACCpB,aAAaC;wBACbnB,QAAQtB,gBAAgBsB,MAAM;wBAC9BZ,aAAaA;wBACb+C,QAAQ;wBACRI,iBACElF,WAAWqB,mBACP,KACA,GAAGW,YAAYA,YAAY,MAAM,IAAI,GAAGmD,OAAOzB,cAAcZ,KAAK;wBAExEb,YAAYwB;wBACZvB,kBAAkByB;wBAClBrC,MAAM+B;wBACNlB,aACEA,eAAe,OAAOA,gBAAgB,YAAY,UAAUd,kBACxDc,WAAW,CAACd,gBAAgBG,IAAI,CAAC,IACjC,OAAOW,WAAW,CAACd,gBAAgBG,IAAI,CAAC,KAAK,YAC7C,YAAYW,WAAW,CAACd,gBAAgBG,IAAI,CAAC,GAC3CW,WAAW,CAACd,gBAAgBG,IAAI,CAAC,CAACmB,MAAM,GACxCR,WAAW,CAACd,gBAAgBG,IAAI,CAAC,GACnCW;wBAENC,UAAUA;;;;;;AAOxB;AAEA,OAAO,MAAMgD,YAAYzE,cAAcc,oBAAmB;AAe1D,SAASwD,WAAW,EAClBpB,WAAW,EACXlB,MAAM,EACNZ,WAAW,EACX+C,MAAM,EACNO,KAAK,EACLH,eAAe,EACfjD,UAAU,EACVC,gBAAgB,EAChBC,WAAW,EACXC,QAAQ,EACO;IACf,MAAM,EAAEI,IAAI,EAAE,GAAG1B;IAEjB,MAAM,EAAEwE,kBAAkB,EAAEC,UAAU,EAAEC,WAAW,EAAEC,WAAW,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAAEpE,IAAI,EAAE,GACpFZ;IAEF,IAAIgF,OAAO;QACT,OAAOA;IACT;IAEA,qBACE,MAACf;QACC9C,WAAW;YACTiD,UAAU,GAAG3D,UAAU,aAAa,CAAC;YACrC,GAAGA,UAAU,KAAK,CAAC;YACnBkE,SAAS,GAAGlE,UAAU,iBAAiB,EAAElB,YAAYF,eAAesF,OAAO7C,QAAQ;SACpF,CACEW,MAAM,CAACyB,SACPC,IAAI,CAAC;;0BAER,KAACtE;gBACCoF,iBAAiBF;gBACjBG,wBACE,KAAC7E;oBAAiB8C,aAAaA;oBAAagC,iBAAgB;oBAASvE,MAAMA;;;YAG9EkE;0BACD,KAAC/E;gBACCkC,QAAQA;gBACRZ,aAAaA;gBACbmD,iBAAiBA;gBACjBjD,YAAYA;gBACZC,kBAAkBA;gBAClBC,aAAaA;gBACbC,UAAUA;;YAEXmD;;;AAGP"}
+{"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":"AAAA;;AAWA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,UAAU,EAAEC,WAAW,QAAQ,iBAAgB;AACxD,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE/D,SAASC,cAAc,QAAQ,yCAAwC;AACvE,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,aAAa,QAAQ,4BAA2B;AACzD,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,gBAAgB,QAAQ,+BAA8B;AAC/D,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,YAAY,QAAQ,gBAAe;AAC5C,SAASC,YAAY,QAAQ,iBAAgB;AAC7C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,SAASF,YAAY,GAAE;AAEvB,SAASG,gBAAgB,EAAEC,eAAe,EAAEC,IAAI,EAAgD;IAC9F,IAAIC,UAAUD;IAEd,IAAItB,WAAWqB,oBAAoBA,gBAAgBG,IAAI,EAAE;QACvD,IAAIF,MAAM;YACRC,UAAU,GAAGD,KAAK,CAAC,EAAED,gBAAgBG,IAAI,EAAE;QAC7C,OAAO;YACLD,UAAUF,gBAAgBG,IAAI;QAChC;IACF;IAEA,OAAOD;AACT;AAEA,MAAME,qBAA+C,CAACC;IACpD,MAAM,EACJC,OAAO,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAG,CAAC,CAAC,EAAEC,OAAO,EAAE,EAAE,EAC/CC,cAAc,KAAK,EACnBC,YAAY,EAAE,EACdC,aAAa,EAAE,EACfC,mBAAmB,EAAE,EACrBZ,OAAO,EAAE,EACTa,WAAW,EACXC,QAAQ,EACT,GAAGV;IAEJ,MAAM,EAAEW,aAAa,EAAEC,aAAa,EAAE,GAAGzB;IACzC,MAAM,EAAE0B,cAAc,EAAE,GAAG3B;IAC3B,MAAM,EAAE4B,IAAI,EAAE,GAAG1B;IACjB,MAAM,EAAE2B,mBAAmB,EAAE,GAAGnC;IAEhC,MAAMoC,YAAYlC,cAAc,CAAC,CAACmC,OAAO;QACvC,OAAOb,KAAKc,GAAG,CAAC,CAACC,KAAKC;YACpB,MAAMC,KAAKF,KAAKE;YAEhB,OAAO;gBACLD;gBACAE,iBAAiBL,QAAQ,CAACI,GAAG,EAAEC,mBAAmB;gBAClDH;YACF;QACF;IACF;IAEA,MAAM,CAACI,gBAAgBC,kBAAkB,GAAG7C,SAC1C,IAAMqC,UAAUS,MAAM,CAAC,CAAC,EAAEH,eAAe,EAAE,GAAKA,kBAAkB,CAAC,EAAE,EAAEF,SAAS;IAGlF,MAAMM,cAAc,CAAC,KAAK,EAAEpB,WAAW;IACvC,MAAM,CAACqB,eAAeC,iBAAiB,GAAGjD,SAAiB,IACzDe,gBAAgB;YAAEC,iBAAiBS,IAAI,CAACmB,eAAe;YAAE3B,MAAMW;QAAW;IAG5E,MAAM,CAACsB,qBAAqBC,uBAAuB,GAAGnD,SAAiB,IACrEe,gBAAgB;YAAEC,iBAAiBS,IAAI,CAAC,EAAE;YAAER,MAAMY;QAAiB;IAGrE,MAAMuB,yBAAyBzD,WAAW8B,IAAI,CAACmB,eAAe,IAAII,gBAAgBpB;IAClF,MAAMyB,gBAAgBhB,SAAS,CAACO,eAAe;IAC/C,MAAM5B,kBAAkBqC,eAAeb;IACvC,MAAMc,+BAA+B3D,WAAW8B,IAAI,CAACmB,eAAe,IAChEM,sBACArB;IAEJ,MAAM0B,uBAAuBvC,gBAAgBO,KAAK,EAAEiC,eAAexC,gBAAgBwC,WAAW;IAE9F,MAAMC,6BACJ,OAAOF,yBAAyB,aAC5BA,qBAAqB;QAAEpB;QAAMuB,GAAGvB,KAAKuB,CAAC;IAAC,KACvCH;IAEN,MAAMI,iBAAiBtB,UAAUuB,IAAI,CAAC,CAAC,EAAEjB,eAAe,EAAE,GAAKA;IAE/D,MAAMkB,kBAAkB/D,YACtB,OAAOgE;QACLjB,kBAAkBiB;QAElBb,iBACElC,gBAAgB;YAAEC,iBAAiBS,IAAI,CAACqC,iBAAiB;YAAE7C,MAAMW;QAAW;QAE9EuB,uBACEpC,gBAAgB;YAAEC,iBAAiBS,IAAI,CAACqC,iBAAiB;YAAE7C,MAAMY;QAAiB;QAGpF,MAAMkC,sBAA2C,MAAM/B,cAAcE;QAErE,IAAIA,gBAAgB;YAClB,KAAKD,cAAcC,gBAAgB;gBACjC,GAAG6B,mBAAmB;gBACtB,GAAI9C,OACA;oBACEqB,QAAQ;wBACN,GAAIyB,qBAAqBzB,UAAU,CAAC,CAAC;wBACrC,CAACrB,KAAK,EAAE;4BACN,GAAG8C,qBAAqBzB,QAAQ,CAACrB,KAAK;4BACtC+C,UAAUF;wBACZ;oBACF;gBACF,IACA;oBACExB,QAAQ;wBACN,GAAGyB,qBAAqBzB,MAAM;wBAC9B,CAACS,YAAY,EAAE;4BACb,GAAGgB,qBAAqBzB,QAAQ,CAACS,YAAY;4BAC7CiB,UAAUF;wBACZ;oBACF;gBACF,CAAC;YACP;QACF;IACF,GACA;QACErC;QACAG;QACAC;QACAG;QACAE;QACAD;QACAhB;QACA8B;KACD;IAGHhD,UAAU;QACR,IAAImC,gBAAgB;YAClB,MAAM+B,iBAAiB;gBACrB,MAAMF,sBAA2C,MAAM/B,cAAcE;gBACrE,MAAMgC,eAAejD,OACjB8C,qBAAqBzB,QAAQ,CAACrB,KAAK,EAAE+C,WACrCD,qBAAqBzB,QAAQ,CAACS,YAAY,EAAEiB;gBAEhD,MAAMG,WAAWD,gBAAgB;gBACjCrB,kBAAkBsB;gBAElBlB,iBAAiBlC,gBAAgB;oBAAEC,iBAAiBS,IAAI,CAAC0C,SAAS;oBAAElD,MAAMW;gBAAW;gBACrFuB,uBACEpC,gBAAgB;oBAAEC,iBAAiBS,IAAI,CAAC0C,SAAS;oBAAElD,MAAMY;gBAAiB;YAE9E;YACA,KAAKoC;QACP;IACF,GAAG;QAAChD;QAAMe;QAAeE;QAAgBa;QAAatB;QAAMG;QAAYC;KAAiB;IAEzF9B,UAAU;QACR,IAAIsD,eAAeV,oBAAoB,OAAO;YAC5C,MAAMyB,UAAU/B,UAAUgC,IAAI,CAAC,CAAC,EAAE1B,eAAe,EAAE,GAAKA;YACxD,IAAIyB,SAAS;gBACX,KAAKP,gBAAgBO,QAAQ3B,KAAK;YACpC;QACF;IACF,GAAG;QAACY;QAAehB;QAAWwB;KAAgB;IAE9C,qBACE,QAACS;QACC9C,WAAW;YACTb;YACAa;YACAV;YACAsB,uBAAuB,GAAGtB,UAAU,oBAAoB,CAAC;YACzD,CAAC6C,kBAAkB,GAAG7C,UAAU,QAAQ,CAAC;SAC1C,CACEgC,MAAM,CAACyB,SACPC,IAAI,CAAC;kBAER,cAAA,QAAC5D;;8BACC,QAAC0D;oBAAI9C,WAAW,GAAGV,UAAU,WAAW,CAAC;8BACvC,cAAA,QAACwD;wBAAI9C,WAAW,GAAGV,UAAU,MAAM,CAAC;kCACjCuB,UAAUE,GAAG,CAAC,CAAC,EAAEE,KAAK,EAAEE,eAAe,EAAEH,GAAG,EAAE,iBAC7C,QAAC3B;gCACC4D,QAAQ,CAAC9B;gCACT+B,UAAU9B,mBAAmBH;gCAE7Bb,YAAYX;gCACZ0D,aAAa;oCACX,KAAKd,gBAAgBpB;gCACvB;gCACAD,KAAKA;+BALAC;;;;;;;;;;;;;;;8BAUb,QAAC6B;oBAAI9C,WAAW,GAAGV,UAAU,cAAc,CAAC;8BACzCE,iCACC,QAAC4D;wBACCpB,aAAaC;wBACbnB,QAAQtB,gBAAgBsB,MAAM;wBAC9BZ,aAAaA;wBACb+C,QAAQ;wBACRI,iBACElF,WAAWqB,mBACP,KACA,GAAGW,YAAYA,YAAY,MAAM,IAAI,GAAGmD,OAAOzB,cAAcZ,KAAK;wBAExEb,YAAYwB;wBACZvB,kBAAkByB;wBAClBrC,MAAM+B;wBACNlB,aACEA,eAAe,OAAOA,gBAAgB,YAAY,UAAUd,kBACxDc,WAAW,CAACd,gBAAgBG,IAAI,CAAC,IACjC,OAAOW,WAAW,CAACd,gBAAgBG,IAAI,CAAC,KAAK,YAC7C,YAAYW,WAAW,CAACd,gBAAgBG,IAAI,CAAC,GAC3CW,WAAW,CAACd,gBAAgBG,IAAI,CAAC,CAACmB,MAAM,GACxCR,WAAW,CAACd,gBAAgBG,IAAI,CAAC,GACnCW;wBAENC,UAAUA;;;;;;;;;;;;;;;;;;;;;;AAOxB;AAEA,OAAO,MAAMgD,YAAYzE,cAAcc,oBAAmB;AAe1D,SAASwD,WAAW,EAClBpB,WAAW,EACXlB,MAAM,EACNZ,WAAW,EACX+C,MAAM,EACNO,KAAK,EACLH,eAAe,EACfjD,UAAU,EACVC,gBAAgB,EAChBC,WAAW,EACXC,QAAQ,EACO;IACf,MAAM,EAAEI,IAAI,EAAE,GAAG1B;IAEjB,MAAM,EAAEwE,kBAAkB,EAAEC,UAAU,EAAEC,WAAW,EAAEC,WAAW,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAAEpE,IAAI,EAAE,GACpFZ;IAEF,IAAIgF,OAAO;QACT,OAAOA;IACT;IAEA,qBACE,QAACf;QACC9C,WAAW;YACTiD,UAAU,GAAG3D,UAAU,aAAa,CAAC;YACrC,GAAGA,UAAU,KAAK,CAAC;YACnBkE,SAAS,GAAGlE,UAAU,iBAAiB,EAAElB,YAAYF,eAAesF,OAAO7C,QAAQ;SACpF,CACEW,MAAM,CAACyB,SACPC,IAAI,CAAC;;0BAER,QAACtE;gBACCoF,iBAAiBF;gBACjBG,wBACE,QAAC7E;oBAAiB8C,aAAaA;oBAAagC,iBAAgB;oBAASvE,MAAMA;;;;;;;;;;;YAG9EkE;0BACD,QAAC/E;gBACCkC,QAAQA;gBACRZ,aAAaA;gBACbmD,iBAAiBA;gBACjBjD,YAAYA;gBACZC,kBAAkBA;gBAClBC,aAAaA;gBACbC,UAAUA;;;;;;YAEXmD;;;;;;;AAGP"}

package/dist/fields/Tabs/provider.js

@@ -1,12 +1,16 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { createContext, use } from 'react';
 const Context = /*#__PURE__*/ createContext(false);
 export const TabsProvider = ({ children, withinTab = true })=>{
-    return /*#__PURE__*/ _jsx(Context, {
+    return /*#__PURE__*/ _jsxDEV(Context, {
         value: withinTab,
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/fields/Tabs/provider.tsx",
+        lineNumber: 10,
+        columnNumber: 10
+    }, this);
 };
 export const useTabs = ()=>use(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Tabs/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\nconst Context = createContext(false)\n\nexport const TabsProvider: React.FC<{ children?: React.ReactNode; withinTab?: boolean }> = ({\n  children,\n  withinTab = true,\n}) => {\n  return <Context value={withinTab}>{children}</Context>\n}\n\nexport const useTabs = (): boolean => use(Context)\n"],"names":["React","createContext","use","Context","TabsProvider","children","withinTab","value","useTabs"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAEjD,MAAMC,wBAAUF,cAAc;AAE9B,OAAO,MAAMG,eAA8E,CAAC,EAC1FC,QAAQ,EACRC,YAAY,IAAI,EACjB;IACC,qBAAO,KAACH;QAAQI,OAAOD;kBAAYD;;AACrC,EAAC;AAED,OAAO,MAAMG,UAAU,IAAeN,IAAIC,SAAQ"}
+{"version":3,"sources":["../../../src/fields/Tabs/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\nconst Context = createContext(false)\n\nexport const TabsProvider: React.FC<{ children?: React.ReactNode; withinTab?: boolean }> = ({\n  children,\n  withinTab = true,\n}) => {\n  return <Context value={withinTab}>{children}</Context>\n}\n\nexport const useTabs = (): boolean => use(Context)\n"],"names":["React","createContext","use","Context","TabsProvider","children","withinTab","value","useTabs"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAEjD,MAAMC,wBAAUF,cAAc;AAE9B,OAAO,MAAMG,eAA8E,CAAC,EAC1FC,QAAQ,EACRC,YAAY,IAAI,EACjB;IACC,qBAAO,QAACH;QAAQI,OAAOD;kBAAYD;;;;;;AACrC,EAAC;AAED,OAAO,MAAMG,UAAU,IAAeN,IAAIC,SAAQ"}

package/dist/fields/Text/Input.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { ReactSelect } from '../../elements/ReactSelect/index.js';
@@ -51,7 +51,7 @@ export const TextInput = (props)=>{
         };
     };
     const placeholder = getTranslation(placeholderFromProps, i18n);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             fieldBaseClass,
             'text',
@@ -62,27 +62,43 @@ export const TextInput = (props)=>{
         ].filter(Boolean).join(' '),
         style: style,
         children: [
-            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                 CustomComponent: Label,
-                Fallback: /*#__PURE__*/ _jsx(FieldLabel, {
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
                     label: label,
                     localized: localized,
                     path: path,
                     required: required
-                })
-            }),
-            /*#__PURE__*/ _jsxs("div", {
+                }, void 0, false, {
+                    fileName: "src/fields/Text/Input.tsx",
+                    lineNumber: 113,
+                    columnNumber: 11
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/Text/Input.tsx",
+                lineNumber: 110,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${fieldBaseClass}__wrap`,
                 children: [
-                    /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                         CustomComponent: Error,
-                        Fallback: /*#__PURE__*/ _jsx(FieldError, {
+                        Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
                             path: path,
                             showError: showError
-                        })
-                    }),
+                        }, void 0, false, {
+                            fileName: "src/fields/Text/Input.tsx",
+                            lineNumber: 119,
+                            columnNumber: 21
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/fields/Text/Input.tsx",
+                        lineNumber: 117,
+                        columnNumber: 9
+                    }, this),
                     BeforeInput,
-                    hasMany ? /*#__PURE__*/ _jsx(ReactSelect, {
+                    hasMany ? /*#__PURE__*/ _jsxDEV(ReactSelect, {
                         className: `field-${path.replace(/\./g, '__')}`,
                         components: {
                             DropdownIndicator: null
@@ -113,7 +129,11 @@ export const TextInput = (props)=>{
                         placeholder: placeholder,
                         showError: showError,
                         value: valueToRender
-                    }) : /*#__PURE__*/ _jsx("input", {
+                    }, void 0, false, {
+                        fileName: "src/fields/Text/Input.tsx",
+                        lineNumber: 123,
+                        columnNumber: 11
+                    }, this) : /*#__PURE__*/ _jsxDEV("input", {
                         "data-rtl": rtl,
                         disabled: readOnly,
                         id: `field-${path?.replace(/\./g, '__')}`,
@@ -125,19 +145,39 @@ export const TextInput = (props)=>{
                         type: "text",
                         value: value || '',
                         ...htmlAttributes ?? {}
-                    }),
+                    }, void 0, false, {
+                        fileName: "src/fields/Text/Input.tsx",
+                        lineNumber: 153,
+                        columnNumber: 11
+                    }, this),
                     AfterInput,
-                    /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                         CustomComponent: Description,
-                        Fallback: /*#__PURE__*/ _jsx(FieldDescription, {
+                        Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
                             description: description,
                             path: path
-                        })
-                    })
+                        }, void 0, false, {
+                            fileName: "src/fields/Text/Input.tsx",
+                            lineNumber: 170,
+                            columnNumber: 21
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/fields/Text/Input.tsx",
+                        lineNumber: 168,
+                        columnNumber: 9
+                    }, this)
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/fields/Text/Input.tsx",
+                lineNumber: 116,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/fields/Text/Input.tsx",
+        lineNumber: 97,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=Input.js.map

package/dist/fields/Text/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Text/Input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { TextInputProps } from './types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport const TextInput: React.FC<TextInputProps> = (props) => {\n  const {\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    hasMany,\n    htmlAttributes,\n    inputRef,\n    Label,\n    label,\n    localized,\n    maxRows,\n    onChange,\n    onKeyDown,\n    path,\n    placeholder: placeholderFromProps,\n    readOnly,\n    required,\n    rtl,\n    showError,\n    style,\n    value,\n    valueToRender,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const editableProps: ReactSelectAdapterProps['customProps']['editableProps'] = (\n    data,\n    className,\n    selectProps,\n  ) => {\n    const editableClassName = `${className}--editable`\n\n    return {\n      onBlur: (event: React.FocusEvent<HTMLDivElement>) => {\n        event.currentTarget.contentEditable = 'false'\n      },\n      onClick: (event: React.MouseEvent<HTMLDivElement>) => {\n        event.currentTarget.contentEditable = 'true'\n        event.currentTarget.classList.add(editableClassName)\n        event.currentTarget.focus()\n      },\n      onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === 'Enter' || event.key === 'Tab' || event.key === 'Escape') {\n          event.currentTarget.contentEditable = 'false'\n          event.currentTarget.classList.remove(editableClassName)\n          data.value.value = event.currentTarget.innerText\n          data.label = event.currentTarget.innerText\n\n          if (data.value.value.replaceAll('\\n', '')) {\n            selectProps.onChange(selectProps.value, {\n              action: 'create-option',\n              option: data,\n            })\n          } else {\n            if (Array.isArray(selectProps.value)) {\n              const newValues = selectProps.value.filter((v) => v.id !== data.id)\n              selectProps.onChange(newValues, {\n                action: 'pop-value',\n                removedValue: data,\n              })\n            }\n          }\n\n          event.preventDefault()\n        }\n        event.stopPropagation()\n      },\n    }\n  }\n\n  const placeholder = getTranslation(placeholderFromProps, i18n)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'text',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n        hasMany && 'has-many',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {hasMany ? (\n          <ReactSelect\n            className={`field-${path.replace(/\\./g, '__')}`}\n            components={{ DropdownIndicator: null }}\n            customProps={{\n              editableProps,\n            }}\n            disabled={readOnly}\n            // prevent adding additional options if maxRows is reached\n            filterOption={() =>\n              !maxRows ? true : !(Array.isArray(value) && maxRows && value.length >= maxRows)\n            }\n            isClearable={false}\n            isCreatable\n            isMulti\n            isSortable\n            menuIsOpen={false}\n            noOptionsMessage={() => {\n              const isOverHasMany = Array.isArray(value) && value.length >= maxRows\n              if (isOverHasMany) {\n                return t('validation:limitReached', { max: maxRows, value: value.length + 1 })\n              }\n              return null\n            }}\n            onChange={onChange}\n            options={[]}\n            placeholder={placeholder}\n            showError={showError}\n            value={valueToRender}\n          />\n        ) : (\n          <input\n            data-rtl={rtl}\n            disabled={readOnly}\n            id={`field-${path?.replace(/\\./g, '__')}`}\n            name={path}\n            onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n            onKeyDown={onKeyDown}\n            placeholder={placeholder}\n            ref={inputRef}\n            type=\"text\"\n            value={value || ''}\n            {...(htmlAttributes ?? {})}\n          />\n        )}\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","TextInput","props","AfterInput","BeforeInput","className","Description","description","Error","hasMany","htmlAttributes","inputRef","Label","label","localized","maxRows","onChange","onKeyDown","path","placeholder","placeholderFromProps","readOnly","required","rtl","showError","style","value","valueToRender","i18n","t","editableProps","data","selectProps","editableClassName","onBlur","event","currentTarget","contentEditable","onClick","classList","add","focus","key","remove","innerText","replaceAll","action","option","Array","isArray","newValues","filter","v","id","removedValue","preventDefault","stopPropagation","div","Boolean","join","CustomComponent","Fallback","replace","components","DropdownIndicator","customProps","disabled","filterOption","length","isClearable","isCreatable","isMulti","isSortable","menuIsOpen","noOptionsMessage","isOverHasMany","max","options","input","data-rtl","name","ref","type"],"mappings":"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"}
+{"version":3,"sources":["../../../src/fields/Text/Input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { TextInputProps } from './types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport const TextInput: React.FC<TextInputProps> = (props) => {\n  const {\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    hasMany,\n    htmlAttributes,\n    inputRef,\n    Label,\n    label,\n    localized,\n    maxRows,\n    onChange,\n    onKeyDown,\n    path,\n    placeholder: placeholderFromProps,\n    readOnly,\n    required,\n    rtl,\n    showError,\n    style,\n    value,\n    valueToRender,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const editableProps: ReactSelectAdapterProps['customProps']['editableProps'] = (\n    data,\n    className,\n    selectProps,\n  ) => {\n    const editableClassName = `${className}--editable`\n\n    return {\n      onBlur: (event: React.FocusEvent<HTMLDivElement>) => {\n        event.currentTarget.contentEditable = 'false'\n      },\n      onClick: (event: React.MouseEvent<HTMLDivElement>) => {\n        event.currentTarget.contentEditable = 'true'\n        event.currentTarget.classList.add(editableClassName)\n        event.currentTarget.focus()\n      },\n      onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === 'Enter' || event.key === 'Tab' || event.key === 'Escape') {\n          event.currentTarget.contentEditable = 'false'\n          event.currentTarget.classList.remove(editableClassName)\n          data.value.value = event.currentTarget.innerText\n          data.label = event.currentTarget.innerText\n\n          if (data.value.value.replaceAll('\\n', '')) {\n            selectProps.onChange(selectProps.value, {\n              action: 'create-option',\n              option: data,\n            })\n          } else {\n            if (Array.isArray(selectProps.value)) {\n              const newValues = selectProps.value.filter((v) => v.id !== data.id)\n              selectProps.onChange(newValues, {\n                action: 'pop-value',\n                removedValue: data,\n              })\n            }\n          }\n\n          event.preventDefault()\n        }\n        event.stopPropagation()\n      },\n    }\n  }\n\n  const placeholder = getTranslation(placeholderFromProps, i18n)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'text',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n        hasMany && 'has-many',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {hasMany ? (\n          <ReactSelect\n            className={`field-${path.replace(/\\./g, '__')}`}\n            components={{ DropdownIndicator: null }}\n            customProps={{\n              editableProps,\n            }}\n            disabled={readOnly}\n            // prevent adding additional options if maxRows is reached\n            filterOption={() =>\n              !maxRows ? true : !(Array.isArray(value) && maxRows && value.length >= maxRows)\n            }\n            isClearable={false}\n            isCreatable\n            isMulti\n            isSortable\n            menuIsOpen={false}\n            noOptionsMessage={() => {\n              const isOverHasMany = Array.isArray(value) && value.length >= maxRows\n              if (isOverHasMany) {\n                return t('validation:limitReached', { max: maxRows, value: value.length + 1 })\n              }\n              return null\n            }}\n            onChange={onChange}\n            options={[]}\n            placeholder={placeholder}\n            showError={showError}\n            value={valueToRender}\n          />\n        ) : (\n          <input\n            data-rtl={rtl}\n            disabled={readOnly}\n            id={`field-${path?.replace(/\\./g, '__')}`}\n            name={path}\n            onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n            onKeyDown={onKeyDown}\n            placeholder={placeholder}\n            ref={inputRef}\n            type=\"text\"\n            value={value || ''}\n            {...(htmlAttributes ?? {})}\n          />\n        )}\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","TextInput","props","AfterInput","BeforeInput","className","Description","description","Error","hasMany","htmlAttributes","inputRef","Label","label","localized","maxRows","onChange","onKeyDown","path","placeholder","placeholderFromProps","readOnly","required","rtl","showError","style","value","valueToRender","i18n","t","editableProps","data","selectProps","editableClassName","onBlur","event","currentTarget","contentEditable","onClick","classList","add","focus","key","remove","innerText","replaceAll","action","option","Array","isArray","newValues","filter","v","id","removedValue","preventDefault","stopPropagation","div","Boolean","join","CustomComponent","Fallback","replace","components","DropdownIndicator","customProps","disabled","filterOption","length","isClearable","isCreatable","isMulti","isSortable","menuIsOpen","noOptionsMessage","isOverHasMany","max","options","input","data-rtl","name","ref","type"],"mappings":"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"}

package/dist/fields/Text/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
@@ -83,7 +83,7 @@ const TextFieldComponent = (props)=>{
     const styles = useMemo(()=>mergeFieldStyles(field), [
         field
     ]);
-    return /*#__PURE__*/ _jsx(TextInput, {
+    return /*#__PURE__*/ _jsxDEV(TextInput, {
         AfterInput: AfterInput,
         BeforeInput: BeforeInput,
         className: className,
@@ -112,7 +112,11 @@ const TextFieldComponent = (props)=>{
         style: styles,
         value: value || '',
         valueToRender: valueToRender
-    });
+    }, void 0, false, {
+        fileName: "src/fields/Text/index.tsx",
+        lineNumber: 118,
+        columnNumber: 5
+    }, this);
 };
 export const TextField = withCondition(TextFieldComponent);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientComponent } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { Option } from '../../elements/ReactSelect/types.js'\nimport type { TextInputProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { isFieldRTL } from '../shared/index.js'\nimport { TextInput } from './Input.js'\nimport './index.scss'\n\nexport { TextInput, TextInputProps }\n\nconst TextFieldComponent: TextFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { autoComplete, className, description, placeholder, rtl } = {},\n      hasMany,\n      label,\n      localized,\n      maxLength,\n      maxRows,\n      minLength,\n      minRows,\n      required,\n    },\n    inputRef,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const locale = useLocale()\n\n  const {\n    config: { localization: localizationConfig },\n  } = useConfig()\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, maxLength, minLength, required })\n      }\n    },\n    [validate, minLength, maxLength, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const renderRTL = isFieldRTL({\n    fieldLocalized: localized,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: localizationConfig || undefined,\n  })\n\n  const [valueToRender, setValueToRender] = useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([]) // Only for hasMany\n\n  const handleHasManyChange = useCallback(\n    (selectedOption) => {\n      if (!(readOnly || disabled)) {\n        let newValue\n        if (!selectedOption) {\n          newValue = []\n        } else if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value?.value || option.value)\n        } else {\n          newValue = [selectedOption.value?.value || selectedOption.value]\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, setValue, disabled],\n  )\n\n  // useEffect update valueToRender:\n  useEffect(() => {\n    if (hasMany && Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              // React-select automatically uses \"label-value\" as a key, so we will get that react duplicate key warning if we just pass in the value as multiple values can be the same. So we need to append the index to the toString() of the value to avoid that warning, as it uses that as the key.\n              toString: () => `${val}${index}`,\n              value: val?.value || val,\n            },\n          }\n        }),\n      )\n    }\n  }, [value, hasMany])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <TextInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      hasMany={hasMany}\n      htmlAttributes={{\n        autoComplete: autoComplete || undefined,\n      }}\n      inputRef={inputRef}\n      Label={Label}\n      label={label}\n      localized={localized}\n      maxRows={maxRows}\n      minRows={minRows}\n      onChange={\n        hasMany\n          ? handleHasManyChange\n          : (e) => {\n              setValue(e.target.value)\n            }\n      }\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      required={required}\n      rtl={renderRTL}\n      showError={showError}\n      style={styles}\n      value={(value as string) || ''}\n      valueToRender={valueToRender as Option[]}\n    />\n  )\n}\n\nexport const TextField = withCondition(TextFieldComponent)\n"],"names":["React","useCallback","useEffect","useMemo","useState","useField","withCondition","useConfig","useLocale","mergeFieldStyles","isFieldRTL","TextInput","TextFieldComponent","props","field","admin","autoComplete","className","description","placeholder","rtl","hasMany","label","localized","maxLength","maxRows","minLength","minRows","required","inputRef","path","pathFromProps","readOnly","validate","locale","config","localization","localizationConfig","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","renderRTL","fieldLocalized","fieldRTL","undefined","valueToRender","setValueToRender","handleHasManyChange","selectedOption","newValue","Array","isArray","map","option","val","index","id","toString","styles","htmlAttributes","onChange","e","target","style","TextField"],"mappings":"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"}
+{"version":3,"sources":["../../../src/fields/Text/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientComponent } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { Option } from '../../elements/ReactSelect/types.js'\nimport type { TextInputProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { isFieldRTL } from '../shared/index.js'\nimport { TextInput } from './Input.js'\nimport './index.scss'\n\nexport { TextInput, TextInputProps }\n\nconst TextFieldComponent: TextFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { autoComplete, className, description, placeholder, rtl } = {},\n      hasMany,\n      label,\n      localized,\n      maxLength,\n      maxRows,\n      minLength,\n      minRows,\n      required,\n    },\n    inputRef,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const locale = useLocale()\n\n  const {\n    config: { localization: localizationConfig },\n  } = useConfig()\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, maxLength, minLength, required })\n      }\n    },\n    [validate, minLength, maxLength, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const renderRTL = isFieldRTL({\n    fieldLocalized: localized,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: localizationConfig || undefined,\n  })\n\n  const [valueToRender, setValueToRender] = useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([]) // Only for hasMany\n\n  const handleHasManyChange = useCallback(\n    (selectedOption) => {\n      if (!(readOnly || disabled)) {\n        let newValue\n        if (!selectedOption) {\n          newValue = []\n        } else if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value?.value || option.value)\n        } else {\n          newValue = [selectedOption.value?.value || selectedOption.value]\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, setValue, disabled],\n  )\n\n  // useEffect update valueToRender:\n  useEffect(() => {\n    if (hasMany && Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              // React-select automatically uses \"label-value\" as a key, so we will get that react duplicate key warning if we just pass in the value as multiple values can be the same. So we need to append the index to the toString() of the value to avoid that warning, as it uses that as the key.\n              toString: () => `${val}${index}`,\n              value: val?.value || val,\n            },\n          }\n        }),\n      )\n    }\n  }, [value, hasMany])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <TextInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      hasMany={hasMany}\n      htmlAttributes={{\n        autoComplete: autoComplete || undefined,\n      }}\n      inputRef={inputRef}\n      Label={Label}\n      label={label}\n      localized={localized}\n      maxRows={maxRows}\n      minRows={minRows}\n      onChange={\n        hasMany\n          ? handleHasManyChange\n          : (e) => {\n              setValue(e.target.value)\n            }\n      }\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      required={required}\n      rtl={renderRTL}\n      showError={showError}\n      style={styles}\n      value={(value as string) || ''}\n      valueToRender={valueToRender as Option[]}\n    />\n  )\n}\n\nexport const TextField = withCondition(TextFieldComponent)\n"],"names":["React","useCallback","useEffect","useMemo","useState","useField","withCondition","useConfig","useLocale","mergeFieldStyles","isFieldRTL","TextInput","TextFieldComponent","props","field","admin","autoComplete","className","description","placeholder","rtl","hasMany","label","localized","maxLength","maxRows","minLength","minRows","required","inputRef","path","pathFromProps","readOnly","validate","locale","config","localization","localizationConfig","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","renderRTL","fieldLocalized","fieldRTL","undefined","valueToRender","setValueToRender","handleHasManyChange","selectedOption","newValue","Array","isArray","map","option","val","index","id","toString","styles","htmlAttributes","onChange","e","target","style","TextField"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAKxE,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,gBAAgB,QAAQ,yBAAwB;AACzD,SAASC,UAAU,QAAQ,qBAAoB;AAC/C,SAASC,SAAS,QAAQ,aAAY;AACtC,OAAO,eAAc;AAErB,SAASA,SAAS,GAAkB;AAEpC,MAAMC,qBAA+C,CAACC;IACpD,MAAM,EACJC,KAAK,EACLA,OAAO,EACLC,OAAO,EAAEC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,WAAW,EAAEC,GAAG,EAAE,GAAG,CAAC,CAAC,EACtEC,OAAO,EACPC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACT,EACDC,QAAQ,EACRC,MAAMC,aAAa,EACnBC,QAAQ,EACRC,QAAQ,EACT,GAAGpB;IAEJ,MAAMqB,SAAS1B;IAEf,MAAM,EACJ2B,QAAQ,EAAEC,cAAcC,kBAAkB,EAAE,EAC7C,GAAG9B;IAEJ,MAAM+B,mBAAmBrC,YACvB,CAACsC,OAAOC;QACN,IAAI,OAAOP,aAAa,YAAY;YAClC,OAAOA,SAASM,OAAO;gBAAE,GAAGC,OAAO;gBAAEhB;gBAAWE;gBAAWE;YAAS;QACtE;IACF,GACA;QAACK;QAAUP;QAAWF;QAAWI;KAAS;IAG5C,MAAM,EACJa,kBAAkB,EAAEC,UAAU,EAAEC,WAAW,EAAEC,WAAW,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAC7EC,QAAQ,EACRjB,IAAI,EACJkB,QAAQ,EACRC,SAAS,EACTV,KAAK,EACN,GAAGlC,SAAS;QACX6C,sBAAsBnB;QACtBE,UAAUK;IACZ;IAEA,MAAMa,YAAYzC,WAAW;QAC3B0C,gBAAgB7B;QAChB8B,UAAUjC;QACVc;QACAG,oBAAoBA,sBAAsBiB;IAC5C;IAEA,MAAM,CAACC,eAAeC,iBAAiB,GAAGpD,SAExC,EAAE;IAAE,mBAAmB;IAEzB,MAAMqD,sBAAsBxD,YAC1B,CAACyD;QACC,IAAI,CAAE1B,CAAAA,YAAYe,QAAO,GAAI;YAC3B,IAAIY;YACJ,IAAI,CAACD,gBAAgB;gBACnBC,WAAW,EAAE;YACf,OAAO,IAAIC,MAAMC,OAAO,CAACH,iBAAiB;gBACxCC,WAAWD,eAAeI,GAAG,CAAC,CAACC,SAAWA,OAAOxB,KAAK,EAAEA,SAASwB,OAAOxB,KAAK;YAC/E,OAAO;gBACLoB,WAAW;oBAACD,eAAenB,KAAK,EAAEA,SAASmB,eAAenB,KAAK;iBAAC;YAClE;YAEAS,SAASW;QACX;IACF,GACA;QAAC3B;QAAUgB;QAAUD;KAAS;IAGhC,kCAAkC;IAClC7C,UAAU;QACR,IAAImB,WAAWuC,MAAMC,OAAO,CAACtB,QAAQ;YACnCiB,iBACEjB,MAAMuB,GAAG,CAAC,CAACE,KAAKC;gBACd,OAAO;oBACLC,IAAI,GAAGF,MAAMC,OAAO;oBAAE,mEAAmE;oBACzF3C,OAAO,GAAG0C,KAAK;oBACfzB,OAAO;wBACL,4RAA4R;wBAC5R4B,UAAU,IAAM,GAAGH,MAAMC,OAAO;wBAChC1B,OAAOyB,KAAKzB,SAASyB;oBACvB;gBACF;YACF;QAEJ;IACF,GAAG;QAACzB;QAAOlB;KAAQ;IAEnB,MAAM+C,SAASjE,QAAQ,IAAMM,iBAAiBK,QAAQ;QAACA;KAAM;IAE7D,qBACE,QAACH;QACC+B,YAAYA;QACZC,aAAaA;QACb1B,WAAWA;QACX2B,aAAaA;QACb1B,aAAaA;QACb2B,OAAOA;QACPxB,SAASA;QACTgD,gBAAgB;YACdrD,cAAcA,gBAAgBsC;QAChC;QACAzB,UAAUA;QACViB,OAAOA;QACPxB,OAAOA;QACPC,WAAWA;QACXE,SAASA;QACTE,SAASA;QACT2C,UACEjD,UACIoC,sBACA,CAACc;YACCvB,SAASuB,EAAEC,MAAM,CAACjC,KAAK;QACzB;QAENT,MAAMA;QACNX,aAAaA;QACba,UAAUA,YAAYe;QACtBnB,UAAUA;QACVR,KAAK+B;QACLF,WAAWA;QACXwB,OAAOL;QACP7B,OAAO,AAACA,SAAoB;QAC5BgB,eAAeA;;;;;;AAGrB;AAEA,OAAO,MAAMmB,YAAYpE,cAAcM,oBAAmB"}