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

package/dist/fields/Select/Input.js

@@ -13,7 +13,7 @@ import { FieldLabel } from '../FieldLabel/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
 export const SelectInput = props => {
-  const $ = _c(47);
+  const $ = _c(48);
   const {
     Description,
     Error,
@@ -24,6 +24,7 @@ export const SelectInput = props => {
     description,
     descriptionProps,
     errorProps,
+    field,
     hasMany: t0,
     isClearable: t1,
     isSortable: t2,
@@ -46,11 +47,11 @@ export const SelectInput = props => {
     i18n
   } = useTranslation();
   let t3;
-  if ($[0] !== hasMany || $[1] !== value || $[2] !== options || $[3] !== i18n || $[4] !== showError || $[5] !== readOnly || $[6] !== className || $[7] !== path || $[8] !== style || $[9] !== width || $[10] !== labelProps || $[11] !== Label || $[12] !== label || $[13] !== required || $[14] !== errorProps || $[15] !== Error || $[16] !== beforeInput || $[17] !== isClearable || $[18] !== isSortable || $[19] !== onChange || $[20] !== afterInput || $[21] !== descriptionProps || $[22] !== Description || $[23] !== description) {
+  if ($[0] !== hasMany || $[1] !== value || $[2] !== options || $[3] !== i18n || $[4] !== showError || $[5] !== readOnly || $[6] !== className || $[7] !== path || $[8] !== style || $[9] !== width || $[10] !== labelProps || $[11] !== Label || $[12] !== field || $[13] !== label || $[14] !== required || $[15] !== errorProps || $[16] !== Error || $[17] !== beforeInput || $[18] !== isClearable || $[19] !== isSortable || $[20] !== onChange || $[21] !== afterInput || $[22] !== descriptionProps || $[23] !== Description || $[24] !== description) {
     let valueToRender;
     if (hasMany && Array.isArray(value)) {
       let t4;
-      if ($[25] !== options || $[26] !== i18n) {
+      if ($[26] !== options || $[27] !== i18n) {
         t4 = val => {
           const matchingOption = options.find(option => option.value === val);
           return {
@@ -58,36 +59,36 @@ export const SelectInput = props => {
             value: matchingOption?.value ?? val
           };
         };
-        $[25] = options;
-        $[26] = i18n;
-        $[27] = t4;
+        $[26] = options;
+        $[27] = i18n;
+        $[28] = t4;
       } else {
-        t4 = $[27];
+        t4 = $[28];
       }
       valueToRender = value.map(t4);
     } else {
       if (value) {
         let matchingOption_0;
         let t4;
-        if ($[28] !== value || $[29] !== options || $[30] !== i18n) {
+        if ($[29] !== value || $[30] !== options || $[31] !== i18n) {
           let t5;
-          if ($[33] !== value) {
+          if ($[34] !== value) {
             t5 = option_0 => option_0.value === value;
-            $[33] = value;
-            $[34] = t5;
+            $[34] = value;
+            $[35] = t5;
           } else {
-            t5 = $[34];
+            t5 = $[35];
           }
           matchingOption_0 = options.find(t5);
           t4 = matchingOption_0 ? getTranslation(matchingOption_0.label, i18n) : value;
-          $[28] = value;
-          $[29] = options;
-          $[30] = i18n;
-          $[31] = matchingOption_0;
-          $[32] = t4;
+          $[29] = value;
+          $[30] = options;
+          $[31] = i18n;
+          $[32] = matchingOption_0;
+          $[33] = t4;
         } else {
-          matchingOption_0 = $[31];
-          t4 = $[32];
+          matchingOption_0 = $[32];
+          t4 = $[33];
         }
         valueToRender = {
           label: t4,
@@ -98,49 +99,49 @@ export const SelectInput = props => {
     const t4 = showError && "error";
     const t5 = readOnly && "read-only";
     let t6;
-    if ($[35] !== className || $[36] !== t4 || $[37] !== t5) {
+    if ($[36] !== className || $[37] !== t4 || $[38] !== t5) {
       t6 = [fieldBaseClass, "select", className, t4, t5].filter(Boolean);
-      $[35] = className;
-      $[36] = t4;
-      $[37] = t5;
-      $[38] = t6;
+      $[36] = className;
+      $[37] = t4;
+      $[38] = t5;
+      $[39] = t6;
     } else {
-      t6 = $[38];
+      t6 = $[39];
     }
     let t7;
-    if ($[39] !== labelProps) {
+    if ($[40] !== labelProps) {
       t7 = labelProps || {};
-      $[39] = labelProps;
-      $[40] = t7;
+      $[40] = labelProps;
+      $[41] = t7;
     } else {
-      t7 = $[40];
+      t7 = $[41];
     }
     let t8;
-    if ($[41] !== errorProps) {
+    if ($[42] !== errorProps) {
       t8 = errorProps || {};
-      $[41] = errorProps;
-      $[42] = t8;
+      $[42] = errorProps;
+      $[43] = t8;
     } else {
-      t8 = $[42];
+      t8 = $[43];
     }
     let t9;
-    if ($[43] !== i18n) {
+    if ($[44] !== i18n) {
       t9 = option_1 => ({
         ...option_1,
         label: getTranslation(option_1.label, i18n)
       });
-      $[43] = i18n;
-      $[44] = t9;
+      $[44] = i18n;
+      $[45] = t9;
     } else {
-      t9 = $[44];
+      t9 = $[45];
     }
     let t10;
-    if ($[45] !== descriptionProps) {
+    if ($[46] !== descriptionProps) {
       t10 = descriptionProps || {};
-      $[45] = descriptionProps;
-      $[46] = t10;
+      $[46] = descriptionProps;
+      $[47] = t10;
     } else {
-      t10 = $[46];
+      t10 = $[47];
     }
     t3 = _jsxs("div", {
       className: t6.join(" "),
@@ -151,6 +152,7 @@ export const SelectInput = props => {
       },
       children: [_jsx(FieldLabel, {
         Label,
+        field,
         label,
         required,
         ...t7
@@ -158,6 +160,7 @@ export const SelectInput = props => {
         className: `${fieldBaseClass}__wrap`,
         children: [_jsx(FieldError, {
           CustomError: Error,
+          field,
           path,
           ...t8
         }), _jsx(RenderComponent, {
@@ -177,6 +180,7 @@ export const SelectInput = props => {
       }), _jsx(FieldDescription, {
         Description,
         description,
+        field,
         ...t10
       })]
     });
@@ -192,21 +196,22 @@ export const SelectInput = props => {
     $[9] = width;
     $[10] = labelProps;
     $[11] = Label;
-    $[12] = label;
-    $[13] = required;
-    $[14] = errorProps;
-    $[15] = Error;
-    $[16] = beforeInput;
-    $[17] = isClearable;
-    $[18] = isSortable;
-    $[19] = onChange;
-    $[20] = afterInput;
-    $[21] = descriptionProps;
-    $[22] = Description;
-    $[23] = description;
-    $[24] = t3;
+    $[12] = field;
+    $[13] = label;
+    $[14] = required;
+    $[15] = errorProps;
+    $[16] = Error;
+    $[17] = beforeInput;
+    $[18] = isClearable;
+    $[19] = isSortable;
+    $[20] = onChange;
+    $[21] = afterInput;
+    $[22] = descriptionProps;
+    $[23] = Description;
+    $[24] = description;
+    $[25] = t3;
   } else {
-    t3 = $[24];
+    t3 = $[25];
   }
   return t3;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","ReactSelect","RenderComponent","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","SelectInput","props","$","Description","Error","Label","afterInput","beforeInput","className","description","descriptionProps","errorProps","hasMany","t0","isClearable","t1","isSortable","t2","label","labelProps","onChange","options","path","readOnly","required","showError","style","value","width","undefined","i18n","t3","valueToRender","Array","isArray","t4","val","matchingOption","find","option","map","matchingOption_0","t5","option_0","t6","filter","Boolean","t7","t8","t9","option_1","t10","_jsxs","join","id","replace","children","_jsx","CustomError","mappedComponent","disabled","isMulti"],"sources":["../../../src/fields/Select/Input.tsx"],"sourcesContent":["'use client'\nimport type { MappedComponent, 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 { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type SelectInputProps = {\n  readonly Description?: MappedComponent\n  readonly Error?: MappedComponent\n  readonly Label?: MappedComponent\n  readonly afterInput?: MappedComponent[]\n  readonly beforeInput?: MappedComponent[]\n  readonly className?: string\n  readonly description?: StaticDescription\n  readonly descriptionProps?: Record<string, unknown>\n  readonly errorProps?: Record<string, unknown>\n  readonly hasMany?: boolean\n  readonly isClearable?: boolean\n  readonly isSortable?: boolean\n  readonly label: StaticLabel\n  readonly labelProps?: Record<string, unknown>\n  readonly name: string\n  readonly onChange?: ReactSelectAdapterProps['onChange']\n  readonly options?: OptionObject[]\n  readonly path: string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string | string[]\n  readonly width?: string\n}\n\nexport const SelectInput: React.FC<SelectInputProps> = (props) => {\n  const {\n    Description,\n    Error,\n    Label,\n    afterInput,\n    beforeInput,\n    className,\n    description,\n    descriptionProps,\n    errorProps,\n    hasMany = false,\n    isClearable = true,\n    isSortable = true,\n    label,\n    labelProps,\n    onChange,\n    options,\n    path,\n    readOnly,\n    required,\n    showError,\n    style,\n    value,\n    width,\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  }\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={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel Label={Label} label={label} required={required} {...(labelProps || {})} />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError CustomError={Error} path={path} {...(errorProps || {})} />\n        <RenderComponent mappedComponent={beforeInput} />\n        <ReactSelect\n          disabled={readOnly}\n          isClearable={isClearable}\n          isMulti={hasMany}\n          isSortable={isSortable}\n          onChange={onChange}\n          options={options.map((option) => ({\n            ...option,\n            label: getTranslation(option.label, i18n),\n          }))}\n          showError={showError}\n          value={valueToRender as OptionObject}\n        />\n        <RenderComponent mappedComponent={afterInput} />\n      </div>\n      <FieldDescription\n        Description={Description}\n        description={description}\n        {...(descriptionProps || {})}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","ReactSelect","RenderComponent","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","SelectInput","props","$","Description","Error","Label","afterInput","beforeInput","className","description","descriptionProps","errorProps","field","hasMany","t0","isClearable","t1","isSortable","t2","label","labelProps","onChange","options","path","readOnly","required","showError","style","value","width","undefined","i18n","t3","valueToRender","Array","isArray","t4","val","matchingOption","find","option","map","matchingOption_0","t5","option_0","t6","filter","Boolean","t7","t8","t9","option_1","t10","_jsxs","join","id","replace","children","_jsx","CustomError","mappedComponent","disabled","isMulti"],"sources":["../../../src/fields/Select/Input.tsx"],"sourcesContent":["'use client'\nimport type {\n  MappedComponent,\n  OptionObject,\n  SelectFieldClient,\n  StaticDescription,\n  StaticLabel,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\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 { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type SelectInputProps = {\n  readonly Description?: MappedComponent\n  readonly Error?: MappedComponent\n  readonly Label?: MappedComponent\n  readonly afterInput?: MappedComponent[]\n  readonly beforeInput?: MappedComponent[]\n  readonly className?: string\n  readonly description?: StaticDescription\n  readonly descriptionProps?: Record<string, unknown>\n  readonly errorProps?: Record<string, unknown>\n  readonly field?: MarkOptional<SelectFieldClient, 'type'>\n  readonly hasMany?: boolean\n  readonly isClearable?: boolean\n  readonly isSortable?: boolean\n  readonly label: StaticLabel\n  readonly labelProps?: Record<string, unknown>\n  readonly name: string\n  readonly onChange?: ReactSelectAdapterProps['onChange']\n  readonly options?: OptionObject[]\n  readonly path: string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string | string[]\n  readonly width?: string\n}\n\nexport const SelectInput: React.FC<SelectInputProps> = (props) => {\n  const {\n    Description,\n    Error,\n    Label,\n    afterInput,\n    beforeInput,\n    className,\n    description,\n    descriptionProps,\n    errorProps,\n    field,\n    hasMany = false,\n    isClearable = true,\n    isSortable = true,\n    label,\n    labelProps,\n    onChange,\n    options,\n    path,\n    readOnly,\n    required,\n    showError,\n    style,\n    value,\n    width,\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  }\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={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        Label={Label}\n        field={field}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError CustomError={Error} field={field} path={path} {...(errorProps || {})} />\n        <RenderComponent mappedComponent={beforeInput} />\n        <ReactSelect\n          disabled={readOnly}\n          isClearable={isClearable}\n          isMulti={hasMany}\n          isSortable={isSortable}\n          onChange={onChange}\n          options={options.map((option) => ({\n            ...option,\n            label: getTranslation(option.label, i18n),\n          }))}\n          showError={showError}\n          value={valueToRender as OptionObject}\n        />\n        <RenderComponent mappedComponent={afterInput} />\n      </div>\n      <FieldDescription\n        Description={Description}\n        description={description}\n        field={field}\n        {...(descriptionProps || {})}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAUA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,WAAW,QAAQ;AAC5B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AA8BP,OAAO,MAAMC,WAAA,GAA0CC,KAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EACrD;IAAAa,WAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,WAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,gBAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,OAAA,EAAAC,EAAA;IAAAC,WAAA,EAAAC,EAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC;EAAA,IAyBI5B,KAAA;EAdF,MAAAY,OAAA,GAAAC,EAAe,KAAAgB,SAAA,WAAfhB,EAAe;EACf,MAAAC,WAAA,GAAAC,EAAkB,KAAAc,SAAA,UAAlBd,EAAkB;EAClB,MAAAC,UAAA,GAAAC,EAAiB,KAAAY,SAAA,UAAjBZ,EAAiB;EAcnB;IAAAa;EAAA,IAAiBpC,cAAA;EAAA,IAAAqC,EAAA;EAAA,IAAA9B,CAAA,QAAAW,OAAA,IAAAX,CAAA,QAAA0B,KAAA,IAAA1B,CAAA,QAAAoB,OAAA,IAAApB,CAAA,QAAA6B,IAAA,IAAA7B,CAAA,QAAAwB,SAAA,IAAAxB,CAAA,QAAAsB,QAAA,IAAAtB,CAAA,QAAAM,SAAA,IAAAN,CAAA,QAAAqB,IAAA,IAAArB,CAAA,QAAAyB,KAAA,IAAAzB,CAAA,QAAA2B,KAAA,IAAA3B,CAAA,SAAAkB,UAAA,IAAAlB,CAAA,SAAAG,KAAA,IAAAH,CAAA,SAAAU,KAAA,IAAAV,CAAA,SAAAiB,KAAA,IAAAjB,CAAA,SAAAuB,QAAA,IAAAvB,CAAA,SAAAS,UAAA,IAAAT,CAAA,SAAAE,KAAA,IAAAF,CAAA,SAAAK,WAAA,IAAAL,CAAA,SAAAa,WAAA,IAAAb,CAAA,SAAAe,UAAA,IAAAf,CAAA,SAAAmB,QAAA,IAAAnB,CAAA,SAAAI,UAAA,IAAAJ,CAAA,SAAAQ,gBAAA,IAAAR,CAAA,SAAAC,WAAA,IAAAD,CAAA,SAAAO,WAAA;IAEbwB,GAAA,CAAAA,aAAA;IAAA,IAEApB,OAAA,IAAWqB,KAAA,CAAAC,OAAA,CAAcP,KAAA;MAAA,IAAAQ,EAAA;MAAA,IAAAlC,CAAA,SAAAoB,OAAA,IAAApB,CAAA,SAAA6B,IAAA;QACDK,EAAA,GAAAC,GAAA;UACxB,MAAAC,cAAA,GAAuBhB,OAAA,CAAAiB,IAAA,CAAAC,MAAA,IAAyBA,MAAA,CAAAZ,KAAA,KAAiBS,GAAA;UAAA;YAAAlB,KAAA,EAExDmB,cAAA,GAAiB/C,cAAA,CAAe+C,cAAA,CAAAnB,KAAA,EAAsBY,IAAA,IAAQM,GAAA;YAAAT,KAAA,EAC9DU,cAAA,EAAAV,KAAA,IAAyBS;UAAA;QAAA;QAEpCnC,CAAA,OAAAoB,OAAA;QAAApB,CAAA,OAAA6B,IAAA;QAAA7B,CAAA,OAAAkC,EAAA;MAAA;QAAAA,EAAA,GAAAlC,CAAA;MAAA;MANA+B,aAAA,CAAAA,CAAA,CAAgBL,KAAA,CAAAa,GAAA,CAAUL,EAM1B;IANA;MAAA,IAOSR,KAAA;QAAA,IAAAc,gBAAA;QAAA,IAAAN,EAAA;QAAA,IAAAlC,CAAA,SAAA0B,KAAA,IAAA1B,CAAA,SAAAoB,OAAA,IAAApB,CAAA,SAAA6B,IAAA;UAAA,IAAAY,EAAA;UAAA,IAAAzC,CAAA,SAAA0B,KAAA;YAC2Be,EAAA,GAAAC,QAAA,IAAYJ,QAAA,CAAAZ,KAAA,KAAiBA,KAAA;YAAA1B,CAAA,OAAA0B,KAAA;YAAA1B,CAAA,OAAAyC,EAAA;UAAA;YAAAA,EAAA,GAAAzC,CAAA;UAAA;UAAjEwC,gBAAA,GAAuBpB,OAAA,CAAAiB,IAAA,CAAaI,EAA6B;UAExDP,EAAA,GAAAE,gBAAA,GAAiB/C,cAAA,CAAe+C,gBAAA,CAAAnB,KAAA,EAAsBY,IAAA,IAAQH,KAAA;UAAA1B,CAAA,OAAA0B,KAAA;UAAA1B,CAAA,OAAAoB,OAAA;UAAApB,CAAA,OAAA6B,IAAA;UAAA7B,CAAA,OAAAwC,gBAAA;UAAAxC,CAAA,OAAAkC,EAAA;QAAA;UAAAM,gBAAA,GAAAxC,CAAA;UAAAkC,EAAA,GAAAlC,CAAA;QAAA;QADvE+B,aAAA,CAAAA,CAAA,CAAAA;UAAAA,MAAA,CACSA,EAA8DA;UAAAA,MAAA,CAC9DK,gBAAA,EAAAV,KAAA,IAAyBA;QAAA;MAFlC;IAAA;IAYI,MAAAQ,EAAA,GAAAV,SAAA,IAAa;IACb,MAAAiB,EAAA,GAAAnB,QAAA,IAAY;IAAA,IAAAqB,EAAA;IAAA,IAAA3C,CAAA,SAAAM,SAAA,IAAAN,CAAA,SAAAkC,EAAA,IAAAlC,CAAA,SAAAyC,EAAA;MALHE,EAAA,IAAA9C,cAAA,EAET,UACAS,SAAA,EACA4B,EAAa,EACbO,EAAY,EAAAG,MAAA,CAAAC,OAEJ;MAAA7C,CAAA,OAAAM,SAAA;MAAAN,CAAA,OAAAkC,EAAA;MAAAlC,CAAA,OAAAyC,EAAA;MAAAzC,CAAA,OAAA2C,EAAA;IAAA;MAAAA,EAAA,GAAA3C,CAAA;IAAA;IAAA,IAAA8C,EAAA;IAAA,IAAA9C,CAAA,SAAAkB,UAAA;MAaH4B,EAAA,GAAA5B,UAAA,MAAgB;MAAAlB,CAAA,OAAAkB,UAAA;MAAAlB,CAAA,OAAA8C,EAAA;IAAA;MAAAA,EAAA,GAAA9C,CAAA;IAAA;IAAA,IAAA+C,EAAA;IAAA,IAAA/C,CAAA,SAAAS,UAAA;MAG0CsC,EAAA,GAAAtC,UAAA,MAAgB;MAAAT,CAAA,OAAAS,UAAA;MAAAT,CAAA,OAAA+C,EAAA;IAAA;MAAAA,EAAA,GAAA/C,CAAA;IAAA;IAAA,IAAAgD,EAAA;IAAA,IAAAhD,CAAA,SAAA6B,IAAA;MAQxDmB,EAAA,GAAAC,QAAA;QAAA,GAChBX,QAAM;QAAArB,KAAA,EACF5B,cAAA,CAAeiD,QAAA,CAAArB,KAAA,EAAcY,IAAA;MAAA;MACtC7B,CAAA,OAAA6B,IAAA;MAAA7B,CAAA,OAAAgD,EAAA;IAAA;MAAAA,EAAA,GAAAhD,CAAA;IAAA;IAAA,IAAAkD,GAAA;IAAA,IAAAlD,CAAA,SAAAQ,gBAAA;MAUG0C,GAAA,GAAA1C,gBAAA,MAAsB;MAAAR,CAAA,OAAAQ,gBAAA;MAAAR,CAAA,OAAAkD,GAAA;IAAA;MAAAA,GAAA,GAAAlD,CAAA;IAAA;IA7C/B8B,EAAA,GAAAqB,KAAA,CAAC;MAAA7C,SAAA,EACYqC,EAOD,CAAAS,IAAA,CACF;MAAAC,EAAA,EACJ,SAAShC,IAAA,CAAAiC,OAAA,QAAoB,OAAO;MAAA7B,KAAA;QAAA,GAEnCA,KAAK;QAAAE;MAAA;MAAA4B,QAAA,GAIVC,IAAA,CAAA5D,UAAA;QAAAO,KAAA;QAAAO,KAAA;QAAAO,KAAA;QAAAM,QAAA;QAAA,GAKOuB;MAAgB,C,GAEvBK,KAAA,CAAC;QAAA7C,SAAA,EAAe,GAAAT,cAAA,QAAyB;QAAA0D,QAAA,GACvCC,IAAA,CAAA7D,UAAA;UAAA8D,WAAA,EAAyBvD,KAAA;UAAAQ,KAAA;UAAAW,IAAA;UAAA,GAAsC0B;QAAgB,C,GAC/ES,IAAA,CAAAhE,eAAA;UAAAkE,eAAA,EAAkCrD;QAAA,C,GAClCmD,IAAA,CAAAjE,WAAA;UAAAoE,QAAA,EACYrC,QAAA;UAAAT,WAAA;UAAA+C,OAAA,EAEDjD,OAAA;UAAAI,UAAA;UAAAI,QAAA;UAAAC,OAAA,EAGAA,OAAA,CAAAmB,GAAA,CAAYS,EAGrB;UAAAxB,SAAA;UAAAE,KAAA,EAEOK;QAAA,C,GAETyB,IAAA,CAAAhE,eAAA;UAAAkE,eAAA,EAAkCtD;QAAA,C;UAEpCoD,IAAA,CAAA9D,gBAAA;QAAAO,WAAA;QAAAM,WAAA;QAAAG,KAAA;QAAA,GAIOwC;MAAsB,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA7C/BpB,E;CAiDJ","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAwB,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAErE,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAKlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AA8GxC,eAAO,MAAM,WAAW,4BAAsC,CAAA;AAE9D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAwB,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAErE,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAKlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AA+GxC,eAAO,MAAM,WAAW,4BAAsC,CAAA;AAE9D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA"}

package/dist/fields/Select/index.js

@@ -91,6 +91,7 @@ const SelectFieldComponent = props => {
     beforeInput: field?.admin?.components?.beforeInput,
     className: className,
     description: description,
+    field: field,
     hasMany: hasMany,
     isClearable: isClearable,
     isSortable: isSortable,

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

@@ -1 +1 @@
-{"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":[]}
+{"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      field={field}\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/index.js

@@ -198,7 +198,8 @@ const TabsFieldComponent = props => {
       t15 = activeTabConfig && _jsxs("div", {
         className: [`${baseClass}__tab`, activeTabConfig.label && `${baseClass}__tabConfigLabel-${toKebabCase(getTranslation(activeTabConfig.label, i18n))}`].filter(Boolean).join(" "),
         children: [_jsx(FieldDescription, {
-          Description: field?.admin?.components?.Description
+          Description: field?.admin?.components?.Description,
+          field
         }), _jsx(RenderFields, {
           fields: activeTabConfig.fields,
           forceRender,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","tabHasName","toKebabCase","React","useCallback","useEffect","useState","useCollapsible","useFieldProps","RenderFields","withCondition","useDocumentInfo","usePreferences","useTranslation","FieldDescription","fieldBaseClass","TabComponent","TabsProvider","baseClass","TabsFieldComponent","props","$","field","t0","forceRender","t1","readOnly","readOnlyFromTopLevelProps","_path","pathFromProps","admin","t2","tabs","t3","t4","undefined","className","readOnlyFromAdmin","t5","indexPath","path","pathFromContext","readOnlyFromContext","schemaPath","siblingPermissions","readOnlyFromProps","getPreference","setPreference","preferencesKey","i18n","isWithinCollapsible","activeTabIndex","setActiveTabIndex","tabsPrefKey","t6","t7","getInitialPref","existingPreferences","initialIndex","fields","tabIndex","t8","incomingTabIndex","existingPreferences_0","handleTabChange","activeTabConfig","t9","generateTabPath","tabPath","name","t10","t11","filter","Boolean","t12","join","t13","t14","tab","_jsx","isActive","parentPath","setIsActive","t15","_jsxs","label","children","Description","components","margins","permissions","map","TabsField"],"sources":["../../../src/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type { DocumentPreferences, TabsFieldProps } 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 { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { RenderFields } from '../../forms/RenderFields/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 { TabComponent } from './Tab/index.js'\nimport './index.scss'\nimport { TabsProvider } from './provider.js'\n\nconst baseClass = 'tabs-field'\n\nexport { TabsProvider }\n\nconst TabsFieldComponent: React.FC<TabsFieldProps> = (props) => {\n  const {\n    field,\n    field: {\n      _path: pathFromProps,\n      admin: { className, readOnly: readOnlyFromAdmin } = {},\n      tabs = [],\n    },\n    forceRender = false,\n    readOnly: readOnlyFromTopLevelProps,\n  } = props\n\n  const {\n    indexPath,\n    path: pathFromContext,\n    readOnly: readOnlyFromContext,\n    schemaPath,\n    siblingPermissions,\n  } = useFieldProps()\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n  const path = pathFromContext ?? pathFromProps\n  const { getPreference, setPreference } = usePreferences()\n  const { preferencesKey } = useDocumentInfo()\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const [activeTabIndex, setActiveTabIndex] = useState<number>(0)\n  const tabsPrefKey = `tabs-${indexPath}`\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        setActiveTabIndex(initialIndex || 0)\n      }\n      void getInitialPref()\n    }\n  }, [path, getPreference, preferencesKey, tabsPrefKey])\n\n  const handleTabChange = useCallback(\n    async (incomingTabIndex: number): Promise<void> => {\n      setActiveTabIndex(incomingTabIndex)\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    [preferencesKey, getPreference, setPreference, path, tabsPrefKey],\n  )\n\n  const activeTabConfig = tabs[activeTabIndex]\n\n  function generateTabPath() {\n    let tabPath = path\n    if (path && tabHasName(activeTabConfig) && activeTabConfig.name) {\n      tabPath = `${path}.${activeTabConfig.name}`\n    } else if (!path && tabHasName(activeTabConfig) && activeTabConfig.name) {\n      tabPath = activeTabConfig.name\n    }\n\n    return tabPath\n  }\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        className,\n        baseClass,\n        isWithinCollapsible && `${baseClass}--within-collapsible`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <TabsProvider>\n        <div className={`${baseClass}__tabs-wrap`}>\n          <div className={`${baseClass}__tabs`}>\n            {tabs.map((tab, tabIndex) => {\n              return (\n                <TabComponent\n                  isActive={activeTabIndex === tabIndex}\n                  key={tabIndex}\n                  parentPath={path}\n                  setIsActive={() => {\n                    void handleTabChange(tabIndex)\n                  }}\n                  tab={tab}\n                />\n              )\n            })}\n          </div>\n        </div>\n        <div className={`${baseClass}__content-wrap`}>\n          {activeTabConfig && (\n            <div\n              className={[\n                `${baseClass}__tab`,\n                activeTabConfig.label &&\n                  `${baseClass}__tabConfigLabel-${toKebabCase(\n                    getTranslation(activeTabConfig.label, i18n),\n                  )}`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              <FieldDescription Description={field?.admin?.components?.Description} />\n              <RenderFields\n                fields={activeTabConfig.fields}\n                forceRender={forceRender}\n                key={\n                  activeTabConfig.label\n                    ? getTranslation(activeTabConfig.label, i18n)\n                    : activeTabConfig['name']\n                }\n                margins=\"small\"\n                path={generateTabPath()}\n                permissions={\n                  'name' in activeTabConfig && siblingPermissions?.[activeTabConfig.name]?.fields\n                    ? siblingPermissions[activeTabConfig.name]?.fields\n                    : siblingPermissions\n                }\n                readOnly={readOnly}\n                schemaPath={`${schemaPath ? `${schemaPath}` : ''}${tabHasName(activeTabConfig) && activeTabConfig.name ? `.${activeTabConfig.name}` : ''}`}\n              />\n            </div>\n          )}\n        </div>\n      </TabsProvider>\n    </div>\n  )\n}\n\nexport const TabsField = withCondition(TabsFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","tabHasName","toKebabCase","React","useCallback","useEffect","useState","useCollapsible","useFieldProps","RenderFields","withCondition","useDocumentInfo","usePreferences","useTranslation","FieldDescription","fieldBaseClass","TabComponent","TabsProvider","baseClass","TabsFieldComponent","props","$","field","t0","forceRender","t1","readOnly","readOnlyFromTopLevelProps","_path","pathFromProps","admin","t2","tabs","t3","t4","undefined","className","readOnlyFromAdmin","t5","indexPath","path","pathFromContext","readOnlyFromContext","schemaPath","siblingPermissions","readOnlyFromProps","getPreference","setPreference","preferencesKey","i18n","isWithinCollapsible","activeTabIndex","setActiveTabIndex","tabsPrefKey","t6","t7","getInitialPref","existingPreferences","initialIndex","fields","tabIndex","t8","incomingTabIndex","existingPreferences_0","handleTabChange","activeTabConfig","t9","generateTabPath","tabPath","name","t10","t11","filter","Boolean","t12","join","t13","t14","tab","_jsx","isActive","parentPath","setIsActive","t15","_jsxs","label","children","Description","components","margins","permissions","map","TabsField"],"sources":["../../../src/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type { DocumentPreferences, TabsFieldProps } 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 { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { RenderFields } from '../../forms/RenderFields/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 { TabComponent } from './Tab/index.js'\nimport './index.scss'\nimport { TabsProvider } from './provider.js'\n\nconst baseClass = 'tabs-field'\n\nexport { TabsProvider }\n\nconst TabsFieldComponent: React.FC<TabsFieldProps> = (props) => {\n  const {\n    field,\n    field: {\n      _path: pathFromProps,\n      admin: { className, readOnly: readOnlyFromAdmin } = {},\n      tabs = [],\n    },\n    forceRender = false,\n    readOnly: readOnlyFromTopLevelProps,\n  } = props\n\n  const {\n    indexPath,\n    path: pathFromContext,\n    readOnly: readOnlyFromContext,\n    schemaPath,\n    siblingPermissions,\n  } = useFieldProps()\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n  const path = pathFromContext ?? pathFromProps\n  const { getPreference, setPreference } = usePreferences()\n  const { preferencesKey } = useDocumentInfo()\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const [activeTabIndex, setActiveTabIndex] = useState<number>(0)\n  const tabsPrefKey = `tabs-${indexPath}`\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        setActiveTabIndex(initialIndex || 0)\n      }\n      void getInitialPref()\n    }\n  }, [path, getPreference, preferencesKey, tabsPrefKey])\n\n  const handleTabChange = useCallback(\n    async (incomingTabIndex: number): Promise<void> => {\n      setActiveTabIndex(incomingTabIndex)\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    [preferencesKey, getPreference, setPreference, path, tabsPrefKey],\n  )\n\n  const activeTabConfig = tabs[activeTabIndex]\n\n  function generateTabPath() {\n    let tabPath = path\n    if (path && tabHasName(activeTabConfig) && activeTabConfig.name) {\n      tabPath = `${path}.${activeTabConfig.name}`\n    } else if (!path && tabHasName(activeTabConfig) && activeTabConfig.name) {\n      tabPath = activeTabConfig.name\n    }\n\n    return tabPath\n  }\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        className,\n        baseClass,\n        isWithinCollapsible && `${baseClass}--within-collapsible`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <TabsProvider>\n        <div className={`${baseClass}__tabs-wrap`}>\n          <div className={`${baseClass}__tabs`}>\n            {tabs.map((tab, tabIndex) => {\n              return (\n                <TabComponent\n                  isActive={activeTabIndex === tabIndex}\n                  key={tabIndex}\n                  parentPath={path}\n                  setIsActive={() => {\n                    void handleTabChange(tabIndex)\n                  }}\n                  tab={tab}\n                />\n              )\n            })}\n          </div>\n        </div>\n        <div className={`${baseClass}__content-wrap`}>\n          {activeTabConfig && (\n            <div\n              className={[\n                `${baseClass}__tab`,\n                activeTabConfig.label &&\n                  `${baseClass}__tabConfigLabel-${toKebabCase(\n                    getTranslation(activeTabConfig.label, i18n),\n                  )}`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              <FieldDescription Description={field?.admin?.components?.Description} field={field} />\n              <RenderFields\n                fields={activeTabConfig.fields}\n                forceRender={forceRender}\n                key={\n                  activeTabConfig.label\n                    ? getTranslation(activeTabConfig.label, i18n)\n                    : activeTabConfig['name']\n                }\n                margins=\"small\"\n                path={generateTabPath()}\n                permissions={\n                  'name' in activeTabConfig && siblingPermissions?.[activeTabConfig.name]?.fields\n                    ? siblingPermissions[activeTabConfig.name]?.fields\n                    : siblingPermissions\n                }\n                readOnly={readOnly}\n                schemaPath={`${schemaPath ? `${schemaPath}` : ''}${tabHasName(activeTabConfig) && activeTabConfig.name ? `.${activeTabConfig.name}` : ''}`}\n              />\n            </div>\n          )}\n        </div>\n      </TabsProvider>\n    </div>\n  )\n}\n\nexport const TabsField = withCondition(TabsFieldComponent)\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAShD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqG9C,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAShD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6G9C,CAAA"}

package/dist/fields/Text/Input.js

@@ -13,7 +13,7 @@ import { FieldLabel } from '../FieldLabel/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
 export const TextInput = props => {
-  const $ = _c(40);
+  const $ = _c(41);
   const {
     Description,
     Error,
@@ -24,6 +24,7 @@ export const TextInput = props => {
     description,
     descriptionProps,
     errorProps,
+    field,
     hasMany,
     inputRef,
     label,
@@ -62,30 +63,30 @@ export const TextInput = props => {
   }
   const t4 = t3.join(" ");
   let t5;
-  if ($[5] !== style || $[6] !== width || $[7] !== labelProps || $[8] !== Label || $[9] !== label || $[10] !== required || $[11] !== errorProps || $[12] !== Error || $[13] !== path || $[14] !== beforeInput || $[15] !== hasMany || $[16] !== maxRows || $[17] !== value || $[18] !== t || $[19] !== readOnly || $[20] !== onChange || $[21] !== showError || $[22] !== valueToRender || $[23] !== placeholder || $[24] !== i18n || $[25] !== rtl || $[26] !== onKeyDown || $[27] !== inputRef || $[28] !== afterInput || $[29] !== descriptionProps || $[30] !== Description || $[31] !== description || $[32] !== t4) {
+  if ($[5] !== style || $[6] !== width || $[7] !== labelProps || $[8] !== Label || $[9] !== field || $[10] !== label || $[11] !== required || $[12] !== errorProps || $[13] !== Error || $[14] !== path || $[15] !== beforeInput || $[16] !== hasMany || $[17] !== maxRows || $[18] !== value || $[19] !== t || $[20] !== readOnly || $[21] !== onChange || $[22] !== showError || $[23] !== valueToRender || $[24] !== placeholder || $[25] !== i18n || $[26] !== rtl || $[27] !== onKeyDown || $[28] !== inputRef || $[29] !== afterInput || $[30] !== descriptionProps || $[31] !== Description || $[32] !== description || $[33] !== t4) {
     let t6;
-    if ($[34] !== labelProps) {
+    if ($[35] !== labelProps) {
       t6 = labelProps || {};
-      $[34] = labelProps;
-      $[35] = t6;
+      $[35] = labelProps;
+      $[36] = t6;
     } else {
-      t6 = $[35];
+      t6 = $[36];
     }
     let t7;
-    if ($[36] !== errorProps) {
+    if ($[37] !== errorProps) {
       t7 = errorProps || {};
-      $[36] = errorProps;
-      $[37] = t7;
+      $[37] = errorProps;
+      $[38] = t7;
     } else {
-      t7 = $[37];
+      t7 = $[38];
     }
     let t8;
-    if ($[38] !== descriptionProps) {
+    if ($[39] !== descriptionProps) {
       t8 = descriptionProps || {};
-      $[38] = descriptionProps;
-      $[39] = t8;
+      $[39] = descriptionProps;
+      $[40] = t8;
     } else {
-      t8 = $[39];
+      t8 = $[40];
     }
     t5 = _jsxs("div", {
       className: t4,
@@ -95,6 +96,7 @@ export const TextInput = props => {
       },
       children: [_jsx(FieldLabel, {
         Label,
+        field,
         label,
         required,
         ...t6
@@ -102,6 +104,7 @@ export const TextInput = props => {
         className: `${fieldBaseClass}__wrap`,
         children: [_jsx(FieldError, {
           CustomError: Error,
+          field,
           path,
           ...t7
         }), _jsx(RenderComponent, {
@@ -145,6 +148,7 @@ export const TextInput = props => {
         }), _jsx(FieldDescription, {
           Description,
           description,
+          field,
           ...t8
         })]
       })]
@@ -153,33 +157,34 @@ export const TextInput = props => {
     $[6] = width;
     $[7] = labelProps;
     $[8] = Label;
-    $[9] = label;
-    $[10] = required;
-    $[11] = errorProps;
-    $[12] = Error;
-    $[13] = path;
-    $[14] = beforeInput;
-    $[15] = hasMany;
-    $[16] = maxRows;
-    $[17] = value;
-    $[18] = t;
-    $[19] = readOnly;
-    $[20] = onChange;
-    $[21] = showError;
-    $[22] = valueToRender;
-    $[23] = placeholder;
-    $[24] = i18n;
-    $[25] = rtl;
-    $[26] = onKeyDown;
-    $[27] = inputRef;
-    $[28] = afterInput;
-    $[29] = descriptionProps;
-    $[30] = Description;
-    $[31] = description;
-    $[32] = t4;
-    $[33] = t5;
+    $[9] = field;
+    $[10] = label;
+    $[11] = required;
+    $[12] = errorProps;
+    $[13] = Error;
+    $[14] = path;
+    $[15] = beforeInput;
+    $[16] = hasMany;
+    $[17] = maxRows;
+    $[18] = value;
+    $[19] = t;
+    $[20] = readOnly;
+    $[21] = onChange;
+    $[22] = showError;
+    $[23] = valueToRender;
+    $[24] = placeholder;
+    $[25] = i18n;
+    $[26] = rtl;
+    $[27] = onKeyDown;
+    $[28] = inputRef;
+    $[29] = afterInput;
+    $[30] = descriptionProps;
+    $[31] = Description;
+    $[32] = description;
+    $[33] = t4;
+    $[34] = t5;
   } else {
-    t5 = $[33];
+    t5 = $[34];
   }
   return t5;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","ReactSelect","RenderComponent","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","TextInput","props","$","Description","Error","Label","afterInput","beforeInput","className","description","descriptionProps","errorProps","hasMany","inputRef","label","labelProps","maxRows","onChange","onKeyDown","path","placeholder","readOnly","required","rtl","showError","style","value","valueToRender","width","i18n","t","t0","t1","t2","t3","filter","Boolean","t4","join","t5","t6","t7","t8","_jsxs","children","_jsx","CustomError","mappedComponent","replace","disabled","filterOption","Array","isArray","length","isClearable","isCreatable","isMulti","isSortable","noOptionsMessage","isOverHasMany","max","options","id","name","ref","type"],"sources":["../../../src/fields/Text/Input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextInputProps } from './types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport const TextInput: React.FC<TextInputProps> = (props) => {\n  const {\n    Description,\n    Error,\n    Label,\n    afterInput,\n    beforeInput,\n    className,\n    description,\n    descriptionProps,\n    errorProps,\n    hasMany,\n    inputRef,\n    label,\n    labelProps,\n    maxRows,\n    onChange,\n    onKeyDown,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    rtl,\n    showError,\n    style,\n    value,\n    valueToRender,\n    width,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'text',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n        hasMany && 'has-many',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel Label={Label} label={label} required={required} {...(labelProps || {})} />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError CustomError={Error} path={path} {...(errorProps || {})} />\n        <RenderComponent mappedComponent={beforeInput} />\n        {hasMany ? (\n          <ReactSelect\n            className={`field-${path.replace(/\\./g, '__')}`}\n            disabled={readOnly}\n            // prevent adding additional options if maxRows is reached\n            filterOption={() =>\n              !maxRows ? true : !(Array.isArray(value) && maxRows && value.length >= maxRows)\n            }\n            isClearable\n            isCreatable\n            isMulti\n            isSortable\n            noOptionsMessage={() => {\n              const isOverHasMany = Array.isArray(value) && value.length >= maxRows\n              if (isOverHasMany) {\n                return t('validation:limitReached', { max: maxRows, value: value.length + 1 })\n              }\n              return null\n            }}\n            onChange={onChange}\n            options={[]}\n            placeholder={t('general:enterAValue')}\n            showError={showError}\n            value={valueToRender}\n          />\n        ) : (\n          <input\n            data-rtl={rtl}\n            disabled={readOnly}\n            id={`field-${path?.replace(/\\./g, '__')}`}\n            name={path}\n            onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n            onKeyDown={onKeyDown}\n            placeholder={getTranslation(placeholder, i18n)}\n            ref={inputRef}\n            type=\"text\"\n            value={value || ''}\n          />\n        )}\n        <RenderComponent mappedComponent={afterInput} />\n        <FieldDescription\n          Description={Description}\n          description={description}\n          {...(descriptionProps || {})}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","ReactSelect","RenderComponent","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","TextInput","props","$","Description","Error","Label","afterInput","beforeInput","className","description","descriptionProps","errorProps","field","hasMany","inputRef","label","labelProps","maxRows","onChange","onKeyDown","path","placeholder","readOnly","required","rtl","showError","style","value","valueToRender","width","i18n","t","t0","t1","t2","t3","filter","Boolean","t4","join","t5","t6","t7","t8","_jsxs","children","_jsx","CustomError","mappedComponent","replace","disabled","filterOption","Array","isArray","length","isClearable","isCreatable","isMulti","isSortable","noOptionsMessage","isOverHasMany","max","options","id","name","ref","type"],"sources":["../../../src/fields/Text/Input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextInputProps } from './types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport const TextInput: React.FC<TextInputProps> = (props) => {\n  const {\n    Description,\n    Error,\n    Label,\n    afterInput,\n    beforeInput,\n    className,\n    description,\n    descriptionProps,\n    errorProps,\n    field,\n    hasMany,\n    inputRef,\n    label,\n    labelProps,\n    maxRows,\n    onChange,\n    onKeyDown,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    rtl,\n    showError,\n    style,\n    value,\n    valueToRender,\n    width,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'text',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n        hasMany && 'has-many',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        Label={Label}\n        field={field}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError CustomError={Error} field={field} path={path} {...(errorProps || {})} />\n        <RenderComponent mappedComponent={beforeInput} />\n        {hasMany ? (\n          <ReactSelect\n            className={`field-${path.replace(/\\./g, '__')}`}\n            disabled={readOnly}\n            // prevent adding additional options if maxRows is reached\n            filterOption={() =>\n              !maxRows ? true : !(Array.isArray(value) && maxRows && value.length >= maxRows)\n            }\n            isClearable\n            isCreatable\n            isMulti\n            isSortable\n            noOptionsMessage={() => {\n              const isOverHasMany = Array.isArray(value) && value.length >= maxRows\n              if (isOverHasMany) {\n                return t('validation:limitReached', { max: maxRows, value: value.length + 1 })\n              }\n              return null\n            }}\n            onChange={onChange}\n            options={[]}\n            placeholder={t('general:enterAValue')}\n            showError={showError}\n            value={valueToRender}\n          />\n        ) : (\n          <input\n            data-rtl={rtl}\n            disabled={readOnly}\n            id={`field-${path?.replace(/\\./g, '__')}`}\n            name={path}\n            onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n            onKeyDown={onKeyDown}\n            placeholder={getTranslation(placeholder, i18n)}\n            ref={inputRef}\n            type=\"text\"\n            value={value || ''}\n          />\n        )}\n        <RenderComponent mappedComponent={afterInput} />\n        <FieldDescription\n          Description={Description}\n          description={description}\n          field={field}\n          {...(descriptionProps || {})}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,KAA2C,MAAM,OAAO,CAAA;AAG/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAQhD,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AACtC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AA0IpC,eAAO,MAAM,SAAS,0BAAoC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,KAA2C,MAAM,OAAO,CAAA;AAG/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAQhD,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AACtC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AA2IpC,eAAO,MAAM,SAAS,0BAAoC,CAAA"}