@payloadcms/ui 3.56.0-internal.72f4fd2 → 3.56.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","Fragment","useCallback","toast","Banner","Button","clipboardCopy","clipboardPaste","ClipboardAction","mergeFormStateFromClipboard","reduceFormStateByPath","DraggableSortableItem","DraggableSortable","ErrorPill","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useForm","useFormSubmitted","extractRowsAndCollapsedIDs","toggleAllRows","NullifyLocaleField","useField","withCondition","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","fieldBaseClass","ArrayRow","baseClass","ArrayFieldComponent","props","field","name","type","admin","className","description","isSortable","fields","label","localized","maxRows","minRows","minRowsProp","required","forceRender","path","pathFromProps","permissions","readOnly","schemaPath","schemaPathFromProps","validate","setDocFieldPreferences","addFieldRow","dispatchFields","getFields","moveFieldRow","removeFieldRow","replaceState","setModified","submitted","code","locale","i18n","t","config","localization","editingDefaultLocale","fallback","defaultLocale","getLabels","p","labels","plural","singular","undefined","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","errorPaths","rows","showError","valid","hasRows","potentiallyStalePath","addRow","rowIndex","setTimeout","duplicateRow","removeRow","moveRow","moveFromIndex","moveToIndex","toggleCollapseAll","collapsed","collapsedIDs","updatedRows","setCollapse","rowID","copyRow","formState","clipboardResult","getDataToCopy","error","success","pasteRow","pasteArgs","onPaste","dataFromClipboard","newState","schemaFields","pasteField","hasMaxRows","length","fieldErrorCount","fieldHasErrors","showRequired","showMinRows","_jsxs","filter","Boolean","join","id","replace","_jsx","CustomComponent","Fallback","as","count","withMessage","onClick","allowCopy","allowPaste","fieldValue","ids","map","row","onDragEnd","rowData","i","isLoading","rowPath","rowErrorCount","errorPath","startsWith","draggableSortableItemProps","CustomRowLabel","RowLabel","errorCount","parentPath","rowCount","buttonStyle","icon","iconPosition","iconStyle","ArrayField"],"sources":["../../../src/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ArrayFieldClientComponent,\n  ArrayFieldClientProps,\n  ArrayField as ArrayFieldType,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ClipboardPasteData } from '../../elements/ClipboardAction/types.js'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { clipboardCopy, clipboardPaste } from '../../elements/ClipboardAction/clipboardUtilities.js'\nimport { ClipboardAction } from '../../elements/ClipboardAction/index.js'\nimport {\n  mergeFormStateFromClipboard,\n  reduceFormStateByPath,\n} from '../../elements/ClipboardAction/mergeFormStateFromClipboard.js'\nimport { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../../elements/DraggableSortable/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { 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 { fieldBaseClass } from '../shared/index.js'\nimport { ArrayRow } from './ArrayRow.js'\nimport './index.scss'\n\nconst baseClass = 'array-field'\n\nexport const ArrayFieldComponent: ArrayFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      type,\n      admin: { className, description, isSortable = true } = {},\n      fields,\n      label,\n      localized,\n      maxRows,\n      minRows: minRowsProp,\n      required,\n    },\n    forceRender = false,\n    path: pathFromProps,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n    validate,\n  } = props\n\n  const schemaPath = schemaPathFromProps ?? name\n\n  const minRows = (minRowsProp ?? required) ? 1 : 0\n\n  const { setDocFieldPreferences } = useDocumentInfo()\n  const {\n    addFieldRow,\n    dispatchFields,\n    getFields,\n    moveFieldRow,\n    removeFieldRow,\n    replaceState,\n    setModified,\n  } = useForm()\n  const submitted = useFormSubmitted()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const editingDefaultLocale = (() => {\n    if (localization && localization.fallback) {\n      const defaultLocale = localization.defaultLocale\n      return locale === defaultLocale\n    }\n\n    return true\n  })()\n\n  // Handle labeling for Arrays, Global Arrays, and Blocks\n  const getLabels = (p: ArrayFieldClientProps): Partial<ArrayFieldType['labels']> => {\n    if ('labels' in p && p?.labels) {\n      return p.labels\n    }\n\n    if ('labels' in p.field && p.field.labels) {\n      return { plural: p.field.labels?.plural, singular: p.field.labels?.singular }\n    }\n\n    if ('label' in p.field && p.field.label) {\n      return { plural: undefined, singular: p.field.label }\n    }\n\n    return { plural: t('general:rows'), singular: t('general:row') }\n  }\n\n  const labels = getLabels(props)\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      // alternative locales can be null\n      if (!editingDefaultLocale && value === null) {\n        return true\n      }\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    disabled,\n    errorPaths,\n    path,\n    rows = [],\n    showError,\n    valid,\n    value,\n  } = useField<number>({\n    hasRows: true,\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const addRow = useCallback(\n    (rowIndex: number) => {\n      addFieldRow({\n        path,\n        rowIndex,\n        schemaPath,\n      })\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex}`)\n      }, 0)\n    },\n    [addFieldRow, path, schemaPath],\n  )\n\n  const duplicateRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({ type: 'DUPLICATE_ROW', path, rowIndex })\n\n      setModified(true)\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex}`)\n      }, 0)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const removeRow = useCallback(\n    (rowIndex: number) => {\n      removeFieldRow({ path, rowIndex })\n    },\n    [removeFieldRow, path],\n  )\n\n  const moveRow = useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      moveFieldRow({\n        moveFromIndex,\n        moveToIndex,\n        path,\n      })\n    },\n    [path, moveFieldRow],\n  )\n\n  const toggleCollapseAll = useCallback(\n    (collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = toggleAllRows({\n        collapsed,\n        rows,\n      })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n      dispatchFields({ type: 'SET_ALL_ROWS_COLLAPSED', path, updatedRows })\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\n      dispatchFields({ type: 'SET_ROW_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rows, setDocFieldPreferences],\n  )\n\n  const copyRow = useCallback(\n    (rowIndex: number) => {\n      const formState = { ...getFields() }\n      const clipboardResult = clipboardCopy({\n        type,\n        fields,\n        getDataToCopy: () =>\n          reduceFormStateByPath({\n            formState,\n            path,\n            rowIndex,\n          }),\n        path,\n        rowIndex,\n        t,\n      })\n\n      if (typeof clipboardResult === 'string') {\n        toast.error(clipboardResult)\n      } else {\n        toast.success(t('general:copied'))\n      }\n    },\n    [fields, getFields, path, t, type],\n  )\n\n  const pasteRow = useCallback(\n    (rowIndex: number) => {\n      const formState = { ...getFields() }\n      const pasteArgs = {\n        onPaste: (dataFromClipboard: ClipboardPasteData) => {\n          const newState = mergeFormStateFromClipboard({\n            dataFromClipboard,\n            formState,\n            path,\n            rowIndex,\n          })\n          replaceState(newState)\n          setModified(true)\n        },\n        path,\n        schemaFields: fields,\n        t,\n      }\n\n      const clipboardResult = clipboardPaste(pasteArgs)\n\n      if (typeof clipboardResult === 'string') {\n        toast.error(clipboardResult)\n      }\n    },\n    [fields, getFields, path, replaceState, setModified, t],\n  )\n\n  const pasteField = useCallback(\n    (dataFromClipboard: ClipboardPasteData) => {\n      const formState = { ...getFields() }\n      const newState = mergeFormStateFromClipboard({\n        dataFromClipboard,\n        formState,\n        path,\n      })\n      replaceState(newState)\n      setModified(true)\n    },\n    [getFields, path, replaceState, setModified],\n  )\n\n  const getDataToCopy = useCallback(\n    () =>\n      reduceFormStateByPath({\n        formState: { ...getFields() },\n        path,\n      }),\n    [getFields, path],\n  )\n\n  const hasMaxRows = maxRows && rows.length >= maxRows\n\n  const fieldErrorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorPaths.length > 0\n\n  const showRequired = (readOnly || disabled) && rows.length === 0\n  const showMinRows = (rows.length && rows.length < minRows) || (required && 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}__header-content`}>\n            <h3 className={`${baseClass}__title`}>\n              <RenderCustomComponent\n                CustomComponent={Label}\n                Fallback={\n                  <FieldLabel\n                    as=\"span\"\n                    label={label}\n                    localized={localized}\n                    path={path}\n                    required={required}\n                  />\n                }\n              />\n            </h3>\n            {fieldHasErrors && fieldErrorCount > 0 && (\n              <ErrorPill count={fieldErrorCount} i18n={i18n} withMessage />\n            )}\n          </div>\n          <ul className={`${baseClass}__header-actions`}>\n            {rows?.length > 0 && (\n              <Fragment>\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              </Fragment>\n            )}\n            <li>\n              <ClipboardAction\n                allowCopy={rows?.length > 0}\n                allowPaste={!readOnly}\n                className={`${baseClass}__header-action`}\n                disabled={disabled}\n                fields={fields}\n                getDataToCopy={getDataToCopy}\n                onPaste={pasteField}\n                path={path}\n                type={type}\n              />\n            </li>\n          </ul>\n        </div>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </header>\n      <NullifyLocaleField\n        fieldValue={value}\n        localized={localized}\n        path={path}\n        readOnly={readOnly}\n      />\n      {BeforeInput}\n      {(rows?.length > 0 || (!valid && (showRequired || showMinRows))) && (\n        <DraggableSortable\n          className={`${baseClass}__draggable-rows`}\n          ids={rows.map((row) => row.id)}\n          onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n        >\n          {rows.map((rowData, i) => {\n            const { id: rowID, isLoading } = rowData\n\n            const rowPath = `${path}.${i}`\n\n            const rowErrorCount = errorPaths?.filter((errorPath) =>\n              errorPath.startsWith(rowPath + '.'),\n            ).length\n\n            return (\n              <DraggableSortableItem\n                disabled={readOnly || disabled || !isSortable}\n                id={rowID}\n                key={rowID}\n              >\n                {(draggableSortableItemProps) => (\n                  <ArrayRow\n                    {...draggableSortableItemProps}\n                    addRow={addRow}\n                    copyRow={copyRow}\n                    CustomRowLabel={rows?.[i]?.customComponents?.RowLabel}\n                    duplicateRow={duplicateRow}\n                    errorCount={rowErrorCount}\n                    fields={fields}\n                    forceRender={forceRender}\n                    hasMaxRows={hasMaxRows}\n                    isLoading={isLoading}\n                    isSortable={isSortable}\n                    labels={labels}\n                    moveRow={moveRow}\n                    parentPath={path}\n                    pasteRow={pasteRow}\n                    path={rowPath}\n                    permissions={permissions}\n                    readOnly={readOnly || disabled}\n                    removeRow={removeRow}\n                    row={rowData}\n                    rowCount={rows?.length}\n                    rowIndex={i}\n                    schemaPath={schemaPath}\n                    setCollapse={setCollapse}\n                  />\n                )}\n              </DraggableSortableItem>\n            )\n          })}\n          {!valid && (\n            <React.Fragment>\n              {showRequired && (\n                <Banner>\n                  {t('validation:fieldHasNo', { label: getTranslation(labels.plural, i18n) })}\n                </Banner>\n              )}\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:rows' : 'general:row'),\n                  })}\n                </Banner>\n              )}\n            </React.Fragment>\n          )}\n        </DraggableSortable>\n      )}\n      {!hasMaxRows && !readOnly && (\n        <Button\n          buttonStyle=\"icon-label\"\n          className={`${baseClass}__add-row`}\n          disabled={disabled}\n          icon=\"plus\"\n          iconPosition=\"left\"\n          iconStyle=\"with-border\"\n          onClick={() => {\n            void addRow(value || 0)\n          }}\n        >\n          {t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n        </Button>\n      )}\n      {AfterInput}\n    </div>\n  )\n}\n\nexport const ArrayField = withCondition(ArrayFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useCallback","toast","Banner","Button","clipboardCopy","clipboardPaste","ClipboardAction","mergeFormStateFromClipboard","reduceFormStateByPath","DraggableSortableItem","DraggableSortable","ErrorPill","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useForm","useFormSubmitted","extractRowsAndCollapsedIDs","toggleAllRows","NullifyLocaleField","useField","withCondition","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","fieldBaseClass","ArrayRow","baseClass","ArrayFieldComponent","props","$","field","t0","forceRender","t1","path","pathFromProps","permissions","readOnly","schemaPath","schemaPathFromProps","validate","name","type","admin","t2","fields","label","localized","maxRows","minRows","minRowsProp","required","t3","undefined","className","description","isSortable","t4","setDocFieldPreferences","addFieldRow","dispatchFields","getFields","moveFieldRow","removeFieldRow","replaceState","setModified","submitted","code","locale","i18n","t","config","t5","localization","t6","bb0","fallback","defaultLocale","editingDefaultLocale","t7","p","labels","plural","singular","getLabels","t8","value","options","memoizedValidate","t9","hasRows","potentiallyStalePath","customComponents","t10","disabled","errorPaths","rows","t11","showError","valid","value_0","t12","AfterInput","BeforeInput","Description","Error","Label","t13","t14","rowIndex","setTimeout","addRow","t15","rowIndex_0","duplicateRow","t16","rowIndex_1","removeRow","t17","moveFromIndex","moveToIndex","moveRow","t18","collapsed","collapsedIDs","updatedRows","toggleCollapseAll","t19","rowID","collapsed_0","collapsedIDs_0","updatedRows_0","setCollapse","t20","rowIndex_2","formState","clipboardResult","getDataToCopy","error","success","copyRow","t21","rowIndex_3","formState_0","pasteArgs","onPaste","dataFromClipboard","newState","schemaFields","clipboardResult_0","pasteRow","t22","dataFromClipboard_0","formState_1","newState_0","pasteField","t23","hasMaxRows","length","fieldErrorCount","fieldHasErrors","showRequired","showMinRows","t24","t25","filter","Boolean","t26","_jsx","CustomComponent","Fallback","t27","count","withMessage","_jsxs","join","id","replace","children","as","onClick","allowCopy","allowPaste","fieldValue","ids","map","_temp","onDragEnd","t28","moveFromIndex_0","moveToIndex_0","rowData","i","rowID_0","isLoading","rowPath","rowErrorCount","errorPath","startsWith","draggableSortableItemProps","CustomRowLabel","RowLabel","errorCount","parentPath","row","rowCount","buttonStyle","icon","iconPosition","iconStyle","ArrayField"],"sources":["../../../src/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ArrayFieldClientComponent,\n  ArrayFieldClientProps,\n  ArrayField as ArrayFieldType,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ClipboardPasteData } from '../../elements/ClipboardAction/types.js'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { clipboardCopy, clipboardPaste } from '../../elements/ClipboardAction/clipboardUtilities.js'\nimport { ClipboardAction } from '../../elements/ClipboardAction/index.js'\nimport {\n  mergeFormStateFromClipboard,\n  reduceFormStateByPath,\n} from '../../elements/ClipboardAction/mergeFormStateFromClipboard.js'\nimport { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../../elements/DraggableSortable/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { 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 { fieldBaseClass } from '../shared/index.js'\nimport { ArrayRow } from './ArrayRow.js'\nimport './index.scss'\n\nconst baseClass = 'array-field'\n\nexport const ArrayFieldComponent: ArrayFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      type,\n      admin: { className, description, isSortable = true } = {},\n      fields,\n      label,\n      localized,\n      maxRows,\n      minRows: minRowsProp,\n      required,\n    },\n    forceRender = false,\n    path: pathFromProps,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n    validate,\n  } = props\n\n  const schemaPath = schemaPathFromProps ?? name\n\n  const minRows = (minRowsProp ?? required) ? 1 : 0\n\n  const { setDocFieldPreferences } = useDocumentInfo()\n  const {\n    addFieldRow,\n    dispatchFields,\n    getFields,\n    moveFieldRow,\n    removeFieldRow,\n    replaceState,\n    setModified,\n  } = useForm()\n  const submitted = useFormSubmitted()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const editingDefaultLocale = (() => {\n    if (localization && localization.fallback) {\n      const defaultLocale = localization.defaultLocale\n      return locale === defaultLocale\n    }\n\n    return true\n  })()\n\n  // Handle labeling for Arrays, Global Arrays, and Blocks\n  const getLabels = (p: ArrayFieldClientProps): Partial<ArrayFieldType['labels']> => {\n    if ('labels' in p && p?.labels) {\n      return p.labels\n    }\n\n    if ('labels' in p.field && p.field.labels) {\n      return { plural: p.field.labels?.plural, singular: p.field.labels?.singular }\n    }\n\n    if ('label' in p.field && p.field.label) {\n      return { plural: undefined, singular: p.field.label }\n    }\n\n    return { plural: t('general:rows'), singular: t('general:row') }\n  }\n\n  const labels = getLabels(props)\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      // alternative locales can be null\n      if (!editingDefaultLocale && value === null) {\n        return true\n      }\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    disabled,\n    errorPaths,\n    path,\n    rows = [],\n    showError,\n    valid,\n    value,\n  } = useField<number>({\n    hasRows: true,\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const addRow = useCallback(\n    (rowIndex: number) => {\n      addFieldRow({\n        path,\n        rowIndex,\n        schemaPath,\n      })\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex}`)\n      }, 0)\n    },\n    [addFieldRow, path, schemaPath],\n  )\n\n  const duplicateRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({ type: 'DUPLICATE_ROW', path, rowIndex })\n\n      setModified(true)\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex}`)\n      }, 0)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const removeRow = useCallback(\n    (rowIndex: number) => {\n      removeFieldRow({ path, rowIndex })\n    },\n    [removeFieldRow, path],\n  )\n\n  const moveRow = useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      moveFieldRow({\n        moveFromIndex,\n        moveToIndex,\n        path,\n      })\n    },\n    [path, moveFieldRow],\n  )\n\n  const toggleCollapseAll = useCallback(\n    (collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = toggleAllRows({\n        collapsed,\n        rows,\n      })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n      dispatchFields({ type: 'SET_ALL_ROWS_COLLAPSED', path, updatedRows })\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\n      dispatchFields({ type: 'SET_ROW_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rows, setDocFieldPreferences],\n  )\n\n  const copyRow = useCallback(\n    (rowIndex: number) => {\n      const formState = { ...getFields() }\n      const clipboardResult = clipboardCopy({\n        type,\n        fields,\n        getDataToCopy: () =>\n          reduceFormStateByPath({\n            formState,\n            path,\n            rowIndex,\n          }),\n        path,\n        rowIndex,\n        t,\n      })\n\n      if (typeof clipboardResult === 'string') {\n        toast.error(clipboardResult)\n      } else {\n        toast.success(t('general:copied'))\n      }\n    },\n    [fields, getFields, path, t, type],\n  )\n\n  const pasteRow = useCallback(\n    (rowIndex: number) => {\n      const formState = { ...getFields() }\n      const pasteArgs = {\n        onPaste: (dataFromClipboard: ClipboardPasteData) => {\n          const newState = mergeFormStateFromClipboard({\n            dataFromClipboard,\n            formState,\n            path,\n            rowIndex,\n          })\n          replaceState(newState)\n          setModified(true)\n        },\n        path,\n        schemaFields: fields,\n        t,\n      }\n\n      const clipboardResult = clipboardPaste(pasteArgs)\n\n      if (typeof clipboardResult === 'string') {\n        toast.error(clipboardResult)\n      }\n    },\n    [fields, getFields, path, replaceState, setModified, t],\n  )\n\n  const pasteField = useCallback(\n    (dataFromClipboard: ClipboardPasteData) => {\n      const formState = { ...getFields() }\n      const newState = mergeFormStateFromClipboard({\n        dataFromClipboard,\n        formState,\n        path,\n      })\n      replaceState(newState)\n      setModified(true)\n    },\n    [getFields, path, replaceState, setModified],\n  )\n\n  const getDataToCopy = useCallback(\n    () =>\n      reduceFormStateByPath({\n        formState: { ...getFields() },\n        path,\n      }),\n    [getFields, path],\n  )\n\n  const hasMaxRows = maxRows && rows.length >= maxRows\n\n  const fieldErrorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorPaths.length > 0\n\n  const showRequired = (readOnly || disabled) && rows.length === 0\n  const showMinRows = (rows.length && rows.length < minRows) || (required && 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}__header-content`}>\n            <h3 className={`${baseClass}__title`}>\n              <RenderCustomComponent\n                CustomComponent={Label}\n                Fallback={\n                  <FieldLabel\n                    as=\"span\"\n                    label={label}\n                    localized={localized}\n                    path={path}\n                    required={required}\n                  />\n                }\n              />\n            </h3>\n            {fieldHasErrors && fieldErrorCount > 0 && (\n              <ErrorPill count={fieldErrorCount} i18n={i18n} withMessage />\n            )}\n          </div>\n          <ul className={`${baseClass}__header-actions`}>\n            {rows?.length > 0 && (\n              <Fragment>\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              </Fragment>\n            )}\n            <li>\n              <ClipboardAction\n                allowCopy={rows?.length > 0}\n                allowPaste={!readOnly}\n                className={`${baseClass}__header-action`}\n                disabled={disabled}\n                fields={fields}\n                getDataToCopy={getDataToCopy}\n                onPaste={pasteField}\n                path={path}\n                type={type}\n              />\n            </li>\n          </ul>\n        </div>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </header>\n      <NullifyLocaleField\n        fieldValue={value}\n        localized={localized}\n        path={path}\n        readOnly={readOnly}\n      />\n      {BeforeInput}\n      {(rows?.length > 0 || (!valid && (showRequired || showMinRows))) && (\n        <DraggableSortable\n          className={`${baseClass}__draggable-rows`}\n          ids={rows.map((row) => row.id)}\n          onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n        >\n          {rows.map((rowData, i) => {\n            const { id: rowID, isLoading } = rowData\n\n            const rowPath = `${path}.${i}`\n\n            const rowErrorCount = errorPaths?.filter((errorPath) =>\n              errorPath.startsWith(rowPath + '.'),\n            ).length\n\n            return (\n              <DraggableSortableItem\n                disabled={readOnly || disabled || !isSortable}\n                id={rowID}\n                key={rowID}\n              >\n                {(draggableSortableItemProps) => (\n                  <ArrayRow\n                    {...draggableSortableItemProps}\n                    addRow={addRow}\n                    copyRow={copyRow}\n                    CustomRowLabel={rows?.[i]?.customComponents?.RowLabel}\n                    duplicateRow={duplicateRow}\n                    errorCount={rowErrorCount}\n                    fields={fields}\n                    forceRender={forceRender}\n                    hasMaxRows={hasMaxRows}\n                    isLoading={isLoading}\n                    isSortable={isSortable}\n                    labels={labels}\n                    moveRow={moveRow}\n                    parentPath={path}\n                    pasteRow={pasteRow}\n                    path={rowPath}\n                    permissions={permissions}\n                    readOnly={readOnly || disabled}\n                    removeRow={removeRow}\n                    row={rowData}\n                    rowCount={rows?.length}\n                    rowIndex={i}\n                    schemaPath={schemaPath}\n                    setCollapse={setCollapse}\n                  />\n                )}\n              </DraggableSortableItem>\n            )\n          })}\n          {!valid && (\n            <React.Fragment>\n              {showRequired && (\n                <Banner>\n                  {t('validation:fieldHasNo', { label: getTranslation(labels.plural, i18n) })}\n                </Banner>\n              )}\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:rows' : 'general:row'),\n                  })}\n                </Banner>\n              )}\n            </React.Fragment>\n          )}\n        </DraggableSortable>\n      )}\n      {!hasMaxRows && !readOnly && (\n        <Button\n          buttonStyle=\"icon-label\"\n          className={`${baseClass}__add-row`}\n          disabled={disabled}\n          icon=\"plus\"\n          iconPosition=\"left\"\n          iconStyle=\"with-border\"\n          onClick={() => {\n            void addRow(value || 0)\n          }}\n        >\n          {t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n        </Button>\n      )}\n      {AfterInput}\n    </div>\n  )\n}\n\nexport const ArrayField = withCondition(ArrayFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Checkbox/Input.js

