@payloadcms/ui 3.35.0-internal.b3d367c → 3.35.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useField","withCondition","mergeFieldStyles","SelectInput","formatOptions","options","map","option","value","label","SelectFieldComponent","props","field","name","admin","className","description","isClearable","isSortable","hasMany","localized","optionsFromProps","required","onChange","onChangeFromProps","path","readOnly","validate","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","selectedOption","newValue","Array","isArray","styles","_jsx","style","SelectField"],"sources":["../../../src/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  Option,\n  OptionObject,\n  SelectFieldClientComponent,\n  SelectFieldClientProps,\n} from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { SelectInputProps } from './Input.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { SelectInput } from './Input.js'\n\nconst formatOptions = (options: Option[]): OptionObject[] =>\n  options.map((option) => {\n    if (typeof option === 'object' && (option.value || option.value === '')) {\n      return option\n    }\n\n    return {\n      label: option,\n      value: option,\n    } as OptionObject\n  })\n\nconst SelectFieldComponent: SelectFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: {\n        className,\n        description,\n        isClearable = true,\n        isSortable = true,\n      } = {} as SelectFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      options: optionsFromProps = [],\n      required,\n    },\n    onChange: onChangeFromProps,\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const options = React.useMemo(() => formatOptions(optionsFromProps), [optionsFromProps])\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, hasMany, options, required })\n      }\n    },\n    [validate, required, hasMany, options],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const onChange: ReactSelectAdapterProps['onChange'] = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!readOnly || disabled) {\n        let newValue: string | string[] = null\n        if (selectedOption && hasMany) {\n          if (Array.isArray(selectedOption)) {\n            newValue = selectedOption.map((option) => option.value)\n          } else {\n            newValue = []\n          }\n        } else if (selectedOption && !Array.isArray(selectedOption)) {\n          newValue = selectedOption.value\n        }\n\n        if (typeof onChangeFromProps === 'function') {\n          onChangeFromProps(newValue)\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      readOnly={readOnly || disabled}\n      required={required}\n      showError={showError}\n      style={styles}\n      value={value as string | string[]}\n    />\n  )\n}\n\nexport const SelectField = withCondition(SelectFieldComponent)\n\nexport { SelectInput, type SelectInputProps }\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useField","withCondition","mergeFieldStyles","SelectInput","formatOptions","options","map","option","value","label","SelectFieldComponent","props","field","name","admin","className","description","isClearable","isSortable","hasMany","localized","optionsFromProps","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","styles","_jsx","style","SelectField"],"sources":["../../../src/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  Option,\n  OptionObject,\n  SelectFieldClientComponent,\n  SelectFieldClientProps,\n} from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { SelectInputProps } from './Input.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { SelectInput } from './Input.js'\n\nconst formatOptions = (options: Option[]): OptionObject[] =>\n  options.map((option) => {\n    if (typeof option === 'object' && (option.value || option.value === '')) {\n      return option\n    }\n\n    return {\n      label: option,\n      value: option,\n    } as OptionObject\n  })\n\nconst SelectFieldComponent: SelectFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: {\n        className,\n        description,\n        isClearable = true,\n        isSortable = true,\n      } = {} as SelectFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      options: optionsFromProps = [],\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const options = React.useMemo(() => formatOptions(optionsFromProps), [optionsFromProps])\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, hasMany, options, required })\n      }\n    },\n    [validate, required, hasMany, options],\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 onChange: ReactSelectAdapterProps['onChange'] = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!readOnly || disabled) {\n        let newValue: string | string[] = null\n        if (selectedOption && hasMany) {\n          if (Array.isArray(selectedOption)) {\n            newValue = selectedOption.map((option) => option.value)\n          } else {\n            newValue = []\n          }\n        } else if (selectedOption && !Array.isArray(selectedOption)) {\n          newValue = selectedOption.value\n        }\n\n        if (typeof onChangeFromProps === 'function') {\n          onChangeFromProps(newValue)\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      readOnly={readOnly || disabled}\n      required={required}\n      showError={showError}\n      style={styles}\n      value={value as string | string[]}\n    />\n  )\n}\n\nexport const SelectField = withCondition(SelectFieldComponent)\n\nexport { SelectInput, type SelectInputProps }\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Tabs/index.js

