@payloadcms/ui 3.0.0-beta.85 → 3.0.0-beta.86

package/dist/fields/Select/index.js

@@ -1,92 +1,112 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback } from 'react';
 import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
 import { SelectInput } from './Input.js';
-const formatOptions = (options)=>options.map((option)=>{
-        if (typeof option === 'object' && (option.value || option.value === '')) {
-            return option;
-        }
-        return {
-            label: option,
-            value: option
-        };
-    });
-const SelectFieldComponent = (props)=>{
-    const { field, field: { name, _path: pathFromProps, admin: { className, description, isClearable = true, isSortable = true, readOnly: readOnlyFromAdmin, style, width } = {}, hasMany = false, label, options: optionsFromProps = [], required }, onChange: onChangeFromProps, readOnly: readOnlyFromTopLevelProps, validate } = props;
-    const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
-    const options = React.useMemo(()=>formatOptions(optionsFromProps), [
-        optionsFromProps
-    ]);
-    const memoizedValidate = useCallback((value, validationOptions)=>{
-        if (typeof validate === 'function') return validate(value, {
-            ...validationOptions,
-            hasMany,
-            options,
-            required
-        });
-    }, [
-        validate,
-        required,
-        hasMany,
-        options
-    ]);
-    const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps();
-    const { formInitializing, formProcessing, path, setValue, showError, value } = useField({
-        path: pathFromContext ?? pathFromProps ?? name,
-        validate: memoizedValidate
+const formatOptions = options => options.map(option => {
+  if (typeof option === 'object' && (option.value || option.value === '')) {
+    return option;
+  }
+  return {
+    label: option,
+    value: option
+  };
+});
+const SelectFieldComponent = props => {
+  const {
+    field,
+    field: {
+      name,
+      _path: pathFromProps,
+      admin: {
+        className,
+        description,
+        isClearable = true,
+        isSortable = true,
+        readOnly: readOnlyFromAdmin,
+        style,
+        width
+      } = {},
+      hasMany = false,
+      label,
+      options: optionsFromProps = [],
+      required
+    },
+    onChange: onChangeFromProps,
+    readOnly: readOnlyFromTopLevelProps,
+    validate
+  } = props;
+  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
+  const options = React.useMemo(() => formatOptions(optionsFromProps), [optionsFromProps]);
+  const memoizedValidate = useCallback((value, validationOptions) => {
+    if (typeof validate === 'function') return validate(value, {
+      ...validationOptions,
+      hasMany,
+      options,
+      required
     });
-    const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
-    const onChange = useCallback((selectedOption)=>{
-        if (!disabled) {
-            let newValue = null;
-            if (selectedOption && hasMany) {
-                if (Array.isArray(selectedOption)) {
-                    newValue = selectedOption.map((option)=>option.value);
-                } else {
-                    newValue = [];
-                }
-            } else if (selectedOption && !Array.isArray(selectedOption)) {
-                newValue = selectedOption.value;
-            }
-            if (typeof onChangeFromProps === 'function') {
-                onChangeFromProps(newValue);
-            }
-            setValue(newValue);
+  }, [validate, required, hasMany, options]);
+  const {
+    path: pathFromContext,
+    readOnly: readOnlyFromContext
+  } = useFieldProps();
+  const {
+    formInitializing,
+    formProcessing,
+    path,
+    setValue,
+    showError,
+    value: value_0
+  } = useField({
+    path: pathFromContext ?? pathFromProps ?? name,
+    validate: memoizedValidate
+  });
+  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
+  const onChange = useCallback(selectedOption => {
+    if (!disabled) {
+      let newValue = null;
+      if (selectedOption && hasMany) {
+        if (Array.isArray(selectedOption)) {
+          newValue = selectedOption.map(option => option.value);
+        } else {
+          newValue = [];
         }
-    }, [
-        disabled,
-        hasMany,
-        setValue,
-        onChangeFromProps
-    ]);
-    return /*#__PURE__*/ _jsx(SelectInput, {
-        Description: field?.admin?.components?.Description,
-        Error: field?.admin?.components?.Error,
-        Label: field?.admin?.components?.Label,
-        afterInput: field?.admin?.components?.afterInput,
-        beforeInput: field?.admin?.components?.beforeInput,
-        className: className,
-        description: description,
-        hasMany: hasMany,
-        isClearable: isClearable,
-        isSortable: isSortable,
-        label: label,
-        name: name,
-        onChange: onChange,
-        options: options,
-        path: path,
-        readOnly: disabled,
-        required: required,
-        showError: showError,
-        style: style,
-        value: value,
-        width: width
-    });
+      } else if (selectedOption && !Array.isArray(selectedOption)) {
+        newValue = selectedOption.value;
+      }
+      if (typeof onChangeFromProps === 'function') {
+        onChangeFromProps(newValue);
+      }
+      setValue(newValue);
+    }
+  }, [disabled, hasMany, setValue, onChangeFromProps]);
+  return /*#__PURE__*/_jsx(SelectInput, {
+    Description: field?.admin?.components?.Description,
+    Error: field?.admin?.components?.Error,
+    Label: field?.admin?.components?.Label,
+    afterInput: field?.admin?.components?.afterInput,
+    beforeInput: field?.admin?.components?.beforeInput,
+    className: className,
+    description: description,
+    hasMany: hasMany,
+    isClearable: isClearable,
+    isSortable: isSortable,
+    label: label,
+    name: name,
+    onChange: onChange,
+    options: options,
+    path: path,
+    readOnly: disabled,
+    required: required,
+    showError: showError,
+    style: style,
+    value: value_0,
+    width: width
+  });
 };
 export const SelectField = withCondition(SelectFieldComponent);
 export { SelectInput };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { Option, OptionObject, SelectFieldProps } from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { SelectInputProps } from './Input.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.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: React.FC<SelectFieldProps> = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        description,\n        isClearable = true,\n        isSortable = true,\n        readOnly: readOnlyFromAdmin,\n        style,\n        width,\n      } = {} as SelectFieldProps['field']['admin'],\n      hasMany = false,\n      label,\n      options: optionsFromProps = [],\n      required,\n    },\n    onChange: onChangeFromProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\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    [validate, required, hasMany, options],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, formProcessing, path, setValue, showError, value } = useField({\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const onChange: ReactSelectAdapterProps['onChange'] = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!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    [disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  return (\n    <SelectInput\n      Description={field?.admin?.components?.Description}\n      Error={field?.admin?.components?.Error}\n      Label={field?.admin?.components?.Label}\n      afterInput={field?.admin?.components?.afterInput}\n      beforeInput={field?.admin?.components?.beforeInput}\n      className={className}\n      description={description}\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      label={label}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      readOnly={disabled}\n      required={required}\n      showError={showError}\n      style={style}\n      value={value as string | string[]}\n      width={width}\n    />\n  )\n}\n\nexport const SelectField = withCondition(SelectFieldComponent)\n\nexport { SelectInput, type SelectInputProps }\n"],"names":["React","useCallback","useFieldProps","useField","withCondition","SelectInput","formatOptions","options","map","option","value","label","SelectFieldComponent","props","field","name","_path","pathFromProps","admin","className","description","isClearable","isSortable","readOnly","readOnlyFromAdmin","style","width","hasMany","optionsFromProps","required","onChange","onChangeFromProps","readOnlyFromTopLevelProps","validate","readOnlyFromProps","useMemo","memoizedValidate","validationOptions","path","pathFromContext","readOnlyFromContext","formInitializing","formProcessing","setValue","showError","disabled","selectedOption","newValue","Array","isArray","Description","components","Error","Label","afterInput","beforeInput","SelectField"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useFieldProps","useField","withCondition","SelectInput","formatOptions","options","map","option","value","label","SelectFieldComponent","props","field","name","_path","pathFromProps","admin","className","description","isClearable","isSortable","readOnly","readOnlyFromAdmin","style","width","hasMany","optionsFromProps","required","onChange","onChangeFromProps","readOnlyFromTopLevelProps","validate","readOnlyFromProps","useMemo","memoizedValidate","validationOptions","path","pathFromContext","readOnlyFromContext","formInitializing","formProcessing","setValue","showError","disabled","selectedOption","newValue","Array","isArray","_jsx","Description","components","Error","Label","afterInput","beforeInput","SelectField"],"sources":["../../../src/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { Option, OptionObject, SelectFieldProps } from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { SelectInputProps } from './Input.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.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: React.FC<SelectFieldProps> = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        description,\n        isClearable = true,\n        isSortable = true,\n        readOnly: readOnlyFromAdmin,\n        style,\n        width,\n      } = {} as SelectFieldProps['field']['admin'],\n      hasMany = false,\n      label,\n      options: optionsFromProps = [],\n      required,\n    },\n    onChange: onChangeFromProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\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    [validate, required, hasMany, options],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, formProcessing, path, setValue, showError, value } = useField({\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const onChange: ReactSelectAdapterProps['onChange'] = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!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    [disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  return (\n    <SelectInput\n      Description={field?.admin?.components?.Description}\n      Error={field?.admin?.components?.Error}\n      Label={field?.admin?.components?.Label}\n      afterInput={field?.admin?.components?.afterInput}\n      beforeInput={field?.admin?.components?.beforeInput}\n      className={className}\n      description={description}\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      label={label}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      readOnly={disabled}\n      required={required}\n      showError={showError}\n      style={style}\n      value={value as string | string[]}\n      width={width}\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/Tab/index.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { tabHasName } from 'payload/shared';
@@ -8,36 +10,69 @@ import { WatchChildErrors } from '../../../forms/WatchChildErrors/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'tabs-field__tab-button';
-export const TabComponent = ({ isActive, parentPath, setIsActive, tab })=>{
-    const { i18n } = useTranslation();
-    const [errorCount, setErrorCount] = useState(undefined);
-    const path = `${parentPath ? `${parentPath}.` : ''}${tabHasName(tab) ? tab.name : ''}`;
-    const fieldHasErrors = errorCount > 0;
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx(WatchChildErrors, {
-                fields: tab.fields,
-                path: path,
-                setErrorCount: setErrorCount
-            }),
-            /*#__PURE__*/ _jsxs("button", {
-                className: [
-                    baseClass,
-                    fieldHasErrors && `${baseClass}--has-error`,
-                    isActive && `${baseClass}--active`
-                ].filter(Boolean).join(' '),
-                onClick: setIsActive,
-                type: "button",
-                children: [
-                    tab.label ? getTranslation(tab.label, i18n) : tabHasName(tab) ? tab.name : '',
-                    fieldHasErrors && /*#__PURE__*/ _jsx(ErrorPill, {
-                        count: errorCount,
-                        i18n: i18n
-                    })
-                ]
-            })
-        ]
+export const TabComponent = t0 => {
+  const $ = _c(14);
+  const {
+    isActive,
+    parentPath,
+    setIsActive,
+    tab
+  } = t0;
+  const {
+    i18n
+  } = useTranslation();
+  const [errorCount, setErrorCount] = useState(undefined);
+  const path = `${parentPath ? `${parentPath}.` : ""}${tabHasName(tab) ? tab.name : ""}`;
+  const fieldHasErrors = errorCount > 0;
+  let t1;
+  if ($[0] !== tab || $[1] !== path || $[2] !== fieldHasErrors || $[3] !== isActive || $[4] !== i18n || $[5] !== errorCount || $[6] !== setIsActive) {
+    const t2 = _jsx(WatchChildErrors, {
+      fields: tab.fields,
+      path,
+      setErrorCount
+    });
+    const t3 = fieldHasErrors && `${baseClass}--has-error`;
+    const t4 = isActive && `${baseClass}--active`;
+    let t5;
+    if ($[8] !== t3 || $[9] !== t4) {
+      t5 = [baseClass, t3, t4].filter(Boolean);
+      $[8] = t3;
+      $[9] = t4;
+      $[10] = t5;
+    } else {
+      t5 = $[10];
+    }
+    let t6;
+    if ($[11] !== tab || $[12] !== i18n) {
+      t6 = tab.label ? getTranslation(tab.label, i18n) : tabHasName(tab) ? tab.name : "";
+      $[11] = tab;
+      $[12] = i18n;
+      $[13] = t6;
+    } else {
+      t6 = $[13];
+    }
+    t1 = _jsxs(React.Fragment, {
+      children: [t2, _jsxs("button", {
+        className: t5.join(" "),
+        onClick: setIsActive,
+        type: "button",
+        children: [t6, fieldHasErrors && _jsx(ErrorPill, {
+          count: errorCount,
+          i18n
+        })]
+      })]
     });
+    $[0] = tab;
+    $[1] = path;
+    $[2] = fieldHasErrors;
+    $[3] = isActive;
+    $[4] = i18n;
+    $[5] = errorCount;
+    $[6] = setIsActive;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  return t1;
 };
-
 //# 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 isActive?: boolean\n  readonly parentPath: string\n  readonly setIsActive: () => void\n  readonly tab: ClientTab\n}\n\nexport const TabComponent: React.FC<TabProps> = ({ isActive, parentPath, setIsActive, tab }) => {\n  const { i18n } = useTranslation()\n  const [errorCount, setErrorCount] = useState(undefined)\n\n  const path = `${parentPath ? `${parentPath}.` : ''}${tabHasName(tab) ? tab.name : ''}`\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        ]\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","isActive","parentPath","setIsActive","tab","i18n","errorCount","setErrorCount","undefined","path","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;AASlB,OAAO,MAAMC,eAAmC,CAAC,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,WAAW,EAAEC,GAAG,EAAE;IACzF,MAAM,EAAEC,IAAI,EAAE,GAAGP;IACjB,MAAM,CAACQ,YAAYC,cAAc,GAAGZ,SAASa;IAE7C,MAAMC,OAAO,CAAC,EAAEP,aAAa,CAAC,EAAEA,WAAW,CAAC,CAAC,GAAG,GAAG,EAAET,WAAWW,OAAOA,IAAIM,IAAI,GAAG,GAAG,CAAC;IACtF,MAAMC,iBAAiBL,aAAa;IAEpC,qBACE,MAACZ,MAAMkB,QAAQ;;0BACb,KAACf;gBAAiBgB,QAAQT,IAAIS,MAAM;gBAAEJ,MAAMA;gBAAMF,eAAeA;;0BACjE,MAACO;gBACCC,WAAW;oBACThB;oBACAY,kBAAkB,CAAC,EAAEZ,UAAU,WAAW,CAAC;oBAC3CE,YAAY,CAAC,EAAEF,UAAU,QAAQ,CAAC;iBACnC,CACEiB,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRC,SAAShB;gBACTiB,MAAK;;oBAEJhB,IAAIiB,KAAK,GAAG7B,eAAeY,IAAIiB,KAAK,EAAEhB,QAAQZ,WAAWW,OAAOA,IAAIM,IAAI,GAAG;oBAC3EC,gCAAkB,KAACf;wBAAU0B,OAAOhB;wBAAYD,MAAMA;;;;;;AAI/D,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","tabHasName","React","useState","ErrorPill","WatchChildErrors","useTranslation","baseClass","TabComponent","t0","$","isActive","parentPath","setIsActive","tab","i18n","errorCount","setErrorCount","undefined","path","name","fieldHasErrors","t1","t2","_jsx","fields","t3","t4","t5","filter","Boolean","t6","label","_jsxs","Fragment","children","className","join","onClick","type","count"],"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 isActive?: boolean\n  readonly parentPath: string\n  readonly setIsActive: () => void\n  readonly tab: ClientTab\n}\n\nexport const TabComponent: React.FC<TabProps> = ({ isActive, parentPath, setIsActive, tab }) => {\n  const { i18n } = useTranslation()\n  const [errorCount, setErrorCount] = useState(undefined)\n\n  const path = `${parentPath ? `${parentPath}.` : ''}${tabHasName(tab) ? tab.name : ''}`\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        ]\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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,SAAS,QAAQ;AAC1B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB,OAAO,MAAMC,YAAA,GAAmCC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,QAAA;IAAAC,UAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAL,EAA0C;EACzF;IAAAM;EAAA,IAAiBT,cAAA;EACjB,OAAAU,UAAA,EAAAC,aAAA,IAAoCd,QAAA,CAAAe,SAAS;EAE7C,MAAAC,IAAA,GAAa,GAAGP,UAAA,GAAa,GAAGA,UAAA,GAAa,GAAG,KAAKX,UAAA,CAAWa,GAAA,IAAOA,GAAA,CAAAM,IAAA,GAAW,IAAI;EACtF,MAAAC,cAAA,GAAuBL,UAAA,IAAa;EAAA,IAAAM,EAAA;EAAA,IAAAZ,CAAA,QAAAI,GAAA,IAAAJ,CAAA,QAAAS,IAAA,IAAAT,CAAA,QAAAW,cAAA,IAAAX,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAG,WAAA;IAIhC,MAAAU,EAAA,GAAAC,IAAA,CAAAnB,gBAAA;MAAAoB,MAAA,EAA0BX,GAAA,CAAAW,MAAA;MAAAN,IAAA;MAAAF;IAAA,C;IAItB,MAAAS,EAAA,GAAAL,cAAA,IAAkB,GAAAd,SAAA,aAAyB;IAC3C,MAAAoB,EAAA,GAAAhB,QAAA,IAAY,GAAAJ,SAAA,UAAsB;IAAA,IAAAqB,EAAA;IAAA,IAAAlB,CAAA,QAAAgB,EAAA,IAAAhB,CAAA,QAAAiB,EAAA;MAHzBC,EAAA,IAAArB,SAAA,EAETmB,EAA2C,EAC3CC,EAAkC,EAAAE,MAAA,CAAAC,OAE1B;MAAApB,CAAA,MAAAgB,EAAA;MAAAhB,CAAA,MAAAiB,EAAA;MAAAjB,CAAA,OAAAkB,EAAA;IAAA;MAAAA,EAAA,GAAAlB,CAAA;IAAA;IAAA,IAAAqB,EAAA;IAAA,IAAArB,CAAA,SAAAI,GAAA,IAAAJ,CAAA,SAAAK,IAAA;MAKTgB,EAAA,GAAAjB,GAAA,CAAAkB,KAAA,GAAYhC,cAAA,CAAec,GAAA,CAAAkB,KAAA,EAAWjB,IAAA,IAAQd,UAAA,CAAWa,GAAA,IAAOA,GAAA,CAAAM,IAAA,GAAW;MAAAV,CAAA,OAAAI,GAAA;MAAAJ,CAAA,OAAAK,IAAA;MAAAL,CAAA,OAAAqB,EAAA;IAAA;MAAAA,EAAA,GAAArB,CAAA;IAAA;IAbhFY,EAAA,GAAAW,KAAA,CAAA/B,KAAA,CAAAgC,QAAA;MAAAC,QAAA,GACEZ,E,EACAU,KAAA,CAAC;QAAAG,SAAA,EACYR,EAKD,CAAAS,IAAA,CACF;QAAAC,OAAA,EACCzB,WAAA;QAAA0B,IAAA,EACJ;QAAAJ,QAAA,GAEJJ,EAA2E,EAC3EV,cAAA,IAAkBG,IAAA,CAAApB,SAAA;UAAAoC,KAAA,EAAkBxB,UAAA;UAAAD;QAAA,C;;;;;;;;;;;;;;SAdzCO,E;CAkBJ","ignoreList":[]}