@payloadcms/ui 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Select/Input.tsx"],"sourcesContent":["'use client'\nimport type { LabelFunction, OptionObject, StaticDescription, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/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 type SelectInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly Error?: React.ReactNode\n  readonly filterOption?: ReactSelectAdapterProps['filterOption']\n  readonly hasMany?: boolean\n  readonly id?: string\n  readonly isClearable?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly name: string\n  readonly onChange?: ReactSelectAdapterProps['onChange']\n  readonly onInputChange?: ReactSelectAdapterProps['onInputChange']\n  readonly options?: OptionObject[]\n  readonly path: string\n  readonly placeholder?: LabelFunction | string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string | string[]\n}\n\nexport const SelectInput: React.FC<SelectInputProps> = (props) => {\n  const {\n    id,\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    filterOption,\n    hasMany = false,\n    isClearable = true,\n    isSortable = true,\n    label,\n    Label,\n    localized,\n    onChange,\n    onInputChange,\n    options,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    showError,\n    style,\n    value,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  let valueToRender\n\n  if (hasMany && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  } else {\n    // If value is not present then render nothing, allowing select fields to reset to their initial 'Select an option' state\n    valueToRender = null\n  }\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'select',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\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        <ReactSelect\n          disabled={readOnly}\n          filterOption={filterOption}\n          id={id}\n          isClearable={isClearable}\n          isMulti={hasMany}\n          isSortable={isSortable}\n          onChange={onChange}\n          onInputChange={onInputChange}\n          options={options.map((option) => ({\n            ...option,\n            label: getTranslation(option.label, i18n),\n          }))}\n          placeholder={placeholder}\n          showError={showError}\n          value={valueToRender as OptionObject}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n"],"names":["getTranslation","React","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","SelectInput","props","id","AfterInput","BeforeInput","className","Description","description","Error","filterOption","hasMany","isClearable","isSortable","label","Label","localized","onChange","onInputChange","options","path","placeholder","readOnly","required","showError","style","value","i18n","valueToRender","Array","isArray","map","val","matchingOption","find","option","div","filter","Boolean","join","replace","CustomComponent","Fallback","disabled","isMulti"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,gBAAgB,QAAQ,yCAAwC;AACzE,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,OAAO,eAAc;AA8BrB,OAAO,MAAMC,cAA0C,CAACC;IACtD,MAAM,EACJC,EAAE,EACFC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,WAAW,EACXC,KAAK,EACLC,YAAY,EACZC,UAAU,KAAK,EACfC,cAAc,IAAI,EAClBC,aAAa,IAAI,EACjBC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,aAAa,EACbC,OAAO,EACPC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,KAAK,EACN,GAAGxB;IAEJ,MAAM,EAAEyB,IAAI,EAAE,GAAG5B;IAEjB,IAAI6B;IAEJ,IAAIjB,WAAWkB,MAAMC,OAAO,CAACJ,QAAQ;QACnCE,gBAAgBF,MAAMK,GAAG,CAAC,CAACC;YACzB,MAAMC,iBAAiBd,QAAQe,IAAI,CAAC,CAACC,SAAWA,OAAOT,KAAK,KAAKM;YACjE,OAAO;gBACLlB,OAAOmB,iBAAiBzC,eAAeyC,eAAenB,KAAK,EAAEa,QAAQK;gBACrEN,OAAOO,gBAAgBP,SAASM;YAClC;QACF;IACF,OAAO,IAAIN,OAAO;QAChB,MAAMO,iBAAiBd,QAAQe,IAAI,CAAC,CAACC,SAAWA,OAAOT,KAAK,KAAKA;QACjEE,gBAAgB;YACdd,OAAOmB,iBAAiBzC,eAAeyC,eAAenB,KAAK,EAAEa,QAAQD;YACrEA,OAAOO,gBAAgBP,SAASA;QAClC;IACF,OAAO;QACL,yHAAyH;QACzHE,gBAAgB;IAClB;IAEA,qBACE,MAACQ;QACC9B,WAAW;YACTN;YACA;YACAM;YACAkB,aAAa;YACbF,YAAY;SACb,CACEe,MAAM,CAACC,SACPC,IAAI,CAAC;QACRpC,IAAI,CAAC,MAAM,EAAEiB,KAAKoB,OAAO,CAAC,OAAO,OAAO;QACxCf,OAAOA;;0BAEP,KAAC9B;gBACC8C,iBAAiB1B;gBACjB2B,wBACE,KAAC5C;oBAAWgB,OAAOA;oBAAOE,WAAWA;oBAAWI,MAAMA;oBAAMG,UAAUA;;;0BAG1E,MAACa;gBAAI9B,WAAW,GAAGN,eAAe,MAAM,CAAC;;kCACvC,KAACL;wBACC8C,iBAAiBhC;wBACjBiC,wBAAU,KAAC7C;4BAAWuB,MAAMA;4BAAMI,WAAWA;;;oBAE9CnB;kCACD,KAACX;wBACCiD,UAAUrB;wBACVZ,cAAcA;wBACdP,IAAIA;wBACJS,aAAaA;wBACbgC,SAASjC;wBACTE,YAAYA;wBACZI,UAAUA;wBACVC,eAAeA;wBACfC,SAASA,QAAQY,GAAG,CAAC,CAACI,SAAY,CAAA;gCAChC,GAAGA,MAAM;gCACTrB,OAAOtB,eAAe2C,OAAOrB,KAAK,EAAEa;4BACtC,CAAA;wBACAN,aAAaA;wBACbG,WAAWA;wBACXE,OAAOE;;oBAERxB;;;0BAEH,KAACT;gBACC8C,iBAAiBlC;gBACjBmC,wBAAU,KAAC9C;oBAAiBY,aAAaA;oBAAaY,MAAMA;;;;;AAIpE,EAAC"}
+{"version":3,"sources":["../../../src/fields/Select/Input.tsx"],"sourcesContent":["'use client'\nimport type { LabelFunction, OptionObject, StaticDescription, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/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 type SelectInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly Error?: React.ReactNode\n  readonly filterOption?: ReactSelectAdapterProps['filterOption']\n  readonly hasMany?: boolean\n  readonly id?: string\n  readonly isClearable?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly name: string\n  readonly onChange?: ReactSelectAdapterProps['onChange']\n  readonly onInputChange?: ReactSelectAdapterProps['onInputChange']\n  readonly options?: OptionObject[]\n  readonly path: string\n  readonly placeholder?: LabelFunction | string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string | string[]\n}\n\nexport const SelectInput: React.FC<SelectInputProps> = (props) => {\n  const {\n    id,\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    filterOption,\n    hasMany = false,\n    isClearable = true,\n    isSortable = true,\n    label,\n    Label,\n    localized,\n    onChange,\n    onInputChange,\n    options,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    showError,\n    style,\n    value,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  let valueToRender\n\n  if (hasMany && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  } else {\n    // If value is not present then render nothing, allowing select fields to reset to their initial 'Select an option' state\n    valueToRender = null\n  }\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'select',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\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        <ReactSelect\n          disabled={readOnly}\n          filterOption={filterOption}\n          id={id}\n          isClearable={isClearable}\n          isMulti={hasMany}\n          isSortable={isSortable}\n          onChange={onChange}\n          onInputChange={onInputChange}\n          options={options.map((option) => ({\n            ...option,\n            label: getTranslation(option.label, i18n),\n          }))}\n          placeholder={placeholder}\n          showError={showError}\n          value={valueToRender as OptionObject}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n"],"names":["getTranslation","React","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","SelectInput","props","id","AfterInput","BeforeInput","className","Description","description","Error","filterOption","hasMany","isClearable","isSortable","label","Label","localized","onChange","onInputChange","options","path","placeholder","readOnly","required","showError","style","value","i18n","valueToRender","Array","isArray","map","val","matchingOption","find","option","div","filter","Boolean","join","replace","CustomComponent","Fallback","disabled","isMulti"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,gBAAgB,QAAQ,yCAAwC;AACzE,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,OAAO,eAAc;AA8BrB,OAAO,MAAMC,cAA0C,CAACC;IACtD,MAAM,EACJC,EAAE,EACFC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,WAAW,EACXC,KAAK,EACLC,YAAY,EACZC,UAAU,KAAK,EACfC,cAAc,IAAI,EAClBC,aAAa,IAAI,EACjBC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,aAAa,EACbC,OAAO,EACPC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,KAAK,EACN,GAAGxB;IAEJ,MAAM,EAAEyB,IAAI,EAAE,GAAG5B;IAEjB,IAAI6B;IAEJ,IAAIjB,WAAWkB,MAAMC,OAAO,CAACJ,QAAQ;QACnCE,gBAAgBF,MAAMK,GAAG,CAAC,CAACC;YACzB,MAAMC,iBAAiBd,QAAQe,IAAI,CAAC,CAACC,SAAWA,OAAOT,KAAK,KAAKM;YACjE,OAAO;gBACLlB,OAAOmB,iBAAiBzC,eAAeyC,eAAenB,KAAK,EAAEa,QAAQK;gBACrEN,OAAOO,gBAAgBP,SAASM;YAClC;QACF;IACF,OAAO,IAAIN,OAAO;QAChB,MAAMO,iBAAiBd,QAAQe,IAAI,CAAC,CAACC,SAAWA,OAAOT,KAAK,KAAKA;QACjEE,gBAAgB;YACdd,OAAOmB,iBAAiBzC,eAAeyC,eAAenB,KAAK,EAAEa,QAAQD;YACrEA,OAAOO,gBAAgBP,SAASA;QAClC;IACF,OAAO;QACL,yHAAyH;QACzHE,gBAAgB;IAClB;IAEA,qBACE,QAACQ;QACC9B,WAAW;YACTN;YACA;YACAM;YACAkB,aAAa;YACbF,YAAY;SACb,CACEe,MAAM,CAACC,SACPC,IAAI,CAAC;QACRpC,IAAI,CAAC,MAAM,EAAEiB,KAAKoB,OAAO,CAAC,OAAO,OAAO;QACxCf,OAAOA;;0BAEP,QAAC9B;gBACC8C,iBAAiB1B;gBACjB2B,wBACE,QAAC5C;oBAAWgB,OAAOA;oBAAOE,WAAWA;oBAAWI,MAAMA;oBAAMG,UAAUA;;;;;;;;;;;0BAG1E,QAACa;gBAAI9B,WAAW,GAAGN,eAAe,MAAM,CAAC;;kCACvC,QAACL;wBACC8C,iBAAiBhC;wBACjBiC,wBAAU,QAAC7C;4BAAWuB,MAAMA;4BAAMI,WAAWA;;;;;;;;;;;oBAE9CnB;kCACD,QAACX;wBACCiD,UAAUrB;wBACVZ,cAAcA;wBACdP,IAAIA;wBACJS,aAAaA;wBACbgC,SAASjC;wBACTE,YAAYA;wBACZI,UAAUA;wBACVC,eAAeA;wBACfC,SAASA,QAAQY,GAAG,CAAC,CAACI,SAAY,CAAA;gCAChC,GAAGA,MAAM;gCACTrB,OAAOtB,eAAe2C,OAAOrB,KAAK,EAAEa;4BACtC,CAAA;wBACAN,aAAaA;wBACbG,WAAWA;wBACXE,OAAOE;;;;;;oBAERxB;;;;;;;0BAEH,QAACT;gBACC8C,iBAAiBlC;gBACjBmC,wBAAU,QAAC9C;oBAAiBY,aAAaA;oBAAaY,MAAMA;;;;;;;;;;;;;;;;;AAIpE,EAAC"}

package/dist/fields/Select/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useCallback, useMemo } from 'react';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
@@ -65,7 +65,7 @@ const SelectFieldComponent = (props)=>{
     const styles = useMemo(()=>mergeFieldStyles(field), [
         field
     ]);
-    return /*#__PURE__*/ _jsx(SelectInput, {
+    return /*#__PURE__*/ _jsxDEV(SelectInput, {
         AfterInput: AfterInput,
         BeforeInput: BeforeInput,
         className: className,
@@ -89,7 +89,11 @@ const SelectFieldComponent = (props)=>{
         showError: showError,
         style: styles,
         value: value
-    });
+    }, void 0, false, {
+        fileName: "src/fields/Select/index.tsx",
+        lineNumber: 106,
+        columnNumber: 5
+    }, this);
 };
 export const SelectField = withCondition(SelectFieldComponent);
 export { SelectInput };

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

@@ -1 +1 @@
-{"version":3,"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\nexport const 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        placeholder,\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    selectFilterOptions,\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      filterOption={\n        selectFilterOptions\n          ? ({ label, value }, search) =>\n              selectFilterOptions?.some(\n                (option) => (typeof option === 'string' ? option : option.value) === value,\n              ) && label.toLowerCase().includes(search.toLowerCase())\n          : undefined\n      }\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      placeholder={placeholder}\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"],"names":["React","useCallback","useMemo","useField","withCondition","mergeFieldStyles","SelectInput","formatOptions","options","map","option","value","label","SelectFieldComponent","props","field","name","admin","className","description","isClearable","isSortable","placeholder","hasMany","localized","optionsFromProps","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","selectFilterOptions","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","styles","filterOption","search","some","toLowerCase","includes","undefined","style","SelectField"],"mappings":"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"}
+{"version":3,"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\nexport const 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        placeholder,\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    selectFilterOptions,\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      filterOption={\n        selectFilterOptions\n          ? ({ label, value }, search) =>\n              selectFilterOptions?.some(\n                (option) => (typeof option === 'string' ? option : option.value) === value,\n              ) && label.toLowerCase().includes(search.toLowerCase())\n          : undefined\n      }\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      placeholder={placeholder}\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"],"names":["React","useCallback","useMemo","useField","withCondition","mergeFieldStyles","SelectInput","formatOptions","options","map","option","value","label","SelectFieldComponent","props","field","name","admin","className","description","isClearable","isSortable","placeholder","hasMany","localized","optionsFromProps","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","selectFilterOptions","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","styles","filterOption","search","some","toLowerCase","includes","undefined","style","SelectField"],"mappings":"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"}

package/dist/fields/Slug/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useCallback, useState } from 'react';
 import { Button } from '../../elements/Button/index.js';
 import { useForm } from '../../forms/Form/index.js';
@@ -59,38 +59,62 @@ import './index.scss';
         e.preventDefault();
         setIsLocked((prev)=>!prev);
     }, []);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: "field-type slug-field-component",
         children: [
-            /*#__PURE__*/ _jsxs("div", {
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: "label-wrapper",
                 children: [
-                    /*#__PURE__*/ _jsx(FieldLabel, {
+                    /*#__PURE__*/ _jsxDEV(FieldLabel, {
                         htmlFor: `field-${path}`,
                         label: label
-                    }),
-                    !isLocked && /*#__PURE__*/ _jsx(Button, {
+                    }, void 0, false, {
+                        fileName: "src/fields/Slug/index.tsx",
+                        lineNumber: 81,
+                        columnNumber: 9
+                    }, this),
+                    !isLocked && /*#__PURE__*/ _jsxDEV(Button, {
                         buttonStyle: "none",
                         className: "lock-button",
                         onClick: handleGenerate,
                         children: t('authentication:generate')
-                    }),
-                    /*#__PURE__*/ _jsx(Button, {
+                    }, void 0, false, {
+                        fileName: "src/fields/Slug/index.tsx",
+                        lineNumber: 83,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(Button, {
                         buttonStyle: "none",
                         className: "lock-button",
                         onClick: toggleLock,
                         children: isLocked ? t('general:unlock') : t('general:lock')
-                    })
+                    }, void 0, false, {
+                        fileName: "src/fields/Slug/index.tsx",
+                        lineNumber: 87,
+                        columnNumber: 9
+                    }, this)
                 ]
-            }),
-            /*#__PURE__*/ _jsx(TextInput, {
+            }, void 0, true, {
+                fileName: "src/fields/Slug/index.tsx",
+                lineNumber: 80,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(TextInput, {
                 onChange: setValue,
                 path: path || field.name,
                 readOnly: Boolean(readOnlyFromProps || isLocked),
                 value: value
-            })
+            }, void 0, false, {
+                fileName: "src/fields/Slug/index.tsx",
+                lineNumber: 91,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/fields/Slug/index.tsx",
+        lineNumber: 79,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Slug/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SlugFieldClientProps } from 'payload'\n\nimport React, { useCallback, useState } from 'react'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useForm } from '../../forms/Form/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { TextInput } from '../Text/index.js'\nimport './index.scss'\n\n/**\n * @experimental This component is experimental and may change or be removed in the future. Use at your own risk.\n */\nexport const SlugField: React.FC<SlugFieldClientProps> = ({\n  field,\n  path,\n  readOnly: readOnlyFromProps,\n  useAsSlug,\n}) => {\n  const { label } = field\n\n  const { t } = useTranslation()\n\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n\n  const { slugify } = useServerFunctions()\n\n  const { setValue, value } = useField<string>({ path: path || field.name })\n\n  const { getData, getDataByPath } = useForm()\n\n  const [isLocked, setIsLocked] = useState(true)\n\n  /**\n   * This method allows the user to generate their slug on demand, e.g. when they click the \"generate\" button.\n   * It uses the `slugify` server function to gain access to their custom slugify function defined in their field config.\n   */\n  const handleGenerate = useCallback(\n    async (e: React.MouseEvent<Element>) => {\n      e.preventDefault()\n\n      const valueToSlugify = getDataByPath(useAsSlug)\n\n      const formattedSlug = await slugify({\n        collectionSlug,\n        data: getData(),\n        globalSlug,\n        path,\n        valueToSlugify,\n      })\n\n      if (formattedSlug === null || formattedSlug === undefined) {\n        setValue('')\n        return\n      }\n\n      /**\n       * The result may be the same as the current value, and if so, we don't want to trigger a re-render.\n       */\n      if (value !== formattedSlug) {\n        setValue(formattedSlug)\n      }\n    },\n    [setValue, value, useAsSlug, getData, slugify, getDataByPath, collectionSlug, globalSlug, path],\n  )\n\n  const toggleLock = useCallback((e: React.MouseEvent<Element>) => {\n    e.preventDefault()\n    setIsLocked((prev) => !prev)\n  }, [])\n\n  return (\n    <div className=\"field-type slug-field-component\">\n      <div className=\"label-wrapper\">\n        <FieldLabel htmlFor={`field-${path}`} label={label} />\n        {!isLocked && (\n          <Button buttonStyle=\"none\" className=\"lock-button\" onClick={handleGenerate}>\n            {t('authentication:generate')}\n          </Button>\n        )}\n        <Button buttonStyle=\"none\" className=\"lock-button\" onClick={toggleLock}>\n          {isLocked ? t('general:unlock') : t('general:lock')}\n        </Button>\n      </div>\n      <TextInput\n        onChange={setValue}\n        path={path || field.name}\n        readOnly={Boolean(readOnlyFromProps || isLocked)}\n        value={value}\n      />\n    </div>\n  )\n}\n"],"names":["React","useCallback","useState","Button","useForm","useField","useDocumentInfo","useServerFunctions","useTranslation","FieldLabel","TextInput","SlugField","field","path","readOnly","readOnlyFromProps","useAsSlug","label","t","collectionSlug","globalSlug","slugify","setValue","value","name","getData","getDataByPath","isLocked","setIsLocked","handleGenerate","e","preventDefault","valueToSlugify","formattedSlug","data","undefined","toggleLock","prev","div","className","htmlFor","buttonStyle","onClick","onChange","Boolean"],"mappings":"AAAA;;AAIA,OAAOA,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AAEpD,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,OAAO,QAAQ,4BAA2B;AACnD,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,UAAU,QAAQ,yBAAwB;AACnD,SAASC,SAAS,QAAQ,mBAAkB;AAC5C,OAAO,eAAc;AAErB;;CAEC,GACD,OAAO,MAAMC,YAA4C,CAAC,EACxDC,KAAK,EACLC,IAAI,EACJC,UAAUC,iBAAiB,EAC3BC,SAAS,EACV;IACC,MAAM,EAAEC,KAAK,EAAE,GAAGL;IAElB,MAAM,EAAEM,CAAC,EAAE,GAAGV;IAEd,MAAM,EAAEW,cAAc,EAAEC,UAAU,EAAE,GAAGd;IAEvC,MAAM,EAAEe,OAAO,EAAE,GAAGd;IAEpB,MAAM,EAAEe,QAAQ,EAAEC,KAAK,EAAE,GAAGlB,SAAiB;QAAEQ,MAAMA,QAAQD,MAAMY,IAAI;IAAC;IAExE,MAAM,EAAEC,OAAO,EAAEC,aAAa,EAAE,GAAGtB;IAEnC,MAAM,CAACuB,UAAUC,YAAY,GAAG1B,SAAS;IAEzC;;;GAGC,GACD,MAAM2B,iBAAiB5B,YACrB,OAAO6B;QACLA,EAAEC,cAAc;QAEhB,MAAMC,iBAAiBN,cAAcV;QAErC,MAAMiB,gBAAgB,MAAMZ,QAAQ;YAClCF;YACAe,MAAMT;YACNL;YACAP;YACAmB;QACF;QAEA,IAAIC,kBAAkB,QAAQA,kBAAkBE,WAAW;YACzDb,SAAS;YACT;QACF;QAEA;;OAEC,GACD,IAAIC,UAAUU,eAAe;YAC3BX,SAASW;QACX;IACF,GACA;QAACX;QAAUC;QAAOP;QAAWS;QAASJ;QAASK;QAAeP;QAAgBC;QAAYP;KAAK;IAGjG,MAAMuB,aAAanC,YAAY,CAAC6B;QAC9BA,EAAEC,cAAc;QAChBH,YAAY,CAACS,OAAS,CAACA;IACzB,GAAG,EAAE;IAEL,qBACE,MAACC;QAAIC,WAAU;;0BACb,MAACD;gBAAIC,WAAU;;kCACb,KAAC9B;wBAAW+B,SAAS,CAAC,MAAM,EAAE3B,MAAM;wBAAEI,OAAOA;;oBAC5C,CAACU,0BACA,KAACxB;wBAAOsC,aAAY;wBAAOF,WAAU;wBAAcG,SAASb;kCACzDX,EAAE;;kCAGP,KAACf;wBAAOsC,aAAY;wBAAOF,WAAU;wBAAcG,SAASN;kCACzDT,WAAWT,EAAE,oBAAoBA,EAAE;;;;0BAGxC,KAACR;gBACCiC,UAAUrB;gBACVT,MAAMA,QAAQD,MAAMY,IAAI;gBACxBV,UAAU8B,QAAQ7B,qBAAqBY;gBACvCJ,OAAOA;;;;AAIf,EAAC"}
+{"version":3,"sources":["../../../src/fields/Slug/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SlugFieldClientProps } from 'payload'\n\nimport React, { useCallback, useState } from 'react'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useForm } from '../../forms/Form/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { TextInput } from '../Text/index.js'\nimport './index.scss'\n\n/**\n * @experimental This component is experimental and may change or be removed in the future. Use at your own risk.\n */\nexport const SlugField: React.FC<SlugFieldClientProps> = ({\n  field,\n  path,\n  readOnly: readOnlyFromProps,\n  useAsSlug,\n}) => {\n  const { label } = field\n\n  const { t } = useTranslation()\n\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n\n  const { slugify } = useServerFunctions()\n\n  const { setValue, value } = useField<string>({ path: path || field.name })\n\n  const { getData, getDataByPath } = useForm()\n\n  const [isLocked, setIsLocked] = useState(true)\n\n  /**\n   * This method allows the user to generate their slug on demand, e.g. when they click the \"generate\" button.\n   * It uses the `slugify` server function to gain access to their custom slugify function defined in their field config.\n   */\n  const handleGenerate = useCallback(\n    async (e: React.MouseEvent<Element>) => {\n      e.preventDefault()\n\n      const valueToSlugify = getDataByPath(useAsSlug)\n\n      const formattedSlug = await slugify({\n        collectionSlug,\n        data: getData(),\n        globalSlug,\n        path,\n        valueToSlugify,\n      })\n\n      if (formattedSlug === null || formattedSlug === undefined) {\n        setValue('')\n        return\n      }\n\n      /**\n       * The result may be the same as the current value, and if so, we don't want to trigger a re-render.\n       */\n      if (value !== formattedSlug) {\n        setValue(formattedSlug)\n      }\n    },\n    [setValue, value, useAsSlug, getData, slugify, getDataByPath, collectionSlug, globalSlug, path],\n  )\n\n  const toggleLock = useCallback((e: React.MouseEvent<Element>) => {\n    e.preventDefault()\n    setIsLocked((prev) => !prev)\n  }, [])\n\n  return (\n    <div className=\"field-type slug-field-component\">\n      <div className=\"label-wrapper\">\n        <FieldLabel htmlFor={`field-${path}`} label={label} />\n        {!isLocked && (\n          <Button buttonStyle=\"none\" className=\"lock-button\" onClick={handleGenerate}>\n            {t('authentication:generate')}\n          </Button>\n        )}\n        <Button buttonStyle=\"none\" className=\"lock-button\" onClick={toggleLock}>\n          {isLocked ? t('general:unlock') : t('general:lock')}\n        </Button>\n      </div>\n      <TextInput\n        onChange={setValue}\n        path={path || field.name}\n        readOnly={Boolean(readOnlyFromProps || isLocked)}\n        value={value}\n      />\n    </div>\n  )\n}\n"],"names":["React","useCallback","useState","Button","useForm","useField","useDocumentInfo","useServerFunctions","useTranslation","FieldLabel","TextInput","SlugField","field","path","readOnly","readOnlyFromProps","useAsSlug","label","t","collectionSlug","globalSlug","slugify","setValue","value","name","getData","getDataByPath","isLocked","setIsLocked","handleGenerate","e","preventDefault","valueToSlugify","formattedSlug","data","undefined","toggleLock","prev","div","className","htmlFor","buttonStyle","onClick","onChange","Boolean"],"mappings":"AAAA;;AAIA,OAAOA,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AAEpD,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,OAAO,QAAQ,4BAA2B;AACnD,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,UAAU,QAAQ,yBAAwB;AACnD,SAASC,SAAS,QAAQ,mBAAkB;AAC5C,OAAO,eAAc;AAErB;;CAEC,GACD,OAAO,MAAMC,YAA4C,CAAC,EACxDC,KAAK,EACLC,IAAI,EACJC,UAAUC,iBAAiB,EAC3BC,SAAS,EACV;IACC,MAAM,EAAEC,KAAK,EAAE,GAAGL;IAElB,MAAM,EAAEM,CAAC,EAAE,GAAGV;IAEd,MAAM,EAAEW,cAAc,EAAEC,UAAU,EAAE,GAAGd;IAEvC,MAAM,EAAEe,OAAO,EAAE,GAAGd;IAEpB,MAAM,EAAEe,QAAQ,EAAEC,KAAK,EAAE,GAAGlB,SAAiB;QAAEQ,MAAMA,QAAQD,MAAMY,IAAI;IAAC;IAExE,MAAM,EAAEC,OAAO,EAAEC,aAAa,EAAE,GAAGtB;IAEnC,MAAM,CAACuB,UAAUC,YAAY,GAAG1B,SAAS;IAEzC;;;GAGC,GACD,MAAM2B,iBAAiB5B,YACrB,OAAO6B;QACLA,EAAEC,cAAc;QAEhB,MAAMC,iBAAiBN,cAAcV;QAErC,MAAMiB,gBAAgB,MAAMZ,QAAQ;YAClCF;YACAe,MAAMT;YACNL;YACAP;YACAmB;QACF;QAEA,IAAIC,kBAAkB,QAAQA,kBAAkBE,WAAW;YACzDb,SAAS;YACT;QACF;QAEA;;OAEC,GACD,IAAIC,UAAUU,eAAe;YAC3BX,SAASW;QACX;IACF,GACA;QAACX;QAAUC;QAAOP;QAAWS;QAASJ;QAASK;QAAeP;QAAgBC;QAAYP;KAAK;IAGjG,MAAMuB,aAAanC,YAAY,CAAC6B;QAC9BA,EAAEC,cAAc;QAChBH,YAAY,CAACS,OAAS,CAACA;IACzB,GAAG,EAAE;IAEL,qBACE,QAACC;QAAIC,WAAU;;0BACb,QAACD;gBAAIC,WAAU;;kCACb,QAAC9B;wBAAW+B,SAAS,CAAC,MAAM,EAAE3B,MAAM;wBAAEI,OAAOA;;;;;;oBAC5C,CAACU,0BACA,QAACxB;wBAAOsC,aAAY;wBAAOF,WAAU;wBAAcG,SAASb;kCACzDX,EAAE;;;;;;kCAGP,QAACf;wBAAOsC,aAAY;wBAAOF,WAAU;wBAAcG,SAASN;kCACzDT,WAAWT,EAAE,oBAAoBA,EAAE;;;;;;;;;;;;0BAGxC,QAACR;gBACCiC,UAAUrB;gBACVT,MAAMA,QAAQD,MAAMY,IAAI;gBACxBV,UAAU8B,QAAQ7B,qBAAqBY;gBACvCJ,OAAOA;;;;;;;;;;;;AAIf,EAAC"}

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

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

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

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

package/dist/fields/Tabs/index.js

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

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

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

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

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