@@ -406,7 +406,7 @@ const TabsFieldComponent = props => {
 };
 export const TabsField = withCondition(TabsFieldComponent);
 function TabContent(t0) {
-  const $ = _c(21);
+  const $ = _c(19);
   const {
     description,
     fields,
@@ -416,59 +416,49 @@ function TabContent(t0) {
     parentIndexPath,
     parentPath,
     parentSchemaPath,
-    path,
     permissions,
     readOnly
   } = t0;
   const {
     i18n
   } = useTranslation();
-  let t1;
-  if ($[0] !== path) {
-    t1 = {
-      path
-    };
-    $[0] = path;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
   const {
-    customComponents: t2
-  } = useField(t1);
-  let t3;
-  if ($[2] !== t2) {
-    t3 = t2 === undefined ? {} : t2;
-    $[2] = t2;
-    $[3] = t3;
+    customComponents: t1,
+    path
+  } = useField();
+  let t2;
+  if ($[0] !== t1) {
+    t2 = t1 === undefined ? {} : t1;
+    $[0] = t1;
+    $[1] = t2;
   } else {
-    t3 = $[3];
+    t2 = $[1];
   }
   const {
     AfterInput,
     BeforeInput,
     Description,
     Field
-  } = t3;
+  } = t2;
   if (Field) {
     return Field;
   }
-  const t4 = hidden && `${baseClass}__tab--hidden`;
-  const t5 = label && `${baseClass}__tabConfigLabel-${toKebabCase(getTranslation(label, i18n))}`;
-  let t6;
-  if ($[4] !== t4 || $[5] !== t5) {
-    t6 = [t4, `${baseClass}__tab`, t5].filter(Boolean);
-    $[4] = t4;
-    $[5] = t5;
-    $[6] = t6;
+  const t3 = hidden && `${baseClass}__tab--hidden`;
+  const t4 = label && `${baseClass}__tabConfigLabel-${toKebabCase(getTranslation(label, i18n))}`;
+  let t5;
+  if ($[2] !== t3 || $[3] !== t4) {
+    t5 = [t3, `${baseClass}__tab`, t4].filter(Boolean);
+    $[2] = t3;
+    $[3] = t4;
+    $[4] = t5;
   } else {
-    t6 = $[6];
+    t5 = $[4];
   }
-  const t7 = t6.join(" ");
-  let t8;
-  if ($[7] !== AfterInput || $[8] !== BeforeInput || $[9] !== Description || $[10] !== description || $[11] !== fields || $[12] !== forceRender || $[13] !== parentIndexPath || $[14] !== parentPath || $[15] !== parentSchemaPath || $[16] !== path || $[17] !== permissions || $[18] !== readOnly || $[19] !== t7) {
-    t8 = _jsxs("div", {
-      className: t7,
+  const t6 = t5.join(" ");
+  let t7;
+  if ($[5] !== AfterInput || $[6] !== BeforeInput || $[7] !== Description || $[8] !== description || $[9] !== fields || $[10] !== forceRender || $[11] !== parentIndexPath || $[12] !== parentPath || $[13] !== parentSchemaPath || $[14] !== path || $[15] !== permissions || $[16] !== readOnly || $[17] !== t6) {
+    t7 = _jsxs("div", {
+      className: t6,
       children: [_jsx(RenderCustomComponent, {
         CustomComponent: Description,
         Fallback: _jsx(FieldDescription, {
@@ -486,24 +476,24 @@ function TabContent(t0) {
         readOnly
       }), AfterInput]
     });
-    $[7] = AfterInput;
-    $[8] = BeforeInput;
-    $[9] = Description;
-    $[10] = description;
-    $[11] = fields;
-    $[12] = forceRender;
-    $[13] = parentIndexPath;
-    $[14] = parentPath;
-    $[15] = parentSchemaPath;
-    $[16] = path;
-    $[17] = permissions;
-    $[18] = readOnly;
-    $[19] = t7;
-    $[20] = t8;
+    $[5] = AfterInput;
+    $[6] = BeforeInput;
+    $[7] = Description;
+    $[8] = description;
+    $[9] = fields;
+    $[10] = forceRender;
+    $[11] = parentIndexPath;
+    $[12] = parentPath;
+    $[13] = parentSchemaPath;
+    $[14] = path;
+    $[15] = permissions;
+    $[16] = readOnly;
+    $[17] = t6;
+    $[18] = t7;
   } else {
-    t8 = $[20];
+    t7 = $[18];
   }
-  return t8;
+  return t7;
 }
 function _temp(t0) {
   const {

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","t16","t","activeTabStaticDescription","hasVisibleTabs","some","_temp2","t17","incomingTabIndex","existingPreferences","tabIndex","handleTabChange","t18","t19","getInitialPref","existingPreferences_0","initialIndex","newIndex","t20","nextTab","find","_temp3","t21","t22","t23","t24","Boolean","t25","join","t26","t27","t28","index_0","passesCondition_2","tab_0","_jsx","hidden","isActive","setIsActive","TabContent","parentIndexPath","String","children","_jsxs","TabsField","label","customComponents","AfterInput","BeforeInput","Description","Field","CustomComponent","Fallback","marginPlacement","passesCondition_0","passesCondition_1"],"sources":["../../../src/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type {\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 forceRender?: boolean\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}\n\nfunction TabContent({\n  description,\n  fields,\n  forceRender,\n  hidden,\n  label,\n  parentIndexPath,\n  parentPath,\n  parentSchemaPath,\n  path,\n  permissions,\n  readOnly,\n}: ActiveTabProps) {\n  const { i18n } = useTranslation()\n\n  const { customComponents: { AfterInput, BeforeInput, Description, Field } = {} } = useField({\n    path,\n  })\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,"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","t16","t","activeTabStaticDescription","hasVisibleTabs","some","_temp2","t17","incomingTabIndex","existingPreferences","tabIndex","handleTabChange","t18","t19","getInitialPref","existingPreferences_0","initialIndex","newIndex","t20","nextTab","find","_temp3","t21","t22","t23","t24","Boolean","t25","join","t26","t27","t28","index_0","passesCondition_2","tab_0","_jsx","hidden","isActive","setIsActive","TabContent","parentIndexPath","String","children","_jsxs","TabsField","label","customComponents","AfterInput","BeforeInput","Description","Field","CustomComponent","Fallback","marginPlacement","passesCondition_0","passesCondition_1"],"sources":["../../../src/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type {\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 forceRender?: boolean\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}\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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAUA,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,EAAEC,WAAW,QAAQ;AACxC,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AAExD,SAASC,cAAc,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAC7B,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,cAAc,QAAQ;AAC/B,SAASC,YAAY,QAAQ;AAC7B,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,SAASF,YAAY;AAErB,SAASG,gBAAgB;EAAEC,eAAe;EAAEC;AAAI,CAAgD;EAC9F,IAAIC,OAAA,GAAUD,IAAA;EAEd,IAAItB,UAAA,CAAWqB,eAAA,KAAoBA,eAAA,CAAgBG,IAAI,EAAE;IACvD,IAAIF,IAAA,EAAM;MACRC,OAAA,GAAU,GAAGD,IAAA,IAAQD,eAAA,CAAgBG,IAAI,EAAE;IAC7C,OAAO;MACLD,OAAA,GAAUF,eAAA,CAAgBG,IAAI;IAChC;EACF;EAEA,OAAOD,OAAA;AACT;AAEA,MAAME,kBAAA,GAA+CC,KAAA;EAAA,MAAAC,CAAA,GAAA7B,EAAA;EACnD;IAAA8B,KAAA,EAAAC,EAAA;IAAAC,WAAA,EAAAC,EAAA;IAAAC,SAAA,EAAAC,EAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC,gBAAA,EAAAC,EAAA;IAAAf,IAAA,EAAAgB,EAAA;IAAAC,WAAA;IAAAC;EAAA,IASId,KAAA;EARK;IAAAe,KAAA,EAAAC,EAAA;IAAAC,IAAA,EAAAC;EAAA,IAAAf,EAAwC;EAAA,IAAAgB,EAAA;EAAA,IAAAlB,CAAA,QAAAe,EAAA;IAA/BG,EAAA,GAAAH,EAAkB,KAAAI,SAAA,QAAlBJ,EAAkB;IAAAf,CAAA,MAAAe,EAAA;IAAAf,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAAlB;IAAAoB;EAAA,IAAAF,EAAkB;EAAA,IAAAG,EAAA;EAAA,IAAArB,CAAA,QAAAiB,EAAA;IAAEI,EAAA,GAAAJ,EAAS,KAAAE,SAAA,QAATF,EAAS;IAAAjB,CAAA,MAAAiB,EAAA;IAAAjB,CAAA,MAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EAAT,MAAAgB,IAAA,GAAAK,EAAS;EAC7C,MAAAlB,WAAA,GAAAC,EAAmB,KAAAe,SAAA,WAAnBf,EAAmB;EACnB,MAAAC,SAAA,GAAAC,EAAc,KAAAa,SAAA,GAAF,EAAE,GAAdb,EAAc;EACd,MAAAC,UAAA,GAAAC,EAAe,KAAAW,SAAA,GAAF,EAAE,GAAfX,EAAe;EACf,MAAAC,gBAAA,GAAAC,EAAqB,KAAAS,SAAA,GAAF,EAAE,GAArBT,EAAqB;EACrB,MAAAf,IAAA,GAAAgB,EAAS,KAAAQ,SAAA,GAAF,EAAE,GAATR,EAAS;EAKX;IAAAW,aAAA;IAAAC;EAAA,IAAyCrC,cAAA;EACzC;IAAAsC;EAAA,IAA2BvC,eAAA;EAC3B;IAAAwC;EAAA,IAAiBtC,cAAA;EACjB;IAAAuC;EAAA,IAAgC/C,cAAA;EAAA,IAAAgD,GAAA;EAAA,IAAA3B,CAAA,QAAAgB,IAAA;IAEAW,GAAA,GAAAC,GAAA;MAAC,OAAAC,MAAA,IAAAD,GAAQ;MAAA,OAChCZ,IAAA,CAAAc,GAAA,EAAAC,GAAA,EAAAC,KAAA;QACL,MAAAC,EAAA,GAAWF,GAAA,EAAAE,EAAA;QAAK;UAAAD,KAAA;UAAAE,eAAA,EAIGL,MAAA,GAASI,EAAA,GAAAC,eAAA,QAAwB;UAAAH;QAAA;MAAA,CAGtD;IAAA;IACF/B,CAAA,MAAAgB,IAAA;IAAAhB,CAAA,MAAA2B,GAAA;EAAA;IAAAA,GAAA,GAAA3B,CAAA;EAAA;EAVA,MAAAmC,SAAA,GAAkBtD,aAAA,CAAc8C,GAUhC;EAAA,IAAAC,GAAA;EAAA,IAAA5B,CAAA,QAAAmC,SAAA;IAGEP,GAAA,GAAAA,CAAA,KAAMO,SAAA,CAAAC,MAAA,CAAAC,KAA0C,QAAAL,KAAA,KAAgC;IAAAhC,CAAA,MAAAmC,SAAA;IAAAnC,CAAA,MAAA4B,GAAA;EAAA;IAAAA,GAAA,GAAA5B,CAAA;EAAA;EADlF,OAAAsC,cAAA,EAAAC,iBAAA,IAA4C7D,QAAA,CAC1CkD,GAAgF;EAGlF,MAAAY,WAAA,GAAoB,QAAQnC,SAAA,EAAW;EAAA,IAAAoC,GAAA;EAAA,IAAAzC,CAAA,QAAAsC,cAAA,IAAAtC,CAAA,QAAAO,UAAA,IAAAP,CAAA,SAAAgB,IAAA;IACoByB,GAAA,GAAAA,CAAA,KACzDhD,eAAA;MAAAC,eAAA,EAAmCsB,IAAI,CAACsB,cAAA;MAAA3C,IAAA,EAAuBY;IAAA,CAAW;IAAAP,CAAA,MAAAsC,cAAA;IAAAtC,CAAA,MAAAO,UAAA;IAAAP,CAAA,OAAAgB,IAAA;IAAAhB,CAAA,OAAAyC,GAAA;EAAA;IAAAA,GAAA,GAAAzC,CAAA;EAAA;EAD5E,OAAA0C,aAAA,EAAAC,gBAAA,IAA0CjE,QAAA,CAAiB+D,GACiB;EAAA,IAAAG,GAAA;EAAA,IAAA5C,CAAA,SAAAS,gBAAA,IAAAT,CAAA,SAAAgB,IAAA;IAGL4B,GAAA,GAAAA,CAAA,KACrEnD,eAAA;MAAAC,eAAA,EAAmCsB,IAAI;MAAArB,IAAA,EAAWc;IAAA,CAAiB;IAAAT,CAAA,OAAAS,gBAAA;IAAAT,CAAA,OAAAgB,IAAA;IAAAhB,CAAA,OAAA4C,GAAA;EAAA;IAAAA,GAAA,GAAA5C,CAAA;EAAA;EADrE,OAAA6C,mBAAA,EAAAC,sBAAA,IAAsDpE,QAAA,CAAiBkE,GACF;EAAA,IAAAG,GAAA;EAAA,IAAA/C,CAAA,SAAAsC,cAAA,IAAAtC,CAAA,SAAA0C,aAAA,IAAA1C,CAAA,SAAAO,UAAA,IAAAP,CAAA,SAAAgB,IAAA;IAGtC+B,GAAA,GAAA1E,UAAA,CAAW2C,IAAI,CAACsB,cAAA,CAAe,IAAII,aAAA,GAAgBnC,UAAA;IAAAP,CAAA,OAAAsC,cAAA;IAAAtC,CAAA,OAAA0C,aAAA;IAAA1C,CAAA,OAAAO,UAAA;IAAAP,CAAA,OAAAgB,IAAA;IAAAhB,CAAA,OAAA+C,GAAA;EAAA;IAAAA,GAAA,GAAA/C,CAAA;EAAA;EAAlF,MAAAgD,sBAAA,GAA+BD,GAAmD;EAClF,MAAAE,aAAA,GAAsBd,SAAS,CAACG,cAAA;EAChC,MAAA5C,eAAA,GAAwBuD,aAAA,EAAAlB,GAAA;EAAe,IAAAmB,GAAA;EAAA,IAAAlD,CAAA,SAAAsC,cAAA,IAAAtC,CAAA,SAAA6C,mBAAA,IAAA7C,CAAA,SAAAS,gBAAA,IAAAT,CAAA,SAAAgB,IAAA;IACFkC,GAAA,GAAA7E,UAAA,CAAW2C,IAAI,CAACsB,cAAA,CAAe,IAChEO,mBAAA,GACApC,gBAAA;IAAAT,CAAA,OAAAsC,cAAA;IAAAtC,CAAA,OAAA6C,mBAAA;IAAA7C,CAAA,OAAAS,gBAAA;IAAAT,CAAA,OAAAgB,IAAA;IAAAhB,CAAA,OAAAkD,GAAA;EAAA;IAAAA,GAAA,GAAAlD,CAAA;EAAA;EAFJ,MAAAmD,4BAAA,GAAqCD,GAEjC;EAEJ,MAAAE,oBAAA,GAA6B1D,eAAA,CAAAoB,KAAA,EAAAuC,WAAA,IAAsC3D,eAAA,CAAA2D,WAA2B;EAAA,IAAAC,GAAA;EAAA,IAAAtD,CAAA,SAAAoD,oBAAA,IAAApD,CAAA,SAAAyB,IAAA;IAG5F6B,GAAA,UAAOF,oBAAA,KAAyB,aAC5BA,oBAAA;MAAA3B,IAAA;MAAA8B,CAAA,EAAgC9B,IAAA,CAAA8B;IAAA,CAAO,IACvCH,oBAAA;IAAApD,CAAA,OAAAoD,oBAAA;IAAApD,CAAA,OAAAyB,IAAA;IAAAzB,CAAA,OAAAsD,GAAA;EAAA;IAAAA,GAAA,GAAAtD,CAAA;EAAA;EAHN,MAAAwD,0BAAA,GACEF,GAEI;EAEN,MAAAG,cAAA,GAAuBtB,SAAA,CAAAuB,IAAA,CAAAC,MAAwC;EAAA,IAAAC,GAAA;EAAA,IAAA5D,CAAA,SAAAsB,aAAA,IAAAtB,CAAA,SAAAO,UAAA,IAAAP,CAAA,SAAAS,gBAAA,IAAAT,CAAA,SAAAL,IAAA,IAAAK,CAAA,SAAAwB,cAAA,IAAAxB,CAAA,SAAAuB,aAAA,IAAAvB,CAAA,SAAAgB,IAAA,IAAAhB,CAAA,SAAAwC,WAAA;IAG7DoB,GAAA,SAAAC,gBAAA;MACEtB,iBAAA,CAAkBsB,gBAAA;MAElBlB,gBAAA,CACElD,eAAA;QAAAC,eAAA,EAAmCsB,IAAI,CAAC6C,gBAAA;QAAAlE,IAAA,EAAyBY;MAAA,CAAW;MAE9EuC,sBAAA,CACErD,eAAA;QAAAC,eAAA,EAAmCsB,IAAI,CAAC6C,gBAAA;QAAAlE,IAAA,EAAyBc;MAAA,CAAiB;MAGpF,MAAAqD,mBAAA,SAAuDxC,aAAA,CAAcE,cAAA;MAAA,IAEjEA,cAAA;QACGD,aAAA,CAAcC,cAAA;UAAA,GACdsC,mBAAmB;UAAA,IAClBnE,IAAA;YAAAkC,MAAA;cAAA,IAGQiC,mBAAA,EAAAjC,MAAA,MAAiC;cAAA,CACpClC,IAAA;gBAAA,GACImE,mBAAA,EAAAjC,MAAA,GAA8BlC,IAAA;gBAAAoE,QAAA,EACvBF;cAAA;YAAA;UAAA;YAAAhC,MAAA;cAAA,GAMTiC,mBAAA,EAAAjC,MAAA;cAAA,CACFW,WAAA;gBAAA,GACIsB,mBAAA,EAAAjC,MAAA,GAA8BW,WAAA;gBAAAuB,QAAA,EACvBF;cAAA;YAAA;UAAA,CAGf;QAAA,CACP;MAAA;IAAA;IAEJ7D,CAAA,OAAAsB,aAAA;IAAAtB,CAAA,OAAAO,UAAA;IAAAP,CAAA,OAAAS,gBAAA;IAAAT,CAAA,OAAAL,IAAA;IAAAK,CAAA,OAAAwB,cAAA;IAAAxB,CAAA,OAAAuB,aAAA;IAAAvB,CAAA,OAAAgB,IAAA;IAAAhB,CAAA,OAAAwC,WAAA;IAAAxC,CAAA,OAAA4D,GAAA;EAAA;IAAAA,GAAA,GAAA5D,CAAA;EAAA;EArCF,MAAAgE,eAAA,GAAwBJ,GA+CrB;EAAA,IAAAK,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAAlE,CAAA,SAAAsB,aAAA,IAAAtB,CAAA,SAAAO,UAAA,IAAAP,CAAA,SAAAS,gBAAA,IAAAT,CAAA,SAAAL,IAAA,IAAAK,CAAA,SAAAwB,cAAA,IAAAxB,CAAA,SAAAgB,IAAA,IAAAhB,CAAA,SAAAwC,WAAA;IAGOyB,GAAA,GAAAA,CAAA;MAAA,IACJzC,cAAA;QACF,MAAA2C,cAAA,SAAAA,CAAA;UACE,MAAAC,qBAAA,SAAuD9C,aAAA,CAAcE,cAAA;UACrE,MAAA6C,YAAA,GAAqB1E,IAAA,GACjBmE,qBAAA,EAAAjC,MAAA,GAA8BlC,IAAA,GAAAoE,QAAA,GAC9BD,qBAAA,EAAAjC,MAAA,GAA8BW,WAAA,GAAAuB,QAAc;UAEhD,MAAAO,QAAA,GAAiBD,YAAA,KAAgB;UACjC9B,iBAAA,CAAkB+B,QAAA;UAElB3B,gBAAA,CAAiBlD,eAAA;YAAAC,eAAA,EAAmCsB,IAAI,CAACsD,QAAA;YAAA3E,IAAA,EAAiBY;UAAA,CAAW;UACrFuC,sBAAA,CACErD,eAAA;YAAAC,eAAA,EAAmCsB,IAAI,CAACsD,QAAA;YAAA3E,IAAA,EAAiBc;UAAA,CAAiB;QAAA;QAGzE0D,cAAA;MAAA;IAAA;IAEND,GAAA,IAACvE,IAAA,EAAM2B,aAAA,EAAeE,cAAA,EAAgBgB,WAAA,EAAaxB,IAAA,EAAMT,UAAA,EAAYE,gBAAA;IAAiBT,CAAA,OAAAsB,aAAA;IAAAtB,CAAA,OAAAO,UAAA;IAAAP,CAAA,OAAAS,gBAAA;IAAAT,CAAA,OAAAL,IAAA;IAAAK,CAAA,OAAAwB,cAAA;IAAAxB,CAAA,OAAAgB,IAAA;IAAAhB,CAAA,OAAAwC,WAAA;IAAAxC,CAAA,OAAAiE,GAAA;IAAAjE,CAAA,OAAAkE,GAAA;EAAA;IAAAD,GAAA,GAAAjE,CAAA;IAAAkE,GAAA,GAAAlE,CAAA;EAAA;EAlBzFvB,SAAA,CAAUwF,GAkBV,EAAGC,GAAsF;EAAA,IAAAK,GAAA;EAAA,IAAAvE,CAAA,SAAAiD,aAAA,EAAAf,eAAA,IAAAlC,CAAA,SAAAgE,eAAA,IAAAhE,CAAA,SAAAmC,SAAA;IAE/EoC,GAAA,GAAAA,CAAA;MAAA,IACJtB,aAAA,EAAAf,eAAA,UAAmC;QACrC,MAAAsC,OAAA,GAAgBrC,SAAA,CAAAsC,IAAA,CAAAC,MAAwC;QAAA,IACpDF,OAAA;UACGR,eAAA,CAAgBQ,OAAA,CAAAxC,KAAa;QAAA;MAAA;IAAA;IAGxChC,CAAA,OAAAiD,aAAA,EAAAf,eAAA;IAAAlC,CAAA,OAAAgE,eAAA;IAAAhE,CAAA,OAAAmC,SAAA;IAAAnC,CAAA,OAAAuE,GAAA;EAAA;IAAAA,GAAA,GAAAvE,CAAA;EAAA;EAAA,IAAA2E,GAAA;EAAA,IAAA3E,CAAA,SAAAiD,aAAA,IAAAjD,CAAA,SAAAgE,eAAA,IAAAhE,CAAA,SAAAmC,SAAA;IAAGwC,GAAA,IAAC1B,aAAA,EAAed,SAAA,EAAW6B,eAAA;IAAgBhE,CAAA,OAAAiD,aAAA;IAAAjD,CAAA,OAAAgE,eAAA;IAAAhE,CAAA,OAAAmC,SAAA;IAAAnC,CAAA,OAAA2E,GAAA;EAAA;IAAAA,GAAA,GAAA3E,CAAA;EAAA;EAP9CvB,SAAA,CAAU8F,GAOV,EAAGI,GAA2C;EAQxC,MAAAC,GAAA,GAAAlD,mBAAA,IAAuB,GAAAlC,SAAA,sBAAkC;EACzD,MAAAqF,GAAA,IAACpB,cAAA,IAAkB,GAAAjE,SAAA,UAAsB;EAAA,IAAAsF,GAAA;EAAA,IAAA9E,CAAA,SAAAoB,SAAA,IAAApB,CAAA,SAAA4E,GAAA,IAAA5E,CAAA,SAAA6E,GAAA;IALhCC,GAAA,IAAAzF,cAAA,EAET+B,SAAA,EAAA5B,SAAA,EAEAoF,GAAyD,EACzDC,GAAyC,EAAAzC,MAAA,CAAA2C,OAEjC;IAAA/E,CAAA,OAAAoB,SAAA;IAAApB,CAAA,OAAA4E,GAAA;IAAA5E,CAAA,OAAA6E,GAAA;IAAA7E,CAAA,OAAA8E,GAAA;EAAA;IAAAA,GAAA,GAAA9E,CAAA;EAAA;EAPC,MAAAgF,GAAA,GAAAF,GAOD,CAAAG,IAAA,CACF;EAAA,IAAAC,GAAA;EAAA,IAAAlF,CAAA,SAAAgD,sBAAA,IAAAhD,CAAA,SAAAmD,4BAAA,IAAAnD,CAAA,SAAAN,eAAA,IAAAM,CAAA,SAAAsC,cAAA,IAAAtC,CAAA,SAAAiD,aAAA,IAAAjD,CAAA,SAAA0C,aAAA,IAAA1C,CAAA,SAAAwD,0BAAA,IAAAxD,CAAA,SAAAG,WAAA,IAAAH,CAAA,SAAAgE,eAAA,IAAAhE,CAAA,SAAAK,SAAA,IAAAL,CAAA,SAAAL,IAAA,IAAAK,CAAA,SAAAY,WAAA,IAAAZ,CAAA,SAAAa,QAAA,IAAAb,CAAA,SAAAgF,GAAA,IAAAhF,CAAA,SAAAmC,SAAA;IAAA,IAAAgD,GAAA;IAAA,IAAAnF,CAAA,SAAAsC,cAAA,IAAAtC,CAAA,SAAAgE,eAAA,IAAAhE,CAAA,SAAAL,IAAA;MAKawF,GAAA,GAAAC,GAAA;QAAC;UAAApD,KAAA,EAAAqD,OAAA;UAAAnD,eAAA,EAAAoD,iBAAA;UAAAvD,GAAA,EAAAwD;QAAA,IAAAH,GAA+B;QAAA,OAC7CI,IAAA,CAAAjG,YAAA;UAAAkG,MAAA,GACWvD,iBAAA;UAAAwD,QAAA,EACCpD,cAAA,KAAmBN,OAAA;UAAAzB,UAAA,EAEjBZ,IAAA;UAAAgG,WAAA,EAAAA,CAAA;YAEL3B,eAAA,CAAgBhC,OAAA;UAAA;UAAAD,GAAA,EAElBA;QAAA,GALAC,OAAA;MAAA;MAAAhC,CAAA,OAAAsC,cAAA;MAAAtC,CAAA,OAAAgE,eAAA;MAAAhE,CAAA,OAAAL,IAAA;MAAAK,CAAA,OAAAmF,GAAA;IAAA;MAAAA,GAAA,GAAAnF,CAAA;IAAA;IAAA,IAAAoF,GAAA;IAAA,IAAApF,CAAA,SAAAgD,sBAAA,IAAAhD,CAAA,SAAAmD,4BAAA,IAAAnD,CAAA,SAAAN,eAAA,IAAAM,CAAA,SAAAiD,aAAA,IAAAjD,CAAA,SAAA0C,aAAA,IAAA1C,CAAA,SAAAwD,0BAAA,IAAAxD,CAAA,SAAAG,WAAA,IAAAH,CAAA,SAAAK,SAAA,IAAAL,CAAA,SAAAY,WAAA,IAAAZ,CAAA,SAAAa,QAAA;MAWVuE,GAAA,GAAA1F,eAAA,IACC8F,IAAA,CAAAI,UAAA;QAAAvC,WAAA,EACeG,0BAAA;QAAA3B,MAAA,EACLnC,eAAA,CAAAmC,MAAA;QAAA1B,WAAA;QAAAsF,MAAA;QAAAI,eAAA,EAINxH,UAAA,CAAWqB,eAAA,IACP,KACA,GAAGW,SAAA,GAAYA,SAAA,GAAY,MAAM,IAAI,GAAGyF,MAAA,CAAO7C,aAAA,CAAAjB,KAAmB;QAAAzB,UAAA,EAE5DyC,sBAAA;QAAAvC,gBAAA,EACM0C,4BAAA;QAAAxD,IAAA,EACZ+C,aAAA;QAAA9B,WAAA,EAEJA,WAAA,IAAe,OAAOA,WAAA,KAAgB,YAAY,UAAUlB,eAAA,GACxDkB,WAAW,CAAClB,eAAA,CAAAG,IAAA,KACZ,OAAOe,WAAW,CAAClB,eAAA,CAAAG,IAAA,MAA0B,YAC7C,YAAYe,WAAW,CAAClB,eAAA,CAAAG,IAAA,CAAqB,GAC3Ce,WAAW,CAAClB,eAAA,CAAAG,IAAA,EAAAgC,MAAA,GACZjB,WAAW,CAAClB,eAAA,CAAAG,IAAA,CAAqB,GACnCe,WAAA;QAAAC;MAAA,C;;;;;;;;;;;;;;;IAlDhBqE,GAAA,GAAAM,IAAA,CAAC;MAAApE,SAAA,EACY4D,GAQH;MAAAe,QAAA,EAERC,KAAA,CAAA1G,YAAA;QAAAyG,QAAA,GACEP,IAAA,CAAC;UAAApE,SAAA,EAAe,GAAA5B,SAAA,aAAyB;UAAAuG,QAAA,EACvCP,IAAA,CAAC;YAAApE,SAAA,EAAe,GAAA5B,SAAA,QAAoB;YAAAuG,QAAA,EACjC5D,SAAA,CAAAL,GAAA,CAAcqD,GAIN;UAAA,C;YAUbK,IAAA,CAAC;UAAApE,SAAA,EAAe,GAAA5B,SAAA,gBAA4B;UAAAuG,QAAA,EACzCX;;;;;;;;;;;;;;;;;;;;;;;SA7BPF,G;CA2DJ;AAEA,OAAO,MAAMe,SAAA,GAAYjH,aAAA,CAAcc,kBAAA;AAgBvC,SAAA8F,WAAA1F,EAAA;EAAA,MAAAF,CAAA,GAAA7B,EAAA;EAAoB;IAAAkF,WAAA;IAAAxB,MAAA;IAAA1B,WAAA;IAAAsF,MAAA;IAAAS,KAAA;IAAAL,eAAA;IAAAtF,UAAA;IAAAE,gBAAA;IAAAG,WAAA;IAAAC;EAAA,IAAAX,EAWH;EACf;IAAAuB;EAAA,IAAiBtC,cAAA;EAEjB;IAAAgH,gBAAA,EAAA/F,EAAA;IAAAT;EAAA,IACEZ,QAAA;EAAA,IAAAuB,EAAA;EAAA,IAAAN,CAAA,QAAAI,EAAA;IADwBE,EAAA,GAAAF,EAAoD,KAAAe,SAAA,QAApDf,EAAoD;IAAAJ,CAAA,MAAAI,EAAA;IAAAJ,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAApD;IAAAoG,UAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAjG,EAAoD;EAAA,IAG1EiG,KAAA;IAAA,OACKA,KAAA;EAAA;EAMH,MAAA/F,EAAA,GAAAiF,MAAA,IAAU,GAAAjG,SAAA,eAA2B;EAErC,MAAAkB,EAAA,GAAAwF,KAAA,IAAS,GAAA1G,SAAA,oBAAgClB,WAAA,CAAYF,cAAA,CAAe8H,KAAA,EAAOzE,IAAA,IAAQ;EAAA,IAAAd,EAAA;EAAA,IAAAX,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAU,EAAA;IAH1EC,EAAA,IACTH,EAAqC,EACrC,GAAAhB,SAAA,OAAmB,EACnBkB,EAAmF,EAAA0B,MAAA,CAAA2C,OAE3E;IAAA/E,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAU,EAAA;IAAAV,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EALC,MAAAe,EAAA,GAAAJ,EAKD,CAAAsE,IAAA,CACF;EAAA,IAAAhE,EAAA;EAAA,IAAAjB,CAAA,QAAAoG,UAAA,IAAApG,CAAA,QAAAqG,WAAA,IAAArG,CAAA,QAAAsG,WAAA,IAAAtG,CAAA,QAAAqD,WAAA,IAAArD,CAAA,QAAA6B,MAAA,IAAA7B,CAAA,SAAAG,WAAA,IAAAH,CAAA,SAAA6F,eAAA,IAAA7F,CAAA,SAAAO,UAAA,IAAAP,CAAA,SAAAS,gBAAA,IAAAT,CAAA,SAAAL,IAAA,IAAAK,CAAA,SAAAY,WAAA,IAAAZ,CAAA,SAAAa,QAAA,IAAAb,CAAA,SAAAe,EAAA;IAPVE,EAAA,GAAA+E,KAAA,CAAC;MAAA5E,SAAA,EACYL,EAMH;MAAAgF,QAAA,GAERP,IAAA,CAAA5G,qBAAA;QAAA4H,eAAA,EACmBF,WAAA;QAAAG,QAAA,EAEfjB,IAAA,CAAApG,gBAAA;UAAAiE,WAAA;UAAAqD,eAAA,EAA4D;UAAA/G;QAAA,C;UAG/D0G,WAAA,EACDb,IAAA,CAAA1G,YAAA;QAAA+C,MAAA;QAAA1B,WAAA;QAAA0F,eAAA;QAAAtF,UAAA;QAAAE,gBAAA;QAAAG,WAAA;QAAAC;MAAA,C,GASCuF,UAAA;IAAA,C;;;;;;;;;;;;;;;;;;SAzBHnF,E;;AA7OiD,SAAAoB,MAAAnC,EAAA;EA8BzB;IAAAgC;EAAA,IAAAhC,EAAmB;EAAA,OAAKgC,eAAA;AAAA;AA9BC,SAAAyB,OAAAzD,EAAA;EAwDZ;IAAAgC,eAAA,EAAAyE;EAAA,IAAAzG,EAAmB;EAAA,OAAKgC,iBAAA;AAAA;AAxDZ,SAAAwC,OAAAxE,EAAA;EAkIf;IAAAgC,eAAA,EAAA0E;EAAA,IAAA1G,EAAmB;EAAA,OAAKgC,iBAAA;AAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAGxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAQhD,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AACtC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAqIpC,eAAO,MAAM,SAAS;wBAhIlB,MAAI,SACJ;yBAA4C,MAAQ,oBAC7C;;;;;+EA8H+C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAGxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAQhD,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AACtC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAsIpC,eAAO,MAAM,SAAS;wBAjIlB,MAAI,SACJ;yBAA4C,MAAQ,oBAC7C;;;;;+EA+H+C,CAAA"}

package/dist/fields/Text/index.js

@@ -31,7 +31,7 @@ const TextFieldComponent = props => {
       required
     },
     inputRef,
-    path,
+    path: pathFromProps,
     readOnly,
     validate
   } = props;
@@ -60,11 +60,12 @@ const TextFieldComponent = props => {
       Label
     } = {},
     disabled,
+    path,
     setValue,
     showError,
     value: value_0
   } = useField({
-    path,
+    potentiallyStalePath: pathFromProps,
     validate: memoizedValidate
   });
   const renderRTL = isFieldRTL({

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useMemo","useState","useField","withCondition","useConfig","useLocale","mergeFieldStyles","isFieldRTL","TextInput","TextFieldComponent","props","field","admin","className","description","placeholder","rtl","hasMany","label","localized","maxLength","maxRows","minLength","minRows","required","inputRef","path","readOnly","validate","locale","config","localization","localizationConfig","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","renderRTL","fieldLocalized","fieldRTL","undefined","valueToRender","setValueToRender","handleHasManyChange","selectedOption","newValue","Array","isArray","map","option","val","index","id","toString","styles","_jsx","onChange","e","target","style","TextField"],"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: { 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,\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    setValue,\n    showError,\n    value,\n  } = useField({\n    path,\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      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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useMemo","useState","useField","withCondition","useConfig","useLocale","mergeFieldStyles","isFieldRTL","TextInput","TextFieldComponent","props","field","admin","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","_jsx","onChange","e","target","style","TextField"],"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: { 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      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"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgC,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGpF,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAQpD,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE1C,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAA;AAkF5C,eAAO,MAAM,aAAa;wBAhFA,MAAO,GAAG;yBAC9B,MACF,oBACQ;;;;;+EA6EsD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgC,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGpF,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAQpD,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE1C,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAA;AAmF5C,eAAO,MAAM,aAAa;wBAjFA,MAAO,GAAG;yBAC9B,MACF,oBACQ;;;;;+EA8EsD,CAAA"}

package/dist/fields/Textarea/index.js

@@ -30,7 +30,7 @@ const TextareaFieldComponent = props => {
       minLength,
       required
     },
-    path,
+    path: pathFromProps,
     readOnly,
     validate
   } = props;
@@ -68,11 +68,12 @@ const TextareaFieldComponent = props => {
       Label
     } = {},
     disabled,
+    path,
     setValue,
     showError,
     value: value_0
   } = useField({
-    path,
+    potentiallyStalePath: pathFromProps,
     validate: memoizedValidate
   });
   const styles = useMemo(() => mergeFieldStyles(field), [field]);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","useField","withCondition","useConfig","useLocale","useTranslation","mergeFieldStyles","isFieldRTL","TextareaInput","TextareaFieldComponent","props","field","admin","className","description","placeholder","rows","rtl","label","localized","maxLength","minLength","required","path","readOnly","validate","i18n","config","localization","locale","isRTL","fieldLocalized","fieldRTL","localizationConfig","undefined","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","styles","_jsx","onChange","e","target","style","TextareaField"],"sources":["../../../src/fields/Textarea/index.tsx"],"sourcesContent":["'use client'\nimport type { TextareaFieldClientComponent, TextareaFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { TextAreaInputProps } 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 { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { isFieldRTL } from '../shared/index.js'\nimport { TextareaInput } from './Input.js'\n\nexport { TextareaInput, TextAreaInputProps }\n\nconst TextareaFieldComponent: TextareaFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, placeholder, rows, rtl } = {},\n      label,\n      localized,\n      maxLength,\n      minLength,\n      required,\n    },\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const locale = useLocale()\n\n  const isRTL = isFieldRTL({\n    fieldLocalized: localized,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: localization || undefined,\n  })\n\n  const memoizedValidate: TextareaFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, maxLength, minLength, required })\n      }\n    },\n    [validate, required, maxLength, minLength],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <TextareaInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      Label={Label}\n      label={label}\n      localized={localized}\n      onChange={(e) => {\n        setValue(e.target.value)\n      }}\n      path={path}\n      placeholder={getTranslation(placeholder, i18n)}\n      readOnly={readOnly || disabled}\n      required={required}\n      rows={rows}\n      rtl={isRTL}\n      showError={showError}\n      style={styles}\n      value={value}\n    />\n  )\n}\n\nexport const TextareaField = withCondition(TextareaFieldComponent)\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAI5C,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,OAAO;AACP,SAASC,UAAU,QAAQ;AAC3B,SAASC,aAAa,QAAQ;AAE9B,SAASA,aAAa;AAEtB,MAAMC,sBAAA,GAAwDC,KAAA;EAC5D,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QAAEC,SAAS;QAAEC,WAAW;QAAEC,WAAW;QAAEC,IAAI;QAAEC;MAAG,CAAE,GAAG,CAAC,CAAC;MAC9DC,KAAK;MACLC,SAAS;MACTC,SAAS;MACTC,SAAS;MACTC;IAAQ,CACT;IACDC,IAAI;IACJC,QAAQ;IACRC;EAAQ,CACT,GAAGf,KAAA;EAEJ,MAAM;IAAEgB;EAAI,CAAE,GAAGrB,cAAA;EAEjB,MAAM;IACJsB,MAAA,EAAQ;MAAEC;IAAY;EAAE,CACzB,GAAGzB,SAAA;EAEJ,MAAM0B,MAAA,GAASzB,SAAA;EAEf,MAAM0B,KAAA,GAAQvB,UAAA,CAAW;IACvBwB,cAAA,EAAgBZ,SAAA;IAChBa,QAAA,EAAUf,GAAA;IACVY,MAAA;IACAI,kBAAA,EAAoBL,YAAA,IAAgBM;EACtC;EAEA,MAAMC,gBAAA,GAA4CpC,WAAA,CAChD,CAACqC,KAAA,EAAOC,OAAA;IACN,IAAI,OAAOZ,QAAA,KAAa,YAAY;MAClC,OAAOA,QAAA,CAASW,KAAA,EAAO;QAAE,GAAGC,OAAO;QAAEjB,SAAA;QAAWC,SAAA;QAAWC;MAAS;IACtE;EACF,GACA,CAACG,QAAA,EAAUH,QAAA,EAAUF,SAAA,EAAWC,SAAA,CAAU;EAG5C,MAAM;IACJiB,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAC7EC,QAAQ;IACRC,QAAQ;IACRC,SAAS;IACTV,KAAK,EAALA;EAAK,CACN,GAAGnC,QAAA,CAAiB;IACnBsB,IAAA;IACAE,QAAA,EAAUU;EACZ;EAEA,MAAMY,MAAA,GAAS/C,OAAA,CAAQ,MAAMM,gBAAA,CAAiBK,KAAA,GAAQ,CAACA,KAAA,CAAM;EAE7D,oBACEqC,IAAA,CAACxC,aAAA;IACC+B,UAAA,EAAYA,UAAA;IACZC,WAAA,EAAaA,WAAA;IACb3B,SAAA,EAAWA,SAAA;IACX4B,WAAA,EAAaA,WAAA;IACb3B,WAAA,EAAaA,WAAA;IACb4B,KAAA,EAAOA,KAAA;IACPC,KAAA,EAAOA,KAAA;IACPzB,KAAA,EAAOA,KAAA;IACPC,SAAA,EAAWA,SAAA;IACX8B,QAAA,EAAWC,CAAA;MACTL,QAAA,CAASK,CAAA,CAAEC,MAAM,CAACf,KAAK;IACzB;IACAb,IAAA,EAAMA,IAAA;IACNR,WAAA,EAAalB,cAAA,CAAekB,WAAA,EAAaW,IAAA;IACzCF,QAAA,EAAUA,QAAA,IAAYoB,QAAA;IACtBtB,QAAA,EAAUA,QAAA;IACVN,IAAA,EAAMA,IAAA;IACNC,GAAA,EAAKa,KAAA;IACLgB,SAAA,EAAWA,SAAA;IACXM,KAAA,EAAOL,MAAA;IACPX,KAAA,EAAOA;;AAGb;AAEA,OAAO,MAAMiB,aAAA,GAAgBnD,aAAA,CAAcO,sBAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","useField","withCondition","useConfig","useLocale","useTranslation","mergeFieldStyles","isFieldRTL","TextareaInput","TextareaFieldComponent","props","field","admin","className","description","placeholder","rows","rtl","label","localized","maxLength","minLength","required","path","pathFromProps","readOnly","validate","i18n","config","localization","locale","isRTL","fieldLocalized","fieldRTL","localizationConfig","undefined","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","styles","_jsx","onChange","e","target","style","TextareaField"],"sources":["../../../src/fields/Textarea/index.tsx"],"sourcesContent":["'use client'\nimport type { TextareaFieldClientComponent, TextareaFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { TextAreaInputProps } 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 { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { isFieldRTL } from '../shared/index.js'\nimport { TextareaInput } from './Input.js'\n\nexport { TextareaInput, TextAreaInputProps }\n\nconst TextareaFieldComponent: TextareaFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, placeholder, rows, rtl } = {},\n      label,\n      localized,\n      maxLength,\n      minLength,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const locale = useLocale()\n\n  const isRTL = isFieldRTL({\n    fieldLocalized: localized,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: localization || undefined,\n  })\n\n  const memoizedValidate: TextareaFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, maxLength, minLength, required })\n      }\n    },\n    [validate, required, maxLength, minLength],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <TextareaInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      Label={Label}\n      label={label}\n      localized={localized}\n      onChange={(e) => {\n        setValue(e.target.value)\n      }}\n      path={path}\n      placeholder={getTranslation(placeholder, i18n)}\n      readOnly={readOnly || disabled}\n      required={required}\n      rows={rows}\n      rtl={isRTL}\n      showError={showError}\n      style={styles}\n      value={value}\n    />\n  )\n}\n\nexport const TextareaField = withCondition(TextareaFieldComponent)\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAI5C,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,OAAO;AACP,SAASC,UAAU,QAAQ;AAC3B,SAASC,aAAa,QAAQ;AAE9B,SAASA,aAAa;AAEtB,MAAMC,sBAAA,GAAwDC,KAAA;EAC5D,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QAAEC,SAAS;QAAEC,WAAW;QAAEC,WAAW;QAAEC,IAAI;QAAEC;MAAG,CAAE,GAAG,CAAC,CAAC;MAC9DC,KAAK;MACLC,SAAS;MACTC,SAAS;MACTC,SAAS;MACTC;IAAQ,CACT;IACDC,IAAA,EAAMC,aAAa;IACnBC,QAAQ;IACRC;EAAQ,CACT,GAAGhB,KAAA;EAEJ,MAAM;IAAEiB;EAAI,CAAE,GAAGtB,cAAA;EAEjB,MAAM;IACJuB,MAAA,EAAQ;MAAEC;IAAY;EAAE,CACzB,GAAG1B,SAAA;EAEJ,MAAM2B,MAAA,GAAS1B,SAAA;EAEf,MAAM2B,KAAA,GAAQxB,UAAA,CAAW;IACvByB,cAAA,EAAgBb,SAAA;IAChBc,QAAA,EAAUhB,GAAA;IACVa,MAAA;IACAI,kBAAA,EAAoBL,YAAA,IAAgBM;EACtC;EAEA,MAAMC,gBAAA,GAA4CrC,WAAA,CAChD,CAACsC,KAAA,EAAOC,OAAA;IACN,IAAI,OAAOZ,QAAA,KAAa,YAAY;MAClC,OAAOA,QAAA,CAASW,KAAA,EAAO;QAAE,GAAGC,OAAO;QAAElB,SAAA;QAAWC,SAAA;QAAWC;MAAS;IACtE;EACF,GACA,CAACI,QAAA,EAAUJ,QAAA,EAAUF,SAAA,EAAWC,SAAA,CAAU;EAG5C,MAAM;IACJkB,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAC7EC,QAAQ;IACRtB,IAAI;IACJuB,QAAQ;IACRC,SAAS;IACTV,KAAK,EAALA;EAAK,CACN,GAAGpC,QAAA,CAAiB;IACnB+C,oBAAA,EAAsBxB,aAAA;IACtBE,QAAA,EAAUU;EACZ;EAEA,MAAMa,MAAA,GAASjD,OAAA,CAAQ,MAAMM,gBAAA,CAAiBK,KAAA,GAAQ,CAACA,KAAA,CAAM;EAE7D,oBACEuC,IAAA,CAAC1C,aAAA;IACCgC,UAAA,EAAYA,UAAA;IACZC,WAAA,EAAaA,WAAA;IACb5B,SAAA,EAAWA,SAAA;IACX6B,WAAA,EAAaA,WAAA;IACb5B,WAAA,EAAaA,WAAA;IACb6B,KAAA,EAAOA,KAAA;IACPC,KAAA,EAAOA,KAAA;IACP1B,KAAA,EAAOA,KAAA;IACPC,SAAA,EAAWA,SAAA;IACXgC,QAAA,EAAWC,CAAA;MACTN,QAAA,CAASM,CAAA,CAAEC,MAAM,CAAChB,KAAK;IACzB;IACAd,IAAA,EAAMA,IAAA;IACNR,WAAA,EAAalB,cAAA,CAAekB,WAAA,EAAaY,IAAA;IACzCF,QAAA,EAAUA,QAAA,IAAYoB,QAAA;IACtBvB,QAAA,EAAUA,QAAA;IACVN,IAAA,EAAMA,IAAA;IACNC,GAAA,EAAKc,KAAA;IACLgB,SAAA,EAAWA,SAAA;IACXO,KAAA,EAAOL,MAAA;IACPZ,KAAA,EAAOA;;AAGb;AAEA,OAAO,MAAMkB,aAAA,GAAgBrD,aAAA,CAAcO,sBAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAKtC,OAAO,cAAc,CAAA;AAIrB,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,eAAO,MAAM,SAAS,WAAW,CAAA;AAEjC,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,qBAyE5D;AAED,eAAO,MAAM,WAAW,kCAAiC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAKtC,OAAO,cAAc,CAAA;AAIrB,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,eAAO,MAAM,SAAS,WAAW,CAAA;AAEjC,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,qBA0E5D;AAED,eAAO,MAAM,WAAW,kCAAiC,CAAA"}

