@payloadcms/ui 3.2.3-canary.673b4b5 → 3.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","RelationshipTable","useField","withCondition","useDocumentInfo","FieldLabel","fieldBaseClass","JoinFieldComponent","props","field","admin","allowCreate","collection","label","localized","on","required","path","id","docID","customComponents","AfterInput","BeforeInput","Label","value","filterOptions","where","equals","and","_jsxs","className","filter","Boolean","join","replace","_jsx","disableTable","initialData","docs","initialDrawerData","style","margin","relationTo","JoinField"],"sources":["../../../src/fields/Join/index.tsx"],"sourcesContent":["'use client'\n\nimport type { JoinFieldClient, JoinFieldClientComponent, PaginatedDocs, Where } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { RelationshipTable } from '../../elements/RelationshipTable/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../index.js'\n\nconst JoinFieldComponent: JoinFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { allowCreate },\n      collection,\n      label,\n      localized,\n      on,\n      required,\n    },\n    path,\n  } = props\n\n  const { id: docID } = useDocumentInfo()\n\n  const { customComponents: { AfterInput, BeforeInput, Label } = {}, value } =\n    useField<PaginatedDocs>({\n      path,\n    })\n\n  const filterOptions: null | Where = useMemo(() => {\n    if (!docID) {\n      return null\n    }\n\n    const where = {\n      [on]: {\n        equals: docID,\n      },\n    }\n\n    if (field.where) {\n      return {\n        and: [where, field.where],\n      }\n    }\n\n    return where\n  }, [docID, on, field.where])\n\n  return (\n    <div\n      className={[fieldBaseClass, 'join'].filter(Boolean).join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n    >\n      {BeforeInput}\n      <RelationshipTable\n        allowCreate={typeof docID !== 'undefined' && allowCreate}\n        disableTable={filterOptions === null}\n        field={field as JoinFieldClient}\n        filterOptions={filterOptions}\n        initialData={docID && value ? value : ({ docs: [] } as PaginatedDocs)}\n        initialDrawerData={{\n          [on]: docID,\n        }}\n        Label={\n          <h4 style={{ margin: 0 }}>\n            {Label || (\n              <FieldLabel label={label} localized={localized} path={path} required={required} />\n            )}\n          </h4>\n        }\n        relationTo={collection}\n      />\n      {AfterInput}\n    </div>\n  )\n}\n\nexport const JoinField = withCondition(JoinFieldComponent)\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAE/B,MAAMC,kBAAA,GAAgDC,KAAA;EACpD,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QAAEC;MAAW,CAAE;MACtBC,UAAU;MACVC,KAAK;MACLC,SAAS;MACTC,EAAE;MACFC;IAAQ,CACT;IACDC;EAAI,CACL,GAAGT,KAAA;EAEJ,MAAM;IAAEU,EAAA,EAAIC;EAAK,CAAE,GAAGf,eAAA;EAEtB,MAAM;IAAEgB,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAAEC;EAAK,CAAE,GACxEtB,QAAA,CAAwB;IACtBe;EACF;EAEF,MAAMQ,aAAA,GAA8BzB,OAAA,CAAQ;IAC1C,IAAI,CAACmB,KAAA,EAAO;MACV,OAAO;IACT;IAEA,MAAMO,KAAA,GAAQ;MACZ,CAACX,EAAA,GAAK;QACJY,MAAA,EAAQR;MACV;IACF;IAEA,IAAIV,KAAA,CAAMiB,KAAK,EAAE;MACf,OAAO;QACLE,GAAA,EAAK,CAACF,KAAA,EAAOjB,KAAA,CAAMiB,KAAK;MAC1B;IACF;IAEA,OAAOA,KAAA;EACT,GAAG,CAACP,KAAA,EAAOJ,EAAA,EAAIN,KAAA,CAAMiB,KAAK,CAAC;EAE3B,oBACEG,KAAA,CAAC;IACCC,SAAA,EAAW,CAACxB,cAAA,EAAgB,OAAO,CAACyB,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACzDf,EAAA,EAAI,SAASD,IAAA,EAAMiB,OAAA,CAAQ,OAAO,OAAO;eAExCZ,WAAA,E,aACDa,IAAA,CAAClC,iBAAA;MACCU,WAAA,EAAa,OAAOQ,KAAA,KAAU,eAAeR,WAAA;MAC7CyB,YAAA,EAAcX,aAAA,KAAkB;MAChChB,KAAA,EAAOA,KAAA;MACPgB,aAAA,EAAeA,aAAA;MACfY,WAAA,EAAalB,KAAA,IAASK,KAAA,GAAQA,KAAA,GAAS;QAAEc,IAAA,EAAM;MAAG;MAClDC,iBAAA,EAAmB;QACjB,CAACxB,EAAA,GAAKI;MACR;MACAI,KAAA,eACEY,IAAA,CAAC;QAAGK,KAAA,EAAO;UAAEC,MAAA,EAAQ;QAAE;kBACpBlB,KAAA,iBACCY,IAAA,CAAC9B,UAAA;UAAWQ,KAAA,EAAOA,KAAA;UAAOC,SAAA,EAAWA,SAAA;UAAWG,IAAA,EAAMA,IAAA;UAAMD,QAAA,EAAUA;;;MAI5E0B,UAAA,EAAY9B;QAEbS,UAAA;;AAGP;AAEA,OAAO,MAAMsB,SAAA,GAAYxC,aAAA,CAAcI,kBAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","RelationshipTable","RenderCustomComponent","useField","withCondition","useDocumentInfo","FieldDescription","FieldLabel","fieldBaseClass","JoinFieldComponent","props","field","admin","allowCreate","description","collection","label","localized","on","required","path","id","docID","customComponents","AfterInput","BeforeInput","Description","Label","value","filterOptions","where","equals","and","_jsxs","className","filter","Boolean","join","replace","_jsx","disableTable","initialData","docs","initialDrawerData","style","margin","relationTo","CustomComponent","Fallback","JoinField"],"sources":["../../../src/fields/Join/index.tsx"],"sourcesContent":["'use client'\n\nimport type { JoinFieldClient, JoinFieldClientComponent, PaginatedDocs, Where } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { RelationshipTable } from '../../elements/RelationshipTable/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../index.js'\n\nconst JoinFieldComponent: JoinFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { allowCreate, description },\n      collection,\n      label,\n      localized,\n      on,\n      required,\n    },\n    path,\n  } = props\n\n  const { id: docID } = useDocumentInfo()\n\n  const { customComponents: { AfterInput, BeforeInput, Description, Label } = {}, value } =\n    useField<PaginatedDocs>({\n      path,\n    })\n\n  const filterOptions: null | Where = useMemo(() => {\n    if (!docID) {\n      return null\n    }\n\n    const where = {\n      [on]: {\n        equals: docID,\n      },\n    }\n\n    if (field.where) {\n      return {\n        and: [where, field.where],\n      }\n    }\n\n    return where\n  }, [docID, on, field.where])\n\n  return (\n    <div\n      className={[fieldBaseClass, 'join'].filter(Boolean).join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n    >\n      <RelationshipTable\n        AfterInput={AfterInput}\n        allowCreate={typeof docID !== 'undefined' && allowCreate}\n        BeforeInput={BeforeInput}\n        disableTable={filterOptions === null}\n        field={field as JoinFieldClient}\n        filterOptions={filterOptions}\n        initialData={docID && value ? value : ({ docs: [] } as PaginatedDocs)}\n        initialDrawerData={{\n          [on]: docID,\n        }}\n        Label={\n          <h4 style={{ margin: 0 }}>\n            {Label || (\n              <FieldLabel label={label} localized={localized} path={path} required={required} />\n            )}\n          </h4>\n        }\n        relationTo={collection}\n      />\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const JoinField = withCondition(JoinFieldComponent)\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAE/B,MAAMC,kBAAA,GAAgDC,KAAA;EACpD,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QAAEC,WAAW;QAAEC;MAAW,CAAE;MACnCC,UAAU;MACVC,KAAK;MACLC,SAAS;MACTC,EAAE;MACFC;IAAQ,CACT;IACDC;EAAI,CACL,GAAGV,KAAA;EAEJ,MAAM;IAAEW,EAAA,EAAIC;EAAK,CAAE,GAAGjB,eAAA;EAEtB,MAAM;IAAEkB,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAAEC;EAAK,CAAE,GACrFzB,QAAA,CAAwB;IACtBiB;EACF;EAEF,MAAMS,aAAA,GAA8B7B,OAAA,CAAQ;IAC1C,IAAI,CAACsB,KAAA,EAAO;MACV,OAAO;IACT;IAEA,MAAMQ,KAAA,GAAQ;MACZ,CAACZ,EAAA,GAAK;QACJa,MAAA,EAAQT;MACV;IACF;IAEA,IAAIX,KAAA,CAAMmB,KAAK,EAAE;MACf,OAAO;QACLE,GAAA,EAAK,CAACF,KAAA,EAAOnB,KAAA,CAAMmB,KAAK;MAC1B;IACF;IAEA,OAAOA,KAAA;EACT,GAAG,CAACR,KAAA,EAAOJ,EAAA,EAAIP,KAAA,CAAMmB,KAAK,CAAC;EAE3B,oBACEG,KAAA,CAAC;IACCC,SAAA,EAAW,CAAC1B,cAAA,EAAgB,OAAO,CAAC2B,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACzDhB,EAAA,EAAI,SAASD,IAAA,EAAMkB,OAAA,CAAQ,OAAO,OAAO;4BAEzCC,IAAA,CAACtC,iBAAA;MACCuB,UAAA,EAAYA,UAAA;MACZX,WAAA,EAAa,OAAOS,KAAA,KAAU,eAAeT,WAAA;MAC7CY,WAAA,EAAaA,WAAA;MACbe,YAAA,EAAcX,aAAA,KAAkB;MAChClB,KAAA,EAAOA,KAAA;MACPkB,aAAA,EAAeA,aAAA;MACfY,WAAA,EAAanB,KAAA,IAASM,KAAA,GAAQA,KAAA,GAAS;QAAEc,IAAA,EAAM;MAAG;MAClDC,iBAAA,EAAmB;QACjB,CAACzB,EAAA,GAAKI;MACR;MACAK,KAAA,eACEY,IAAA,CAAC;QAAGK,KAAA,EAAO;UAAEC,MAAA,EAAQ;QAAE;kBACpBlB,KAAA,iBACCY,IAAA,CAAChC,UAAA;UAAWS,KAAA,EAAOA,KAAA;UAAOC,SAAA,EAAWA,SAAA;UAAWG,IAAA,EAAMA,IAAA;UAAMD,QAAA,EAAUA;;;MAI5E2B,UAAA,EAAY/B;qBAEdwB,IAAA,CAACrC,qBAAA;MACC6C,eAAA,EAAiBrB,WAAA;MACjBsB,QAAA,eAAUT,IAAA,CAACjC,gBAAA;QAAiBQ,WAAA,EAAaA,WAAA;QAAaM,IAAA,EAAMA;;;;AAIpE;AAEA,OAAO,MAAM6B,SAAA,GAAY7C,aAAA,CAAcK,kBAAA","ignoreList":[]}

package/dist/fields/Number/index.js

@@ -128,7 +128,7 @@ const NumberFieldComponent = props => {
           path: path,
           showError: showError
         })
-      }), hasMany ? /*#__PURE__*/_jsx(ReactSelect, {
+      }), BeforeInput, hasMany ? /*#__PURE__*/_jsx(ReactSelect, {
         className: `field-${path.replace(/\./g, '__')}`,
         disabled: readOnly,
         filterOption: (_, rawInput) => {
@@ -155,8 +155,8 @@ const NumberFieldComponent = props => {
         placeholder: t('general:enterAValue'),
         showError: showError,
         value: valueToRender
-      }) : /*#__PURE__*/_jsxs("div", {
-        children: [BeforeInput, /*#__PURE__*/_jsx("input", {
+      }) : /*#__PURE__*/_jsx("div", {
+        children: /*#__PURE__*/_jsx("input", {
           disabled: readOnly,
           id: `field-${path.replace(/\./g, '__')}`,
           max: max,
@@ -171,8 +171,8 @@ const NumberFieldComponent = props => {
           step: step,
           type: "number",
           value: typeof value_0 === 'number' ? value_0 : ''
-        }), AfterInput]
-      }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+        })
+      }), AfterInput, /*#__PURE__*/_jsx(RenderCustomComponent, {
         CustomComponent: Description,
         Fallback: /*#__PURE__*/_jsx(FieldDescription, {
           description: description,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","isNumber","React","useCallback","useEffect","useMemo","useState","ReactSelect","RenderCustomComponent","useField","withCondition","useTranslation","FieldDescription","FieldError","FieldLabel","mergeFieldStyles","fieldBaseClass","NumberFieldComponent","props","field","admin","className","description","placeholder","step","hasMany","label","localized","max","Infinity","maxRows","min","required","onChange","onChangeFromProps","path","readOnly","validate","i18n","t","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","setValue","showError","handleChange","e","val","parseFloat","target","newVal","Number","isNaN","valueToRender","setValueToRender","handleHasManyChange","selectedOption","newValue","Array","isArray","map","option","index","id","toString","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","replace","disabled","filterOption","_","rawInput","isOverHasMany","length","isClearable","isCreatable","isMulti","isSortable","noOptionsMessage","name","onWheel","blur","type","NumberField"],"sources":["../../../src/fields/Number/index.tsx"],"sourcesContent":["'use client'\nimport type { NumberFieldClientComponent, NumberFieldClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { isNumber } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { Option } from '../../elements/ReactSelect/types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.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 { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst NumberFieldComponent: NumberFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: {\n        className,\n        description,\n        placeholder,\n        step = 1,\n      } = {} as NumberFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      max = Infinity,\n      maxRows = Infinity,\n      min = -Infinity,\n      required,\n    },\n    onChange: onChangeFromProps,\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, max, min, required })\n      }\n    },\n    [validate, min, max, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    setValue,\n    showError,\n    value,\n  } = useField<number | number[]>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const handleChange = useCallback(\n    (e) => {\n      const val = parseFloat(e.target.value)\n      let newVal = val\n\n      if (Number.isNaN(val)) {\n        newVal = null\n      }\n\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newVal)\n      }\n\n      setValue(newVal)\n    },\n    [onChangeFromProps, setValue],\n  )\n\n  const [valueToRender, setValueToRender] = useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([]) // Only for hasMany\n\n  const handleHasManyChange = useCallback(\n    (selectedOption) => {\n      if (!readOnly) {\n        let newValue\n        if (!selectedOption) {\n          newValue = []\n        } else if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => Number(option.value?.value || option.value))\n        } else {\n          newValue = [Number(selectedOption.value?.value || selectedOption.value)]\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, setValue],\n  )\n\n  // useEffect update valueToRender:\n  useEffect(() => {\n    if (hasMany && Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as unknown as Record<string, number>)?.value || val,\n            }, // You're probably wondering, why the hell is this done that way? Well, React-select automatically uses \"label-value\" as a key, so we will get that react duplicate key warning if we just pass in the value as multiple values can be the same. So we need to append the index to the toString() of the value to avoid that warning, as it uses that as the key.\n          }\n        }),\n      )\n    }\n  }, [value, hasMany])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'number',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n        hasMany && 'has-many',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\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        {hasMany ? (\n          <ReactSelect\n            className={`field-${path.replace(/\\./g, '__')}`}\n            disabled={readOnly}\n            filterOption={(_, rawInput) => {\n              const isOverHasMany = Array.isArray(value) && value.length >= maxRows\n              return isNumber(rawInput) && !isOverHasMany\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            // numberOnly\n            onChange={handleHasManyChange}\n            options={[]}\n            placeholder={t('general:enterAValue')}\n            showError={showError}\n            value={valueToRender as Option[]}\n          />\n        ) : (\n          <div>\n            {BeforeInput}\n            <input\n              disabled={readOnly}\n              id={`field-${path.replace(/\\./g, '__')}`}\n              max={max}\n              min={min}\n              name={path}\n              onChange={handleChange}\n              onWheel={(e) => {\n                // @ts-expect-error\n                e.target.blur()\n              }}\n              placeholder={getTranslation(placeholder, i18n)}\n              step={step}\n              type=\"number\"\n              value={typeof value === 'number' ? value : ''}\n            />\n            {AfterInput}\n          </div>\n        )}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport const NumberField = withCondition(NumberFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","isNumber","React","useCallback","useEffect","useMemo","useState","ReactSelect","RenderCustomComponent","useField","withCondition","useTranslation","FieldDescription","FieldError","FieldLabel","mergeFieldStyles","fieldBaseClass","NumberFieldComponent","props","field","admin","className","description","placeholder","step","hasMany","label","localized","max","Infinity","maxRows","min","required","onChange","onChangeFromProps","path","readOnly","validate","i18n","t","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","setValue","showError","handleChange","e","val","parseFloat","target","newVal","Number","isNaN","valueToRender","setValueToRender","handleHasManyChange","selectedOption","newValue","Array","isArray","map","option","index","id","toString","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","replace","disabled","filterOption","_","rawInput","isOverHasMany","length","isClearable","isCreatable","isMulti","isSortable","noOptionsMessage","name","onWheel","blur","type","NumberField"],"sources":["../../../src/fields/Number/index.tsx"],"sourcesContent":["'use client'\nimport type { NumberFieldClientComponent, NumberFieldClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { isNumber } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { Option } from '../../elements/ReactSelect/types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.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 { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst NumberFieldComponent: NumberFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: {\n        className,\n        description,\n        placeholder,\n        step = 1,\n      } = {} as NumberFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      max = Infinity,\n      maxRows = Infinity,\n      min = -Infinity,\n      required,\n    },\n    onChange: onChangeFromProps,\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, max, min, required })\n      }\n    },\n    [validate, min, max, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    setValue,\n    showError,\n    value,\n  } = useField<number | number[]>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const handleChange = useCallback(\n    (e) => {\n      const val = parseFloat(e.target.value)\n      let newVal = val\n\n      if (Number.isNaN(val)) {\n        newVal = null\n      }\n\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newVal)\n      }\n\n      setValue(newVal)\n    },\n    [onChangeFromProps, setValue],\n  )\n\n  const [valueToRender, setValueToRender] = useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([]) // Only for hasMany\n\n  const handleHasManyChange = useCallback(\n    (selectedOption) => {\n      if (!readOnly) {\n        let newValue\n        if (!selectedOption) {\n          newValue = []\n        } else if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => Number(option.value?.value || option.value))\n        } else {\n          newValue = [Number(selectedOption.value?.value || selectedOption.value)]\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, setValue],\n  )\n\n  // useEffect update valueToRender:\n  useEffect(() => {\n    if (hasMany && Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as unknown as Record<string, number>)?.value || val,\n            }, // You're probably wondering, why the hell is this done that way? Well, React-select automatically uses \"label-value\" as a key, so we will get that react duplicate key warning if we just pass in the value as multiple values can be the same. So we need to append the index to the toString() of the value to avoid that warning, as it uses that as the key.\n          }\n        }),\n      )\n    }\n  }, [value, hasMany])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'number',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n        hasMany && 'has-many',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {hasMany ? (\n          <ReactSelect\n            className={`field-${path.replace(/\\./g, '__')}`}\n            disabled={readOnly}\n            filterOption={(_, rawInput) => {\n              const isOverHasMany = Array.isArray(value) && value.length >= maxRows\n              return isNumber(rawInput) && !isOverHasMany\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            // numberOnly\n            onChange={handleHasManyChange}\n            options={[]}\n            placeholder={t('general:enterAValue')}\n            showError={showError}\n            value={valueToRender as Option[]}\n          />\n        ) : (\n          <div>\n            <input\n              disabled={readOnly}\n              id={`field-${path.replace(/\\./g, '__')}`}\n              max={max}\n              min={min}\n              name={path}\n              onChange={handleChange}\n              onWheel={(e) => {\n                // @ts-expect-error\n                e.target.blur()\n              }}\n              placeholder={getTranslation(placeholder, i18n)}\n              step={step}\n              type=\"number\"\n              value={typeof value === 'number' ? value : ''}\n            />\n          </div>\n        )}\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport const NumberField = withCondition(NumberFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Password/input.js

@@ -55,7 +55,7 @@ export const PasswordInput = props => {
   }
   const t4 = t3.join(" ");
   let t5;
-  if ($[4] !== style || $[5] !== width || $[6] !== label || $[7] !== localized || $[8] !== path || $[9] !== required || $[10] !== Label || $[11] !== showError || $[12] !== Error || $[13] !== i18n || $[14] !== placeholder || $[15] !== value || $[16] !== autoComplete || $[17] !== rtl || $[18] !== readOnly || $[19] !== onChange || $[20] !== onKeyDown || $[21] !== inputRef || $[22] !== BeforeInput || $[23] !== AfterInput || $[24] !== description || $[25] !== Description || $[26] !== t4) {
+  if ($[4] !== AfterInput || $[5] !== BeforeInput || $[6] !== Description || $[7] !== Error || $[8] !== Label || $[9] !== autoComplete || $[10] !== description || $[11] !== i18n || $[12] !== inputRef || $[13] !== label || $[14] !== localized || $[15] !== onChange || $[16] !== onKeyDown || $[17] !== path || $[18] !== placeholder || $[19] !== readOnly || $[20] !== required || $[21] !== rtl || $[22] !== showError || $[23] !== style || $[24] !== t4 || $[25] !== value || $[26] !== width) {
     t5 = _jsxs("div", {
       className: t4,
       style: {
@@ -102,29 +102,29 @@ export const PasswordInput = props => {
         })]
       })]
     });
-    $[4] = style;
-    $[5] = width;
-    $[6] = label;
-    $[7] = localized;
-    $[8] = path;
-    $[9] = required;
-    $[10] = Label;
-    $[11] = showError;
-    $[12] = Error;
-    $[13] = i18n;
-    $[14] = placeholder;
-    $[15] = value;
-    $[16] = autoComplete;
-    $[17] = rtl;
-    $[18] = readOnly;
-    $[19] = onChange;
-    $[20] = onKeyDown;
-    $[21] = inputRef;
-    $[22] = BeforeInput;
-    $[23] = AfterInput;
-    $[24] = description;
-    $[25] = Description;
-    $[26] = t4;
+    $[4] = AfterInput;
+    $[5] = BeforeInput;
+    $[6] = Description;
+    $[7] = Error;
+    $[8] = Label;
+    $[9] = autoComplete;
+    $[10] = description;
+    $[11] = i18n;
+    $[12] = inputRef;
+    $[13] = label;
+    $[14] = localized;
+    $[15] = onChange;
+    $[16] = onKeyDown;
+    $[17] = path;
+    $[18] = placeholder;
+    $[19] = readOnly;
+    $[20] = required;
+    $[21] = rtl;
+    $[22] = showError;
+    $[23] = style;
+    $[24] = t4;
+    $[25] = value;
+    $[26] = width;
     $[27] = t5;
   } else {
     t5 = $[27];

package/dist/fields/Password/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["c","_c","getTranslation","React","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","PasswordInput","props","$","AfterInput","autoComplete","t0","BeforeInput","className","description","Description","Error","inputRef","Label","label","localized","onChange","onKeyDown","path","placeholder","readOnly","required","rtl","showError","style","value","width","undefined","i18n","t1","t2","t3","filter","Boolean","t4","join","t5","_jsxs","children","_jsx","CustomComponent","Fallback","disabled","id","replace","name","ref","type"],"sources":["../../../src/fields/Password/input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { PasswordInputProps } from './types.js'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport const PasswordInput: React.FC<PasswordInputProps> = (props) => {\n  const {\n    AfterInput,\n    autoComplete = 'off',\n    BeforeInput,\n    className,\n    description,\n    Description,\n    Error,\n    inputRef,\n    Label,\n    label,\n    localized,\n    onChange,\n    onKeyDown,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    rtl,\n    showError,\n    style,\n    value,\n    width,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'password',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\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        <div>\n          {BeforeInput}\n          <input\n            aria-label={getTranslation(label, i18n)}\n            autoComplete={autoComplete}\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=\"password\"\n            value={value || ''}\n          />\n          {AfterInput}\n        </div>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"input.js","names":["c","_c","getTranslation","React","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","PasswordInput","props","$","AfterInput","autoComplete","t0","BeforeInput","className","description","Description","Error","inputRef","Label","label","localized","onChange","onKeyDown","path","placeholder","readOnly","required","rtl","showError","style","value","width","undefined","i18n","t1","t2","t3","filter","Boolean","t4","join","t5","_jsxs","children","_jsx","CustomComponent","Fallback","disabled","id","replace","name","ref","type"],"sources":["../../../src/fields/Password/input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { PasswordInputProps } from './types.js'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport const PasswordInput: React.FC<PasswordInputProps> = (props) => {\n  const {\n    AfterInput,\n    autoComplete = 'off',\n    BeforeInput,\n    className,\n    description,\n    Description,\n    Error,\n    inputRef,\n    Label,\n    label,\n    localized,\n    onChange,\n    onKeyDown,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    rtl,\n    showError,\n    style,\n    value,\n    width,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'password',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\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        <div>\n          {BeforeInput}\n          <input\n            aria-label={getTranslation(label, i18n)}\n            autoComplete={autoComplete}\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=\"password\"\n            value={value || ''}\n          />\n          {AfterInput}\n        </div>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/RadioGroup/Radio/index.js

@@ -43,7 +43,7 @@ export const Radio = props => {
     t3 = $[4];
   }
   let t4;
-  if ($[5] !== isSelected || $[6] !== readOnly || $[7] !== id || $[8] !== path || $[9] !== t3 || $[10] !== option.label || $[11] !== i18n || $[12] !== t2) {
+  if ($[5] !== i18n || $[6] !== id || $[7] !== isSelected || $[8] !== option.label || $[9] !== path || $[10] !== readOnly || $[11] !== t2 || $[12] !== t3) {
     const t5 = _jsx("input", {
       checked: isSelected,
       disabled: readOnly,
@@ -73,14 +73,14 @@ export const Radio = props => {
         })]
       })
     });
-    $[5] = isSelected;
-    $[6] = readOnly;
-    $[7] = id;
-    $[8] = path;
-    $[9] = t3;
-    $[10] = option.label;
-    $[11] = i18n;
-    $[12] = t2;
+    $[5] = i18n;
+    $[6] = id;
+    $[7] = isSelected;
+    $[8] = option.label;
+    $[9] = path;
+    $[10] = readOnly;
+    $[11] = t2;
+    $[12] = t3;
     $[13] = t4;
   } else {
     t4 = $[13];

package/dist/fields/RadioGroup/Radio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useEditDepth","useTranslation","baseClass","Radio","props","$","isSelected","onChange","option","path","readOnly","uuid","i18n","editDepth","id","value","t0","t1","filter","Boolean","t2","join","t3","t4","label","t5","_jsx","checked","disabled","name","type","t6","t7","htmlFor","children","_jsxs","className"],"sources":["../../../../src/fields/RadioGroup/Radio/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, RadioFieldClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useEditDepth } from '../../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'radio-input'\n\nexport const Radio: React.FC<{\n  id: string\n  isSelected: boolean\n  onChange: RadioFieldClientProps['onChange']\n  option: OptionObject\n  path: string\n  readOnly?: boolean\n  uuid?: string\n}> = (props) => {\n  const { isSelected, onChange, option, path, readOnly, uuid } = props\n  const { i18n } = useTranslation()\n\n  const editDepth = useEditDepth()\n\n  const id = `field-${path}-${option.value}${editDepth > 1 ? `-${editDepth}` : ''}${uuid ? `-${uuid}` : ''}`\n\n  return (\n    <label htmlFor={id}>\n      <div\n        className={[baseClass, isSelected && `${baseClass}--is-selected`].filter(Boolean).join(' ')}\n      >\n        <input\n          checked={isSelected}\n          disabled={readOnly}\n          id={id}\n          name={path}\n          onChange={() => (typeof onChange === 'function' ? onChange(option.value) : null)}\n          type=\"radio\"\n        />\n        <span\n          className={[\n            `${baseClass}__styled-radio`,\n            readOnly && `${baseClass}__styled-radio--disabled`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        />\n        <span className={`${baseClass}__label`}>{getTranslation(option.label, i18n)}</span>\n      </div>\n    </label>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,KAAA,GAQRC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACH;IAAAS,UAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAA+DP,KAAA;EAC/D;IAAAQ;EAAA,IAAiBX,cAAA;EAEjB,MAAAY,SAAA,GAAkBb,YAAA;EAElB,MAAAc,EAAA,GAAW,SAASL,IAAA,IAAQD,MAAA,CAAAO,KAAA,GAAeF,SAAA,IAAY,GAAI,IAAIA,SAAA,EAAW,GAAG,KAAKF,IAAA,GAAO,IAAIA,IAAA,EAAM,GAAG,IAAI;EAK7E,MAAAK,EAAA,GAAAV,UAAA,IAAc,GAAAJ,SAAA,eAA2B;EAAA,IAAAe,EAAA;EAAA,IAAAZ,CAAA,QAAAW,EAAA;IAArDC,EAAA,IAAAf,SAAA,EAAYc,EAAyC,EAAAE,MAAA,CAAAC,OAAS;IAAAd,CAAA,MAAAW,EAAA;IAAAX,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAA9D,MAAAe,EAAA,GAAAH,EAA8D,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAjB,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAO,KAAA;IAO3EO,EAAA,GAAAA,CAAA,KAAO,OAAOf,QAAA,KAAa,aAAaA,QAAA,CAASC,MAAA,CAAAO,KAAY,QAAI;IAAAV,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAG,MAAA,CAAAO,KAAA;IAAAV,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAlB,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAS,EAAA,IAAAT,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAiB,EAAA,IAAAjB,CAAA,SAAAG,MAAA,CAAAgB,KAAA,IAAAnB,CAAA,SAAAO,IAAA,IAAAP,CAAA,SAAAe,EAAA;IAL7E,MAAAK,EAAA,GAAAC,IAAA,CAAC;MAAAC,OAAA,EACUrB,UAAA;MAAAsB,QAAA,EACClB,QAAA;MAAAI,EAAA;MAAAe,IAAA,EAEJpB,IAAA;MAAAF,QAAA,EACIe,EAAiE;MAAAQ,IAAA,EACtE;IAAA,C;IAKH,MAAAC,EAAA,GAAArB,QAAA,IAAY,GAAAR,SAAA,0BAAsC;IAAA,IAAA8B,EAAA;IAAA,IAAA3B,CAAA,SAAA0B,EAAA;MAFzCC,EAAA,IACT,GAAA9B,SAAA,gBAA4B,EAC5B6B,EAAkD,EAAAb,MAAA,CAAAC,OAE1C;MAAAd,CAAA,OAAA0B,EAAA;MAAA1B,CAAA,OAAA2B,EAAA;IAAA;MAAAA,EAAA,GAAA3B,CAAA;IAAA;IAjBhBkB,EAAA,GAAAG,IAAA,CAAC;MAAAO,OAAA,EAAenB,EAAA;MAAAoB,QAAA,EACdC,KAAA,CAAC;QAAAC,SAAA,EACYhB,EAA4E;QAAAc,QAAA,GAEvFT,E,EAQAC,IAAA,CAAC;UAAAU,SAAA,EACYJ,EAID,CAAAX,IAAA,CACF;QAAA,C,GAEVK,IAAA,CAAC;UAAAU,SAAA,EAAgB,GAAAlC,SAAA,SAAqB;UAAAgC,QAAA,EAAGpC,cAAA,CAAeU,MAAA,CAAAgB,KAAA,EAAcZ,IAAA;QAAA,C;;;;;;;;;;;;;;;SApB1EW,E;CAwBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useEditDepth","useTranslation","baseClass","Radio","props","$","isSelected","onChange","option","path","readOnly","uuid","i18n","editDepth","id","value","t0","t1","filter","Boolean","t2","join","t3","t4","label","t5","_jsx","checked","disabled","name","type","t6","t7","htmlFor","children","_jsxs","className"],"sources":["../../../../src/fields/RadioGroup/Radio/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, RadioFieldClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useEditDepth } from '../../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'radio-input'\n\nexport const Radio: React.FC<{\n  id: string\n  isSelected: boolean\n  onChange: RadioFieldClientProps['onChange']\n  option: OptionObject\n  path: string\n  readOnly?: boolean\n  uuid?: string\n}> = (props) => {\n  const { isSelected, onChange, option, path, readOnly, uuid } = props\n  const { i18n } = useTranslation()\n\n  const editDepth = useEditDepth()\n\n  const id = `field-${path}-${option.value}${editDepth > 1 ? `-${editDepth}` : ''}${uuid ? `-${uuid}` : ''}`\n\n  return (\n    <label htmlFor={id}>\n      <div\n        className={[baseClass, isSelected && `${baseClass}--is-selected`].filter(Boolean).join(' ')}\n      >\n        <input\n          checked={isSelected}\n          disabled={readOnly}\n          id={id}\n          name={path}\n          onChange={() => (typeof onChange === 'function' ? onChange(option.value) : null)}\n          type=\"radio\"\n        />\n        <span\n          className={[\n            `${baseClass}__styled-radio`,\n            readOnly && `${baseClass}__styled-radio--disabled`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        />\n        <span className={`${baseClass}__label`}>{getTranslation(option.label, i18n)}</span>\n      </div>\n    </label>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,KAAA,GAQRC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACH;IAAAS,UAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAA+DP,KAAA;EAC/D;IAAAQ;EAAA,IAAiBX,cAAA;EAEjB,MAAAY,SAAA,GAAkBb,YAAA;EAElB,MAAAc,EAAA,GAAW,SAASL,IAAA,IAAQD,MAAA,CAAAO,KAAA,GAAeF,SAAA,IAAY,GAAI,IAAIA,SAAA,EAAW,GAAG,KAAKF,IAAA,GAAO,IAAIA,IAAA,EAAM,GAAG,IAAI;EAK7E,MAAAK,EAAA,GAAAV,UAAA,IAAc,GAAAJ,SAAA,eAA2B;EAAA,IAAAe,EAAA;EAAA,IAAAZ,CAAA,QAAAW,EAAA;IAArDC,EAAA,IAAAf,SAAA,EAAYc,EAAyC,EAAAE,MAAA,CAAAC,OAAS;IAAAd,CAAA,MAAAW,EAAA;IAAAX,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAA9D,MAAAe,EAAA,GAAAH,EAA8D,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAjB,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAO,KAAA;IAO3EO,EAAA,GAAAA,CAAA,KAAO,OAAOf,QAAA,KAAa,aAAaA,QAAA,CAASC,MAAA,CAAAO,KAAY,QAAI;IAAAV,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAG,MAAA,CAAAO,KAAA;IAAAV,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAlB,CAAA,QAAAO,IAAA,IAAAP,CAAA,QAAAS,EAAA,IAAAT,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAG,MAAA,CAAAgB,KAAA,IAAAnB,CAAA,QAAAI,IAAA,IAAAJ,CAAA,SAAAK,QAAA,IAAAL,CAAA,SAAAe,EAAA,IAAAf,CAAA,SAAAiB,EAAA;IAL7E,MAAAG,EAAA,GAAAC,IAAA,CAAC;MAAAC,OAAA,EACUrB,UAAA;MAAAsB,QAAA,EACClB,QAAA;MAAAI,EAAA;MAAAe,IAAA,EAEJpB,IAAA;MAAAF,QAAA,EACIe,EAAiE;MAAAQ,IAAA,EACtE;IAAA,C;IAKH,MAAAC,EAAA,GAAArB,QAAA,IAAY,GAAAR,SAAA,0BAAsC;IAAA,IAAA8B,EAAA;IAAA,IAAA3B,CAAA,SAAA0B,EAAA;MAFzCC,EAAA,IACT,GAAA9B,SAAA,gBAA4B,EAC5B6B,EAAkD,EAAAb,MAAA,CAAAC,OAE1C;MAAAd,CAAA,OAAA0B,EAAA;MAAA1B,CAAA,OAAA2B,EAAA;IAAA;MAAAA,EAAA,GAAA3B,CAAA;IAAA;IAjBhBkB,EAAA,GAAAG,IAAA,CAAC;MAAAO,OAAA,EAAenB,EAAA;MAAAoB,QAAA,EACdC,KAAA,CAAC;QAAAC,SAAA,EACYhB,EAA4E;QAAAc,QAAA,GAEvFT,E,EAQAC,IAAA,CAAC;UAAAU,SAAA,EACYJ,EAID,CAAAX,IAAA,CACF;QAAA,C,GAEVK,IAAA,CAAC;UAAAU,SAAA,EAAgB,GAAAlC,SAAA,SAAqB;UAAAgC,QAAA,EAAGpC,cAAA,CAAeU,MAAA,CAAAgB,KAAA,EAAcZ,IAAA;QAAA,C;;;;;;;;;;;;;;;SApB1EW,E;CAwBJ","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/RadioGroup/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAUnD,OAAO,cAAc,CAAA;AA4HrB,eAAO,MAAM,eAAe;;;;;;;;+EAA0C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/RadioGroup/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAUnD,OAAO,cAAc,CAAA;AA8HrB,eAAO,MAAM,eAAe;;;;;;;;+EAA0C,CAAA"}

package/dist/fields/RadioGroup/index.js

@@ -50,6 +50,8 @@ const RadioGroupFieldComponent = props => {
   }, [validate, options, required]);
   const {
     customComponents: {
+      AfterInput,
+      BeforeInput,
       Description,
       Error,
       Label
@@ -82,7 +84,7 @@ const RadioGroupFieldComponent = props => {
       })
     }), /*#__PURE__*/_jsxs("div", {
       className: `${fieldBaseClass}__wrap`,
-      children: [/*#__PURE__*/_jsx("ul", {
+      children: [BeforeInput, /*#__PURE__*/_jsx("ul", {
         className: `${baseClass}--group`,
         id: `field-${path.replace(/\./g, '__')}`,
         children: options.map(option => {
@@ -116,7 +118,7 @@ const RadioGroupFieldComponent = props => {
             })
           }, `${path} - ${optionValue}`);
         })
-      }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+      }), AfterInput, /*#__PURE__*/_jsx(RenderCustomComponent, {
         CustomComponent: Description,
         Fallback: /*#__PURE__*/_jsx(FieldDescription, {
           description: description,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["optionIsObject","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useForm","useField","withCondition","mergeFieldStyles","fieldBaseClass","Radio","baseClass","RadioGroupFieldComponent","props","disableModifyingForm","disableModifyingFormFromProps","field","admin","className","description","layout","label","localized","options","required","onChange","onChangeFromProps","path","readOnly","validate","value","valueFromProps","uuid","memoizedValidate","validationOptions","customComponents","Description","Error","Label","setValue","showError","valueFromContext","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","id","replace","map","option","optionValue","isSelected","String","RadioGroupField"],"sources":["../../../src/fields/RadioGroup/index.tsx"],"sourcesContent":["'use client'\nimport type { RadioFieldClientComponent, RadioFieldClientProps } from 'payload'\n\nimport { optionIsObject } from 'payload/shared'\nimport React, { useCallback, useMemo } from 'react'\n\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 { useForm } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { Radio } from './Radio/index.js'\n\nconst baseClass = 'radio-group'\n\nconst RadioGroupFieldComponent: RadioFieldClientComponent = (props) => {\n  const {\n    disableModifyingForm: disableModifyingFormFromProps,\n    field,\n    field: {\n      admin: {\n        className,\n        description,\n        layout = 'horizontal',\n      } = {} as RadioFieldClientProps['field']['admin'],\n      label,\n      localized,\n      options = [],\n      required,\n    } = {} as RadioFieldClientProps['field'],\n    onChange: onChangeFromProps,\n    path,\n    readOnly,\n    validate,\n    value: valueFromProps,\n  } = props\n\n  const { uuid } = useForm()\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, options, required })\n      }\n    },\n    [validate, options, required],\n  )\n\n  const {\n    customComponents: { Description, Error, Label } = {},\n    setValue,\n    showError,\n    value: valueFromContext,\n  } = useField<string>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const value = valueFromContext || valueFromProps\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        `${baseClass}--layout-${layout}`,\n        showError && 'error',\n        readOnly && `${baseClass}--read-only`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Error}\n        Fallback={<FieldError path={path} showError={showError} />}\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        <ul className={`${baseClass}--group`} id={`field-${path.replace(/\\./g, '__')}`}>\n          {options.map((option) => {\n            let optionValue = ''\n\n            if (optionIsObject(option)) {\n              optionValue = option.value\n            } else {\n              optionValue = option\n            }\n\n            const isSelected = String(optionValue) === String(value)\n\n            const id = `field-${path}-${optionValue}${uuid ? `-${uuid}` : ''}`\n\n            return (\n              <li key={`${path} - ${optionValue}`}>\n                <Radio\n                  id={id}\n                  isSelected={isSelected}\n                  onChange={() => {\n                    if (typeof onChangeFromProps === 'function') {\n                      onChangeFromProps(optionValue)\n                    }\n\n                    if (!readOnly) {\n                      setValue(optionValue, !!disableModifyingFormFromProps)\n                    }\n                  }}\n                  option={optionIsObject(option) ? option : { label: option, value: option }}\n                  path={path}\n                  readOnly={readOnly}\n                  uuid={uuid}\n                />\n              </li>\n            )\n          })}\n        </ul>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport const RadioGroupField = withCondition(RadioGroupFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["optionIsObject","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useForm","useField","withCondition","mergeFieldStyles","fieldBaseClass","Radio","baseClass","RadioGroupFieldComponent","props","disableModifyingForm","disableModifyingFormFromProps","field","admin","className","description","layout","label","localized","options","required","onChange","onChangeFromProps","path","readOnly","validate","value","valueFromProps","uuid","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","setValue","showError","valueFromContext","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","id","replace","map","option","optionValue","isSelected","String","RadioGroupField"],"sources":["../../../src/fields/RadioGroup/index.tsx"],"sourcesContent":["'use client'\nimport type { RadioFieldClientComponent, RadioFieldClientProps } from 'payload'\n\nimport { optionIsObject } from 'payload/shared'\nimport React, { useCallback, useMemo } from 'react'\n\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 { useForm } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { Radio } from './Radio/index.js'\n\nconst baseClass = 'radio-group'\n\nconst RadioGroupFieldComponent: RadioFieldClientComponent = (props) => {\n  const {\n    disableModifyingForm: disableModifyingFormFromProps,\n    field,\n    field: {\n      admin: {\n        className,\n        description,\n        layout = 'horizontal',\n      } = {} as RadioFieldClientProps['field']['admin'],\n      label,\n      localized,\n      options = [],\n      required,\n    } = {} as RadioFieldClientProps['field'],\n    onChange: onChangeFromProps,\n    path,\n    readOnly,\n    validate,\n    value: valueFromProps,\n  } = props\n\n  const { uuid } = useForm()\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, options, required })\n      }\n    },\n    [validate, options, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    setValue,\n    showError,\n    value: valueFromContext,\n  } = useField<string>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const value = valueFromContext || valueFromProps\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        `${baseClass}--layout-${layout}`,\n        showError && 'error',\n        readOnly && `${baseClass}--read-only`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Error}\n        Fallback={<FieldError path={path} showError={showError} />}\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        {BeforeInput}\n        <ul className={`${baseClass}--group`} id={`field-${path.replace(/\\./g, '__')}`}>\n          {options.map((option) => {\n            let optionValue = ''\n\n            if (optionIsObject(option)) {\n              optionValue = option.value\n            } else {\n              optionValue = option\n            }\n\n            const isSelected = String(optionValue) === String(value)\n\n            const id = `field-${path}-${optionValue}${uuid ? `-${uuid}` : ''}`\n\n            return (\n              <li key={`${path} - ${optionValue}`}>\n                <Radio\n                  id={id}\n                  isSelected={isSelected}\n                  onChange={() => {\n                    if (typeof onChangeFromProps === 'function') {\n                      onChangeFromProps(optionValue)\n                    }\n\n                    if (!readOnly) {\n                      setValue(optionValue, !!disableModifyingFormFromProps)\n                    }\n                  }}\n                  option={optionIsObject(option) ? option : { label: option, value: option }}\n                  path={path}\n                  readOnly={readOnly}\n                  uuid={uuid}\n                />\n              </li>\n            )\n          })}\n        </ul>\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport const RadioGroupField = withCondition(RadioGroupFieldComponent)\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAE5C,SAASC,qBAAqB,QAAQ;AACtC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,OAAO,QAAQ;AACxB,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,gBAAgB,QAAQ;AACjC,OAAO;AACP,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,QAAQ;AAEtB,MAAMC,SAAA,GAAY;AAElB,MAAMC,wBAAA,GAAuDC,KAAA;EAC3D,MAAM;IACJC,oBAAA,EAAsBC,6BAA6B;IACnDC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QACLC,SAAS;QACTC,WAAW;QACXC,MAAA,GAAS;MAAY,CACtB,GAAG,CAAC,CAA4C;MACjDC,KAAK;MACLC,SAAS;MACTC,OAAA,GAAU,EAAE;MACZC;IAAQ,CACT,GAAG,CAAC,CAAmC;IACxCC,QAAA,EAAUC,iBAAiB;IAC3BC,IAAI;IACJC,QAAQ;IACRC,QAAQ;IACRC,KAAA,EAAOC;EAAc,CACtB,GAAGlB,KAAA;EAEJ,MAAM;IAAEmB;EAAI,CAAE,GAAG3B,OAAA;EAEjB,MAAM4B,gBAAA,GAAmBlC,WAAA,CACvB,CAAC+B,KAAA,EAAOI,iBAAA;IACN,IAAI,OAAOL,QAAA,KAAa,YAAY;MAClC,OAAOA,QAAA,CAASC,KAAA,EAAO;QAAE,GAAGI,iBAAiB;QAAEX,OAAA;QAASC;MAAS;IACnE;EACF,GACA,CAACK,QAAA,EAAUN,OAAA,EAASC,QAAA,CAAS;EAG/B,MAAM;IACJW,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAC7EC,QAAQ;IACRC,SAAS;IACTZ,KAAA,EAAOa;EAAgB,CACxB,GAAGrC,QAAA,CAAiB;IACnBqB,IAAA;IACAE,QAAA,EAAUI;EACZ;EAEA,MAAMH,OAAA,GAAQa,gBAAA,IAAoBZ,cAAA;EAElC,MAAMa,MAAA,GAAS5C,OAAA,CAAQ,MAAMQ,gBAAA,CAAiBQ,KAAA,GAAQ,CAACA,KAAA,CAAM;EAE7D,oBACE6B,KAAA,CAAC;IACC3B,SAAA,EAAW,CACTT,cAAA,EACAE,SAAA,EACAO,SAAA,EACA,GAAGP,SAAA,YAAqBS,MAAA,EAAQ,EAChCsB,SAAA,IAAa,SACbd,QAAA,IAAY,GAAGjB,SAAA,aAAsB,CACtC,CACEmC,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IACRC,KAAA,EAAOL,MAAA;4BAEPM,IAAA,CAACjD,qBAAA;MACCkD,eAAA,EAAiBZ,KAAA;MACjBa,QAAA,eAAUF,IAAA,CAAC/C,UAAA;QAAWwB,IAAA,EAAMA,IAAA;QAAMe,SAAA,EAAWA;;qBAE/CQ,IAAA,CAACjD,qBAAA;MACCkD,eAAA,EAAiBX,KAAA;MACjBY,QAAA,eACEF,IAAA,CAAC9C,UAAA;QAAWiB,KAAA,EAAOA,KAAA;QAAOC,SAAA,EAAWA,SAAA;QAAWK,IAAA,EAAMA,IAAA;QAAMH,QAAA,EAAUA;;qBAG1EqB,KAAA,CAAC;MAAI3B,SAAA,EAAW,GAAGT,cAAA,QAAsB;iBACtC4B,WAAA,E,aACDa,IAAA,CAAC;QAAGhC,SAAA,EAAW,GAAGP,SAAA,SAAkB;QAAE0C,EAAA,EAAI,SAAS1B,IAAA,CAAK2B,OAAO,CAAC,OAAO,OAAO;kBAC3E/B,OAAA,CAAQgC,GAAG,CAAEC,MAAA;UACZ,IAAIC,WAAA,GAAc;UAElB,IAAI5D,cAAA,CAAe2D,MAAA,GAAS;YAC1BC,WAAA,GAAcD,MAAA,CAAO1B,KAAK;UAC5B,OAAO;YACL2B,WAAA,GAAcD,MAAA;UAChB;UAEA,MAAME,UAAA,GAAaC,MAAA,CAAOF,WAAA,MAAiBE,MAAA,CAAO7B,OAAA;UAElD,MAAMuB,EAAA,GAAK,SAAS1B,IAAA,IAAQ8B,WAAA,GAAczB,IAAA,GAAO,IAAIA,IAAA,EAAM,GAAG,IAAI;UAElE,oBACEkB,IAAA,CAAC;sBACC,aAAAA,IAAA,CAACxC,KAAA;cACC2C,EAAA,EAAIA,EAAA;cACJK,UAAA,EAAYA,UAAA;cACZjC,QAAA,EAAUA,CAAA;gBACR,IAAI,OAAOC,iBAAA,KAAsB,YAAY;kBAC3CA,iBAAA,CAAkB+B,WAAA;gBACpB;gBAEA,IAAI,CAAC7B,QAAA,EAAU;kBACba,QAAA,CAASgB,WAAA,EAAa,CAAC,CAAC1C,6BAAA;gBAC1B;cACF;cACAyC,MAAA,EAAQ3D,cAAA,CAAe2D,MAAA,IAAUA,MAAA,GAAS;gBAAEnC,KAAA,EAAOmC,MAAA;gBAAQ1B,KAAA,EAAO0B;cAAO;cACzE7B,IAAA,EAAMA,IAAA;cACNC,QAAA,EAAUA,QAAA;cACVI,IAAA,EAAMA;;aAhBD,GAAGL,IAAA,MAAU8B,WAAA,EAAa;QAoBvC;UAEDrB,UAAA,E,aACDc,IAAA,CAACjD,qBAAA;QACCkD,eAAA,EAAiBb,WAAA;QACjBc,QAAA,eAAUF,IAAA,CAAChD,gBAAA;UAAiBiB,WAAA,EAAaA,WAAA;UAAaQ,IAAA,EAAMA;;;;;AAKtE;AAEA,OAAO,MAAMiC,eAAA,GAAkBrD,aAAA,CAAcK,wBAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAwE,MAAM,OAAO,CAAA;AAwB5F,OAAO,cAAc,CAAA;AAorBrB,eAAO,MAAM,iBAAiB;;;;;+EAA4C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAwE,MAAM,OAAO,CAAA;AAwB5F,OAAO,cAAc,CAAA;AAsrBrB,eAAO,MAAM,iBAAiB;;;;;+EAA4C,CAAA"}

package/dist/fields/Relationship/index.js

@@ -95,6 +95,8 @@ const RelationshipFieldComponent = props => {
   }, [validate, required]);
   const {
     customComponents: {
+      AfterInput,
+      BeforeInput,
       Description,
       Error,
       Label
@@ -479,7 +481,7 @@ const RelationshipFieldComponent = props => {
           path: path,
           showError: showError
         })
-      }), !errorLoading && /*#__PURE__*/_jsxs("div", {
+      }), BeforeInput, !errorLoading && /*#__PURE__*/_jsxs("div", {
         className: `${baseClass}__wrap`,
         children: [/*#__PURE__*/_jsx(ReactSelect, {
           backspaceRemovesValue: !isDrawerOpen,
@@ -568,7 +570,7 @@ const RelationshipFieldComponent = props => {
       }), errorLoading && /*#__PURE__*/_jsx("div", {
         className: `${baseClass}__error-loading`,
         children: errorLoading
-      }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+      }), AfterInput, /*#__PURE__*/_jsx(RenderCustomComponent, {
         CustomComponent: Description,
         Fallback: /*#__PURE__*/_jsx(FieldDescription, {
           description: description,