@@ -9,7 +9,7 @@ import { CheckIcon } from '../../icons/Check/index.js';
 import { LineIcon } from '../../icons/Line/index.js';
 export const inputBaseClass = 'checkbox-input';
 export const CheckboxInput = t0 => {
-  const $ = _c(22);
+  const $ = _c(27);
   const {
     id: idFromProps,
     name,
@@ -66,13 +66,30 @@ export const CheckboxInput = t0 => {
     } else {
       t9 = $[21];
     }
+    let t10;
+    if ($[22] !== checked) {
+      t10 = checked && _jsx(CheckIcon, {});
+      $[22] = checked;
+      $[23] = t10;
+    } else {
+      t10 = $[23];
+    }
+    let t11;
+    if ($[24] !== checked || $[25] !== partialChecked) {
+      t11 = !checked && partialChecked && _jsx(LineIcon, {});
+      $[24] = checked;
+      $[25] = partialChecked;
+      $[26] = t11;
+    } else {
+      t11 = $[26];
+    }
     t6 = _jsxs("div", {
       className: t4,
       children: [_jsxs("div", {
         className: `${inputBaseClass}__input`,
         children: [BeforeInput, t7, _jsxs("span", {
           className: t9.join(" "),
-          children: [checked && _jsx(CheckIcon, {}), !checked && partialChecked && _jsx(LineIcon, {})]
+          children: [t10, t11]
         }), AfterInput]
       }), _jsx(RenderCustomComponent, {
         CustomComponent: Label,

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["c","_c","React","useId","RenderCustomComponent","FieldLabel","CheckIcon","LineIcon","inputBaseClass","CheckboxInput","t0","$","id","idFromProps","name","AfterInput","BeforeInput","checked","className","inputRef","Label","label","localized","onToggle","partialChecked","readOnly","required","fallbackID","t1","t2","t3","filter","Boolean","t4","join","t5","t6","t7","_jsx","defaultChecked","disabled","onInput","ref","title","type","t8","t9","_jsxs","children","CustomComponent","Fallback","htmlFor"],"sources":["../../../src/fields/Checkbox/Input.tsx"],"sourcesContent":["'use client'\nimport type { StaticLabel } from 'payload'\n\nimport React, { useId } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { CheckIcon } from '../../icons/Check/index.js'\nimport { LineIcon } from '../../icons/Line/index.js'\n\nexport type CheckboxInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly BeforeInput?: React.ReactNode\n  readonly checked?: boolean\n  readonly className?: string\n  readonly id?: string\n  readonly inputRef?: React.RefObject<HTMLInputElement | null>\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly name?: string\n  readonly onToggle: (event: React.ChangeEvent<HTMLInputElement>) => void\n  readonly partialChecked?: boolean\n  readonly readOnly?: boolean\n  readonly required?: boolean\n}\n\nexport const inputBaseClass = 'checkbox-input'\n\nexport const CheckboxInput: React.FC<CheckboxInputProps> = ({\n  id: idFromProps,\n  name,\n  AfterInput,\n  BeforeInput,\n  checked,\n  className,\n  inputRef,\n  Label,\n  label,\n  localized,\n  onToggle,\n  partialChecked,\n  readOnly,\n  required,\n}) => {\n  const fallbackID = useId()\n  const id = idFromProps || fallbackID\n  return (\n    <div\n      className={[\n        className,\n        inputBaseClass,\n        checked && `${inputBaseClass}--checked`,\n        readOnly && `${inputBaseClass}--read-only`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${inputBaseClass}__input`}>\n        {BeforeInput}\n        <input\n          aria-label=\"\"\n          aria-labelledby={name}\n          defaultChecked={Boolean(checked)}\n          disabled={readOnly}\n          id={id}\n          name={name}\n          onInput={onToggle}\n          ref={inputRef}\n          required={required}\n          title={name}\n          type=\"checkbox\"\n        />\n        <span\n          className={[`${inputBaseClass}__icon`, !checked && partialChecked ? 'partial' : 'check']\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {checked && <CheckIcon />}\n          {!checked && partialChecked && <LineIcon />}\n        </span>\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel htmlFor={id} label={label} localized={localized} required={required} />\n        }\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["c","_c","React","useId","RenderCustomComponent","FieldLabel","CheckIcon","LineIcon","inputBaseClass","CheckboxInput","t0","$","id","idFromProps","name","AfterInput","BeforeInput","checked","className","inputRef","Label","label","localized","onToggle","partialChecked","readOnly","required","fallbackID","t1","t2","t3","filter","Boolean","t4","join","t5","t6","t7","_jsx","defaultChecked","disabled","onInput","ref","title","type","t8","t9","t10","t11","_jsxs","children","CustomComponent","Fallback","htmlFor"],"sources":["../../../src/fields/Checkbox/Input.tsx"],"sourcesContent":["'use client'\nimport type { StaticLabel } from 'payload'\n\nimport React, { useId } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { CheckIcon } from '../../icons/Check/index.js'\nimport { LineIcon } from '../../icons/Line/index.js'\n\nexport type CheckboxInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly BeforeInput?: React.ReactNode\n  readonly checked?: boolean\n  readonly className?: string\n  readonly id?: string\n  readonly inputRef?: React.RefObject<HTMLInputElement | null>\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly name?: string\n  readonly onToggle: (event: React.ChangeEvent<HTMLInputElement>) => void\n  readonly partialChecked?: boolean\n  readonly readOnly?: boolean\n  readonly required?: boolean\n}\n\nexport const inputBaseClass = 'checkbox-input'\n\nexport const CheckboxInput: React.FC<CheckboxInputProps> = ({\n  id: idFromProps,\n  name,\n  AfterInput,\n  BeforeInput,\n  checked,\n  className,\n  inputRef,\n  Label,\n  label,\n  localized,\n  onToggle,\n  partialChecked,\n  readOnly,\n  required,\n}) => {\n  const fallbackID = useId()\n  const id = idFromProps || fallbackID\n  return (\n    <div\n      className={[\n        className,\n        inputBaseClass,\n        checked && `${inputBaseClass}--checked`,\n        readOnly && `${inputBaseClass}--read-only`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${inputBaseClass}__input`}>\n        {BeforeInput}\n        <input\n          aria-label=\"\"\n          aria-labelledby={name}\n          defaultChecked={Boolean(checked)}\n          disabled={readOnly}\n          id={id}\n          name={name}\n          onInput={onToggle}\n          ref={inputRef}\n          required={required}\n          title={name}\n          type=\"checkbox\"\n        />\n        <span\n          className={[`${inputBaseClass}__icon`, !checked && partialChecked ? 'partial' : 'check']\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {checked && <CheckIcon />}\n          {!checked && partialChecked && <LineIcon />}\n        </span>\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel htmlFor={id} label={label} localized={localized} required={required} />\n        }\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/FieldError/index.js

@@ -8,7 +8,7 @@ import { useFormFields, useFormSubmitted } from '../../forms/Form/context.js';
 import './index.scss';
 const baseClass = 'field-error';
 export const FieldError = props => {
-  const $ = _c(8);
+  const $ = _c(7);
   const {
     alignCaret: t0,
     message: messageFromProps,
@@ -30,37 +30,36 @@ export const FieldError = props => {
   }
   const field = useFormFields(t1);
   let t2;
-  if ($[2] !== alignCaret || $[3] !== field || $[4] !== hasSubmitted || $[5] !== messageFromProps || $[6] !== showErrorFromProps) {
-    t2 = Symbol.for("react.early_return_sentinel");
-    bb0: {
-      const {
-        errorMessage,
-        valid
-      } = field || {};
-      const message = messageFromProps || errorMessage;
-      const showMessage = showErrorFromProps || hasSubmitted && valid === false;
-      if (showMessage && message?.length) {
-        t2 = _jsx(Tooltip, {
-          alignCaret,
-          className: baseClass,
-          delay: 0,
-          staticPositioning: true,
-          children: message
-        });
-        break bb0;
-      }
-    }
-    $[2] = alignCaret;
-    $[3] = field;
-    $[4] = hasSubmitted;
-    $[5] = messageFromProps;
-    $[6] = showErrorFromProps;
-    $[7] = t2;
+  if ($[2] !== field) {
+    t2 = field || {};
+    $[2] = field;
+    $[3] = t2;
   } else {
-    t2 = $[7];
+    t2 = $[3];
   }
-  if (t2 !== Symbol.for("react.early_return_sentinel")) {
-    return t2;
+  const {
+    errorMessage,
+    valid
+  } = t2;
+  const message = messageFromProps || errorMessage;
+  const showMessage = showErrorFromProps || hasSubmitted && valid === false;
+  if (showMessage && message?.length) {
+    let t3;
+    if ($[4] !== alignCaret || $[5] !== message) {
+      t3 = _jsx(Tooltip, {
+        alignCaret,
+        className: baseClass,
+        delay: 0,
+        staticPositioning: true,
+        children: message
+      });
+      $[4] = alignCaret;
+      $[5] = message;
+      $[6] = t3;
+    } else {
+      t3 = $[6];
+    }
+    return t3;
   }
   return null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Tooltip","useFormFields","useFormSubmitted","baseClass","FieldError","props","$","alignCaret","t0","message","messageFromProps","path","showError","showErrorFromProps","undefined","hasSubmitted","t1","t2","fields","field","Symbol","for","errorMessage","valid","showMessage","length","_jsx","className","delay","staticPositioning","children"],"sources":["../../../src/fields/FieldError/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GenericErrorProps } from 'payload'\n\nimport React from 'react'\n\nimport { Tooltip } from '../../elements/Tooltip/index.js'\nimport { useFormFields, useFormSubmitted } from '../../forms/Form/context.js'\nimport './index.scss'\n\nconst baseClass = 'field-error'\n\nexport const FieldError: React.FC<GenericErrorProps> = (props) => {\n  const {\n    alignCaret = 'right',\n    message: messageFromProps,\n    path,\n    showError: showErrorFromProps,\n  } = props\n\n  const hasSubmitted = useFormSubmitted()\n  const field = useFormFields(([fields]) => (fields && fields?.[path]) || null)\n\n  const { errorMessage, valid } = field || {}\n\n  const message = messageFromProps || errorMessage\n  const showMessage = showErrorFromProps || (hasSubmitted && valid === false)\n\n  if (showMessage && message?.length) {\n    return (\n      <Tooltip alignCaret={alignCaret} className={baseClass} delay={0} staticPositioning>\n        {message}\n      </Tooltip>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,aAAa,EAAEC,gBAAgB,QAAQ;AAChD,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAA0CC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACrD;IAAAS,UAAA,EAAAC,EAAA;IAAAC,OAAA,EAAAC,gBAAA;IAAAC,IAAA;IAAAC,SAAA,EAAAC;EAAA,IAKIR,KAAA;EAJF,MAAAE,UAAA,GAAAC,EAAoB,KAAAM,SAAA,GAAP,OAAO,GAApBN,EAAoB;EAMtB,MAAAO,YAAA,GAAqBb,gBAAA;EAAA,IAAAc,EAAA;EAAA,IAAAV,CAAA,QAAAK,IAAA;IACOK,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,IAAAD,EAAQ;MAAA,OAAKC,MAAC,IAAUA,MAAA,GAASP,IAAA,CAAK,QAAK;IAAA;IAAAL,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAxE,MAAAa,KAAA,GAAclB,aAAA,CAAce,EAA4C;EAAA,IAAAC,EAAA;EAAA,IAAAX,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAa,KAAA,IAAAb,CAAA,QAAAS,YAAA,IAAAT,CAAA,QAAAI,gBAAA,IAAAJ,CAAA,QAAAO,kBAAA;IASpEI,EAAA,GAAAG,MAAA,CAAAC,GAAA,8B;;MAPJ;QAAAC,YAAA;QAAAC;MAAA,IAAgCJ,KAAA,MAAU;MAE1C,MAAAV,OAAA,GAAgBC,gBAAA,IAAoBY,YAAA;MACpC,MAAAE,WAAA,GAAoBX,kBAAA,IAAuBE,YAAA,IAAgBQ,KAAA,UAAU;MAAA,IAEjEC,WAAA,IAAef,OAAA,EAAAgB,MAAS;QAExBR,EAAA,GAAAS,IAAA,CAAA1B,OAAA;UAAAO,UAAA;UAAAoB,SAAA,EAAAxB,SAAA;UAAAyB,KAAA;UAAAC,iBAAA;UAAAC,QAAA,EACGrB;QAAA,C;;;;;;;;;;;;;;;;;CAMT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Tooltip","useFormFields","useFormSubmitted","baseClass","FieldError","props","$","alignCaret","t0","message","messageFromProps","path","showError","showErrorFromProps","undefined","hasSubmitted","t1","t2","fields","field","errorMessage","valid","showMessage","length","t3","_jsx","className","delay","staticPositioning","children"],"sources":["../../../src/fields/FieldError/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GenericErrorProps } from 'payload'\n\nimport React from 'react'\n\nimport { Tooltip } from '../../elements/Tooltip/index.js'\nimport { useFormFields, useFormSubmitted } from '../../forms/Form/context.js'\nimport './index.scss'\n\nconst baseClass = 'field-error'\n\nexport const FieldError: React.FC<GenericErrorProps> = (props) => {\n  const {\n    alignCaret = 'right',\n    message: messageFromProps,\n    path,\n    showError: showErrorFromProps,\n  } = props\n\n  const hasSubmitted = useFormSubmitted()\n  const field = useFormFields(([fields]) => (fields && fields?.[path]) || null)\n\n  const { errorMessage, valid } = field || {}\n\n  const message = messageFromProps || errorMessage\n  const showMessage = showErrorFromProps || (hasSubmitted && valid === false)\n\n  if (showMessage && message?.length) {\n    return (\n      <Tooltip alignCaret={alignCaret} className={baseClass} delay={0} staticPositioning>\n        {message}\n      </Tooltip>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,aAAa,EAAEC,gBAAgB,QAAQ;AAChD,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAA0CC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACrD;IAAAS,UAAA,EAAAC,EAAA;IAAAC,OAAA,EAAAC,gBAAA;IAAAC,IAAA;IAAAC,SAAA,EAAAC;EAAA,IAKIR,KAAA;EAJF,MAAAE,UAAA,GAAAC,EAAoB,KAAAM,SAAA,GAAP,OAAO,GAApBN,EAAoB;EAMtB,MAAAO,YAAA,GAAqBb,gBAAA;EAAA,IAAAc,EAAA;EAAA,IAAAV,CAAA,QAAAK,IAAA;IACOK,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,IAAAD,EAAQ;MAAA,OAAKC,MAAC,IAAUA,MAAA,GAASP,IAAA,CAAK,QAAK;IAAA;IAAAL,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAxE,MAAAa,KAAA,GAAclB,aAAA,CAAce,EAA4C;EAAA,IAAAC,EAAA;EAAA,IAAAX,CAAA,QAAAa,KAAA;IAExCF,EAAA,GAAAE,KAAA,MAAU;IAAAb,CAAA,MAAAa,KAAA;IAAAb,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAA1C;IAAAc,YAAA;IAAAC;EAAA,IAAgCJ,EAAU;EAE1C,MAAAR,OAAA,GAAgBC,gBAAA,IAAoBU,YAAA;EACpC,MAAAE,WAAA,GAAoBT,kBAAA,IAAuBE,YAAA,IAAgBM,KAAA,UAAU;EAAA,IAEjEC,WAAA,IAAeb,OAAA,EAAAc,MAAS;IAAA,IAAAC,EAAA;IAAA,IAAAlB,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAG,OAAA;MAExBe,EAAA,GAAAC,IAAA,CAAAzB,OAAA;QAAAO,UAAA;QAAAmB,SAAA,EAAAvB,SAAA;QAAAwB,KAAA;QAAAC,iBAAA;QAAAC,QAAA,EACGpB;MAAA,C;;;;;;;WADHe,E;;;CAON","ignoreList":[]}

package/dist/fields/FieldLabel/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
@@ -10,6 +11,7 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { generateFieldID } from '../../utilities/generateFieldID.js';
 import './index.scss';
 export const FieldLabel = props => {
+  const $ = _c(25);
   const {
     as: t0,
     hideLocale: t1,
@@ -29,7 +31,18 @@ export const FieldLabel = props => {
     uuid
   } = useForm();
   const editDepth = useEditDepth();
-  const htmlFor = htmlForFromProps || generateFieldID(path, editDepth, uuid);
+  let t5;
+  if ($[0] !== editDepth || $[1] !== htmlForFromProps || $[2] !== path || $[3] !== uuid) {
+    t5 = htmlForFromProps || generateFieldID(path, editDepth, uuid);
+    $[0] = editDepth;
+    $[1] = htmlForFromProps;
+    $[2] = path;
+    $[3] = uuid;
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  const htmlFor = t5;
   const {
     i18n
   } = useTranslation();
@@ -39,17 +52,56 @@ export const FieldLabel = props => {
   } = useLocale();
   const Element = ElementFromProps === "label" ? htmlFor ? "label" : "span" : ElementFromProps || "span";
   if (label) {
-    return _jsxs(Element, {
-      className: `field-label${unstyled ? " unstyled" : ""}`,
-      htmlFor,
-      children: [getTranslation(label, i18n), required && !unstyled && _jsx("span", {
-        className: "required",
-        children: "*"
-      }), localized && !hideLocale && _jsxs("span", {
-        className: "localized",
-        children: ["\u2014 ", typeof localLabel === "string" ? localLabel : code]
-      })]
-    });
+    const t6 = `field-label${unstyled ? " unstyled" : ""}`;
+    let t7;
+    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", {
+          className: "required",
+          children: "*"
+        });
+        $[17] = required;
+        $[18] = unstyled;
+        $[19] = t8;
+      } else {
+        t8 = $[19];
+      }
+      let t9;
+      if ($[20] !== code || $[21] !== hideLocale || $[22] !== localLabel || $[23] !== localized) {
+        t9 = localized && !hideLocale && _jsxs("span", {
+          className: "localized",
+          children: ["\u2014 ", typeof localLabel === "string" ? localLabel : code]
+        });
+        $[20] = code;
+        $[21] = hideLocale;
+        $[22] = localLabel;
+        $[23] = localized;
+        $[24] = t9;
+      } else {
+        t9 = $[24];
+      }
+      t7 = _jsxs(Element, {
+        className: t6,
+        htmlFor,
+        children: [getTranslation(label, i18n), t8, t9]
+      });
+      $[5] = Element;
+      $[6] = code;
+      $[7] = hideLocale;
+      $[8] = htmlFor;
+      $[9] = i18n;
+      $[10] = label;
+      $[11] = localLabel;
+      $[12] = localized;
+      $[13] = required;
+      $[14] = t6;
+      $[15] = unstyled;
+      $[16] = t7;
+    } else {
+      t7 = $[16];
+    }
+    return t7;
   }
   return null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useForm","useEditDepth","useLocale","useTranslation","generateFieldID","FieldLabel","props","as","t0","hideLocale","t1","htmlFor","htmlForFromProps","label","localized","t2","path","required","t3","unstyled","t4","ElementFromProps","undefined","uuid","editDepth","i18n","code","localLabel","Element","_jsxs","className","children","_jsx"],"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: ElementFromProps = '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\n  const htmlFor = htmlForFromProps || generateFieldID(path, editDepth, uuid)\n\n  const { i18n } = useTranslation()\n  const { code, label: localLabel } = useLocale()\n\n  const Element =\n    ElementFromProps === 'label' ? (htmlFor ? 'label' : 'span') : ElementFromProps || 'span'\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":"AAAA;;;AAIA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,OAAO,MAAMC,UAAA,GAA0CC,KAAA;EACrD;IAAAC,EAAA,EAAAC,EAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC,OAAA,EAAAC,gBAAA;IAAAC,KAAA;IAAAC,SAAA,EAAAC,EAAA;IAAAC,IAAA;IAAAC,QAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC;EAAA,IASId,KAAA;EARE,MAAAe,gBAAA,GAAAb,EAA0B,KAAAc,SAAA,GAAP,OAAO,GAA1Bd,EAA0B;EAC9B,MAAAC,UAAA,GAAAC,EAAkB,KAAAY,SAAA,WAAlBZ,EAAkB;EAGlB,MAAAI,SAAA,GAAAC,EAAiB,KAAAO,SAAA,WAAjBP,EAAiB;EAEjB,MAAAE,QAAA,GAAAC,EAAgB,KAAAI,SAAA,WAAhBJ,EAAgB;EAChB,MAAAC,QAAA,GAAAC,EAAgB,KAAAE,SAAA,WAAhBF,EAAgB;EAGlB;IAAAG;EAAA,IAAiBvB,OAAA;EACjB,MAAAwB,SAAA,GAAkBvB,YAAA;EAElB,MAAAU,OAAA,GAAgBC,gBAAA,IAAoBR,eAAA,CAAgBY,IAAA,EAAMQ,SAAA,EAAWD,IAAA;EAErE;IAAAE;EAAA,IAAiBtB,cAAA;EACjB;IAAAuB,IAAA;IAAAb,KAAA,EAAAc;EAAA,IAAoCzB,SAAA;EAEpC,MAAA0B,OAAA,GACEP,gBAAA,KAAqB,UAAWV,OAAA,GAAU,UAAU,SAAUU,gBAAA,IAAoB;EAAA,IAEhFR,KAAA;IAAA,OAEAgB,KAAA,CAACD,OAAA;MAAAE,SAAA,EAAmB,cAAcX,QAAA,GAAW,cAAc,IAAI;MAAAR,OAAA;MAAAoB,QAAA,GAC5DjC,cAAA,CAAee,KAAA,EAAOY,IAAA,GACtBR,QAAA,KAAaE,QAAA,IAAYa,IAAA,CAAC;QAAAF,SAAA,EAAe;QAAAC,QAAA,EAAW;MAAA,C,GACpDjB,SAAA,KAAcL,UAAA,IACboB,KAAA,CAAC;QAAAC,SAAA,EAAe;QAAAC,QAAA,GAAY,WACjB,OAAOJ,UAAA,KAAe,WAAWA,UAAA,GAAaD,IAAA;MAAA,C;;;;CAQnE","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","ElementFromProps","undefined","uuid","editDepth","t5","i18n","code","localLabel","Element","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: ElementFromProps = '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\n  const htmlFor = htmlForFromProps || generateFieldID(path, editDepth, uuid)\n\n  const { i18n } = useTranslation()\n  const { code, label: localLabel } = useLocale()\n\n  const Element =\n    ElementFromProps === 'label' ? (htmlFor ? 'label' : 'span') : ElementFromProps || 'span'\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

@@ -5,6 +5,6 @@ import { GroupProvider, useGroup } from './provider.js';
 export declare const GroupFieldComponent: GroupFieldClientComponent;
 export { GroupProvider, useGroup };
 export declare const GroupField: React.FC<import("payload").FieldPaths & {
-    readonly field: (Omit<import("payload").NamedGroupFieldClient, "type"> & Partial<Pick<import("payload").NamedGroupFieldClient, "type">>) | (Omit<import("payload").UnnamedGroupFieldClient, "type"> & Partial<Pick<import("payload").UnnamedGroupFieldClient, "type">>);
+    readonly field: (Omit<import("payload").UnnamedGroupFieldClient, "type"> & Partial<Pick<import("payload").UnnamedGroupFieldClient, "type">>) | (Omit<import("payload").NamedGroupFieldClient, "type"> & Partial<Pick<import("payload").NamedGroupFieldClient, "type">>);
 } & Omit<import("payload").ClientComponentProps, "customComponents" | "field">>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/Input.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAwE,MAAM,OAAO,CAAA;AAK5F,OAAO,KAAK,EAA6B,sBAAsB,EAAiB,MAAM,YAAY,CAAA;AAuBlG,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAo0B9D,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/Input.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAwE,MAAM,OAAO,CAAA;AAK5F,OAAO,KAAK,EAA6B,sBAAsB,EAAiB,MAAM,YAAY,CAAA;AAuBlG,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA40B9D,CAAA"}

package/dist/fields/Relationship/Input.js

@@ -301,6 +301,9 @@ export const RelationshipInput = props => {
     updateResultsEffectEvent({
       filterOptions,
       lastLoadedPage: {},
+      onSuccess: () => {
+        setIsLoading(false);
+      },
       search: searchArg_0,
       sort: true,
       ...(hasManyArg_0 === true ? {
@@ -315,6 +318,7 @@ export const RelationshipInput = props => {
   }, 300);
   const handleInputChange = useCallback(options_0 => {
     if (search !== options_0.search) {
+      setIsLoading(true);
       setLastLoadedPage({});
       updateSearch(options_0);
     }
@@ -690,10 +694,14 @@ export const RelationshipInput = props => {
             }
           },
           onMenuScrollToBottom: () => {
+            setIsLoading(true);
             updateResultsEffectEvent({
               filterOptions,
               lastFullyLoadedRelation,
               lastLoadedPage,
+              onSuccess: () => {
+                setIsLoading(false);
+              },
               search,
               sort: false,
               ...(hasMany === true ? {