@payloadcms/ui 4.0.0-canary.2 → 4.0.0-canary.21

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAgC7D,OAAO,aAAa,CAAA;AA0gBpB,eAAO,MAAM,WAAW;;;;+EAAsC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAgC7D,OAAO,aAAa,CAAA;AA6gBpB,eAAO,MAAM,WAAW;;;;+EAAsC,CAAA"}

package/dist/fields/Blocks/index.js

@@ -298,8 +298,11 @@ const BlocksFieldComponent = props => {
   const hasMaxRows = maxRows && rows.length >= maxRows;
   const fieldErrorCount = errorPaths.length;
   const fieldHasErrors = submitted && fieldErrorCount + (valid ? 0 : 1) > 0;
+  const displayedErrorCount = fieldErrorCount > 0 ? fieldErrorCount : fieldHasErrors ? 1 : 0;
   const showMinRows = rows.length < minRows || required && rows.length === 0;
   const showRequired = readOnly && rows.length === 0;
+  const shouldShowSummaryBanner = !valid && (showRequired || showMinRows);
+  const shouldShowFieldError = showError && !shouldShowSummaryBanner;
   const styles = useMemo(() => mergeFieldStyles(field), [field]);
   const renderDragOverlay = useCallback(activeId => {
     const activeIndex = rows.findIndex(row => row.id === activeId);
@@ -342,7 +345,7 @@ const BlocksFieldComponent = props => {
     className: [fieldBaseClass, baseClass, className, fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`].filter(Boolean).join(' '),
     id: `field-${path?.replace(/\./g, '__')}`,
     style: styles,
-    children: [showError && /*#__PURE__*/_jsx(RenderCustomComponent, {
+    children: [shouldShowFieldError && /*#__PURE__*/_jsx(RenderCustomComponent, {
       CustomComponent: Error,
       Fallback: /*#__PURE__*/_jsx(FieldError, {
         path: path,
@@ -366,8 +369,8 @@ const BlocksFieldComponent = props => {
                 required: required
               })
             })
-          }), fieldHasErrors && fieldErrorCount > 0 && /*#__PURE__*/_jsx(ErrorPill, {
-            count: fieldErrorCount,
+          }), displayedErrorCount > 0 && /*#__PURE__*/_jsx(ErrorPill, {
+            count: displayedErrorCount,
             i18n: i18n,
             withMessage: true
           })]
@@ -471,14 +474,14 @@ const BlocksFieldComponent = props => {
           })
         })]
       })]
-    }), !hasMaxRows && /*#__PURE__*/_jsxs(Fragment, {
+    }), !hasMaxRows && !readOnly && /*#__PURE__*/_jsxs(Fragment, {
       children: [/*#__PURE__*/_jsx(DrawerToggler, {
         className: `${baseClass}__drawer-toggler`,
-        disabled: readOnly || disabled,
+        disabled: disabled,
         slug: drawerSlug,
         children: /*#__PURE__*/_jsx(Button, {
           buttonStyle: "ghost",
-          disabled: readOnly || disabled,
+          disabled: disabled,
           el: "span",
           icon: /*#__PURE__*/_jsx(CirclePlusIcon, {}),
           iconPosition: "left",

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["verticalListSortingStrategy","getTranslation","React","Fragment","useCallback","useMemo","toast","Banner","Button","clipboardCopy","clipboardPaste","ClipboardAction","mergeFormStateFromClipboard","reduceFormStateByPath","CollapseAllToggle","DraggableSortableItem","DragOverlayPreview","DraggableSortable","DrawerToggler","useDrawerSlug","ErrorPill","Pill","RenderCustomComponent","useForm","useFormSubmitted","extractRowsAndCollapsedIDs","toggleAllRows","NullifyLocaleField","RowLabel","useField","withCondition","CirclePlusIcon","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","FieldDescription","FieldError","FieldLabel","mergeFieldStyles","fieldBaseClass","BlockRow","BlocksDrawer","baseClass","BlocksFieldComponent","props","i18n","t","field","name","type","admin","className","description","isSortable","blocks","label","labels","labelsFromProps","localized","maxRows","minRows","minRowsProp","required","path","pathFromProps","permissions","readOnly","schemaPath","schemaPathFromProps","validate","setDocFieldPreferences","addFieldRow","dispatchFields","getFields","moveFieldRow","removeFieldRow","replaceState","setModified","code","locale","config","localization","drawerSlug","submitted","plural","singular","editingDefaultLocale","fallback","defaultLocale","memoizedValidate","value","options","blocksFilterOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","errorPaths","rows","showError","valid","hasRows","potentiallyStalePath","clientBlocks","clientBlocksAfterFilter","resolvedBlocks","blockOrSlug","block","blocksMap","push","Array","isArray","filter","blockSlug","slug","includes","getBlockConfig","blockType","find","addRow","rowIndex","setTimeout","duplicateRow","removeRow","moveRow","moveFromIndex","moveToIndex","toggleCollapseAll","collapsed","collapsedIDs","updatedRows","setCollapse","rowID","copyRow","clipboardResult","getDataToCopy","formState","error","success","pasteRow","pasteArgs","onPaste","dataFromClipboard","newState","schemaBlocks","pasteBlocks","hasMaxRows","length","fieldErrorCount","fieldHasErrors","showMinRows","showRequired","styles","renderDragOverlay","activeId","activeIndex","findIndex","row","id","activeRow","blockConfig","showBlockName","disableBlockName","blockName","undefined","_jsx","header","CustomComponent","_jsxs","_Fragment","String","padStart","pillStyle","size","rowNumber","Boolean","join","replace","style","Fallback","as","count","withMessage","onClick","allowCopy","allowPaste","fieldValue","ids","map","onDragEnd","sortingStrategy","i","isLoading","rowPath","rowErrorCount","errorPath","startsWith","draggableSortableItemProps","errorCount","fields","parentPath","rowCount","buttonStyle","el","icon","iconPosition","addRowIndex","BlocksField"],"sources":["../../../src/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClientComponent, ClientBlock } from 'payload'\n\nimport { verticalListSortingStrategy } from '@dnd-kit/sortable'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback, useMemo } 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 { CollapseAllToggle } from '../../elements/CollapseAllToggle/index.js'\nimport { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DragOverlayPreview } from '../../elements/DraggableSortable/DragOverlayPreview/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 { Pill } from '../../elements/Pill/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 { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { CirclePlusIcon } from '../../icons/CirclePlus/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport './index.css'\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 { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { BlockRow } from './BlockRow.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\n\nconst baseClass = 'blocks-field'\n\nconst BlocksFieldComponent: BlocksFieldClientComponent = (props) => {\n  const { i18n, t } = useTranslation()\n\n  const {\n    field,\n    field: {\n      name,\n      type,\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: 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 { code: locale } = useLocale()\n  const {\n    config: { localization },\n    config,\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\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    blocksFilterOptions,\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 { clientBlocks, clientBlocksAfterFilter } = useMemo(() => {\n    const resolvedBlocks: ClientBlock[] = []\n\n    for (const blockOrSlug of blocks) {\n      const block = typeof blockOrSlug === 'string' ? config.blocksMap[blockOrSlug] : blockOrSlug\n      if (block) {\n        resolvedBlocks.push(block)\n      }\n    }\n\n    if (Array.isArray(blocksFilterOptions)) {\n      const clientBlocksAfterFilter = resolvedBlocks.filter((block) => {\n        const blockSlug = typeof block === 'string' ? block : block.slug\n        return blocksFilterOptions.includes(blockSlug)\n      })\n\n      return {\n        clientBlocks: resolvedBlocks,\n        clientBlocksAfterFilter,\n      }\n    }\n    return {\n      clientBlocks: resolvedBlocks,\n      clientBlocksAfterFilter: resolvedBlocks,\n    }\n  }, [blocks, blocksFilterOptions, config.blocksMap])\n\n  const getBlockConfig = (blockType: string): ClientBlock | undefined =>\n    config.blocksMap[blockType] ?? clientBlocks.find((block) => block.slug === blockType)\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      removeFieldRow({\n        path,\n        rowIndex,\n      })\n    },\n    [path, removeFieldRow],\n  )\n\n  const moveRow = useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      moveFieldRow({ moveFromIndex, moveToIndex, path })\n    },\n    [moveFieldRow, path],\n  )\n\n  const toggleCollapseAll = useCallback(\n    (collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = toggleAllRows({\n        collapsed,\n        rows,\n      })\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\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 clipboardResult = clipboardCopy({\n        type,\n        blocks: clientBlocks,\n        getDataToCopy: () =>\n          reduceFormStateByPath({\n            formState: { ...getFields() },\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    [clientBlocks, path, t, type, getFields],\n  )\n\n  const pasteRow = useCallback(\n    (rowIndex: number) => {\n      const pasteArgs = {\n        onPaste: (dataFromClipboard: ClipboardPasteData) => {\n          const formState = { ...getFields() }\n          const newState = mergeFormStateFromClipboard({\n            dataFromClipboard,\n            formState,\n            path,\n            rowIndex,\n          })\n          replaceState(newState)\n          setModified(true)\n        },\n        path,\n        schemaBlocks: clientBlocks,\n        t,\n      }\n\n      const clipboardResult = clipboardPaste(pasteArgs)\n\n      if (typeof clipboardResult === 'string') {\n        toast.error(clipboardResult)\n      }\n    },\n    [clientBlocks, getFields, path, replaceState, setModified, t],\n  )\n\n  const pasteBlocks = 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 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  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  const renderDragOverlay = useCallback(\n    (activeId: number | string) => {\n      const activeIndex = rows.findIndex((row) => row.id === activeId)\n      if (activeIndex === -1) {\n        return null\n      }\n\n      const activeRow = rows[activeIndex]\n      const blockConfig = getBlockConfig(activeRow.blockType)\n\n      if (!blockConfig) {\n        return null\n      }\n\n      const showBlockName = !blockConfig.admin?.disableBlockName\n      const blockName = showBlockName\n        ? (getFields()?.[`${path}.${activeIndex}.blockName`]?.value as string)\n        : undefined\n\n      return (\n        <DragOverlayPreview\n          header={\n            <div className={`${baseClass}__block-header`}>\n              <RowLabel\n                CustomComponent={rows?.[activeIndex]?.customComponents?.RowLabel}\n                label={\n                  <>\n                    <span className={`${baseClass}__block-number`}>\n                      {String(activeIndex + 1).padStart(2, '0')}\n                    </span>\n                    <Pill\n                      className={`${baseClass}__block-pill ${baseClass}__block-pill-${activeRow.blockType}`}\n                      pillStyle=\"white\"\n                      size=\"small\"\n                    >\n                      {getTranslation(blockConfig.labels.singular, i18n)}\n                    </Pill>\n                    {blockName && <span className=\"section-title__text\">{blockName}</span>}\n                  </>\n                }\n                path={`${path}.${activeIndex}`}\n                rowNumber={activeIndex}\n              />\n            </div>\n          }\n        />\n      )\n    },\n    [rows, config.blocksMap, clientBlocks, i18n, path, getFields],\n  )\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      style={styles}\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 && <CollapseAllToggle onClick={toggleCollapseAll} />}\n            <li>\n              <ClipboardAction\n                allowCopy={rows?.length > 0}\n                allowPaste={!readOnly}\n                blocks={clientBlocks}\n                className={`${baseClass}__header-action`}\n                disabled={disabled}\n                getDataToCopy={() =>\n                  reduceFormStateByPath({\n                    formState: { ...getFields() },\n                    path,\n                  })\n                }\n                onPaste={pasteBlocks}\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      {BeforeInput}\n      <NullifyLocaleField\n        fieldValue={value}\n        localized={localized}\n        path={path}\n        readOnly={readOnly}\n      />\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          renderDragOverlay={isSortable && !readOnly && !disabled ? renderDragOverlay : undefined}\n          sortingStrategy={verticalListSortingStrategy}\n        >\n          {rows.map((row, i) => {\n            const { blockType, isLoading } = row\n\n            const blockConfig = getBlockConfig(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\n                  disabled={readOnly || disabled || !isSortable}\n                  id={row.id}\n                  key={row.id}\n                >\n                  {(draggableSortableItemProps) => (\n                    <BlockRow\n                      {...draggableSortableItemProps}\n                      addRow={addRow}\n                      block={blockConfig}\n                      // Pass all blocks, not just clientBlocksAfterFilter, as existing blocks should still be displayed even if they don't match the new filter\n                      blocks={clientBlocks}\n                      copyRow={copyRow}\n                      duplicateRow={duplicateRow}\n                      errorCount={rowErrorCount}\n                      fields={blockConfig.fields}\n                      hasMaxRows={hasMaxRows}\n                      isLoading={isLoading}\n                      isSortable={isSortable}\n                      Label={rows?.[i]?.customComponents?.RowLabel}\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={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          {!valid && (\n            <React.Fragment>\n              {showMinRows && (\n                <Banner type=\"danger\">\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 || disabled}\n            slug={drawerSlug}\n          >\n            <Button\n              buttonStyle=\"ghost\"\n              disabled={readOnly || disabled}\n              el=\"span\"\n              icon={<CirclePlusIcon />}\n              iconPosition=\"left\"\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            // Only allow choosing filtered blocks\n            blocks={clientBlocksAfterFilter}\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":[]}
+{"version":3,"file":"index.js","names":["verticalListSortingStrategy","getTranslation","React","Fragment","useCallback","useMemo","toast","Banner","Button","clipboardCopy","clipboardPaste","ClipboardAction","mergeFormStateFromClipboard","reduceFormStateByPath","CollapseAllToggle","DraggableSortableItem","DragOverlayPreview","DraggableSortable","DrawerToggler","useDrawerSlug","ErrorPill","Pill","RenderCustomComponent","useForm","useFormSubmitted","extractRowsAndCollapsedIDs","toggleAllRows","NullifyLocaleField","RowLabel","useField","withCondition","CirclePlusIcon","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","FieldDescription","FieldError","FieldLabel","mergeFieldStyles","fieldBaseClass","BlockRow","BlocksDrawer","baseClass","BlocksFieldComponent","props","i18n","t","field","name","type","admin","className","description","isSortable","blocks","label","labels","labelsFromProps","localized","maxRows","minRows","minRowsProp","required","path","pathFromProps","permissions","readOnly","schemaPath","schemaPathFromProps","validate","setDocFieldPreferences","addFieldRow","dispatchFields","getFields","moveFieldRow","removeFieldRow","replaceState","setModified","code","locale","config","localization","drawerSlug","submitted","plural","singular","editingDefaultLocale","fallback","defaultLocale","memoizedValidate","value","options","blocksFilterOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","errorPaths","rows","showError","valid","hasRows","potentiallyStalePath","clientBlocks","clientBlocksAfterFilter","resolvedBlocks","blockOrSlug","block","blocksMap","push","Array","isArray","filter","blockSlug","slug","includes","getBlockConfig","blockType","find","addRow","rowIndex","setTimeout","duplicateRow","removeRow","moveRow","moveFromIndex","moveToIndex","toggleCollapseAll","collapsed","collapsedIDs","updatedRows","setCollapse","rowID","copyRow","clipboardResult","getDataToCopy","formState","error","success","pasteRow","pasteArgs","onPaste","dataFromClipboard","newState","schemaBlocks","pasteBlocks","hasMaxRows","length","fieldErrorCount","fieldHasErrors","displayedErrorCount","showMinRows","showRequired","shouldShowSummaryBanner","shouldShowFieldError","styles","renderDragOverlay","activeId","activeIndex","findIndex","row","id","activeRow","blockConfig","showBlockName","disableBlockName","blockName","undefined","_jsx","header","CustomComponent","_jsxs","_Fragment","String","padStart","pillStyle","size","rowNumber","Boolean","join","replace","style","Fallback","as","count","withMessage","onClick","allowCopy","allowPaste","fieldValue","ids","map","onDragEnd","sortingStrategy","i","isLoading","rowPath","rowErrorCount","errorPath","startsWith","draggableSortableItemProps","errorCount","fields","parentPath","rowCount","buttonStyle","el","icon","iconPosition","addRowIndex","BlocksField"],"sources":["../../../src/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClientComponent, ClientBlock } from 'payload'\n\nimport { verticalListSortingStrategy } from '@dnd-kit/sortable'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback, useMemo } 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 { CollapseAllToggle } from '../../elements/CollapseAllToggle/index.js'\nimport { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DragOverlayPreview } from '../../elements/DraggableSortable/DragOverlayPreview/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 { Pill } from '../../elements/Pill/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 { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { CirclePlusIcon } from '../../icons/CirclePlus/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport './index.css'\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 { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { BlockRow } from './BlockRow.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\n\nconst baseClass = 'blocks-field'\n\nconst BlocksFieldComponent: BlocksFieldClientComponent = (props) => {\n  const { i18n, t } = useTranslation()\n\n  const {\n    field,\n    field: {\n      name,\n      type,\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: 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 { code: locale } = useLocale()\n  const {\n    config: { localization },\n    config,\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\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    blocksFilterOptions,\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 { clientBlocks, clientBlocksAfterFilter } = useMemo(() => {\n    const resolvedBlocks: ClientBlock[] = []\n\n    for (const blockOrSlug of blocks) {\n      const block = typeof blockOrSlug === 'string' ? config.blocksMap[blockOrSlug] : blockOrSlug\n      if (block) {\n        resolvedBlocks.push(block)\n      }\n    }\n\n    if (Array.isArray(blocksFilterOptions)) {\n      const clientBlocksAfterFilter = resolvedBlocks.filter((block) => {\n        const blockSlug = typeof block === 'string' ? block : block.slug\n        return blocksFilterOptions.includes(blockSlug)\n      })\n\n      return {\n        clientBlocks: resolvedBlocks,\n        clientBlocksAfterFilter,\n      }\n    }\n    return {\n      clientBlocks: resolvedBlocks,\n      clientBlocksAfterFilter: resolvedBlocks,\n    }\n  }, [blocks, blocksFilterOptions, config.blocksMap])\n\n  const getBlockConfig = (blockType: string): ClientBlock | undefined =>\n    config.blocksMap[blockType] ?? clientBlocks.find((block) => block.slug === blockType)\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      removeFieldRow({\n        path,\n        rowIndex,\n      })\n    },\n    [path, removeFieldRow],\n  )\n\n  const moveRow = useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      moveFieldRow({ moveFromIndex, moveToIndex, path })\n    },\n    [moveFieldRow, path],\n  )\n\n  const toggleCollapseAll = useCallback(\n    (collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = toggleAllRows({\n        collapsed,\n        rows,\n      })\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\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 clipboardResult = clipboardCopy({\n        type,\n        blocks: clientBlocks,\n        getDataToCopy: () =>\n          reduceFormStateByPath({\n            formState: { ...getFields() },\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    [clientBlocks, path, t, type, getFields],\n  )\n\n  const pasteRow = useCallback(\n    (rowIndex: number) => {\n      const pasteArgs = {\n        onPaste: (dataFromClipboard: ClipboardPasteData) => {\n          const formState = { ...getFields() }\n          const newState = mergeFormStateFromClipboard({\n            dataFromClipboard,\n            formState,\n            path,\n            rowIndex,\n          })\n          replaceState(newState)\n          setModified(true)\n        },\n        path,\n        schemaBlocks: clientBlocks,\n        t,\n      }\n\n      const clipboardResult = clipboardPaste(pasteArgs)\n\n      if (typeof clipboardResult === 'string') {\n        toast.error(clipboardResult)\n      }\n    },\n    [clientBlocks, getFields, path, replaceState, setModified, t],\n  )\n\n  const pasteBlocks = 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 hasMaxRows = maxRows && rows.length >= maxRows\n\n  const fieldErrorCount = errorPaths.length\n  const fieldHasErrors = submitted && fieldErrorCount + (valid ? 0 : 1) > 0\n  const displayedErrorCount = fieldErrorCount > 0 ? fieldErrorCount : fieldHasErrors ? 1 : 0\n\n  const showMinRows = rows.length < minRows || (required && rows.length === 0)\n  const showRequired = readOnly && rows.length === 0\n  const shouldShowSummaryBanner = !valid && (showRequired || showMinRows)\n  const shouldShowFieldError = showError && !shouldShowSummaryBanner\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  const renderDragOverlay = useCallback(\n    (activeId: number | string) => {\n      const activeIndex = rows.findIndex((row) => row.id === activeId)\n      if (activeIndex === -1) {\n        return null\n      }\n\n      const activeRow = rows[activeIndex]\n      const blockConfig = getBlockConfig(activeRow.blockType)\n\n      if (!blockConfig) {\n        return null\n      }\n\n      const showBlockName = !blockConfig.admin?.disableBlockName\n      const blockName = showBlockName\n        ? (getFields()?.[`${path}.${activeIndex}.blockName`]?.value as string)\n        : undefined\n\n      return (\n        <DragOverlayPreview\n          header={\n            <div className={`${baseClass}__block-header`}>\n              <RowLabel\n                CustomComponent={rows?.[activeIndex]?.customComponents?.RowLabel}\n                label={\n                  <>\n                    <span className={`${baseClass}__block-number`}>\n                      {String(activeIndex + 1).padStart(2, '0')}\n                    </span>\n                    <Pill\n                      className={`${baseClass}__block-pill ${baseClass}__block-pill-${activeRow.blockType}`}\n                      pillStyle=\"white\"\n                      size=\"small\"\n                    >\n                      {getTranslation(blockConfig.labels.singular, i18n)}\n                    </Pill>\n                    {blockName && <span className=\"section-title__text\">{blockName}</span>}\n                  </>\n                }\n                path={`${path}.${activeIndex}`}\n                rowNumber={activeIndex}\n              />\n            </div>\n          }\n        />\n      )\n    },\n    [rows, config.blocksMap, clientBlocks, i18n, path, getFields],\n  )\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      style={styles}\n    >\n      {shouldShowFieldError && (\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            {displayedErrorCount > 0 && (\n              <ErrorPill count={displayedErrorCount} i18n={i18n} withMessage />\n            )}\n          </div>\n          <ul className={`${baseClass}__header-actions`}>\n            {rows.length > 0 && <CollapseAllToggle onClick={toggleCollapseAll} />}\n            <li>\n              <ClipboardAction\n                allowCopy={rows?.length > 0}\n                allowPaste={!readOnly}\n                blocks={clientBlocks}\n                className={`${baseClass}__header-action`}\n                disabled={disabled}\n                getDataToCopy={() =>\n                  reduceFormStateByPath({\n                    formState: { ...getFields() },\n                    path,\n                  })\n                }\n                onPaste={pasteBlocks}\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      {BeforeInput}\n      <NullifyLocaleField\n        fieldValue={value}\n        localized={localized}\n        path={path}\n        readOnly={readOnly}\n      />\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          renderDragOverlay={isSortable && !readOnly && !disabled ? renderDragOverlay : undefined}\n          sortingStrategy={verticalListSortingStrategy}\n        >\n          {rows.map((row, i) => {\n            const { blockType, isLoading } = row\n\n            const blockConfig = getBlockConfig(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\n                  disabled={readOnly || disabled || !isSortable}\n                  id={row.id}\n                  key={row.id}\n                >\n                  {(draggableSortableItemProps) => (\n                    <BlockRow\n                      {...draggableSortableItemProps}\n                      addRow={addRow}\n                      block={blockConfig}\n                      // Pass all blocks, not just clientBlocksAfterFilter, as existing blocks should still be displayed even if they don't match the new filter\n                      blocks={clientBlocks}\n                      copyRow={copyRow}\n                      duplicateRow={duplicateRow}\n                      errorCount={rowErrorCount}\n                      fields={blockConfig.fields}\n                      hasMaxRows={hasMaxRows}\n                      isLoading={isLoading}\n                      isSortable={isSortable}\n                      Label={rows?.[i]?.customComponents?.RowLabel}\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={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          {!valid && (\n            <React.Fragment>\n              {showMinRows && (\n                <Banner type=\"danger\">\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 && !readOnly && (\n        <Fragment>\n          <DrawerToggler\n            className={`${baseClass}__drawer-toggler`}\n            disabled={disabled}\n            slug={drawerSlug}\n          >\n            <Button\n              buttonStyle=\"ghost\"\n              disabled={disabled}\n              el=\"span\"\n              icon={<CirclePlusIcon />}\n              iconPosition=\"left\"\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            // Only allow choosing filtered blocks\n            blocks={clientBlocksAfterFilter}\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/Checkbox/Input.d.ts

@@ -2,6 +2,8 @@ import type { StaticLabel } from 'payload';
 import React from 'react';
 export type CheckboxInputProps = {
     readonly AfterInput?: React.ReactNode;
+    readonly 'aria-label'?: string;
+    readonly 'aria-labelledby'?: string;
     readonly BeforeInput?: React.ReactNode;
     readonly checked?: boolean;
     readonly className?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Checkbox/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,KAAqC,MAAM,OAAO,CAAA;AAQzD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAC5D,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACvE,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB;;;;OAIG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,cAAc,mBAAmB,CAAA;AAE9C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsFtD,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Checkbox/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,KAAqC,MAAM,OAAO,CAAA;AAQzD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IACnC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAC5D,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACvE,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB;;;;OAIG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,cAAc,mBAAmB,CAAA;AAE9C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0FtD,CAAA"}

package/dist/fields/Checkbox/Input.js

@@ -10,11 +10,13 @@ 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(35);
+  const $ = _c(37);
   const {
     id: idFromProps,
     name,
     AfterInput,
+    "aria-label": ariaLabelFromProps,
+    "aria-labelledby": ariaLabelledByFromProps,
     BeforeInput,
     checked,
     className,
@@ -35,6 +37,8 @@ export const CheckboxInput = t0 => {
   const [showTooltip, setShowTooltip] = useState(false);
   const fallbackID = useId();
   const id = idFromProps || fallbackID;
+  const ariaLabel = ariaLabelFromProps || undefined;
+  const ariaLabelledBy = ariaLabel ? undefined : ariaLabelledByFromProps || name;
   let t2;
   let t3;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -85,10 +89,10 @@ export const CheckboxInput = t0 => {
   }
   const t12 = Boolean(checked);
   let t13;
-  if ($[12] !== AfterInput || $[13] !== BeforeInput || $[14] !== Error || $[15] !== Label || $[16] !== checked || $[17] !== id || $[18] !== inputRef || $[19] !== label || $[20] !== localized || $[21] !== name || $[22] !== onToggle || $[23] !== partialChecked || $[24] !== readOnly || $[25] !== required || $[26] !== showTooltip || $[27] !== t10 || $[28] !== t11 || $[29] !== t12 || $[30] !== t9 || $[31] !== tooltip) {
+  if ($[12] !== AfterInput || $[13] !== BeforeInput || $[14] !== Error || $[15] !== Label || $[16] !== ariaLabel || $[17] !== ariaLabelledBy || $[18] !== checked || $[19] !== id || $[20] !== inputRef || $[21] !== label || $[22] !== localized || $[23] !== name || $[24] !== onToggle || $[25] !== partialChecked || $[26] !== readOnly || $[27] !== required || $[28] !== showTooltip || $[29] !== t10 || $[30] !== t11 || $[31] !== t12 || $[32] !== t9 || $[33] !== tooltip) {
     const t14 = _jsx("input", {
-      "aria-label": "",
-      "aria-labelledby": name,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
       checked: t12,
       disabled: readOnly,
       id,
@@ -101,12 +105,12 @@ export const CheckboxInput = t0 => {
     });
     const t15 = !checked && partialChecked ? "partial" : "check";
     let t16;
-    if ($[33] !== t15) {
+    if ($[35] !== t15) {
       t16 = [`${inputBaseClass}__icon`, t15].filter(Boolean);
-      $[33] = t15;
-      $[34] = t16;
+      $[35] = t15;
+      $[36] = t16;
     } else {
-      t16 = $[34];
+      t16 = $[36];
     }
     t13 = _jsxs("div", {
       className: t9,
@@ -140,25 +144,27 @@ export const CheckboxInput = t0 => {
     $[13] = BeforeInput;
     $[14] = Error;
     $[15] = Label;
-    $[16] = checked;
-    $[17] = id;
-    $[18] = inputRef;
-    $[19] = label;
-    $[20] = localized;
-    $[21] = name;
-    $[22] = onToggle;
-    $[23] = partialChecked;
-    $[24] = readOnly;
-    $[25] = required;
-    $[26] = showTooltip;
-    $[27] = t10;
-    $[28] = t11;
-    $[29] = t12;
-    $[30] = t9;
-    $[31] = tooltip;
-    $[32] = t13;
+    $[16] = ariaLabel;
+    $[17] = ariaLabelledBy;
+    $[18] = checked;
+    $[19] = id;
+    $[20] = inputRef;
+    $[21] = label;
+    $[22] = localized;
+    $[23] = name;
+    $[24] = onToggle;
+    $[25] = partialChecked;
+    $[26] = readOnly;
+    $[27] = required;
+    $[28] = showTooltip;
+    $[29] = t10;
+    $[30] = t11;
+    $[31] = t12;
+    $[32] = t9;
+    $[33] = tooltip;
+    $[34] = t13;
   } else {
-    t13 = $[32];
+    t13 = $[34];
   }
   return t13;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["c","_c","React","useEffect","useId","useState","RenderCustomComponent","Tooltip","FieldLabel","CheckIcon","LineIcon","inputBaseClass","CheckboxInput","t0","$","id","idFromProps","name","AfterInput","BeforeInput","checked","className","Error","inputRef","Label","label","localized","onToggle","partialChecked","readOnly","readOnlyFromProps","required","tooltip","variant","t1","undefined","isHydrated","setIsHydrated","showTooltip","setShowTooltip","fallbackID","t2","t3","Symbol","for","t4","t5","t6","t7","t8","filter","Boolean","t9","join","t10","t11","t12","t13","t14","_jsx","disabled","onChange","ref","title","type","t15","t16","_jsxs","onPointerEnter","onPointerLeave","children","CustomComponent","Fallback","htmlFor","alignCaret","show"],"sources":["../../../src/fields/Checkbox/Input.tsx"],"sourcesContent":["'use client'\nimport type { StaticLabel } from 'payload'\n\nimport React, { useEffect, useId, useState } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { Tooltip } from '../../elements/Tooltip/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 Error?: React.ReactNode\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  readonly tooltip?: string\n  /**\n   * Visual variant for the checkbox\n   * - 'default': Dark border, transparent background (for form fields)\n   * - 'muted': Light gray background and border (for tables)\n   */\n  readonly variant?: 'default' | 'muted'\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  Error,\n  inputRef,\n  Label,\n  label,\n  localized,\n  onToggle,\n  partialChecked,\n  readOnly: readOnlyFromProps,\n  required,\n  tooltip,\n  variant = 'default',\n}) => {\n  const [isHydrated, setIsHydrated] = useState(false)\n  const [showTooltip, setShowTooltip] = useState(false)\n  const fallbackID = useId()\n  const id = idFromProps || fallbackID\n\n  useEffect(() => {\n    setIsHydrated(true)\n  }, [])\n\n  const readOnly = readOnlyFromProps || !isHydrated\n\n  return (\n    <div\n      className={[\n        className,\n        inputBaseClass,\n        checked && `${inputBaseClass}--checked`,\n        readOnly && `${inputBaseClass}--read-only`,\n        tooltip && `${inputBaseClass}--has-tooltip`,\n        variant !== 'default' && `${inputBaseClass}--${variant}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onPointerEnter={tooltip ? () => setShowTooltip(true) : undefined}\n      onPointerLeave={tooltip ? () => setShowTooltip(false) : undefined}\n    >\n      {BeforeInput}\n      <div className={`${inputBaseClass}__wrap`}>\n        <div className={`${inputBaseClass}__input`}>\n          <input\n            aria-label=\"\"\n            aria-labelledby={name}\n            checked={Boolean(checked)}\n            disabled={readOnly}\n            id={id}\n            name={name}\n            onChange={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        </div>\n        <RenderCustomComponent\n          CustomComponent={Label}\n          Fallback={\n            <FieldLabel htmlFor={id} label={label} localized={localized} required={required} />\n          }\n        />\n        {Error}\n      </div>\n      {tooltip && (\n        <Tooltip alignCaret=\"left\" className={`${inputBaseClass}__tooltip`} show={showTooltip}>\n          {tooltip}\n        </Tooltip>\n      )}\n      {AfterInput}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["c","_c","React","useEffect","useId","useState","RenderCustomComponent","Tooltip","FieldLabel","CheckIcon","LineIcon","inputBaseClass","CheckboxInput","t0","$","id","idFromProps","name","AfterInput","ariaLabelFromProps","ariaLabelledByFromProps","BeforeInput","checked","className","Error","inputRef","Label","label","localized","onToggle","partialChecked","readOnly","readOnlyFromProps","required","tooltip","variant","t1","undefined","isHydrated","setIsHydrated","showTooltip","setShowTooltip","fallbackID","ariaLabel","ariaLabelledBy","t2","t3","Symbol","for","t4","t5","t6","t7","t8","filter","Boolean","t9","join","t10","t11","t12","t13","t14","_jsx","disabled","onChange","ref","title","type","t15","t16","_jsxs","onPointerEnter","onPointerLeave","children","CustomComponent","Fallback","htmlFor","alignCaret","show"],"sources":["../../../src/fields/Checkbox/Input.tsx"],"sourcesContent":["'use client'\nimport type { StaticLabel } from 'payload'\n\nimport React, { useEffect, useId, useState } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { Tooltip } from '../../elements/Tooltip/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 'aria-label'?: string\n  readonly 'aria-labelledby'?: string\n  readonly BeforeInput?: React.ReactNode\n  readonly checked?: boolean\n  readonly className?: string\n  readonly Error?: React.ReactNode\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  readonly tooltip?: string\n  /**\n   * Visual variant for the checkbox\n   * - 'default': Dark border, transparent background (for form fields)\n   * - 'muted': Light gray background and border (for tables)\n   */\n  readonly variant?: 'default' | 'muted'\n}\n\nexport const inputBaseClass = 'checkbox-input'\n\nexport const CheckboxInput: React.FC<CheckboxInputProps> = ({\n  id: idFromProps,\n  name,\n  AfterInput,\n  'aria-label': ariaLabelFromProps,\n  'aria-labelledby': ariaLabelledByFromProps,\n  BeforeInput,\n  checked,\n  className,\n  Error,\n  inputRef,\n  Label,\n  label,\n  localized,\n  onToggle,\n  partialChecked,\n  readOnly: readOnlyFromProps,\n  required,\n  tooltip,\n  variant = 'default',\n}) => {\n  const [isHydrated, setIsHydrated] = useState(false)\n  const [showTooltip, setShowTooltip] = useState(false)\n  const fallbackID = useId()\n  const id = idFromProps || fallbackID\n  const ariaLabel = ariaLabelFromProps || undefined\n  const ariaLabelledBy = ariaLabel ? undefined : ariaLabelledByFromProps || name\n\n  useEffect(() => {\n    setIsHydrated(true)\n  }, [])\n\n  const readOnly = readOnlyFromProps || !isHydrated\n\n  return (\n    <div\n      className={[\n        className,\n        inputBaseClass,\n        checked && `${inputBaseClass}--checked`,\n        readOnly && `${inputBaseClass}--read-only`,\n        tooltip && `${inputBaseClass}--has-tooltip`,\n        variant !== 'default' && `${inputBaseClass}--${variant}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onPointerEnter={tooltip ? () => setShowTooltip(true) : undefined}\n      onPointerLeave={tooltip ? () => setShowTooltip(false) : undefined}\n    >\n      {BeforeInput}\n      <div className={`${inputBaseClass}__wrap`}>\n        <div className={`${inputBaseClass}__input`}>\n          <input\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            checked={Boolean(checked)}\n            disabled={readOnly}\n            id={id}\n            name={name}\n            onChange={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        </div>\n        <RenderCustomComponent\n          CustomComponent={Label}\n          Fallback={\n            <FieldLabel htmlFor={id} label={label} localized={localized} required={required} />\n          }\n        />\n        {Error}\n      </div>\n      {tooltip && (\n        <Tooltip alignCaret=\"left\" className={`${inputBaseClass}__tooltip`} show={showTooltip}>\n          {tooltip}\n        </Tooltip>\n      )}\n      {AfterInput}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Checkbox/index.css

@@ -1,15 +1,6 @@
 @layer payload-default {
   .checkbox {
     position: relative;
-
-    .tooltip:not([aria-hidden='true']) {
-      left: auto;
-      right: calc(-1 * var(--spacer-2));
-      position: absolute;
-      transform: translateY(calc(var(--caret-size) * -1));
-      margin-bottom: 0.2em;
-      max-width: fit-content;
-    }
   }
 
   .checkbox-input {
@@ -116,7 +107,7 @@
     }
 
     &:has(:focus-visible) .checkbox-input__input {
-      outline: 1px solid var(--color-bg);
+      outline: var(--stroke-width-small) solid var(--color-bg);
       outline-offset: -2px;
     }
   }
@@ -128,7 +119,7 @@
     }
 
     &:has(:focus-visible) .checkbox-input__input {
-      outline: 1px solid var(--color-bg);
+      outline: var(--stroke-width-small) solid var(--color-bg);
       outline-offset: -2px; /* inset offset */
     }
 
@@ -159,7 +150,6 @@
 
   /* Allow Wrap */
   .checkbox-input__tooltip {
-    --tooltip-x: 0;
     left: 0;
     width: max-content;
     max-width: 280px;
@@ -178,83 +168,57 @@
     transform: translateX(-50%) rotate(180deg);
   }
 
-  .checkbox-input--has-tooltip {
-    position: relative;
-    width: max-content;
-    max-width: 100%;
-  }
-
-  /* Allow Wrap */
-  .checkbox-input__tooltip {
-    --tooltip-x: 0;
-    left: 0;
-    width: max-content;
-    max-width: 280px;
-    white-space: normal;
-    text-align: start;
-  }
+  /* Muted variant - used in tables with lighter appearance */
+  .checkbox-input--muted {
+    .checkbox-input__input {
+      background: var(--color-bg-secondary);
+      border-color: var(--color-border);
+    }
 
-  /* Center the caret on the checkbox box itself (0.5rem from the row's
-     left edge = center of the 1rem-wide checkbox input). */
-  .checkbox-input__tooltip.tooltip--caret-left .tooltip__caret {
-    left: 0.5rem;
-    transform: translateX(-50%);
-  }
+    &:not(.checkbox-input--read-only):not(.checkbox-input--checked) {
+      &:hover {
+        .checkbox-input__input {
+          border-color: var(--field-color-toggle-border-hover);
+        }
+      }
+    }
 
-  .checkbox-input__tooltip.tooltip--caret-left.tooltip--position-bottom .tooltip__caret {
-    transform: translateX(-50%) rotate(180deg);
-    /* Muted variant - used in tables with lighter appearance */
-    .checkbox-input--muted {
+    /* Ensure checked state overrides muted base styles */
+    &.checkbox-input--checked {
       .checkbox-input__input {
-        background: var(--color-bg-secondary);
-        border-color: var(--color-border);
+        background-color: var(--field-color-toggle-bg-checked);
+        border-color: var(--field-color-toggle-border-checked);
       }
+    }
 
-      &:not(.checkbox-input--read-only):not(.checkbox-input--checked) {
-        &:hover {
-          .checkbox-input__input {
-            border-color: var(--field-color-toggle-border-hover);
-          }
-        }
+    /* Ensure partial state overrides muted base styles */
+    &:has(.checkbox-input__icon.partial) {
+      .checkbox-input__input {
+        background-color: var(--field-color-toggle-bg-checked);
+        border-color: var(--field-color-toggle-border-checked);
       }
+    }
+  }
 
-      /* Ensure checked state overrides muted base styles */
-      &.checkbox-input--checked {
-        .checkbox-input__input {
-          background-color: var(--field-color-toggle-bg-checked);
-          border-color: var(--field-color-toggle-border-checked);
-        }
+  .checkbox.error {
+    .checkbox-input--checked {
+      .checkbox-input__input {
+        background-color: var(--field-color-error-bg);
+        border-color: var(--field-color-border-error);
       }
 
-      /* Ensure partial state overrides muted base styles */
-      &:has(.checkbox-input__icon.partial) {
-        .checkbox-input__input {
-          background-color: var(--field-color-toggle-bg-checked);
-          border-color: var(--field-color-toggle-border-checked);
-        }
+      &:hover .checkbox-input__input {
+        border-color: var(--field-color-border-error);
       }
     }
 
-    .checkbox.error {
-      .checkbox-input--checked {
-        .checkbox-input__input {
-          background-color: var(--field-color-error-bg);
-          border-color: var(--field-color-border-error);
-        }
-
-        &:hover .checkbox-input__input {
-          border-color: var(--field-color-border-error);
-        }
+    .checkbox-input:not(.checkbox-input--checked) {
+      .checkbox-input__input {
+        border-color: var(--field-color-border-error);
       }
 
-      .checkbox-input:not(.checkbox-input--checked) {
-        .checkbox-input__input {
-          border-color: var(--field-color-border-error);
-        }
-
-        &:hover .checkbox-input__input {
-          border-color: var(--field-color-border-error);
-        }
+      &:hover .checkbox-input__input {
+        border-color: var(--field-color-border-error);
       }
     }
   }

package/dist/fields/Checkbox/index.d.ts

@@ -14,5 +14,5 @@ export declare const CheckboxField: React.FC<{
     readonly validate?: CheckboxFieldValidation;
 } & {
     readonly field: Omit<import("payload").CheckboxFieldClient, "type"> & Partial<Pick<import("payload").CheckboxFieldClient, "type">>;
-} & Omit<import("payload").ClientComponentProps, "field" | "customComponents">>;
+} & Omit<import("payload").ClientComponentProps, "customComponents" | "field">>;
 //# sourceMappingURL=index.d.ts.map

package/dist/fields/Code/index.css

@@ -10,7 +10,7 @@
       border: var(--stroke-width-small) solid var(--field-color-border);
       border-radius: var(--field-border-radius);
       padding: var(--spacer-2) 0;
-      overflow: clip;
+      overflow: visible;
       box-shadow: none;
 
       &:hover {

package/dist/fields/Code/index.d.ts

@@ -2,10 +2,10 @@ import React from 'react';
 import './index.css';
 export declare const CodeField: React.FC<{
     readonly autoComplete?: string;
-    readonly onMount?: import("@monaco-editor/react").EditorProps["onMount"];
+    readonly onMount?: import("@monaco-editor/react").EditorProps['onMount'];
     readonly path: string;
     readonly validate?: import("payload").CodeFieldValidation;
 } & {
     readonly field: Omit<import("payload").CodeFieldClient, "type"> & Partial<Pick<import("payload").CodeFieldClient, "type">>;
-} & Omit<import("payload").ClientComponentProps, "field" | "customComponents">>;
+} & Omit<import("payload").ClientComponentProps, "customComponents" | "field">>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -2,5 +2,5 @@ import React from 'react';
 import './index.css';
 export declare const CollapsibleField: React.FC<import("payload").FieldPaths & {
     readonly field: Omit<import("payload").CollapsibleFieldClient, "type"> & Partial<Pick<import("payload").CollapsibleFieldClient, "type">>;
-} & Omit<import("payload").ClientComponentProps, "field" | "customComponents">>;
+} & Omit<import("payload").ClientComponentProps, "customComponents" | "field">>;
 //# sourceMappingURL=index.d.ts.map

package/dist/fields/ConfirmPassword/index.d.ts

@@ -3,6 +3,10 @@ import './index.css';
 export type ConfirmPasswordFieldProps = {
     readonly disabled?: boolean;
     readonly path?: string;
+    /**
+     * Controls the height of the input. Defaults to `'large'`.
+     */
+    readonly size?: 'large' | 'medium';
 };
 export declare const ConfirmPasswordField: React.FC<ConfirmPasswordFieldProps>;
 //# sourceMappingURL=index.d.ts.map