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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useCallback","Banner","Button","DraggableSortableItem","DraggableSortable","DrawerToggler","useDrawerSlug","ErrorPill","RenderCustomComponent","useForm","useFormSubmitted","extractRowsAndCollapsedIDs","toggleAllRows","NullifyLocaleField","useField","withCondition","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","FieldDescription","FieldError","FieldLabel","fieldBaseClass","BlockRow","BlocksDrawer","baseClass","BlocksFieldComponent","props","$","i18n","t","field","t0","path","permissions","readOnly","schemaPath","schemaPathFromProps","validate","name","admin","t1","blocks","label","labels","labelsFromProps","localized","maxRows","minRows","minRowsProp","required","t2","undefined","className","description","isSortable","t3","setDocFieldPreferences","addFieldRow","dispatchFields","setModified","code","locale","config","t4","localization","drawerSlug","submitted","plural","singular","t5","bb0","fallback","defaultLocale","editingDefaultLocale","t6","value","options","memoizedValidate","t7","hasRows","customComponents","t8","errorPaths","rows","t9","showError","valid","value_0","t10","Description","Error","Label","t11","t12","rowIndex","blockType","setTimeout","addRow","t13","rowIndex_0","type","duplicateRow","t14","rowIndex_1","removeRow","t15","moveFromIndex","moveToIndex","moveRow","t16","collapsed","collapsedIDs","updatedRows","toggleCollapseAll","t17","rowID","collapsed_0","collapsedIDs_0","updatedRows_0","setCollapse","hasMaxRows","length","fieldErrorCount","fieldHasErrors","showMinRows","showRequired","t18","t19","filter","Boolean","t20","_jsx","CustomComponent","Fallback","t21","count","withMessage","_jsxs","join","id","replace","children","onClick","fieldValue","ids","map","_temp","onDragEnd","t22","moveFromIndex_0","moveToIndex_0","row_0","i","blockType_0","row","blockConfig","find","block","slug","rowPath","rowErrorCount","errorPath","startsWith","disabled","draggableSortableItemProps","errorCount","fields","parentPath","rowCount","buttonStyle","el","icon","iconPosition","iconStyle","addRowIndex","BlocksField"],"sources":["../../../src/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback } from 'react'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../../elements/DraggableSortable/index.js'\nimport { DrawerToggler } from '../../elements/Drawer/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useForm, useFormSubmitted } from '../../forms/Form/context.js'\nimport { extractRowsAndCollapsedIDs, toggleAllRows } from '../../forms/Form/rowHelpers.js'\nimport { NullifyLocaleField } from '../../forms/NullifyField/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { scrollToID } from '../../utilities/scrollToID.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 { BlockRow } from './BlockRow.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'blocks-field'\n\nconst BlocksFieldComponent: BlocksFieldClientComponent = (props) => {\n  const { i18n, t } = useTranslation()\n\n  const {\n    field: {\n      name,\n      admin: { className, description, isSortable = true } = {},\n      blocks,\n      label,\n      labels: labelsFromProps,\n      localized,\n      maxRows,\n      minRows: minRowsProp,\n      required,\n    },\n    path,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n    validate,\n  } = props\n  const schemaPath = schemaPathFromProps ?? name\n\n  const minRows = (minRowsProp ?? required) ? 1 : 0\n\n  const { setDocFieldPreferences } = useDocumentInfo()\n  const { addFieldRow, dispatchFields, setModified } = useForm()\n  const { code: locale } = useLocale()\n  const {\n    config: { localization },\n  } = useConfig()\n  const drawerSlug = useDrawerSlug('blocks-drawer')\n  const submitted = useFormSubmitted()\n\n  const labels = {\n    plural: t('fields:blocks'),\n    singular: t('fields:block'),\n    ...labelsFromProps,\n  }\n\n  const editingDefaultLocale = (() => {\n    if (localization && localization.fallback) {\n      const defaultLocale = localization.defaultLocale || 'en'\n      return locale === defaultLocale\n    }\n\n    return true\n  })()\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      // alternative locales can be null\n      if (!editingDefaultLocale && value === null) {\n        return true\n      }\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, maxRows, minRows, required })\n      }\n    },\n    [maxRows, minRows, required, validate, editingDefaultLocale],\n  )\n\n  const {\n    customComponents: { Description, Error, Label } = {},\n    errorPaths,\n    rows = [],\n    showError,\n    valid,\n    value,\n  } = useField<number>({\n    hasRows: true,\n    path,\n    validate: memoizedValidate,\n  })\n\n  const addRow = useCallback(\n    (rowIndex: number, blockType: string) => {\n      addFieldRow({\n        blockType,\n        path,\n        rowIndex,\n        schemaPath,\n      })\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex + 1}`)\n      }, 0)\n    },\n    [addFieldRow, path, schemaPath],\n  )\n\n  const duplicateRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({ type: 'DUPLICATE_ROW', path, rowIndex })\n      setModified(true)\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex + 1}`)\n      }, 0)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const removeRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({\n        type: 'REMOVE_ROW',\n        path,\n        rowIndex,\n      })\n\n      setModified(true)\n    },\n    [path, dispatchFields, setModified],\n  )\n\n  const moveRow = useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      dispatchFields({ type: 'MOVE_ROW', moveFromIndex, moveToIndex, path })\n      setModified(true)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const toggleCollapseAll = useCallback(\n    (collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = toggleAllRows({\n        collapsed,\n        rows,\n      })\n      dispatchFields({ type: 'SET_ALL_ROWS_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rows, setDocFieldPreferences],\n  )\n\n  const setCollapse = useCallback(\n    (rowID: string, collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = extractRowsAndCollapsedIDs({\n        collapsed,\n        rowID,\n        rows,\n      })\n      dispatchFields({ type: 'SET_ROW_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rows, setDocFieldPreferences],\n  )\n\n  const hasMaxRows = maxRows && rows.length >= maxRows\n\n  const fieldErrorCount = errorPaths.length\n  const fieldHasErrors = submitted && fieldErrorCount + (valid ? 0 : 1) > 0\n\n  const showMinRows = rows.length < minRows || (required && rows.length === 0)\n  const showRequired = readOnly && rows.length === 0\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n    >\n      {showError && (\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n      )}\n      <header className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <div className={`${baseClass}__heading-with-error`}>\n            <h3>\n              <RenderCustomComponent\n                CustomComponent={Label}\n                Fallback={\n                  <FieldLabel label={label} localized={localized} path={path} required={required} />\n                }\n              />\n            </h3>\n            {fieldHasErrors && fieldErrorCount > 0 && (\n              <ErrorPill count={fieldErrorCount} i18n={i18n} withMessage />\n            )}\n          </div>\n          {rows.length > 0 && (\n            <ul className={`${baseClass}__header-actions`}>\n              <li>\n                <button\n                  className={`${baseClass}__header-action`}\n                  onClick={() => toggleCollapseAll(true)}\n                  type=\"button\"\n                >\n                  {t('fields:collapseAll')}\n                </button>\n              </li>\n              <li>\n                <button\n                  className={`${baseClass}__header-action`}\n                  onClick={() => toggleCollapseAll(false)}\n                  type=\"button\"\n                >\n                  {t('fields:showAll')}\n                </button>\n              </li>\n            </ul>\n          )}\n        </div>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </header>\n      <NullifyLocaleField fieldValue={value} localized={localized} path={path} />\n      {(rows.length > 0 || (!valid && (showRequired || showMinRows))) && (\n        <DraggableSortable\n          className={`${baseClass}__rows`}\n          ids={rows.map((row) => row.id)}\n          onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n        >\n          {rows.map((row, i) => {\n            const { blockType } = row\n            const blockConfig = blocks.find((block) => block.slug === blockType)\n\n            if (blockConfig) {\n              const rowPath = `${path}.${i}`\n\n              const rowErrorCount = errorPaths.filter((errorPath) =>\n                errorPath.startsWith(rowPath + '.'),\n              ).length\n\n              return (\n                <DraggableSortableItem disabled={readOnly || !isSortable} id={row.id} key={row.id}>\n                  {(draggableSortableItemProps) => (\n                    <BlockRow\n                      {...draggableSortableItemProps}\n                      addRow={addRow}\n                      block={blockConfig}\n                      blocks={blocks}\n                      duplicateRow={duplicateRow}\n                      errorCount={rowErrorCount}\n                      fields={blockConfig.fields}\n                      hasMaxRows={hasMaxRows}\n                      isSortable={isSortable}\n                      Label={Label}\n                      labels={labels}\n                      moveRow={moveRow}\n                      parentPath={path}\n                      path={rowPath}\n                      permissions={permissions}\n                      readOnly={readOnly}\n                      removeRow={removeRow}\n                      row={row}\n                      rowCount={rows.length}\n                      rowIndex={i}\n                      schemaPath={schemaPath + blockConfig.slug}\n                      setCollapse={setCollapse}\n                    />\n                  )}\n                </DraggableSortableItem>\n              )\n            }\n\n            return null\n          })}\n          {!editingDefaultLocale && (\n            <React.Fragment>\n              {showMinRows && (\n                <Banner type=\"error\">\n                  {t('validation:requiresAtLeast', {\n                    count: minRows,\n                    label:\n                      getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) ||\n                      t(minRows > 1 ? 'general:row' : 'general:rows'),\n                  })}\n                </Banner>\n              )}\n              {showRequired && (\n                <Banner>\n                  {t('validation:fieldHasNo', { label: getTranslation(labels.plural, i18n) })}\n                </Banner>\n              )}\n            </React.Fragment>\n          )}\n        </DraggableSortable>\n      )}\n      {!hasMaxRows && (\n        <Fragment>\n          <DrawerToggler\n            className={`${baseClass}__drawer-toggler`}\n            disabled={readOnly}\n            slug={drawerSlug}\n          >\n            <Button\n              buttonStyle=\"icon-label\"\n              disabled={readOnly}\n              el=\"span\"\n              icon=\"plus\"\n              iconPosition=\"left\"\n              iconStyle=\"with-border\"\n            >\n              {t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n            </Button>\n          </DrawerToggler>\n          <BlocksDrawer\n            addRow={addRow}\n            addRowIndex={rows?.length || 0}\n            blocks={blocks}\n            drawerSlug={drawerSlug}\n            labels={labels}\n          />\n        </Fragment>\n      )}\n    </div>\n  )\n}\n\nexport const BlocksField = withCondition(BlocksFieldComponent)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,QAAQ,EAAEC,WAAW,QAAQ;AAE7C,SAASC,MAAM,QAAQ;AACvB,SAASC,MAAM,QAAQ;AACvB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,aAAa,QAAQ;AAC9B,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,OAAO,EAAEC,gBAAgB,QAAQ;AAC1C,SAASC,0BAA0B,EAAEC,aAAa,QAAQ;AAC1D,SAASC,kBAAkB,QAAQ;AACnC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,QAAQ,QAAQ;AACzB,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,oBAAA,GAAmDC,KAAA;EAAA,MAAAC,CAAA,GAAAlC,EAAA;EACvD;IAAAmC,IAAA;IAAAC;EAAA,IAAoBb,cAAA;EAEpB;IAAAc,KAAA,EAAAC,EAAA;IAAAC,IAAA;IAAAC,WAAA;IAAAC,QAAA;IAAAC,UAAA,EAAAC,mBAAA;IAAAC;EAAA,IAiBIX,KAAA;EAhBK;IAAAY,IAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,MAAA,EAAAC,eAAA;IAAAC,SAAA;IAAAC,OAAA;IAAAC,OAAA,EAAAC,WAAA;IAAAC;EAAA,IAAAlB,EAUN;EAAA,IAAAmB,EAAA;EAAA,IAAAvB,CAAA,QAAAa,EAAA;IARQU,EAAA,GAAAV,EAAkD,KAAAW,SAAA,QAAlDX,EAAkD;IAAAb,CAAA,MAAAa,EAAA;IAAAb,CAAA,MAAAuB,EAAA;EAAA;IAAAA,EAAA,GAAAvB,CAAA;EAAA;EAAlD;IAAAyB,SAAA;IAAAC,WAAA;IAAAC,UAAA,EAAAC;EAAA,IAAAL,EAAkD;EAAxB,MAAAI,UAAA,GAAAC,EAAiB,KAAAJ,SAAA,UAAjBI,EAAiB;EAetD,MAAApB,UAAA,GAAmBC,mBAAA,IAAuBE,IAAA;EAE1C,MAAAS,OAAA,GAAgBC,WAAC,IAAeC,QAAA,QAAgB;EAEhD;IAAAO;EAAA,IAAmC1C,eAAA;EACnC;IAAA2C,WAAA;IAAAC,cAAA;IAAAC;EAAA,IAAqDrD,OAAA;EACrD;IAAAsD,IAAA,EAAAC;EAAA,IAAyB9C,SAAA;EACzB;IAAA+C,MAAA,EAAAC;EAAA,IAEIlD,SAAA;EADM;IAAAmD;EAAA,IAAAD,EAAgB;EAE1B,MAAAE,UAAA,GAAmB9D,aAAA,CAAc;EACjC,MAAA+D,SAAA,GAAkB3D,gBAAA;EAElB,MAAAoC,MAAA;IAAAwB,MAAA,EACUtC,CAAA,CAAE;IAAAuC,QAAA,EACAvC,CAAA,CAAE;IAAA,GACTe;EAAe;EACpB,IAAAyB,EAAA;EAAAC,GAAA;IAAA,IAGMN,YAAA,IAAgBA,YAAA,CAAAO,QAAqB;MACvC,MAAAC,aAAA,GAAsBR,YAAA,CAAAQ,aAAA,IAA8B;MACpDH,EAAA,GAAOR,MAAA,KAAWW,aAAA;MAAA,MAAAF,GAAA;IAAA;IAGpBD,EAAA;EAAO;EANT,MAAAI,oBAAA,GAA6BJ,EAO7B;EAAA,IAAAK,EAAA;EAAA,IAAA/C,CAAA,QAAA8C,oBAAA,IAAA9C,CAAA,QAAAU,QAAA,IAAAV,CAAA,QAAAmB,OAAA,IAAAnB,CAAA,QAAAoB,OAAA,IAAApB,CAAA,QAAAsB,QAAA;IAGEyB,EAAA,GAAAA,CAAAC,KAAA,EAAAC,OAAA;MAAA,IAEM,CAACH,oBAAA,IAAwBE,KAAA,SAAU;QAAA;MAAA;MAAA,IAGnC,OAAOtC,QAAA,KAAa;QAAA,OACfA,QAAA,CAASsC,KAAA;UAAA,GAAYC,OAAO;UAAA9B,OAAA;UAAAC,OAAA;UAAAE;QAAA,CAA6B;MAAA;IAAA;IAEpEtB,CAAA,MAAA8C,oBAAA;IAAA9C,CAAA,MAAAU,QAAA;IAAAV,CAAA,MAAAmB,OAAA;IAAAnB,CAAA,MAAAoB,OAAA;IAAApB,CAAA,MAAAsB,QAAA;IAAAtB,CAAA,MAAA+C,EAAA;EAAA;IAAAA,EAAA,GAAA/C,CAAA;EAAA;EATF,MAAAkD,gBAAA,GAAyBH,EAUqC;EAAA,IAAAI,EAAA;EAAA,IAAAnD,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAkD,gBAAA;IAUzCC,EAAA;MAAAC,OAAA;MAAA/C,IAAA;MAAAK,QAAA,EAGTwC;IAAA;IACZlD,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAkD,gBAAA;IAAAlD,CAAA,OAAAmD,EAAA;EAAA;IAAAA,EAAA,GAAAnD,CAAA;EAAA;EAXA;IAAAqD,gBAAA,EAAAC,EAAA;IAAAC,UAAA;IAAAC,IAAA,EAAAC,EAAA;IAAAC,SAAA;IAAAC,KAAA;IAAAX,KAAA,EAAAY;EAAA,IAOI5E,QAAA,CAAiBmE,EAIrB;EAAA,IAAAU,GAAA;EAAA,IAAA7D,CAAA,SAAAsD,EAAA;IAVoBO,GAAA,GAAAP,EAAkC,KAAA9B,SAAA,QAAlC8B,EAAkC;IAAAtD,CAAA,OAAAsD,EAAA;IAAAtD,CAAA,OAAA6D,GAAA;EAAA;IAAAA,GAAA,GAAA7D,CAAA;EAAA;EAAlC;IAAA8D,WAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAH,GAAkC;EAAA,IAAAI,GAAA;EAAA,IAAAjE,CAAA,SAAAyD,EAAA;IAEpDQ,GAAA,GAAAR,EAAS,KAAAjC,SAAA,QAATiC,EAAS;IAAAzD,CAAA,OAAAyD,EAAA;IAAAzD,CAAA,OAAAiE,GAAA;EAAA;IAAAA,GAAA,GAAAjE,CAAA;EAAA;EAAT,MAAAwD,IAAA,GAAAS,GAAS;EAAA,IAAAC,GAAA;EAAA,IAAAlE,CAAA,SAAA8B,WAAA,IAAA9B,CAAA,SAAAK,IAAA,IAAAL,CAAA,SAAAQ,UAAA;IAWT0D,GAAA,GAAAA,CAAAC,QAAA,EAAAC,SAAA;MACEtC,WAAA;QAAAsC,SAAA;QAAA/D,IAAA;QAAA8D,QAAA;QAAA3D;MAAA,CAKA;MAEA6D,UAAA;QACE/E,UAAA,CAAW,GAAGe,IAAA,QAAY8D,QAAA,IAAW,EAAG;MAAA,IACvC;IAAA;IACLnE,CAAA,OAAA8B,WAAA;IAAA9B,CAAA,OAAAK,IAAA;IAAAL,CAAA,OAAAQ,UAAA;IAAAR,CAAA,OAAAkE,GAAA;EAAA;IAAAA,GAAA,GAAAlE,CAAA;EAAA;EAZF,MAAAsE,MAAA,GAAeJ,GAakB;EAAA,IAAAK,GAAA;EAAA,IAAAvE,CAAA,SAAA+B,cAAA,IAAA/B,CAAA,SAAAK,IAAA,IAAAL,CAAA,SAAAgC,WAAA;IAI/BuC,GAAA,GAAAC,UAAA;MACEzC,cAAA;QAAA0C,IAAA,EAAuB;QAAApE,IAAA;QAAA8D,QAAA,EAAuBA;MAAA,CAAS;MACvDnC,WAAA,KAAY;MAEZqC,UAAA;QACE/E,UAAA,CAAW,GAAGe,IAAA,QAAY8D,UAAA,IAAW,EAAG;MAAA,IACvC;IAAA;IACLnE,CAAA,OAAA+B,cAAA;IAAA/B,CAAA,OAAAK,IAAA;IAAAL,CAAA,OAAAgC,WAAA;IAAAhC,CAAA,OAAAuE,GAAA;EAAA;IAAAA,GAAA,GAAAvE,CAAA;EAAA;EARF,MAAA0E,YAAA,GAAqBH,GASgB;EAAA,IAAAI,GAAA;EAAA,IAAA3E,CAAA,SAAA+B,cAAA,IAAA/B,CAAA,SAAAK,IAAA,IAAAL,CAAA,SAAAgC,WAAA;IAInC2C,GAAA,GAAAC,UAAA;MACE7C,cAAA;QAAA0C,IAAA,EACQ;QAAApE,IAAA;QAAA8D,QAAA,EAENA;MAAA,CACF;MAEAnC,WAAA,KAAY;IAAA;IACdhC,CAAA,OAAA+B,cAAA;IAAA/B,CAAA,OAAAK,IAAA;IAAAL,CAAA,OAAAgC,WAAA;IAAAhC,CAAA,OAAA2E,GAAA;EAAA;IAAAA,GAAA,GAAA3E,CAAA;EAAA;EATF,MAAA6E,SAAA,GAAkBF,GAUmB;EAAA,IAAAG,GAAA;EAAA,IAAA9E,CAAA,SAAA+B,cAAA,IAAA/B,CAAA,SAAAK,IAAA,IAAAL,CAAA,SAAAgC,WAAA;IAInC8C,GAAA,GAAAA,CAAAC,aAAA,EAAAC,WAAA;MACEjD,cAAA;QAAA0C,IAAA,EAAuB;QAAAM,aAAA;QAAAC,WAAA;QAAA3E;MAAA,CAA6C;MACpE2B,WAAA,KAAY;IAAA;IACdhC,CAAA,OAAA+B,cAAA;IAAA/B,CAAA,OAAAK,IAAA;IAAAL,CAAA,OAAAgC,WAAA;IAAAhC,CAAA,OAAA8E,GAAA;EAAA;IAAAA,GAAA,GAAA9E,CAAA;EAAA;EAJF,MAAAiF,OAAA,GAAgBH,GAKqB;EAAA,IAAAI,GAAA;EAAA,IAAAlF,CAAA,SAAAwD,IAAA,IAAAxD,CAAA,SAAA+B,cAAA,IAAA/B,CAAA,SAAAK,IAAA,IAAAL,CAAA,SAAA6B,sBAAA;IAInCqD,GAAA,GAAAC,SAAA;MACE;QAAAC,YAAA;QAAAC;MAAA,IAAsCvG,aAAA;QAAAqG,SAAA;QAAA3B;MAAA,CAGtC;MACAzB,cAAA;QAAA0C,IAAA,EAAuB;QAAApE,IAAA;QAAAgF;MAAA,CAA4C;MACnExD,sBAAA,CAAuBxB,IAAA;QAAA8E,SAAA,EAAmBC;MAAA,CAAa;IAAA;IACzDpF,CAAA,OAAAwD,IAAA;IAAAxD,CAAA,OAAA+B,cAAA;IAAA/B,CAAA,OAAAK,IAAA;IAAAL,CAAA,OAAA6B,sBAAA;IAAA7B,CAAA,OAAAkF,GAAA;EAAA;IAAAA,GAAA,GAAAlF,CAAA;EAAA;EARF,MAAAsF,iBAAA,GAA0BJ,GAS4B;EAAA,IAAAK,GAAA;EAAA,IAAAvF,CAAA,SAAAwD,IAAA,IAAAxD,CAAA,SAAA+B,cAAA,IAAA/B,CAAA,SAAAK,IAAA,IAAAL,CAAA,SAAA6B,sBAAA;IAIpD0D,GAAA,GAAAA,CAAAC,KAAA,EAAAC,WAAA;MACE;QAAAL,YAAA,EAAAM,cAAA;QAAAL,WAAA,EAAAM;MAAA,IAAsC9G,0BAAA;QAAAsG,SAAA,EACpCA,WAAA;QAAAK,KAAA;QAAAhC;MAAA,CAGF;MACAzB,cAAA;QAAA0C,IAAA,EAAuB;QAAApE,IAAA;QAAAgF,WAAA,EAA2BA;MAAA,CAAY;MAC9DxD,sBAAA,CAAuBxB,IAAA;QAAA8E,SAAA,EAAmBC;MAAA,CAAa;IAAA;IACzDpF,CAAA,OAAAwD,IAAA;IAAAxD,CAAA,OAAA+B,cAAA;IAAA/B,CAAA,OAAAK,IAAA;IAAAL,CAAA,OAAA6B,sBAAA;IAAA7B,CAAA,OAAAuF,GAAA;EAAA;IAAAA,GAAA,GAAAvF,CAAA;EAAA;EATF,MAAA4F,WAAA,GAAoBL,GAUkC;EAGtD,MAAAM,UAAA,GAAmB1E,OAAA,IAAWqC,IAAA,CAAAsC,MAAA,IAAe3E,OAAA;EAE7C,MAAA4E,eAAA,GAAwBxC,UAAA,CAAAuC,MAAA;EACxB,MAAAE,cAAA,GAAuBzD,SAAA,IAAawD,eAAA,IAAmBpC,KAAA,QAAY,KAAK;EAExE,MAAAsC,WAAA,GAAoBzC,IAAA,CAAAsC,MAAA,GAAc1E,OAAA,IAAYE,QAAA,IAAYkC,IAAA,CAAAsC,MAAA,MAAgB;EAC1E,MAAAI,YAAA,GAAqB3F,QAAA,IAAYiD,IAAA,CAAAsC,MAAA,MAAgB;EAQ3C,MAAAK,GAAA,GAAAH,cAAA,GAAiB,GAAAnG,SAAA,aAAyB,GAAG,GAAAA,SAAA,gBAA4B;EAAA,IAAAuG,GAAA;EAAA,IAAApG,CAAA,SAAAyB,SAAA,IAAAzB,CAAA,SAAAmG,GAAA;IAJhEC,GAAA,IAAA1G,cAAA,EAAAG,SAAA,EAGT4B,SAAA,EACA0E,GAAyE,EAAAE,MAAA,CAAAC,OAEjE;IAAAtG,CAAA,OAAAyB,SAAA;IAAAzB,CAAA,OAAAmG,GAAA;IAAAnG,CAAA,OAAAoG,GAAA;EAAA;IAAAA,GAAA,GAAApG,CAAA;EAAA;EAAA,IAAAuG,GAAA;EAAA,IAAAvG,CAAA,SAAA0D,SAAA,IAAA1D,CAAA,SAAAK,IAAA,IAAAL,CAAA,SAAA+D,KAAA;IAITwC,GAAA,GAAA7C,SAAA,IACC8C,IAAA,CAAA9H,qBAAA;MAAA+H,eAAA,EACmB1C,KAAA;MAAA2C,QAAA,EACPF,IAAA,CAAAhH,UAAA;QAAAa,IAAA;QAAAqD;MAAA,C;;;;;;;;;;;IAcPiD,GAAA,GAAAX,cAAA,IAAkBD,eAAA,IAAkB,IACnCS,IAAA,CAAA/H,SAAA;MAAAmI,KAAA,EAAkBb,eAAA;MAAA9F,IAAA;MAAA4G,WAAA;IAAA,C;;;;;;;;SA7B5BC,KAAA,CAAC;IAAArF,SAAA,EACY2E,GAMD,CAAAW,IAAA,CACF;IAAAC,EAAA,EACJ,SAAS3G,IAAA,EAAA4G,OAAA,QAAqB,OAAO;IAAAC,QAAA,GAExCX,G,EAMDO,KAAA,CAAC;MAAArF,SAAA,EAAkB,GAAA5B,SAAA,UAAsB;MAAAqH,QAAA,GACvCJ,KAAA,CAAC;QAAArF,SAAA,EAAe,GAAA5B,SAAA,eAA2B;QAAAqH,QAAA,GACzCJ,KAAA,CAAC;UAAArF,SAAA,EAAe,GAAA5B,SAAA,sBAAkC;UAAAqH,QAAA,GAChDV,IAAA,CAAC;YAAAU,QAAA,EACCV,IAAA,CAAA9H,qBAAA;cAAA+H,eAAA,EACmBzC,KAAA;cAAA0C,QAAA,EAEfF,IAAA,CAAA/G,UAAA;gBAAAsB,KAAA;gBAAAG,SAAA;gBAAAb,IAAA;gBAAAiB;cAAA,C;;cAILqF,G;YAIFnD,IAAA,CAAAsC,MAAA,IAAc,IACbgB,KAAA,CAAC;UAAArF,SAAA,EAAc,GAAA5B,SAAA,kBAA8B;UAAAqH,QAAA,GAC3CV,IAAA,CAAC;YAAAU,QAAA,EACCV,IAAA,CAAC;cAAA/E,SAAA,EACY,GAAA5B,SAAA,iBAA6B;cAAAsH,OAAA,EAAAA,CAAA,KACzB7B,iBAAA,KAAkB;cAAAb,IAAA,EAC5B;cAAAyC,QAAA,EAEJhH,CAAA,CAAE;YAAA,C;cAGPsG,IAAA,CAAC;YAAAU,QAAA,EACCV,IAAA,CAAC;cAAA/E,SAAA,EACY,GAAA5B,SAAA,iBAA6B;cAAAsH,OAAA,EAAAA,CAAA,KACzB7B,iBAAA,MAAkB;cAAAb,IAAA,EAC5B;cAAAyC,QAAA,EAEJhH,CAAA,CAAE;YAAA,C;;;UAMbsG,IAAA,CAAA9H,qBAAA;QAAA+H,eAAA,EACmB3C,WAAA;QAAA4C,QAAA,EACPF,IAAA,CAAAjH,gBAAA;UAAAmC,WAAA;UAAArB;QAAA,C;;QAGdmG,IAAA,CAAAzH,kBAAA;MAAAqI,UAAA,EAAgCpE,OAAA;MAAA9B,SAAA;MAAAb;IAAA,C,GAC9B,CAAAmD,IAAA,CAAAsC,MAAA,IAAc,IAAM,CAACnC,KAAA,KAAUuC,YAAA,IAAgBD,WAAU,CAAE,KAC3Da,KAAA,CAAAxI,iBAAA;MAAAmD,SAAA,EACa,GAAA5B,SAAA,QAAoB;MAAAwH,GAAA,EAC1B7D,IAAA,CAAA8D,GAAA,CAAAC,KAAwB;MAAAC,SAAA,EAAAC,GAAA;QACjB;UAAA1C,aAAA,EAAA2C,eAAA;UAAA1C,WAAA,EAAA2C;QAAA,IAAAF,GAA8B;QAAA,OAAKxC,OAAA,CAAQF,eAAA,EAAeC,aAAA;MAAA;MAAAkC,QAAA,GAErE1D,IAAA,CAAA8D,GAAA,EAAAM,KAAA,EAAAC,CAAA;QACC;UAAAzD,SAAA,EAAA0D;QAAA,IAAsBC,KAAA;QACtB,MAAAC,WAAA,GAAoBlH,MAAA,CAAAmH,IAAA,CAAAC,KAAA,IAAuBA,KAAA,CAAAC,IAAA,KAAe/D,WAAA;QAAA,IAEtD4D,WAAA;UACF,MAAAI,OAAA,GAAgB,GAAG/H,IAAA,IAAQwH,CAAA,EAAG;UAE9B,MAAAQ,aAAA,GAAsB9E,UAAA,CAAA8C,MAAA,CAAAiC,SAAA,IACpBA,SAAA,CAAAC,UAAA,CAAqBH,OAAA,GAAU,MAAAtC,MAAA;UACzB,OAGNU,IAAA,CAAAnI,qBAAA;YAAAmK,QAAA,EAAiCjI,QAAA,KAAaoB,UAAA;YAAAqF,EAAA,EAAgBe,KAAA,CAAAf,EAAA;YAAAE,QAAA,EAAAuB,0BAAA,IAE1DjC,IAAA,CAAA7G,QAAA;cAAA,GACM8I,0BAA0B;cAAAnE,MAAA;cAAA4D,KAAA,EAEvBF,WAAA;cAAAlH,MAAA;cAAA4D,YAAA;cAAAgE,UAAA,EAGKL,aAAA;cAAAM,MAAA,EACJX,WAAA,CAAAW,MAAA;cAAA9C,UAAA;cAAAlE,UAAA;cAAAqC,KAAA;cAAAhD,MAAA;cAAAiE,OAAA;cAAA2D,UAAA,EAMIvI,IAAA;cAAAA,IAAA,EACN+H,OAAA;cAAA9H,WAAA;cAAAC,QAAA;cAAAsE,SAAA;cAAAkD,GAAA,EAIDA,KAAA;cAAAc,QAAA,EACKrF,IAAA,CAAAsC,MAAA;cAAA3B,QAAA,EACA0D,CAAA;cAAArH,UAAA,EACEA,UAAA,GAAawH,WAAA,CAAAG,IAAgB;cAAAvC;YAAA,C;aAvB4BmC,KAAA,CAAAf,EAAM;QAAA;QAAA;MAAA,CAgCvF,GACC,CAAClE,oBAAA,IACAgE,KAAA,CAAA9I,KAAA,CAAAC,QAAA;QAAAiJ,QAAA,GACGjB,WAAA,IACCO,IAAA,CAAArI,MAAA;UAAAsG,IAAA,EAAa;UAAAyC,QAAA,EACVhH,CAAA,CAAE;YAAA0G,KAAA,EACMxF,OAAA;YAAAL,KAAA,EAELhD,cAAA,CAAeqD,OAAA,IAAU,GAAIJ,MAAA,CAAAwB,MAAA,GAAgBxB,MAAA,CAAAyB,QAAe,EAAExC,IAAA,KAC9DC,CAAA,CAAEkB,OAAA,IAAU,GAAI,gBAAgB;UAAA,CACpC;QAAA,C,GAGH8E,YAAA,IACCM,IAAA,CAAArI,MAAA;UAAA+I,QAAA,EACGhH,CAAA,CAAE;YAAAa,KAAA,EAAkChD,cAAA,CAAeiD,MAAA,CAAAwB,MAAA,EAAevC,IAAA;UAAA,CAAM;QAAA,C;;QAOpF,CAAC4F,UAAA,IACAiB,KAAA,CAAA7I,QAAA;MAAAiJ,QAAA,GACEV,IAAA,CAAAjI,aAAA;QAAAkD,SAAA,EACa,GAAA5B,SAAA,kBAA8B;QAAA2I,QAAA,EAC/BjI,QAAA;QAAA4H,IAAA,EACJ7F,UAAA;QAAA4E,QAAA,EAENV,IAAA,CAAApI,MAAA;UAAA0K,WAAA,EACc;UAAAN,QAAA,EACFjI,QAAA;UAAAwI,EAAA,EACP;UAAAC,IAAA,EACE;UAAAC,YAAA,EACQ;UAAAC,SAAA,EACH;UAAAhC,QAAA,EAEThH,CAAA,CAAE;YAAAa,KAAA,EAA4BhD,cAAA,CAAeiD,MAAA,CAAAyB,QAAA,EAAiBxC,IAAA;UAAA,CAAM;QAAA,C;UAGzEuG,IAAA,CAAA5G,YAAA;QAAA0E,MAAA;QAAA6E,WAAA,EAEe3F,IAAA,EAAAsC,MAAA,KAAgB;QAAAhF,MAAA;QAAAwB,UAAA;QAAAtB;MAAA,C;;;CASzC;AAEA,OAAO,MAAMoI,WAAA,GAAcnK,aAAA,CAAca,oBAAA;AAlUgB,SAAAyH,MAAAQ,GAAA;EAAA,OA8NxBA,GAAA,CAAAf,EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useCallback","Banner","Button","DraggableSortableItem","DraggableSortable","DrawerToggler","useDrawerSlug","ErrorPill","RenderCustomComponent","useForm","useFormSubmitted","extractRowsAndCollapsedIDs","toggleAllRows","NullifyLocaleField","useField","withCondition","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","FieldDescription","FieldError","FieldLabel","fieldBaseClass","BlockRow","BlocksDrawer","baseClass","BlocksFieldComponent","props","$","i18n","t","field","t0","path","permissions","readOnly","schemaPath","schemaPathFromProps","validate","name","admin","t1","blocks","label","labels","labelsFromProps","localized","maxRows","minRows","minRowsProp","required","t2","undefined","className","description","isSortable","t3","setDocFieldPreferences","addFieldRow","dispatchFields","setModified","code","locale","config","t4","localization","drawerSlug","submitted","plural","singular","t5","bb0","fallback","defaultLocale","editingDefaultLocale","t6","value","options","memoizedValidate","t7","hasRows","customComponents","t8","errorPaths","rows","t9","showError","valid","value_0","t10","AfterInput","BeforeInput","Description","Error","Label","t11","t12","rowIndex","blockType","setTimeout","addRow","t13","rowIndex_0","type","duplicateRow","t14","rowIndex_1","removeRow","t15","moveFromIndex","moveToIndex","moveRow","t16","collapsed","collapsedIDs","updatedRows","toggleCollapseAll","t17","rowID","collapsed_0","collapsedIDs_0","updatedRows_0","setCollapse","hasMaxRows","length","fieldErrorCount","fieldHasErrors","showMinRows","showRequired","t18","t19","filter","Boolean","t20","_jsx","CustomComponent","Fallback","t21","count","withMessage","_jsxs","join","id","replace","children","onClick","fieldValue","ids","map","_temp","onDragEnd","t22","moveFromIndex_0","moveToIndex_0","row_0","i","blockType_0","row","blockConfig","find","block","slug","rowPath","rowErrorCount","errorPath","startsWith","disabled","draggableSortableItemProps","errorCount","fields","parentPath","rowCount","buttonStyle","el","icon","iconPosition","iconStyle","addRowIndex","BlocksField"],"sources":["../../../src/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback } from 'react'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../../elements/DraggableSortable/index.js'\nimport { DrawerToggler } from '../../elements/Drawer/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useForm, useFormSubmitted } from '../../forms/Form/context.js'\nimport { extractRowsAndCollapsedIDs, toggleAllRows } from '../../forms/Form/rowHelpers.js'\nimport { NullifyLocaleField } from '../../forms/NullifyField/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { scrollToID } from '../../utilities/scrollToID.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 { BlockRow } from './BlockRow.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'blocks-field'\n\nconst BlocksFieldComponent: BlocksFieldClientComponent = (props) => {\n  const { i18n, t } = useTranslation()\n\n  const {\n    field: {\n      name,\n      admin: { className, description, isSortable = true } = {},\n      blocks,\n      label,\n      labels: labelsFromProps,\n      localized,\n      maxRows,\n      minRows: minRowsProp,\n      required,\n    },\n    path,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n    validate,\n  } = props\n  const schemaPath = schemaPathFromProps ?? name\n\n  const minRows = (minRowsProp ?? required) ? 1 : 0\n\n  const { setDocFieldPreferences } = useDocumentInfo()\n  const { addFieldRow, dispatchFields, setModified } = useForm()\n  const { code: locale } = useLocale()\n  const {\n    config: { localization },\n  } = useConfig()\n  const drawerSlug = useDrawerSlug('blocks-drawer')\n  const submitted = useFormSubmitted()\n\n  const labels = {\n    plural: t('fields:blocks'),\n    singular: t('fields:block'),\n    ...labelsFromProps,\n  }\n\n  const editingDefaultLocale = (() => {\n    if (localization && localization.fallback) {\n      const defaultLocale = localization.defaultLocale || 'en'\n      return locale === defaultLocale\n    }\n\n    return true\n  })()\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      // alternative locales can be null\n      if (!editingDefaultLocale && value === null) {\n        return true\n      }\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, maxRows, minRows, required })\n      }\n    },\n    [maxRows, minRows, required, validate, editingDefaultLocale],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    errorPaths,\n    rows = [],\n    showError,\n    valid,\n    value,\n  } = useField<number>({\n    hasRows: true,\n    path,\n    validate: memoizedValidate,\n  })\n\n  const addRow = useCallback(\n    (rowIndex: number, blockType: string) => {\n      addFieldRow({\n        blockType,\n        path,\n        rowIndex,\n        schemaPath,\n      })\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex + 1}`)\n      }, 0)\n    },\n    [addFieldRow, path, schemaPath],\n  )\n\n  const duplicateRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({ type: 'DUPLICATE_ROW', path, rowIndex })\n      setModified(true)\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex + 1}`)\n      }, 0)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const removeRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({\n        type: 'REMOVE_ROW',\n        path,\n        rowIndex,\n      })\n\n      setModified(true)\n    },\n    [path, dispatchFields, setModified],\n  )\n\n  const moveRow = useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      dispatchFields({ type: 'MOVE_ROW', moveFromIndex, moveToIndex, path })\n      setModified(true)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const toggleCollapseAll = useCallback(\n    (collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = toggleAllRows({\n        collapsed,\n        rows,\n      })\n      dispatchFields({ type: 'SET_ALL_ROWS_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rows, setDocFieldPreferences],\n  )\n\n  const setCollapse = useCallback(\n    (rowID: string, collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = extractRowsAndCollapsedIDs({\n        collapsed,\n        rowID,\n        rows,\n      })\n      dispatchFields({ type: 'SET_ROW_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rows, setDocFieldPreferences],\n  )\n\n  const hasMaxRows = maxRows && rows.length >= maxRows\n\n  const fieldErrorCount = errorPaths.length\n  const fieldHasErrors = submitted && fieldErrorCount + (valid ? 0 : 1) > 0\n\n  const showMinRows = rows.length < minRows || (required && rows.length === 0)\n  const showRequired = readOnly && rows.length === 0\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n    >\n      {showError && (\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n      )}\n      <header className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <div className={`${baseClass}__heading-with-error`}>\n            <h3>\n              <RenderCustomComponent\n                CustomComponent={Label}\n                Fallback={\n                  <FieldLabel label={label} localized={localized} path={path} required={required} />\n                }\n              />\n            </h3>\n            {fieldHasErrors && fieldErrorCount > 0 && (\n              <ErrorPill count={fieldErrorCount} i18n={i18n} withMessage />\n            )}\n          </div>\n          {rows.length > 0 && (\n            <ul className={`${baseClass}__header-actions`}>\n              <li>\n                <button\n                  className={`${baseClass}__header-action`}\n                  onClick={() => toggleCollapseAll(true)}\n                  type=\"button\"\n                >\n                  {t('fields:collapseAll')}\n                </button>\n              </li>\n              <li>\n                <button\n                  className={`${baseClass}__header-action`}\n                  onClick={() => toggleCollapseAll(false)}\n                  type=\"button\"\n                >\n                  {t('fields:showAll')}\n                </button>\n              </li>\n            </ul>\n          )}\n        </div>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </header>\n      {BeforeInput}\n      <NullifyLocaleField fieldValue={value} localized={localized} path={path} />\n      {(rows.length > 0 || (!valid && (showRequired || showMinRows))) && (\n        <DraggableSortable\n          className={`${baseClass}__rows`}\n          ids={rows.map((row) => row.id)}\n          onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n        >\n          {rows.map((row, i) => {\n            const { blockType } = row\n            const blockConfig = blocks.find((block) => block.slug === blockType)\n\n            if (blockConfig) {\n              const rowPath = `${path}.${i}`\n\n              const rowErrorCount = errorPaths.filter((errorPath) =>\n                errorPath.startsWith(rowPath + '.'),\n              ).length\n\n              return (\n                <DraggableSortableItem disabled={readOnly || !isSortable} id={row.id} key={row.id}>\n                  {(draggableSortableItemProps) => (\n                    <BlockRow\n                      {...draggableSortableItemProps}\n                      addRow={addRow}\n                      block={blockConfig}\n                      blocks={blocks}\n                      duplicateRow={duplicateRow}\n                      errorCount={rowErrorCount}\n                      fields={blockConfig.fields}\n                      hasMaxRows={hasMaxRows}\n                      isSortable={isSortable}\n                      Label={Label}\n                      labels={labels}\n                      moveRow={moveRow}\n                      parentPath={path}\n                      path={rowPath}\n                      permissions={permissions}\n                      readOnly={readOnly}\n                      removeRow={removeRow}\n                      row={row}\n                      rowCount={rows.length}\n                      rowIndex={i}\n                      schemaPath={schemaPath + blockConfig.slug}\n                      setCollapse={setCollapse}\n                    />\n                  )}\n                </DraggableSortableItem>\n              )\n            }\n\n            return null\n          })}\n          {!editingDefaultLocale && (\n            <React.Fragment>\n              {showMinRows && (\n                <Banner type=\"error\">\n                  {t('validation:requiresAtLeast', {\n                    count: minRows,\n                    label:\n                      getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) ||\n                      t(minRows > 1 ? 'general:row' : 'general:rows'),\n                  })}\n                </Banner>\n              )}\n              {showRequired && (\n                <Banner>\n                  {t('validation:fieldHasNo', { label: getTranslation(labels.plural, i18n) })}\n                </Banner>\n              )}\n            </React.Fragment>\n          )}\n        </DraggableSortable>\n      )}\n      {!hasMaxRows && (\n        <Fragment>\n          <DrawerToggler\n            className={`${baseClass}__drawer-toggler`}\n            disabled={readOnly}\n            slug={drawerSlug}\n          >\n            <Button\n              buttonStyle=\"icon-label\"\n              disabled={readOnly}\n              el=\"span\"\n              icon=\"plus\"\n              iconPosition=\"left\"\n              iconStyle=\"with-border\"\n            >\n              {t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n            </Button>\n          </DrawerToggler>\n          <BlocksDrawer\n            addRow={addRow}\n            addRowIndex={rows?.length || 0}\n            blocks={blocks}\n            drawerSlug={drawerSlug}\n            labels={labels}\n          />\n        </Fragment>\n      )}\n      {AfterInput}\n    </div>\n  )\n}\n\nexport const BlocksField = withCondition(BlocksFieldComponent)\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Collapsible/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8D,MAAM,OAAO,CAAA;AAelF,OAAO,cAAc,CAAA;AAsIrB,eAAO,MAAM,gBAAgB;;+EAA2C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Collapsible/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8D,MAAM,OAAO,CAAA;AAelF,OAAO,cAAc,CAAA;AAwIrB,eAAO,MAAM,gBAAgB;;+EAA2C,CAAA"}

package/dist/fields/Collapsible/index.js

@@ -54,6 +54,8 @@ const CollapsibleFieldComponent = props => {
   const fieldHasErrors = errorCount > 0;
   const {
     customComponents: {
+      AfterInput,
+      BeforeInput,
       Description,
       Label
     } = {}
@@ -114,7 +116,7 @@ const CollapsibleFieldComponent = props => {
       className: [fieldBaseClass, baseClass, className, fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`].filter(Boolean).join(' '),
       id: `field-${fieldPreferencesKey}`,
       style: styles,
-      children: [/*#__PURE__*/_jsx(CollapsibleElement, {
+      children: [BeforeInput, /*#__PURE__*/_jsx(CollapsibleElement, {
         className: `${baseClass}__collapsible`,
         collapsibleStyle: fieldHasErrors ? 'error' : 'default',
         header: /*#__PURE__*/_jsxs("div", {
@@ -140,7 +142,7 @@ const CollapsibleFieldComponent = props => {
           permissions: permissions,
           readOnly: readOnly
         })
-      }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+      }), AfterInput, /*#__PURE__*/_jsx(RenderCustomComponent, {
         CustomComponent: Description,
         Fallback: /*#__PURE__*/_jsx(FieldDescription, {
           description: description,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","Fragment","useCallback","useEffect","useMemo","useState","Collapsible","CollapsibleElement","ErrorPill","RenderCustomComponent","FieldDescription","RenderFields","RowLabel","useField","WatchChildErrors","withCondition","useDocumentInfo","usePreferences","useTranslation","mergeFieldStyles","fieldBaseClass","baseClass","CollapsibleFieldComponent","props","field","admin","className","description","initCollapsed","fields","label","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","i18n","getPreference","setPreference","preferencesKey","collapsedOnMount","setCollapsedOnMount","fieldPreferencesKey","replace","errorCount","setErrorCount","fieldHasErrors","customComponents","Description","Label","onToggle","newCollapsedState","existingPreferences","collapsed","fetchInitialState","preferences","specificPreference","undefined","Boolean","styles","_jsxs","_jsx","split","filter","join","id","style","collapsibleStyle","header","CustomComponent","count","withMessage","margins","parentIndexPath","Fallback","CollapsibleField"],"sources":["../../../src/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport type { CollapsibleFieldClientComponent, DocumentPreferences } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { Collapsible as CollapsibleElement } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { WatchChildErrors } from '../../forms/WatchChildErrors/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 { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst baseClass = 'collapsible-field'\n\nconst CollapsibleFieldComponent: CollapsibleFieldClientComponent = (props) => {\n  const {\n    field,\n    field: { admin: { className, description, initCollapsed = false } = {}, fields, label } = {},\n    indexPath,\n    parentPath,\n    parentSchemaPath,\n    path,\n    permissions,\n    readOnly,\n  } = props\n\n  const { i18n } = useTranslation()\n  const { getPreference, setPreference } = usePreferences()\n  const { preferencesKey } = useDocumentInfo()\n  const [collapsedOnMount, setCollapsedOnMount] = useState<boolean>()\n  const fieldPreferencesKey = `collapsible-${path?.replace(/\\./g, '__')}`\n  const [errorCount, setErrorCount] = useState(0)\n  const fieldHasErrors = errorCount > 0\n\n  const { customComponents: { Description, Label } = {} } = useField({\n    path,\n  })\n\n  const onToggle = useCallback(\n    async (newCollapsedState: boolean): Promise<void> => {\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                    collapsed: newCollapsedState,\n                  },\n                },\n              }\n            : {\n                fields: {\n                  ...(existingPreferences?.fields || {}),\n                  [fieldPreferencesKey]: {\n                    ...existingPreferences?.fields?.[fieldPreferencesKey],\n                    collapsed: newCollapsedState,\n                  },\n                },\n              }),\n        })\n      }\n    },\n    [preferencesKey, fieldPreferencesKey, getPreference, setPreference, path],\n  )\n\n  useEffect(() => {\n    const fetchInitialState = async () => {\n      if (preferencesKey) {\n        const preferences = await getPreference(preferencesKey)\n        const specificPreference = path\n          ? preferences?.fields?.[path]?.collapsed\n          : preferences?.fields?.[fieldPreferencesKey]?.collapsed\n\n        if (specificPreference !== undefined) {\n          setCollapsedOnMount(Boolean(specificPreference))\n        } else {\n          setCollapsedOnMount(typeof initCollapsed === 'boolean' ? initCollapsed : false)\n        }\n      } else {\n        setCollapsedOnMount(typeof initCollapsed === 'boolean' ? initCollapsed : false)\n      }\n    }\n\n    void fetchInitialState()\n  }, [getPreference, preferencesKey, fieldPreferencesKey, initCollapsed, path])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  if (typeof collapsedOnMount !== 'boolean') {\n    return null\n  }\n\n  return (\n    <Fragment>\n      <WatchChildErrors fields={fields} path={path.split('.')} setErrorCount={setErrorCount} />\n      <div\n        className={[\n          fieldBaseClass,\n          baseClass,\n          className,\n          fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        id={`field-${fieldPreferencesKey}`}\n        style={styles}\n      >\n        <CollapsibleElement\n          className={`${baseClass}__collapsible`}\n          collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n          header={\n            <div className={`${baseClass}__row-label-wrap`}>\n              <RowLabel CustomComponent={Label} label={getTranslation(label, i18n)} path={path} />\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n          }\n          initCollapsed={collapsedOnMount}\n          onToggle={onToggle}\n        >\n          <RenderFields\n            fields={fields}\n            margins=\"small\"\n            parentIndexPath={indexPath}\n            parentPath={parentPath}\n            parentSchemaPath={parentSchemaPath}\n            permissions={permissions}\n            readOnly={readOnly}\n          />\n        </CollapsibleElement>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </Fragment>\n  )\n}\n\nexport const CollapsibleField = withCondition(CollapsibleFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","Fragment","useCallback","useEffect","useMemo","useState","Collapsible","CollapsibleElement","ErrorPill","RenderCustomComponent","FieldDescription","RenderFields","RowLabel","useField","WatchChildErrors","withCondition","useDocumentInfo","usePreferences","useTranslation","mergeFieldStyles","fieldBaseClass","baseClass","CollapsibleFieldComponent","props","field","admin","className","description","initCollapsed","fields","label","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","i18n","getPreference","setPreference","preferencesKey","collapsedOnMount","setCollapsedOnMount","fieldPreferencesKey","replace","errorCount","setErrorCount","fieldHasErrors","customComponents","AfterInput","BeforeInput","Description","Label","onToggle","newCollapsedState","existingPreferences","collapsed","fetchInitialState","preferences","specificPreference","undefined","Boolean","styles","_jsxs","_jsx","split","filter","join","id","style","collapsibleStyle","header","CustomComponent","count","withMessage","margins","parentIndexPath","Fallback","CollapsibleField"],"sources":["../../../src/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport type { CollapsibleFieldClientComponent, DocumentPreferences } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { Collapsible as CollapsibleElement } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { WatchChildErrors } from '../../forms/WatchChildErrors/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 { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst baseClass = 'collapsible-field'\n\nconst CollapsibleFieldComponent: CollapsibleFieldClientComponent = (props) => {\n  const {\n    field,\n    field: { admin: { className, description, initCollapsed = false } = {}, fields, label } = {},\n    indexPath,\n    parentPath,\n    parentSchemaPath,\n    path,\n    permissions,\n    readOnly,\n  } = props\n\n  const { i18n } = useTranslation()\n  const { getPreference, setPreference } = usePreferences()\n  const { preferencesKey } = useDocumentInfo()\n  const [collapsedOnMount, setCollapsedOnMount] = useState<boolean>()\n  const fieldPreferencesKey = `collapsible-${path?.replace(/\\./g, '__')}`\n  const [errorCount, setErrorCount] = useState(0)\n  const fieldHasErrors = errorCount > 0\n\n  const { customComponents: { AfterInput, BeforeInput, Description, Label } = {} } = useField({\n    path,\n  })\n\n  const onToggle = useCallback(\n    async (newCollapsedState: boolean): Promise<void> => {\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                    collapsed: newCollapsedState,\n                  },\n                },\n              }\n            : {\n                fields: {\n                  ...(existingPreferences?.fields || {}),\n                  [fieldPreferencesKey]: {\n                    ...existingPreferences?.fields?.[fieldPreferencesKey],\n                    collapsed: newCollapsedState,\n                  },\n                },\n              }),\n        })\n      }\n    },\n    [preferencesKey, fieldPreferencesKey, getPreference, setPreference, path],\n  )\n\n  useEffect(() => {\n    const fetchInitialState = async () => {\n      if (preferencesKey) {\n        const preferences = await getPreference(preferencesKey)\n        const specificPreference = path\n          ? preferences?.fields?.[path]?.collapsed\n          : preferences?.fields?.[fieldPreferencesKey]?.collapsed\n\n        if (specificPreference !== undefined) {\n          setCollapsedOnMount(Boolean(specificPreference))\n        } else {\n          setCollapsedOnMount(typeof initCollapsed === 'boolean' ? initCollapsed : false)\n        }\n      } else {\n        setCollapsedOnMount(typeof initCollapsed === 'boolean' ? initCollapsed : false)\n      }\n    }\n\n    void fetchInitialState()\n  }, [getPreference, preferencesKey, fieldPreferencesKey, initCollapsed, path])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  if (typeof collapsedOnMount !== 'boolean') {\n    return null\n  }\n\n  return (\n    <Fragment>\n      <WatchChildErrors fields={fields} path={path.split('.')} setErrorCount={setErrorCount} />\n      <div\n        className={[\n          fieldBaseClass,\n          baseClass,\n          className,\n          fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        id={`field-${fieldPreferencesKey}`}\n        style={styles}\n      >\n        {BeforeInput}\n        <CollapsibleElement\n          className={`${baseClass}__collapsible`}\n          collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n          header={\n            <div className={`${baseClass}__row-label-wrap`}>\n              <RowLabel CustomComponent={Label} label={getTranslation(label, i18n)} path={path} />\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n          }\n          initCollapsed={collapsedOnMount}\n          onToggle={onToggle}\n        >\n          <RenderFields\n            fields={fields}\n            margins=\"small\"\n            parentIndexPath={indexPath}\n            parentPath={parentPath}\n            parentSchemaPath={parentSchemaPath}\n            permissions={permissions}\n            readOnly={readOnly}\n          />\n        </CollapsibleElement>\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </Fragment>\n  )\n}\n\nexport const CollapsibleField = withCondition(CollapsibleFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/ConfirmPassword/index.js

@@ -47,7 +47,7 @@ export const ConfirmPasswordField = props => {
   }
   const t4 = t3.join(" ");
   let t5;
-  if ($[4] !== t || $[5] !== path || $[6] !== disabled || $[7] !== value_0 || $[8] !== setValue || $[9] !== t4) {
+  if ($[4] !== disabled || $[5] !== path || $[6] !== setValue || $[7] !== t || $[8] !== t4 || $[9] !== value_0) {
     t5 = _jsxs("div", {
       className: t4,
       children: [_jsx(FieldLabel, {
@@ -70,12 +70,12 @@ export const ConfirmPasswordField = props => {
         })]
       })]
     });
-    $[4] = t;
+    $[4] = disabled;
     $[5] = path;
-    $[6] = disabled;
-    $[7] = value_0;
-    $[8] = setValue;
-    $[9] = t4;
+    $[6] = setValue;
+    $[7] = t;
+    $[8] = t4;
+    $[9] = value_0;
     $[10] = t5;
   } else {
     t5 = $[10];

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","confirmPassword","React","useField","useTranslation","FieldError","FieldLabel","fieldBaseClass","ConfirmPasswordField","props","$","disabled","path","t0","undefined","t","t1","validate","_temp","setValue","showError","value","value_0","t2","t3","filter","Boolean","t4","join","t5","_jsxs","className","children","_jsx","htmlFor","label","required","autoComplete","id","name","onChange","type","options"],"sources":["../../../src/fields/ConfirmPassword/index.tsx"],"sourcesContent":["'use client'\n\nimport { confirmPassword } from 'payload/shared'\nimport React from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { useTranslation } from '../../providers/Translation/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 ConfirmPasswordFieldProps = {\n  readonly disabled?: boolean\n  readonly path?: string\n}\n\nexport const ConfirmPasswordField: React.FC<ConfirmPasswordFieldProps> = (props) => {\n  const { disabled, path = 'confirm-password' } = props\n  const { t } = useTranslation()\n\n  const { setValue, showError, value } = useField({\n    path,\n    validate: (value, options) => {\n      return confirmPassword(value, {\n        name: 'confirm-password',\n        type: 'text',\n        required: true,\n        ...options,\n      })\n    },\n  })\n\n  return (\n    <div\n      className={[fieldBaseClass, 'confirm-password', showError && 'error']\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <FieldLabel\n        htmlFor=\"field-confirm-password\"\n        label={t('authentication:confirmPassword')}\n        required\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError path={path} />\n        <input\n          aria-label={t('authentication:confirmPassword')}\n          autoComplete=\"off\"\n          disabled={!!disabled}\n          id=\"field-confirm-password\"\n          name=\"confirm-password\"\n          onChange={setValue}\n          type=\"password\"\n          value={(value as string) || ''}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,eAAe,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAOP,OAAO,MAAMC,oBAAA,GAA4DC,KAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACvE;IAAAW,QAAA;IAAAC,IAAA,EAAAC;EAAA,IAAgDJ,KAAA;EAA9B,MAAAG,IAAA,GAAAC,EAAyB,KAAAC,SAAA,GAAlB,kBAAkB,GAAzBD,EAAyB;EAC3C;IAAAE;EAAA,IAAcX,cAAA;EAAA,IAAAY,EAAA;EAAA,IAAAN,CAAA,QAAAE,IAAA;IAEkCI,EAAA;MAAAJ,IAAA;MAAAK,QAAA,EAAAC;IAAA;IAUhDR,CAAA,MAAAE,IAAA;IAAAF,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAVA;IAAAS,QAAA;IAAAC,SAAA;IAAAC,KAAA,EAAAC;EAAA,IAAuCnB,QAAA,CAASa,EAUhD;EAIoD,MAAAO,EAAA,GAAAH,SAAA,IAAa;EAAA,IAAAI,EAAA;EAAA,IAAAd,CAAA,QAAAa,EAAA;IAAlDC,EAAA,IAAAjB,cAAA,EAAiB,oBAAoBgB,EAAa,EAAAE,MAAA,CAAAC,OACnD;IAAAhB,CAAA,MAAAa,EAAA;IAAAb,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EADC,MAAAiB,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAAnB,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAE,IAAA,IAAAF,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAY,OAAA,IAAAZ,CAAA,QAAAS,QAAA,IAAAT,CAAA,QAAAiB,EAAA;IAHVE,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EACYJ,EAEH;MAAAK,QAAA,GAERC,IAAA,CAAA3B,UAAA;QAAA4B,OAAA,EACU;QAAAC,KAAA,EACDpB,CAAA,CAAE;QAAAqB,QAAA;MAAA,C,GAGXN,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAAxB,cAAA,QAAyB;QAAAyB,QAAA,GACvCC,IAAA,CAAA5B,UAAA;UAAAO;QAAA,C,GACAqB,IAAA,CAAC;UAAA,cACalB,CAAA,CAAE;UAAAsB,YAAA,EACD;UAAA1B,QAAA,IACDA,QAAA;UAAA2B,EAAA,EACT;UAAAC,IAAA,EACE;UAAAC,QAAA,EACKrB,QAAA;UAAAsB,IAAA,EACL;UAAApB,KAAA,EACEA,OAAC,IAAoB;QAAA,C;;;;;;;;;;;;;SApBlCQ,E;CAyBJ;AA1CyE,SAAAX,MAAAG,KAAA,EAAAqB,OAAA;EAAA,OAO5DzC,eAAA,CAAgBoB,KAAA;IAAAkB,IAAA,EACf;IAAAE,IAAA,EACA;IAAAL,QAAA;IAAA,GAEHM;EAAO,CACZ;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","confirmPassword","React","useField","useTranslation","FieldError","FieldLabel","fieldBaseClass","ConfirmPasswordField","props","$","disabled","path","t0","undefined","t","t1","validate","_temp","setValue","showError","value","value_0","t2","t3","filter","Boolean","t4","join","t5","_jsxs","className","children","_jsx","htmlFor","label","required","autoComplete","id","name","onChange","type","options"],"sources":["../../../src/fields/ConfirmPassword/index.tsx"],"sourcesContent":["'use client'\n\nimport { confirmPassword } from 'payload/shared'\nimport React from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { useTranslation } from '../../providers/Translation/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 ConfirmPasswordFieldProps = {\n  readonly disabled?: boolean\n  readonly path?: string\n}\n\nexport const ConfirmPasswordField: React.FC<ConfirmPasswordFieldProps> = (props) => {\n  const { disabled, path = 'confirm-password' } = props\n  const { t } = useTranslation()\n\n  const { setValue, showError, value } = useField({\n    path,\n    validate: (value, options) => {\n      return confirmPassword(value, {\n        name: 'confirm-password',\n        type: 'text',\n        required: true,\n        ...options,\n      })\n    },\n  })\n\n  return (\n    <div\n      className={[fieldBaseClass, 'confirm-password', showError && 'error']\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <FieldLabel\n        htmlFor=\"field-confirm-password\"\n        label={t('authentication:confirmPassword')}\n        required\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError path={path} />\n        <input\n          aria-label={t('authentication:confirmPassword')}\n          autoComplete=\"off\"\n          disabled={!!disabled}\n          id=\"field-confirm-password\"\n          name=\"confirm-password\"\n          onChange={setValue}\n          type=\"password\"\n          value={(value as string) || ''}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,eAAe,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAOP,OAAO,MAAMC,oBAAA,GAA4DC,KAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACvE;IAAAW,QAAA;IAAAC,IAAA,EAAAC;EAAA,IAAgDJ,KAAA;EAA9B,MAAAG,IAAA,GAAAC,EAAyB,KAAAC,SAAA,GAAlB,kBAAkB,GAAzBD,EAAyB;EAC3C;IAAAE;EAAA,IAAcX,cAAA;EAAA,IAAAY,EAAA;EAAA,IAAAN,CAAA,QAAAE,IAAA;IAEkCI,EAAA;MAAAJ,IAAA;MAAAK,QAAA,EAAAC;IAAA;IAUhDR,CAAA,MAAAE,IAAA;IAAAF,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAVA;IAAAS,QAAA;IAAAC,SAAA;IAAAC,KAAA,EAAAC;EAAA,IAAuCnB,QAAA,CAASa,EAUhD;EAIoD,MAAAO,EAAA,GAAAH,SAAA,IAAa;EAAA,IAAAI,EAAA;EAAA,IAAAd,CAAA,QAAAa,EAAA;IAAlDC,EAAA,IAAAjB,cAAA,EAAiB,oBAAoBgB,EAAa,EAAAE,MAAA,CAAAC,OACnD;IAAAhB,CAAA,MAAAa,EAAA;IAAAb,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EADC,MAAAiB,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAAnB,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,IAAA,IAAAF,CAAA,QAAAS,QAAA,IAAAT,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAiB,EAAA,IAAAjB,CAAA,QAAAY,OAAA;IAHVO,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EACYJ,EAEH;MAAAK,QAAA,GAERC,IAAA,CAAA3B,UAAA;QAAA4B,OAAA,EACU;QAAAC,KAAA,EACDpB,CAAA,CAAE;QAAAqB,QAAA;MAAA,C,GAGXN,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAAxB,cAAA,QAAyB;QAAAyB,QAAA,GACvCC,IAAA,CAAA5B,UAAA;UAAAO;QAAA,C,GACAqB,IAAA,CAAC;UAAA,cACalB,CAAA,CAAE;UAAAsB,YAAA,EACD;UAAA1B,QAAA,IACDA,QAAA;UAAA2B,EAAA,EACT;UAAAC,IAAA,EACE;UAAAC,QAAA,EACKrB,QAAA;UAAAsB,IAAA,EACL;UAAApB,KAAA,EACEA,OAAC,IAAoB;QAAA,C;;;;;;;;;;;;;SApBlCQ,E;CAyBJ;AA1CyE,SAAAX,MAAAG,KAAA,EAAAqB,OAAA;EAAA,OAO5DzC,eAAA,CAAgBoB,KAAA;IAAAkB,IAAA,EACf;IAAAE,IAAA,EACA;IAAAL,QAAA;IAAA,GAEHM;EAAO,CACZ;AAAA","ignoreList":[]}

package/dist/fields/FieldLabel/index.js

@@ -32,11 +32,11 @@ export const FieldLabel = props => {
   } = useForm();
   const editDepth = useEditDepth();
   let t5;
-  if ($[0] !== htmlForFromProps || $[1] !== path || $[2] !== editDepth || $[3] !== uuid) {
+  if ($[0] !== editDepth || $[1] !== htmlForFromProps || $[2] !== path || $[3] !== uuid) {
     t5 = htmlForFromProps || generateFieldID(path, editDepth, uuid);
-    $[0] = htmlForFromProps;
-    $[1] = path;
-    $[2] = editDepth;
+    $[0] = editDepth;
+    $[1] = htmlForFromProps;
+    $[2] = path;
     $[3] = uuid;
     $[4] = t5;
   } else {
@@ -53,7 +53,7 @@ export const FieldLabel = props => {
   if (label) {
     const t6 = `field-label ${unstyled ? "unstyled" : ""}`;
     let t7;
-    if ($[5] !== label || $[6] !== i18n || $[7] !== required || $[8] !== unstyled || $[9] !== localized || $[10] !== hideLocale || $[11] !== localLabel || $[12] !== code || $[13] !== t6 || $[14] !== htmlFor || $[15] !== Element) {
+    if ($[5] !== Element || $[6] !== code || $[7] !== hideLocale || $[8] !== htmlFor || $[9] !== i18n || $[10] !== label || $[11] !== localLabel || $[12] !== localized || $[13] !== required || $[14] !== t6 || $[15] !== unstyled) {
       let t8;
       if ($[17] !== required || $[18] !== unstyled) {
         t8 = required && !unstyled && _jsx("span", {
@@ -67,15 +67,15 @@ export const FieldLabel = props => {
         t8 = $[19];
       }
       let t9;
-      if ($[20] !== localized || $[21] !== hideLocale || $[22] !== localLabel || $[23] !== code) {
+      if ($[20] !== code || $[21] !== hideLocale || $[22] !== localLabel || $[23] !== localized) {
         t9 = localized && !hideLocale && _jsxs("span", {
           className: "localized",
           children: ["\u2014 ", typeof localLabel === "string" ? localLabel : code]
         });
-        $[20] = localized;
+        $[20] = code;
         $[21] = hideLocale;
         $[22] = localLabel;
-        $[23] = code;
+        $[23] = localized;
         $[24] = t9;
       } else {
         t9 = $[24];
@@ -85,17 +85,17 @@ export const FieldLabel = props => {
         htmlFor,
         children: [getTranslation(label, i18n), t8, t9]
       });
-      $[5] = label;
-      $[6] = i18n;
-      $[7] = required;
-      $[8] = unstyled;
-      $[9] = localized;
-      $[10] = hideLocale;
+      $[5] = Element;
+      $[6] = code;
+      $[7] = hideLocale;
+      $[8] = htmlFor;
+      $[9] = i18n;
+      $[10] = label;
       $[11] = localLabel;
-      $[12] = code;
-      $[13] = t6;
-      $[14] = htmlFor;
-      $[15] = Element;
+      $[12] = localized;
+      $[13] = required;
+      $[14] = t6;
+      $[15] = unstyled;
       $[16] = t7;
     } else {
       t7 = $[16];

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useForm","useEditDepth","useLocale","useTranslation","generateFieldID","FieldLabel","props","$","as","t0","hideLocale","t1","htmlFor","htmlForFromProps","label","localized","t2","path","required","t3","unstyled","t4","Element","undefined","uuid","editDepth","t5","i18n","code","localLabel","t6","t7","t8","_jsx","className","children","t9","_jsxs"],"sources":["../../../src/fields/FieldLabel/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GenericLabelProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport './index.scss'\n\nexport const FieldLabel: React.FC<GenericLabelProps> = (props) => {\n  const {\n    as: Element = 'label',\n    hideLocale = false,\n    htmlFor: htmlForFromProps,\n    label,\n    localized = false,\n    path,\n    required = false,\n    unstyled = false,\n  } = props\n\n  const { uuid } = useForm()\n  const editDepth = useEditDepth()\n  const htmlFor = htmlForFromProps || generateFieldID(path, editDepth, uuid)\n  const { i18n } = useTranslation()\n  const { code, label: localLabel } = useLocale()\n\n  if (label) {\n    return (\n      <Element className={`field-label ${unstyled ? 'unstyled' : ''}`} htmlFor={htmlFor}>\n        {getTranslation(label, i18n)}\n        {required && !unstyled && <span className=\"required\">*</span>}\n        {localized && !hideLocale && (\n          <span className=\"localized\">\n            &mdash; {typeof localLabel === 'string' ? localLabel : code}\n          </span>\n        )}\n      </Element>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useForm","useEditDepth","useLocale","useTranslation","generateFieldID","FieldLabel","props","$","as","t0","hideLocale","t1","htmlFor","htmlForFromProps","label","localized","t2","path","required","t3","unstyled","t4","Element","undefined","uuid","editDepth","t5","i18n","code","localLabel","t6","t7","t8","_jsx","className","children","t9","_jsxs"],"sources":["../../../src/fields/FieldLabel/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GenericLabelProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport './index.scss'\n\nexport const FieldLabel: React.FC<GenericLabelProps> = (props) => {\n  const {\n    as: Element = 'label',\n    hideLocale = false,\n    htmlFor: htmlForFromProps,\n    label,\n    localized = false,\n    path,\n    required = false,\n    unstyled = false,\n  } = props\n\n  const { uuid } = useForm()\n  const editDepth = useEditDepth()\n  const htmlFor = htmlForFromProps || generateFieldID(path, editDepth, uuid)\n  const { i18n } = useTranslation()\n  const { code, label: localLabel } = useLocale()\n\n  if (label) {\n    return (\n      <Element className={`field-label ${unstyled ? 'unstyled' : ''}`} htmlFor={htmlFor}>\n        {getTranslation(label, i18n)}\n        {required && !unstyled && <span className=\"required\">*</span>}\n        {localized && !hideLocale && (\n          <span className=\"localized\">\n            &mdash; {typeof localLabel === 'string' ? localLabel : code}\n          </span>\n        )}\n      </Element>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAetC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIvD,eAAO,MAAM,mBAAmB,EAAE,yBAmFjC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AAElC,eAAO,MAAM,UAAU;;+EAAqC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAetC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIvD,eAAO,MAAM,mBAAmB,EAAE,yBAsFjC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AAElC,eAAO,MAAM,UAAU;;+EAAqC,CAAA"}

package/dist/fields/Group/index.js

@@ -50,6 +50,8 @@ export const GroupFieldComponent = props => {
   const isWithinTab = useTabs();
   const {
     customComponents: {
+      AfterInput,
+      BeforeInput,
       Description,
       Label
     } = {},
@@ -62,11 +64,11 @@ export const GroupFieldComponent = props => {
   const fieldHasErrors = submitted && errorCount > 0;
   const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow);
   const styles = useMemo(() => mergeFieldStyles(field), [field]);
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: [fieldBaseClass, baseClass, isTopLevel && `${baseClass}--top-level`, isWithinCollapsible && `${baseClass}--within-collapsible`, isWithinGroup && `${baseClass}--within-group`, isWithinRow && `${baseClass}--within-row`, isWithinTab && `${baseClass}--within-tab`, !hideGutter && isWithinGroup && `${baseClass}--gutter`, fieldHasErrors && `${baseClass}--has-error`, className].filter(Boolean).join(' '),
     id: `field-${path?.replace(/\./g, '__')}`,
     style: styles,
-    children: /*#__PURE__*/_jsx(GroupProvider, {
+    children: [/*#__PURE__*/_jsx(GroupProvider, {
       children: /*#__PURE__*/_jsxs("div", {
         className: `${baseClass}__wrap`,
         children: [/*#__PURE__*/_jsxs("div", {
@@ -95,7 +97,7 @@ export const GroupFieldComponent = props => {
             i18n: i18n,
             withMessage: true
           })]
-        }), /*#__PURE__*/_jsx(RenderFields, {
+        }), BeforeInput, /*#__PURE__*/_jsx(RenderFields, {
           fields: fields,
           margins: "small",
           parentIndexPath: "",
@@ -105,7 +107,7 @@ export const GroupFieldComponent = props => {
           readOnly: readOnly
         })]
       })
-    })
+    }), AfterInput]
   });
 };
 export { GroupProvider, useGroup };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useMemo","useCollapsible","ErrorPill","RenderCustomComponent","FieldDescription","FieldLabel","useFormSubmitted","RenderFields","useField","withCondition","useTranslation","mergeFieldStyles","useRow","fieldBaseClass","useTabs","GroupProvider","useGroup","baseClass","GroupFieldComponent","props","field","name","admin","className","description","hideGutter","fields","label","path","permissions","readOnly","schemaPath","schemaPathFromProps","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","customComponents","Description","Label","errorPaths","submitted","errorCount","length","fieldHasErrors","isTopLevel","styles","_jsx","filter","Boolean","join","id","replace","style","_jsxs","CustomComponent","Fallback","localized","required","count","withMessage","margins","parentIndexPath","parentPath","parentSchemaPath","GroupField"],"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GroupFieldClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useMemo } from 'react'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { useRow } from '../Row/provider.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { useTabs } from '../Tabs/provider.js'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nexport const GroupFieldComponent: GroupFieldClientComponent = (props) => {\n  const {\n    field,\n    field: { name, admin: { className, description, hideGutter } = {}, fields, label },\n    path,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n  } = props\n  const schemaPath = schemaPathFromProps ?? name\n\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n  const { customComponents: { Description, Label } = {}, errorPaths } = useField({ path })\n  const submitted = useFormSubmitted()\n  const errorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorCount > 0\n\n  const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow)\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        isTopLevel && `${baseClass}--top-level`,\n        isWithinCollapsible && `${baseClass}--within-collapsible`,\n        isWithinGroup && `${baseClass}--within-group`,\n        isWithinRow && `${baseClass}--within-row`,\n        isWithinTab && `${baseClass}--within-tab`,\n        !hideGutter && isWithinGroup && `${baseClass}--gutter`,\n        fieldHasErrors && `${baseClass}--has-error`,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      style={styles}\n    >\n      <GroupProvider>\n        <div className={`${baseClass}__wrap`}>\n          <div className={`${baseClass}__header`}>\n            {Boolean(Label || Description || label) && (\n              <header>\n                <RenderCustomComponent\n                  CustomComponent={Label}\n                  Fallback={\n                    <h3 className={`${baseClass}__title`}>\n                      <FieldLabel\n                        label={getTranslation(label, i18n)}\n                        localized={false}\n                        path={path}\n                        required={false}\n                      />\n                    </h3>\n                  }\n                />\n                <RenderCustomComponent\n                  CustomComponent={Description}\n                  Fallback={<FieldDescription description={description} path={path} />}\n                />\n              </header>\n            )}\n            {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n          </div>\n          <RenderFields\n            fields={fields}\n            margins=\"small\"\n            parentIndexPath=\"\"\n            parentPath={path}\n            parentSchemaPath={schemaPath}\n            permissions={permissions === true ? permissions : permissions?.fields}\n            readOnly={readOnly}\n          />\n        </div>\n      </GroupProvider>\n    </div>\n  )\n}\n\nexport { GroupProvider, useGroup }\n\nexport const GroupField = withCondition(GroupFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useMemo","useCollapsible","ErrorPill","RenderCustomComponent","FieldDescription","FieldLabel","useFormSubmitted","RenderFields","useField","withCondition","useTranslation","mergeFieldStyles","useRow","fieldBaseClass","useTabs","GroupProvider","useGroup","baseClass","GroupFieldComponent","props","field","name","admin","className","description","hideGutter","fields","label","path","permissions","readOnly","schemaPath","schemaPathFromProps","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","customComponents","AfterInput","BeforeInput","Description","Label","errorPaths","submitted","errorCount","length","fieldHasErrors","isTopLevel","styles","_jsxs","filter","Boolean","join","id","replace","style","_jsx","CustomComponent","Fallback","localized","required","count","withMessage","margins","parentIndexPath","parentPath","parentSchemaPath","GroupField"],"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GroupFieldClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useMemo } from 'react'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { useRow } from '../Row/provider.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { useTabs } from '../Tabs/provider.js'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nexport const GroupFieldComponent: GroupFieldClientComponent = (props) => {\n  const {\n    field,\n    field: { name, admin: { className, description, hideGutter } = {}, fields, label },\n    path,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n  } = props\n  const schemaPath = schemaPathFromProps ?? name\n\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n  const { customComponents: { AfterInput, BeforeInput, Description, Label } = {}, errorPaths } =\n    useField({ path })\n  const submitted = useFormSubmitted()\n  const errorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorCount > 0\n\n  const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow)\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        isTopLevel && `${baseClass}--top-level`,\n        isWithinCollapsible && `${baseClass}--within-collapsible`,\n        isWithinGroup && `${baseClass}--within-group`,\n        isWithinRow && `${baseClass}--within-row`,\n        isWithinTab && `${baseClass}--within-tab`,\n        !hideGutter && isWithinGroup && `${baseClass}--gutter`,\n        fieldHasErrors && `${baseClass}--has-error`,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      style={styles}\n    >\n      <GroupProvider>\n        <div className={`${baseClass}__wrap`}>\n          <div className={`${baseClass}__header`}>\n            {Boolean(Label || Description || label) && (\n              <header>\n                <RenderCustomComponent\n                  CustomComponent={Label}\n                  Fallback={\n                    <h3 className={`${baseClass}__title`}>\n                      <FieldLabel\n                        label={getTranslation(label, i18n)}\n                        localized={false}\n                        path={path}\n                        required={false}\n                      />\n                    </h3>\n                  }\n                />\n                <RenderCustomComponent\n                  CustomComponent={Description}\n                  Fallback={<FieldDescription description={description} path={path} />}\n                />\n              </header>\n            )}\n            {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n          </div>\n          {BeforeInput}\n          <RenderFields\n            fields={fields}\n            margins=\"small\"\n            parentIndexPath=\"\"\n            parentPath={path}\n            parentSchemaPath={schemaPath}\n            permissions={permissions === true ? permissions : permissions?.fields}\n            readOnly={readOnly}\n          />\n        </div>\n      </GroupProvider>\n      {AfterInput}\n    </div>\n  )\n}\n\nexport { GroupProvider, useGroup }\n\nexport const GroupField = withCondition(GroupFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Hidden/index.js

@@ -33,16 +33,16 @@ const HiddenFieldComponent = props => {
   } = useField(t1);
   let t2;
   let t3;
-  if ($[2] !== valueFromProps || $[3] !== setValue || $[4] !== disableModifyingForm) {
+  if ($[2] !== disableModifyingForm || $[3] !== setValue || $[4] !== valueFromProps) {
     t2 = () => {
       if (valueFromProps !== undefined) {
         setValue(valueFromProps, disableModifyingForm);
       }
     };
     t3 = [valueFromProps, setValue, disableModifyingForm];
-    $[2] = valueFromProps;
+    $[2] = disableModifyingForm;
     $[3] = setValue;
-    $[4] = disableModifyingForm;
+    $[4] = valueFromProps;
     $[5] = t2;
     $[6] = t3;
   } else {
@@ -53,7 +53,7 @@ const HiddenFieldComponent = props => {
   const t4 = `field-${path?.replace(/\./g, "__")}`;
   const t5 = value || "";
   let t6;
-  if ($[7] !== t4 || $[8] !== path || $[9] !== setValue || $[10] !== t5) {
+  if ($[7] !== path || $[8] !== setValue || $[9] !== t4 || $[10] !== t5) {
     t6 = _jsx("input", {
       id: t4,
       name: path,
@@ -61,9 +61,9 @@ const HiddenFieldComponent = props => {
       type: "hidden",
       value: t5
     });
-    $[7] = t4;
-    $[8] = path;
-    $[9] = setValue;
+    $[7] = path;
+    $[8] = setValue;
+    $[9] = t4;
     $[10] = t5;
     $[11] = t6;
   } else {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useField","withCondition","HiddenFieldComponent","props","$","disableModifyingForm","t0","path","value","valueFromProps","undefined","t1","setValue","t2","t3","t4","replace","t5","t6","_jsx","id","name","onChange","type","HiddenField"],"sources":["../../../src/fields/Hidden/index.tsx"],"sourcesContent":["'use client'\n\nimport type { HiddenFieldProps } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\n\n/**\n * This is mainly used to save a value on the form that is not visible to the user.\n * For example, this sets the `ìd` property of a block in the Blocks field.\n */\nconst HiddenFieldComponent: React.FC<HiddenFieldProps> = (props) => {\n  const { disableModifyingForm = true, path, value: valueFromProps } = props\n\n  const { setValue, value } = useField({\n    path,\n  })\n\n  useEffect(() => {\n    if (valueFromProps !== undefined) {\n      setValue(valueFromProps, disableModifyingForm)\n    }\n  }, [valueFromProps, setValue, disableModifyingForm])\n\n  return (\n    <input\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      name={path}\n      onChange={setValue}\n      type=\"hidden\"\n      value={(value as string) || ''}\n    />\n  )\n}\n\nexport const HiddenField = withCondition(HiddenFieldComponent)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAE9B;;;;AAIA,MAAMC,oBAAA,GAAmDC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACvD;IAAAQ,oBAAA,EAAAC,EAAA;IAAAC,IAAA;IAAAC,KAAA,EAAAC;EAAA,IAAqEN,KAAA;EAA7D,MAAAE,oBAAA,GAAAC,EAA2B,KAAAI,SAAA,UAA3BJ,EAA2B;EAAA,IAAAK,EAAA;EAAA,IAAAP,CAAA,QAAAG,IAAA;IAEEI,EAAA;MAAAJ;IAAA;IAErCH,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAFA;IAAAQ,QAAA;IAAAJ;EAAA,IAA4BR,QAAA,CAASW,EAErC;EAAA,IAAAE,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAK,cAAA,IAAAL,CAAA,QAAAQ,QAAA,IAAAR,CAAA,QAAAC,oBAAA;IAEUQ,EAAA,GAAAA,CAAA;MAAA,IACJJ,cAAA,KAAAC,SAAmB;QACrBE,QAAA,CAASH,cAAA,EAAgBJ,oBAAA;MAAA;IAAA;IAE1BS,EAAA,IAACL,cAAA,EAAgBG,QAAA,EAAUP,oBAAA;IAAqBD,CAAA,MAAAK,cAAA;IAAAL,CAAA,MAAAQ,QAAA;IAAAR,CAAA,MAAAC,oBAAA;IAAAD,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAD,EAAA,GAAAT,CAAA;IAAAU,EAAA,GAAAV,CAAA;EAAA;EAJnDL,SAAA,CAAUc,EAIV,EAAGC,EAAgD;EAI3C,MAAAC,EAAA,YAASR,IAAA,EAAAS,OAAA,QAAqB,OAAO;EAIlC,MAAAC,EAAA,GAAAT,KAAC,IAAoB;EAAA,IAAAU,EAAA;EAAA,IAAAd,CAAA,QAAAW,EAAA,IAAAX,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAQ,QAAA,IAAAR,CAAA,SAAAa,EAAA;IAL9BC,EAAA,GAAAC,IAAA,CAAC;MAAAC,EAAA,EACKL,EAAqC;MAAAM,IAAA,EACnCd,IAAA;MAAAe,QAAA,EACIV,QAAA;MAAAW,IAAA,EACL;MAAAf,KAAA,EACES;IAAqB,C;;;;;;;;;SAL9BC,E;CAQJ;AAEA,OAAO,MAAMM,WAAA,GAAcvB,aAAA,CAAcC,oBAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useField","withCondition","HiddenFieldComponent","props","$","disableModifyingForm","t0","path","value","valueFromProps","undefined","t1","setValue","t2","t3","t4","replace","t5","t6","_jsx","id","name","onChange","type","HiddenField"],"sources":["../../../src/fields/Hidden/index.tsx"],"sourcesContent":["'use client'\n\nimport type { HiddenFieldProps } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\n\n/**\n * This is mainly used to save a value on the form that is not visible to the user.\n * For example, this sets the `ìd` property of a block in the Blocks field.\n */\nconst HiddenFieldComponent: React.FC<HiddenFieldProps> = (props) => {\n  const { disableModifyingForm = true, path, value: valueFromProps } = props\n\n  const { setValue, value } = useField({\n    path,\n  })\n\n  useEffect(() => {\n    if (valueFromProps !== undefined) {\n      setValue(valueFromProps, disableModifyingForm)\n    }\n  }, [valueFromProps, setValue, disableModifyingForm])\n\n  return (\n    <input\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      name={path}\n      onChange={setValue}\n      type=\"hidden\"\n      value={(value as string) || ''}\n    />\n  )\n}\n\nexport const HiddenField = withCondition(HiddenFieldComponent)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAE9B;;;;AAIA,MAAMC,oBAAA,GAAmDC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACvD;IAAAQ,oBAAA,EAAAC,EAAA;IAAAC,IAAA;IAAAC,KAAA,EAAAC;EAAA,IAAqEN,KAAA;EAA7D,MAAAE,oBAAA,GAAAC,EAA2B,KAAAI,SAAA,UAA3BJ,EAA2B;EAAA,IAAAK,EAAA;EAAA,IAAAP,CAAA,QAAAG,IAAA;IAEEI,EAAA;MAAAJ;IAAA;IAErCH,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAFA;IAAAQ,QAAA;IAAAJ;EAAA,IAA4BR,QAAA,CAASW,EAErC;EAAA,IAAAE,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAC,oBAAA,IAAAD,CAAA,QAAAQ,QAAA,IAAAR,CAAA,QAAAK,cAAA;IAEUI,EAAA,GAAAA,CAAA;MAAA,IACJJ,cAAA,KAAAC,SAAmB;QACrBE,QAAA,CAASH,cAAA,EAAgBJ,oBAAA;MAAA;IAAA;IAE1BS,EAAA,IAACL,cAAA,EAAgBG,QAAA,EAAUP,oBAAA;IAAqBD,CAAA,MAAAC,oBAAA;IAAAD,CAAA,MAAAQ,QAAA;IAAAR,CAAA,MAAAK,cAAA;IAAAL,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAD,EAAA,GAAAT,CAAA;IAAAU,EAAA,GAAAV,CAAA;EAAA;EAJnDL,SAAA,CAAUc,EAIV,EAAGC,EAAgD;EAI3C,MAAAC,EAAA,YAASR,IAAA,EAAAS,OAAA,QAAqB,OAAO;EAIlC,MAAAC,EAAA,GAAAT,KAAC,IAAoB;EAAA,IAAAU,EAAA;EAAA,IAAAd,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAQ,QAAA,IAAAR,CAAA,QAAAW,EAAA,IAAAX,CAAA,SAAAa,EAAA;IAL9BC,EAAA,GAAAC,IAAA,CAAC;MAAAC,EAAA,EACKL,EAAqC;MAAAM,IAAA,EACnCd,IAAA;MAAAe,QAAA,EACIV,QAAA;MAAAW,IAAA,EACL;MAAAf,KAAA,EACES;IAAqB,C;;;;;;;;;SAL9BC,E;CAQJ;AAEA,OAAO,MAAMM,WAAA,GAAcvB,aAAA,CAAcC,oBAAA","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,