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

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

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

package/dist/fields/Tabs/provider.js

@@ -1,16 +1,17 @@
 'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { createContext, use } from 'react';
-const Context = /*#__PURE__*/createContext(false);
-export const TabsProvider = ({
-  children,
-  withinTab = true
-}) => {
-  return /*#__PURE__*/_jsx(Context, {
-    value: withinTab,
-    children: children
-  });
+const Context = /*#__PURE__*/ createContext(false);
+export const TabsProvider = ({ children, withinTab = true })=>{
+    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);
+export const useTabs = ()=>use(Context);
+
 //# sourceMappingURL=provider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"provider.js","names":["React","createContext","use","Context","TabsProvider","children","withinTab","_jsx","value","useTabs"],"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"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAE1C,MAAMC,OAAA,gBAAUF,aAAA,CAAc;AAE9B,OAAO,MAAMG,YAAA,GAA8EA,CAAC;EAC1FC,QAAQ;EACRC,SAAA,GAAY;AAAI,CACjB;EACC,oBAAOC,IAAA,CAACJ,OAAA;IAAQK,KAAA,EAAOF,SAAA;cAAYD;;AACrC;AAEA,OAAO,MAAMI,OAAA,GAAUA,CAAA,KAAeP,GAAA,CAAIC,OAAA","ignoreList":[]}
+{"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,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-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';
@@ -12,194 +10,174 @@ import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
-export const TextInput = props => {
-  const $ = _c(32);
-  const {
-    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
-  } = props;
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const editableProps = _temp2;
-  let t0;
-  if ($[0] !== AfterInput || $[1] !== BeforeInput || $[2] !== Description || $[3] !== Error || $[4] !== Label || $[5] !== className || $[6] !== description || $[7] !== hasMany || $[8] !== htmlAttributes || $[9] !== i18n || $[10] !== inputRef || $[11] !== label || $[12] !== localized || $[13] !== maxRows || $[14] !== onChange || $[15] !== onKeyDown || $[16] !== path || $[17] !== placeholderFromProps || $[18] !== readOnly || $[19] !== required || $[20] !== rtl || $[21] !== showError || $[22] !== style || $[23] !== t || $[24] !== value || $[25] !== valueToRender) {
-    const placeholder = getTranslation(placeholderFromProps, i18n);
-    const t1 = showError && "error";
-    const t2 = readOnly && "read-only";
-    const t3 = hasMany && "has-many";
-    let t4;
-    if ($[27] !== className || $[28] !== t1 || $[29] !== t2 || $[30] !== t3) {
-      t4 = [fieldBaseClass, "text", className, t1, t2, t3].filter(Boolean);
-      $[27] = className;
-      $[28] = t1;
-      $[29] = t2;
-      $[30] = t3;
-      $[31] = t4;
-    } else {
-      t4 = $[31];
-    }
-    t0 = _jsxs("div", {
-      className: t4.join(" "),
-      style,
-      children: [_jsx(RenderCustomComponent, {
-        CustomComponent: Label,
-        Fallback: _jsx(FieldLabel, {
-          label,
-          localized,
-          path,
-          required
-        })
-      }), _jsxs("div", {
-        className: `${fieldBaseClass}__wrap`,
-        children: [_jsx(RenderCustomComponent, {
-          CustomComponent: Error,
-          Fallback: _jsx(FieldError, {
-            path,
-            showError
-          })
-        }), BeforeInput, hasMany ? _jsx(ReactSelect, {
-          className: `field-${path.replace(/\./g, "__")}`,
-          components: {
-            DropdownIndicator: null
-          },
-          customProps: {
-            editableProps
-          },
-          disabled: readOnly,
-          filterOption: () => !maxRows ? true : !(Array.isArray(value) && maxRows && value.length >= maxRows),
-          isClearable: false,
-          isCreatable: true,
-          isMulti: true,
-          isSortable: true,
-          menuIsOpen: false,
-          noOptionsMessage: () => {
-            const isOverHasMany = Array.isArray(value) && value.length >= maxRows;
-            if (isOverHasMany) {
-              return t("validation:limitReached", {
-                max: maxRows,
-                value: value.length + 1
-              });
+export const TextInput = (props)=>{
+    const { 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 } = props;
+    const { i18n, t } = useTranslation();
+    const editableProps = (data, className, selectProps)=>{
+        const editableClassName = `${className}--editable`;
+        return {
+            onBlur: (event)=>{
+                event.currentTarget.contentEditable = 'false';
+            },
+            onClick: (event)=>{
+                event.currentTarget.contentEditable = 'true';
+                event.currentTarget.classList.add(editableClassName);
+                event.currentTarget.focus();
+            },
+            onKeyDown: (event)=>{
+                if (event.key === 'Enter' || event.key === 'Tab' || event.key === 'Escape') {
+                    event.currentTarget.contentEditable = 'false';
+                    event.currentTarget.classList.remove(editableClassName);
+                    data.value.value = event.currentTarget.innerText;
+                    data.label = event.currentTarget.innerText;
+                    if (data.value.value.replaceAll('\n', '')) {
+                        selectProps.onChange(selectProps.value, {
+                            action: 'create-option',
+                            option: data
+                        });
+                    } else {
+                        if (Array.isArray(selectProps.value)) {
+                            const newValues = selectProps.value.filter((v)=>v.id !== data.id);
+                            selectProps.onChange(newValues, {
+                                action: 'pop-value',
+                                removedValue: data
+                            });
+                        }
+                    }
+                    event.preventDefault();
+                }
+                event.stopPropagation();
             }
-            return null;
-          },
-          onChange,
-          options: [],
-          placeholder,
-          showError,
-          value: valueToRender
-        }) : _jsx("input", {
-          "data-rtl": rtl,
-          disabled: readOnly,
-          id: `field-${path?.replace(/\./g, "__")}`,
-          name: path,
-          onChange,
-          onKeyDown,
-          placeholder,
-          ref: inputRef,
-          type: "text",
-          value: value || "",
-          ...(htmlAttributes ?? {})
-        }), AfterInput, _jsx(RenderCustomComponent, {
-          CustomComponent: Description,
-          Fallback: _jsx(FieldDescription, {
-            description,
-            path
-          })
-        })]
-      })]
-    });
-    $[0] = AfterInput;
-    $[1] = BeforeInput;
-    $[2] = Description;
-    $[3] = Error;
-    $[4] = Label;
-    $[5] = className;
-    $[6] = description;
-    $[7] = hasMany;
-    $[8] = htmlAttributes;
-    $[9] = i18n;
-    $[10] = inputRef;
-    $[11] = label;
-    $[12] = localized;
-    $[13] = maxRows;
-    $[14] = onChange;
-    $[15] = onKeyDown;
-    $[16] = path;
-    $[17] = placeholderFromProps;
-    $[18] = readOnly;
-    $[19] = required;
-    $[20] = rtl;
-    $[21] = showError;
-    $[22] = style;
-    $[23] = t;
-    $[24] = value;
-    $[25] = valueToRender;
-    $[26] = t0;
-  } else {
-    t0 = $[26];
-  }
-  return t0;
+        };
+    };
+    const placeholder = getTranslation(placeholderFromProps, i18n);
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            fieldBaseClass,
+            'text',
+            className,
+            showError && 'error',
+            readOnly && 'read-only',
+            hasMany && 'has-many'
+        ].filter(Boolean).join(' '),
+        style: style,
+        children: [
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                CustomComponent: Label,
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                    label: label,
+                    localized: localized,
+                    path: path,
+                    required: required
+                }, 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__*/ _jsxDEV(RenderCustomComponent, {
+                        CustomComponent: Error,
+                        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__*/ _jsxDEV(ReactSelect, {
+                        className: `field-${path.replace(/\./g, '__')}`,
+                        components: {
+                            DropdownIndicator: null
+                        },
+                        customProps: {
+                            editableProps
+                        },
+                        disabled: readOnly,
+                        // prevent adding additional options if maxRows is reached
+                        filterOption: ()=>!maxRows ? true : !(Array.isArray(value) && maxRows && value.length >= maxRows),
+                        isClearable: false,
+                        isCreatable: true,
+                        isMulti: true,
+                        isSortable: true,
+                        menuIsOpen: false,
+                        noOptionsMessage: ()=>{
+                            const isOverHasMany = Array.isArray(value) && value.length >= maxRows;
+                            if (isOverHasMany) {
+                                return t('validation:limitReached', {
+                                    max: maxRows,
+                                    value: value.length + 1
+                                });
+                            }
+                            return null;
+                        },
+                        onChange: onChange,
+                        options: [],
+                        placeholder: placeholder,
+                        showError: showError,
+                        value: valueToRender
+                    }, 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, '__')}`,
+                        name: path,
+                        onChange: onChange,
+                        onKeyDown: onKeyDown,
+                        placeholder: placeholder,
+                        ref: inputRef,
+                        type: "text",
+                        value: value || '',
+                        ...htmlAttributes ?? {}
+                    }, void 0, false, {
+                        fileName: "src/fields/Text/Input.tsx",
+                        lineNumber: 153,
+                        columnNumber: 11
+                    }, this),
+                    AfterInput,
+                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                        CustomComponent: Description,
+                        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);
 };
-function _temp(event) {
-  event.currentTarget.contentEditable = "false";
-}
-function _temp2(data, className_0, selectProps) {
-  const editableClassName = `${className_0}--editable`;
-  return {
-    onBlur: _temp,
-    onClick: event_0 => {
-      event_0.currentTarget.contentEditable = "true";
-      event_0.currentTarget.classList.add(editableClassName);
-      event_0.currentTarget.focus();
-    },
-    onKeyDown: event_1 => {
-      if (event_1.key === "Enter" || event_1.key === "Tab" || event_1.key === "Escape") {
-        event_1.currentTarget.contentEditable = "false";
-        event_1.currentTarget.classList.remove(editableClassName);
-        data.value.value = event_1.currentTarget.innerText;
-        data.label = event_1.currentTarget.innerText;
-        if (data.value.value.replaceAll("\n", "")) {
-          selectProps.onChange(selectProps.value, {
-            action: "create-option",
-            option: data
-          });
-        } else {
-          if (Array.isArray(selectProps.value)) {
-            const newValues = selectProps.value.filter(v => v.id !== data.id);
-            selectProps.onChange(newValues, {
-              action: "pop-value",
-              removedValue: data
-            });
-          }
-        }
-        event_1.preventDefault();
-      }
-      event_1.stopPropagation();
-    }
-  };
-}
+
 //# sourceMappingURL=Input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["c","_c","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","_temp2","t0","t1","t2","t3","t4","filter","Boolean","_jsxs","join","children","_jsx","CustomComponent","Fallback","replace","components","DropdownIndicator","customProps","disabled","filterOption","Array","isArray","length","isClearable","isCreatable","isMulti","isSortable","menuIsOpen","noOptionsMessage","isOverHasMany","max","options","id","name","ref","type","_temp","event","currentTarget","contentEditable","data","className_0","selectProps","editableClassName","onBlur","onClick","event_0","classList","add","focus","event_1","key","remove","innerText","replaceAll","action","option","newValues","v","removedValue","preventDefault","stopPropagation"],"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"],"mappings":"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","ignoreList":[]}
+{"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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"}