package/dist/fields/Upload/index.js

@@ -27,7 +27,7 @@ export function UploadComponent(props) {
       relationTo,
       required
     },
-    path,
+    path: pathFromProps,
     readOnly,
     validate
   } = props;
@@ -53,11 +53,12 @@ export function UploadComponent(props) {
     } = {},
     disabled,
     filterOptions,
+    path,
     setValue,
     showError,
     value: value_0
   } = useField({
-    path,
+    potentiallyStalePath: pathFromProps,
     validate: memoizedValidate
   });
   const styles = useMemo(() => mergeFieldStyles(field), [field]);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useField","withCondition","useConfig","mergeFieldStyles","UploadInput","baseClass","UploadComponent","props","field","admin","allowCreate","className","description","isSortable","hasMany","label","localized","maxRows","relationTo","required","path","readOnly","validate","config","displayPreview","memoizedValidate","useCallback","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","filterOptions","setValue","showError","styles","_jsx","api","routes","onChange","serverURL","style","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldClientProps } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport './index.scss'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { UploadInput } from './Input.js'\n\nexport { UploadInput } from './Input.js'\nexport type { UploadInputProps } from './Input.js'\n\nexport const baseClass = 'upload'\n\nexport function UploadComponent(props: UploadFieldClientProps) {\n  const {\n    field,\n    field: {\n      admin: { allowCreate, className, description, isSortable } = {},\n      hasMany,\n      label,\n      localized,\n      maxRows,\n      relationTo,\n      required,\n    },\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const { config } = useConfig()\n\n  const displayPreview = field.displayPreview\n\n  const memoizedValidate = React.useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    filterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField<string | string[]>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <UploadInput\n      AfterInput={AfterInput}\n      allowCreate={allowCreate !== false}\n      api={config.routes.api}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      displayPreview={displayPreview}\n      Error={Error}\n      filterOptions={filterOptions}\n      hasMany={hasMany}\n      isSortable={isSortable}\n      label={label}\n      Label={Label}\n      localized={localized}\n      maxRows={maxRows}\n      onChange={setValue}\n      path={path}\n      readOnly={readOnly || disabled}\n      relationTo={relationTo}\n      required={required}\n      serverURL={config.serverURL}\n      showError={showError}\n      style={styles}\n      value={value}\n    />\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,OAAO;AACP,SAASC,gBAAgB,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAE5B,SAASA,WAAW,QAAQ;AAG5B,OAAO,MAAMC,SAAA,GAAY;AAEzB,OAAO,SAASC,gBAAgBC,KAA6B;EAC3D,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QAAEC,WAAW;QAAEC,SAAS;QAAEC,WAAW;QAAEC;MAAU,CAAE,GAAG,CAAC,CAAC;MAC/DC,OAAO;MACPC,KAAK;MACLC,SAAS;MACTC,OAAO;MACPC,UAAU;MACVC;IAAQ,CACT;IACDC,IAAI;IACJC,QAAQ;IACRC;EAAQ,CACT,GAAGf,KAAA;EAEJ,MAAM;IAAEgB;EAAM,CAAE,GAAGrB,SAAA;EAEnB,MAAMsB,cAAA,GAAiBhB,KAAA,CAAMgB,cAAc;EAE3C,MAAMC,gBAAA,GAAmB3B,KAAA,CAAM4B,WAAW,CACxC,CAACC,KAAA,EAAOC,OAAA;IACN,IAAI,OAAON,QAAA,KAAa,YAAY;MAClC,OAAOA,QAAA,CAASK,KAAA,EAAO;QAAE,GAAGC,OAAO;QAAET;MAAS;IAChD;EACF,GACA,CAACG,QAAA,EAAUH,QAAA,CAAS;EAGtB,MAAM;IACJU,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAC7EC,QAAQ;IACRC,aAAa;IACbC,QAAQ;IACRC,SAAS;IACTX,KAAK,EAALA;EAAK,CACN,GAAG3B,QAAA,CAA4B;IAC9BoB,IAAA;IACAE,QAAA,EAAUG;EACZ;EAEA,MAAMc,MAAA,GAASxC,OAAA,CAAQ,MAAMI,gBAAA,CAAiBK,KAAA,GAAQ,CAACA,KAAA,CAAM;EAE7D,oBACEgC,IAAA,CAACpC,WAAA;IACC0B,UAAA,EAAYA,UAAA;IACZpB,WAAA,EAAaA,WAAA,KAAgB;IAC7B+B,GAAA,EAAKlB,MAAA,CAAOmB,MAAM,CAACD,GAAG;IACtBV,WAAA,EAAaA,WAAA;IACbpB,SAAA,EAAWA,SAAA;IACXqB,WAAA,EAAaA,WAAA;IACbpB,WAAA,EAAaA,WAAA;IACbY,cAAA,EAAgBA,cAAA;IAChBS,KAAA,EAAOA,KAAA;IACPG,aAAA,EAAeA,aAAA;IACftB,OAAA,EAASA,OAAA;IACTD,UAAA,EAAYA,UAAA;IACZE,KAAA,EAAOA,KAAA;IACPmB,KAAA,EAAOA,KAAA;IACPlB,SAAA,EAAWA,SAAA;IACXC,OAAA,EAASA,OAAA;IACT0B,QAAA,EAAUN,QAAA;IACVjB,IAAA,EAAMA,IAAA;IACNC,QAAA,EAAUA,QAAA,IAAYc,QAAA;IACtBjB,UAAA,EAAYA,UAAA;IACZC,QAAA,EAAUA,QAAA;IACVyB,SAAA,EAAWrB,MAAA,CAAOqB,SAAS;IAC3BN,SAAA,EAAWA,SAAA;IACXO,KAAA,EAAON,MAAA;IACPZ,KAAA,EAAOA;;AAGb;AAEA,OAAO,MAAMmB,WAAA,GAAc7C,aAAA,CAAcK,eAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","useField","withCondition","useConfig","mergeFieldStyles","UploadInput","baseClass","UploadComponent","props","field","admin","allowCreate","className","description","isSortable","hasMany","label","localized","maxRows","relationTo","required","path","pathFromProps","readOnly","validate","config","displayPreview","memoizedValidate","useCallback","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","filterOptions","setValue","showError","potentiallyStalePath","styles","_jsx","api","routes","onChange","serverURL","style","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldClientProps } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport './index.scss'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { UploadInput } from './Input.js'\n\nexport { UploadInput } from './Input.js'\nexport type { UploadInputProps } from './Input.js'\n\nexport const baseClass = 'upload'\n\nexport function UploadComponent(props: UploadFieldClientProps) {\n  const {\n    field,\n    field: {\n      admin: { allowCreate, className, description, isSortable } = {},\n      hasMany,\n      label,\n      localized,\n      maxRows,\n      relationTo,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { config } = useConfig()\n\n  const displayPreview = field.displayPreview\n\n  const memoizedValidate = React.useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    filterOptions,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string | string[]>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <UploadInput\n      AfterInput={AfterInput}\n      allowCreate={allowCreate !== false}\n      api={config.routes.api}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      displayPreview={displayPreview}\n      Error={Error}\n      filterOptions={filterOptions}\n      hasMany={hasMany}\n      isSortable={isSortable}\n      label={label}\n      Label={Label}\n      localized={localized}\n      maxRows={maxRows}\n      onChange={setValue}\n      path={path}\n      readOnly={readOnly || disabled}\n      relationTo={relationTo}\n      required={required}\n      serverURL={config.serverURL}\n      showError={showError}\n      style={styles}\n      value={value}\n    />\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,OAAO;AACP,SAASC,gBAAgB,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAE5B,SAASA,WAAW,QAAQ;AAG5B,OAAO,MAAMC,SAAA,GAAY;AAEzB,OAAO,SAASC,gBAAgBC,KAA6B;EAC3D,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QAAEC,WAAW;QAAEC,SAAS;QAAEC,WAAW;QAAEC;MAAU,CAAE,GAAG,CAAC,CAAC;MAC/DC,OAAO;MACPC,KAAK;MACLC,SAAS;MACTC,OAAO;MACPC,UAAU;MACVC;IAAQ,CACT;IACDC,IAAA,EAAMC,aAAa;IACnBC,QAAQ;IACRC;EAAQ,CACT,GAAGhB,KAAA;EAEJ,MAAM;IAAEiB;EAAM,CAAE,GAAGtB,SAAA;EAEnB,MAAMuB,cAAA,GAAiBjB,KAAA,CAAMiB,cAAc;EAE3C,MAAMC,gBAAA,GAAmB5B,KAAA,CAAM6B,WAAW,CACxC,CAACC,KAAA,EAAOC,OAAA;IACN,IAAI,OAAON,QAAA,KAAa,YAAY;MAClC,OAAOA,QAAA,CAASK,KAAA,EAAO;QAAE,GAAGC,OAAO;QAAEV;MAAS;IAChD;EACF,GACA,CAACI,QAAA,EAAUJ,QAAA,CAAS;EAGtB,MAAM;IACJW,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAC7EC,QAAQ;IACRC,aAAa;IACbjB,IAAI;IACJkB,QAAQ;IACRC,SAAS;IACTX,KAAK,EAALA;EAAK,CACN,GAAG5B,QAAA,CAA4B;IAC9BwC,oBAAA,EAAsBnB,aAAA;IACtBE,QAAA,EAAUG;EACZ;EAEA,MAAMe,MAAA,GAAS1C,OAAA,CAAQ,MAAMI,gBAAA,CAAiBK,KAAA,GAAQ,CAACA,KAAA,CAAM;EAE7D,oBACEkC,IAAA,CAACtC,WAAA;IACC2B,UAAA,EAAYA,UAAA;IACZrB,WAAA,EAAaA,WAAA,KAAgB;IAC7BiC,GAAA,EAAKnB,MAAA,CAAOoB,MAAM,CAACD,GAAG;IACtBX,WAAA,EAAaA,WAAA;IACbrB,SAAA,EAAWA,SAAA;IACXsB,WAAA,EAAaA,WAAA;IACbrB,WAAA,EAAaA,WAAA;IACba,cAAA,EAAgBA,cAAA;IAChBS,KAAA,EAAOA,KAAA;IACPG,aAAA,EAAeA,aAAA;IACfvB,OAAA,EAASA,OAAA;IACTD,UAAA,EAAYA,UAAA;IACZE,KAAA,EAAOA,KAAA;IACPoB,KAAA,EAAOA,KAAA;IACPnB,SAAA,EAAWA,SAAA;IACXC,OAAA,EAASA,OAAA;IACT4B,QAAA,EAAUP,QAAA;IACVlB,IAAA,EAAMA,IAAA;IACNE,QAAA,EAAUA,QAAA,IAAYc,QAAA;IACtBlB,UAAA,EAAYA,UAAA;IACZC,QAAA,EAAUA,QAAA;IACV2B,SAAA,EAAWtB,MAAA,CAAOsB,SAAS;IAC3BP,SAAA,EAAWA,SAAA;IACXQ,KAAA,EAAON,MAAA;IACPb,KAAA,EAAOA;;AAGb;AAEA,OAAO,MAAMoB,WAAA,GAAc/C,aAAA,CAAcK,eAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"fieldReducer.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/fieldReducer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,SAAS,EAAO,MAAM,SAAS,CAAA;AAMxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAQ7C;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,GAAG,SAAS,CAsY7E"}
+{"version":3,"file":"fieldReducer.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/fieldReducer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,SAAS,EAAO,MAAM,SAAS,CAAA;AAMxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAQ7C;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,GAAG,SAAS,CAyY7E"}

package/dist/forms/Form/fieldReducer.js

@@ -23,10 +23,12 @@ export function fieldReducer(state, action) {
         const withNewRow = [...(state[path]?.rows || [])];
         const newRow = {
           id: subFieldState?.id?.value || new ObjectId().toHexString(),
-          blockType: blockType || undefined,
           collapsed: false,
           isLoading: true
         };
+        if (blockType) {
+          newRow.blockType = blockType;
+        }
         withNewRow.splice(rowIndex, 0, newRow);
         if (blockType) {
           subFieldState.blockType = {