@payloadcms/ui 3.71.0-internal-debug.e053082 → 3.71.0-internal.49c4f67

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClientComponent, ClientBlock } from 'payload'\n\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 { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../../elements/DraggableSortable/index.js'\nimport { DrawerToggler } from '../../elements/Drawer/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useForm, useFormSubmitted } from '../../forms/Form/context.js'\nimport { extractRowsAndCollapsedIDs, toggleAllRows } from '../../forms/Form/rowHelpers.js'\nimport { NullifyLocaleField } from '../../forms/NullifyField/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { scrollToID } from '../../utilities/scrollToID.js'\nimport './index.scss'\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      blockReferences,\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    let resolvedBlocks: ClientBlock[] = []\n\n    if (!blockReferences) {\n      resolvedBlocks = blocks\n    } else {\n      for (const blockReference of blockReferences) {\n        const block =\n          typeof blockReference === 'string' ? config.blocksMap[blockReference] : blockReference\n        if (block) {\n          resolvedBlocks.push(block)\n        }\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  }, [blockReferences, blocks, blocksFilterOptions, config.blocksMap])\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  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}__heading-with-error`}>\n            <h3>\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                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        >\n          {rows.map((row, i) => {\n            const { blockType, isLoading } = row\n\n            const blockConfig: ClientBlock =\n              config.blocksMap[blockType] ?? clientBlocks.find((block) => block.slug === blockType)\n\n            if (blockConfig) {\n              const rowPath = `${path}.${i}`\n\n              const rowErrorCount = errorPaths.filter((errorPath) =>\n                errorPath.startsWith(rowPath + '.'),\n              ).length\n\n              return (\n                <DraggableSortableItem\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          {!editingDefaultLocale && (\n            <React.Fragment>\n              {showMinRows && (\n                <Banner type=\"error\">\n                  {t('validation:requiresAtLeast', {\n                    count: minRows,\n                    label:\n                      getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) ||\n                      t(minRows > 1 ? 'general:row' : 'general:rows'),\n                  })}\n                </Banner>\n              )}\n              {showRequired && (\n                <Banner>\n                  {t('validation:fieldHasNo', { label: getTranslation(labels.plural, i18n) })}\n                </Banner>\n              )}\n            </React.Fragment>\n          )}\n        </DraggableSortable>\n      )}\n      {!hasMaxRows && (\n        <Fragment>\n          <DrawerToggler\n            className={`${baseClass}__drawer-toggler`}\n            disabled={readOnly || disabled}\n            slug={drawerSlug}\n          >\n            <Button\n              buttonStyle=\"icon-label\"\n              disabled={readOnly || disabled}\n              el=\"span\"\n              icon=\"plus\"\n              iconPosition=\"left\"\n              iconStyle=\"with-border\"\n            >\n              {t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n            </Button>\n          </DrawerToggler>\n          <BlocksDrawer\n            addRow={addRow}\n            addRowIndex={rows?.length || 0}\n            // 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"],"names":["getTranslation","React","Fragment","useCallback","useMemo","toast","Banner","Button","clipboardCopy","clipboardPaste","ClipboardAction","mergeFormStateFromClipboard","reduceFormStateByPath","DraggableSortableItem","DraggableSortable","DrawerToggler","useDrawerSlug","ErrorPill","RenderCustomComponent","useForm","useFormSubmitted","extractRowsAndCollapsedIDs","toggleAllRows","NullifyLocaleField","useField","withCondition","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","FieldDescription","FieldError","FieldLabel","mergeFieldStyles","fieldBaseClass","BlockRow","BlocksDrawer","baseClass","BlocksFieldComponent","props","i18n","t","field","name","type","admin","className","description","isSortable","blockReferences","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","blockReference","block","blocksMap","push","Array","isArray","filter","blockSlug","slug","includes","addRow","rowIndex","blockType","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","div","Boolean","join","id","replace","style","CustomComponent","Fallback","header","h3","as","count","withMessage","ul","li","button","onClick","allowCopy","allowPaste","fieldValue","ids","map","row","onDragEnd","i","isLoading","blockConfig","find","rowPath","rowErrorCount","errorPath","startsWith","draggableSortableItemProps","errorCount","fields","RowLabel","parentPath","rowCount","buttonStyle","el","icon","iconPosition","iconStyle","addRowIndex","BlocksField"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["getTranslation","React","Fragment","useCallback","useMemo","toast","Banner","Button","clipboardCopy","clipboardPaste","ClipboardAction","mergeFormStateFromClipboard","reduceFormStateByPath","DraggableSortableItem","DraggableSortable","DrawerToggler","useDrawerSlug","ErrorPill","RenderCustomComponent","useForm","useFormSubmitted","extractRowsAndCollapsedIDs","toggleAllRows","NullifyLocaleField","useField","withCondition","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","FieldDescription","FieldError","FieldLabel","mergeFieldStyles","fieldBaseClass","BlockRow","BlocksDrawer","baseClass","BlocksFieldComponent","props","i18n","t","field","name","type","admin","className","description","isSortable","blockReferences","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","blockReference","block","blocksMap","push","Array","isArray","filter","blockSlug","slug","includes","addRow","rowIndex","blockType","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","_jsxs","Boolean","join","id","replace","style","_jsx","CustomComponent","Fallback","as","count","withMessage","onClick","allowCopy","allowPaste","fieldValue","ids","map","row","onDragEnd","i","isLoading","blockConfig","find","rowPath","rowErrorCount","errorPath","startsWith","draggableSortableItemProps","errorCount","fields","RowLabel","parentPath","rowCount","buttonStyle","el","icon","iconPosition","iconStyle","addRowIndex","BlocksField"],"sources":["../../../src/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClientComponent, ClientBlock } from 'payload'\n\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 { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../../elements/DraggableSortable/index.js'\nimport { DrawerToggler } from '../../elements/Drawer/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useForm, useFormSubmitted } from '../../forms/Form/context.js'\nimport { extractRowsAndCollapsedIDs, toggleAllRows } from '../../forms/Form/rowHelpers.js'\nimport { NullifyLocaleField } from '../../forms/NullifyField/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { scrollToID } from '../../utilities/scrollToID.js'\nimport './index.scss'\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      blockReferences,\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    let resolvedBlocks: ClientBlock[] = []\n\n    if (!blockReferences) {\n      resolvedBlocks = blocks\n    } else {\n      for (const blockReference of blockReferences) {\n        const block =\n          typeof blockReference === 'string' ? config.blocksMap[blockReference] : blockReference\n        if (block) {\n          resolvedBlocks.push(block)\n        }\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  }, [blockReferences, blocks, blocksFilterOptions, config.blocksMap])\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  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}__heading-with-error`}>\n            <h3>\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                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        >\n          {rows.map((row, i) => {\n            const { blockType, isLoading } = row\n\n            const blockConfig: ClientBlock =\n              config.blocksMap[blockType] ?? clientBlocks.find((block) => block.slug === blockType)\n\n            if (blockConfig) {\n              const rowPath = `${path}.${i}`\n\n              const rowErrorCount = errorPaths.filter((errorPath) =>\n                errorPath.startsWith(rowPath + '.'),\n              ).length\n\n              return (\n                <DraggableSortableItem\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          {!editingDefaultLocale && (\n            <React.Fragment>\n              {showMinRows && (\n                <Banner type=\"error\">\n                  {t('validation:requiresAtLeast', {\n                    count: minRows,\n                    label:\n                      getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) ||\n                      t(minRows > 1 ? 'general:row' : 'general:rows'),\n                  })}\n                </Banner>\n              )}\n              {showRequired && (\n                <Banner>\n                  {t('validation:fieldHasNo', { label: getTranslation(labels.plural, i18n) })}\n                </Banner>\n              )}\n            </React.Fragment>\n          )}\n        </DraggableSortable>\n      )}\n      {!hasMaxRows && (\n        <Fragment>\n          <DrawerToggler\n            className={`${baseClass}__drawer-toggler`}\n            disabled={readOnly || disabled}\n            slug={drawerSlug}\n          >\n            <Button\n              buttonStyle=\"icon-label\"\n              disabled={readOnly || disabled}\n              el=\"span\"\n              icon=\"plus\"\n              iconPosition=\"left\"\n              iconStyle=\"with-border\"\n            >\n              {t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n            </Button>\n          </DrawerToggler>\n          <BlocksDrawer\n            addRow={addRow}\n            addRowIndex={rows?.length || 0}\n            // 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.js

@@ -1,95 +1,108 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useId } from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import { CheckIcon } from '../../icons/Check/index.js';
 import { LineIcon } from '../../icons/Line/index.js';
 export const inputBaseClass = 'checkbox-input';
-export const CheckboxInput = ({ id: idFromProps, name, AfterInput, BeforeInput, checked, className, inputRef, Label, label, localized, onToggle, partialChecked, readOnly, required })=>{
-    const fallbackID = useId();
-    const id = idFromProps || fallbackID;
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: [
-            className,
-            inputBaseClass,
-            checked && `${inputBaseClass}--checked`,
-            readOnly && `${inputBaseClass}--read-only`
-        ].filter(Boolean).join(' '),
-        children: [
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${inputBaseClass}__input`,
-                children: [
-                    BeforeInput,
-                    /*#__PURE__*/ _jsxDEV("input", {
-                        "aria-label": "",
-                        "aria-labelledby": name,
-                        defaultChecked: Boolean(checked),
-                        disabled: readOnly,
-                        id: id,
-                        name: name,
-                        onInput: onToggle,
-                        ref: inputRef,
-                        required: required,
-                        title: name,
-                        type: "checkbox"
-                    }, void 0, false, {
-                        fileName: "src/fields/Checkbox/Input.tsx",
-                        lineNumber: 61,
-                        columnNumber: 9
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV("span", {
-                        className: [
-                            `${inputBaseClass}__icon`,
-                            !checked && partialChecked ? 'partial' : 'check'
-                        ].filter(Boolean).join(' '),
-                        children: [
-                            checked && /*#__PURE__*/ _jsxDEV(CheckIcon, {}, void 0, false, {
-                                fileName: "src/fields/Checkbox/Input.tsx",
-                                lineNumber: 79,
-                                columnNumber: 23
-                            }, this),
-                            !checked && partialChecked && /*#__PURE__*/ _jsxDEV(LineIcon, {}, void 0, false, {
-                                fileName: "src/fields/Checkbox/Input.tsx",
-                                lineNumber: 80,
-                                columnNumber: 42
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/fields/Checkbox/Input.tsx",
-                        lineNumber: 74,
-                        columnNumber: 9
-                    }, this),
-                    AfterInput
-                ]
-            }, void 0, true, {
-                fileName: "src/fields/Checkbox/Input.tsx",
-                lineNumber: 59,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                CustomComponent: Label,
-                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
-                    htmlFor: id,
-                    label: label,
-                    localized: localized,
-                    required: required
-                }, void 0, false, {
-                    fileName: "src/fields/Checkbox/Input.tsx",
-                    lineNumber: 87,
-                    columnNumber: 11
-                }, void 0)
-            }, void 0, false, {
-                fileName: "src/fields/Checkbox/Input.tsx",
-                lineNumber: 84,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/fields/Checkbox/Input.tsx",
-        lineNumber: 49,
-        columnNumber: 5
-    }, this);
+export const CheckboxInput = t0 => {
+  const $ = _c(22);
+  const {
+    id: idFromProps,
+    name,
+    AfterInput,
+    BeforeInput,
+    checked,
+    className,
+    inputRef,
+    Label,
+    label,
+    localized,
+    onToggle,
+    partialChecked,
+    readOnly,
+    required
+  } = t0;
+  const fallbackID = useId();
+  const id = idFromProps || fallbackID;
+  const t1 = checked && `${inputBaseClass}--checked`;
+  const t2 = readOnly && `${inputBaseClass}--read-only`;
+  let t3;
+  if ($[0] !== className || $[1] !== t1 || $[2] !== t2) {
+    t3 = [className, inputBaseClass, t1, t2].filter(Boolean);
+    $[0] = className;
+    $[1] = t1;
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const t4 = t3.join(" ");
+  const t5 = Boolean(checked);
+  let t6;
+  if ($[4] !== AfterInput || $[5] !== BeforeInput || $[6] !== Label || $[7] !== checked || $[8] !== id || $[9] !== inputRef || $[10] !== label || $[11] !== localized || $[12] !== name || $[13] !== onToggle || $[14] !== partialChecked || $[15] !== readOnly || $[16] !== required || $[17] !== t4 || $[18] !== t5) {
+    const t7 = _jsx("input", {
+      "aria-label": "",
+      "aria-labelledby": name,
+      defaultChecked: t5,
+      disabled: readOnly,
+      id,
+      name,
+      onInput: onToggle,
+      ref: inputRef,
+      required,
+      title: name,
+      type: "checkbox"
+    });
+    const t8 = !checked && partialChecked ? "partial" : "check";
+    let t9;
+    if ($[20] !== t8) {
+      t9 = [`${inputBaseClass}__icon`, t8].filter(Boolean);
+      $[20] = t8;
+      $[21] = t9;
+    } else {
+      t9 = $[21];
+    }
+    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, {})]
+        }), AfterInput]
+      }), _jsx(RenderCustomComponent, {
+        CustomComponent: Label,
+        Fallback: _jsx(FieldLabel, {
+          htmlFor: id,
+          label,
+          localized,
+          required
+        })
+      })]
+    });
+    $[4] = AfterInput;
+    $[5] = BeforeInput;
+    $[6] = Label;
+    $[7] = checked;
+    $[8] = id;
+    $[9] = inputRef;
+    $[10] = label;
+    $[11] = localized;
+    $[12] = name;
+    $[13] = onToggle;
+    $[14] = partialChecked;
+    $[15] = readOnly;
+    $[16] = required;
+    $[17] = t4;
+    $[18] = t5;
+    $[19] = t6;
+  } else {
+    t6 = $[19];
+  }
+  return t6;
 };
-
 //# sourceMappingURL=Input.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["React","useId","RenderCustomComponent","FieldLabel","CheckIcon","LineIcon","inputBaseClass","CheckboxInput","id","idFromProps","name","AfterInput","BeforeInput","checked","className","inputRef","Label","label","localized","onToggle","partialChecked","readOnly","required","fallbackID","div","filter","Boolean","join","input","aria-label","aria-labelledby","defaultChecked","disabled","onInput","ref","title","type","span","CustomComponent","Fallback","htmlFor"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,KAAK,QAAQ,QAAO;AAEpC,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,SAAS,QAAQ,6BAA4B;AACtD,SAASC,QAAQ,QAAQ,4BAA2B;AAmBpD,OAAO,MAAMC,iBAAiB,iBAAgB;AAE9C,OAAO,MAAMC,gBAA8C,CAAC,EAC1DC,IAAIC,WAAW,EACfC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,cAAc,EACdC,QAAQ,EACRC,QAAQ,EACT;IACC,MAAMC,aAAatB;IACnB,MAAMO,KAAKC,eAAec;IAC1B,qBACE,QAACC;QACCV,WAAW;YACTA;YACAR;YACAO,WAAW,GAAGP,eAAe,SAAS,CAAC;YACvCe,YAAY,GAAGf,eAAe,WAAW,CAAC;SAC3C,CACEmB,MAAM,CAACC,SACPC,IAAI,CAAC;;0BAER,QAACH;gBAAIV,WAAW,GAAGR,eAAe,OAAO,CAAC;;oBACvCM;kCACD,QAACgB;wBACCC,cAAW;wBACXC,mBAAiBpB;wBACjBqB,gBAAgBL,QAAQb;wBACxBmB,UAAUX;wBACVb,IAAIA;wBACJE,MAAMA;wBACNuB,SAASd;wBACTe,KAAKnB;wBACLO,UAAUA;wBACVa,OAAOzB;wBACP0B,MAAK;;;;;;kCAEP,QAACC;wBACCvB,WAAW;4BAAC,GAAGR,eAAe,MAAM,CAAC;4BAAE,CAACO,WAAWO,iBAAiB,YAAY;yBAAQ,CACrFK,MAAM,CAACC,SACPC,IAAI,CAAC;;4BAEPd,yBAAW,QAACT;;;;;4BACZ,CAACS,WAAWO,gCAAkB,QAACf;;;;;;;;;;;oBAEjCM;;;;;;;0BAEH,QAACT;gBACCoC,iBAAiBtB;gBACjBuB,wBACE,QAACpC;oBAAWqC,SAAShC;oBAAIS,OAAOA;oBAAOC,WAAWA;oBAAWI,UAAUA;;;;;;;;;;;;;;;;;AAKjF,EAAC"}
+{"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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,KAAK,QAAQ;AAE7B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,QAAQ,QAAQ;AAmBzB,OAAO,MAAMC,cAAA,GAAiB;AAE9B,OAAO,MAAMC,aAAA,GAA8CC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,EAAA,EAAAC,WAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,WAAA;IAAAC,OAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,cAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAhB,EAe3D;EACC,MAAAiB,UAAA,GAAmBxB,KAAA;EACnB,MAAAS,EAAA,GAAWC,WAAA,IAAec,UAAA;EAMpB,MAAAC,EAAA,GAAAX,OAAA,IAAW,GAAAT,cAAA,WAA4B;EACvC,MAAAqB,EAAA,GAAAJ,QAAA,IAAY,GAAAjB,cAAA,aAA8B;EAAA,IAAAsB,EAAA;EAAA,IAAAnB,CAAA,QAAAO,SAAA,IAAAP,CAAA,QAAAiB,EAAA,IAAAjB,CAAA,QAAAkB,EAAA;IAJjCC,EAAA,IACTZ,SAAA,EAAAV,cAAA,EAEAoB,EAAuC,EACvCC,EAA0C,EAAAE,MAAA,CAAAC,OAElC;IAAArB,CAAA,MAAAO,SAAA;IAAAP,CAAA,MAAAiB,EAAA;IAAAjB,CAAA,MAAAkB,EAAA;IAAAlB,CAAA,MAAAmB,EAAA;EAAA;IAAAA,EAAA,GAAAnB,CAAA;EAAA;EANC,MAAAsB,EAAA,GAAAH,EAMD,CAAAI,IAAA,CACF;EAOY,MAAAC,EAAA,GAAAH,OAAA,CAAQf,OAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAzB,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAK,WAAA,IAAAL,CAAA,QAAAS,KAAA,IAAAT,CAAA,QAAAM,OAAA,IAAAN,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAQ,QAAA,IAAAR,CAAA,SAAAU,KAAA,IAAAV,CAAA,SAAAW,SAAA,IAAAX,CAAA,SAAAG,IAAA,IAAAH,CAAA,SAAAY,QAAA,IAAAZ,CAAA,SAAAa,cAAA,IAAAb,CAAA,SAAAc,QAAA,IAAAd,CAAA,SAAAe,QAAA,IAAAf,CAAA,SAAAsB,EAAA,IAAAtB,CAAA,SAAAwB,EAAA;IAH1B,MAAAE,EAAA,GAAAC,IAAA,CAAC;MAAA,cACY;MAAA,mBACMxB,IAAA;MAAAyB,cAAA,EACDJ,EAAQ;MAAAK,QAAA,EACdf,QAAA;MAAAb,EAAA;MAAAE,IAAA;MAAA2B,OAAA,EAGDlB,QAAA;MAAAmB,GAAA,EACJvB,QAAA;MAAAO,QAAA;MAAAiB,KAAA,EAEE7B,IAAA;MAAA8B,IAAA,EACF;IAAA,C;IAGkC,MAAAC,EAAA,IAAC5B,OAAA,IAAWO,cAAA,GAAiB,YAAY;IAAA,IAAAsB,EAAA;IAAA,IAAAnC,CAAA,SAAAkC,EAAA;MAArEC,EAAA,IAAC,GAAAtC,cAAA,QAAyB,EAAEqC,EAAyC,EAAAd,MAAA,CAAAC,OACtE;MAAArB,CAAA,OAAAkC,EAAA;MAAAlC,CAAA,OAAAmC,EAAA;IAAA;MAAAA,EAAA,GAAAnC,CAAA;IAAA;IA3BhByB,EAAA,GAAAW,KAAA,CAAC;MAAA7B,SAAA,EACYe,EAOH;MAAAe,QAAA,GAERD,KAAA,CAAC;QAAA7B,SAAA,EAAe,GAAAV,cAAA,SAA0B;QAAAwC,QAAA,GACvChC,WAAA,EACDqB,E,EAaAU,KAAA,CAAC;UAAA7B,SAAA,EACY4B,EACD,CAAAZ,IAAA,CACF;UAAAc,QAAA,GAEP/B,OAAA,IAAWqB,IAAA,CAAAhC,SAAA,IAAC,GACZ,CAACW,OAAA,IAAWO,cAAA,IAAkBc,IAAA,CAAA/B,QAAA,IAAC;QAAA,C,GAEjCQ,UAAA;MAAA,C,GAEHuB,IAAA,CAAAlC,qBAAA;QAAA6C,eAAA,EACmB7B,KAAA;QAAA8B,QAAA,EAEfZ,IAAA,CAAAjC,UAAA;UAAA8C,OAAA,EAAqBvC,EAAA;UAAAS,KAAA;UAAAC,SAAA;UAAAI;QAAA,C;;;;;;;;;;;;;;;;;;;;;;SAtC3BU,E;CA2CJ","ignoreList":[]}

package/dist/fields/Checkbox/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { rtlLanguages } from '@payloadcms/translations';
 import React, { useCallback, useMemo } from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
@@ -17,113 +18,104 @@ import { CheckboxInput } from './Input.js';
 import './index.scss';
 const baseClass = 'checkbox';
 export { CheckboxInput };
-const CheckboxFieldComponent = (props)=>{
-    const { id, checked: checkedFromProps, disableFormData, field, field: { admin: { className, description } = {}, label, required } = {}, onChange: onChangeFromProps, partialChecked, path: pathFromProps, readOnly, validate } = props;
-    const { uuid } = useForm();
-    const editDepth = useEditDepth();
-    const { i18n: { language } } = useTranslation();
-    const isRTL = rtlLanguages.includes(language);
-    const memoizedValidate = useCallback((value, options)=>{
-        if (typeof validate === 'function') {
-            return validate(value, {
-                ...options,
-                required
-            });
-        }
-    }, [
-        validate,
+const CheckboxFieldComponent = props => {
+  const {
+    id,
+    checked: checkedFromProps,
+    disableFormData,
+    field,
+    field: {
+      admin: {
+        className,
+        description
+      } = {},
+      label,
+      required
+    } = {},
+    onChange: onChangeFromProps,
+    partialChecked,
+    path: pathFromProps,
+    readOnly,
+    validate
+  } = props;
+  const {
+    uuid
+  } = useForm();
+  const editDepth = useEditDepth();
+  const {
+    i18n: {
+      language
+    }
+  } = useTranslation();
+  const isRTL = rtlLanguages.includes(language);
+  const memoizedValidate = useCallback((value, options) => {
+    if (typeof validate === 'function') {
+      return validate(value, {
+        ...options,
         required
-    ]);
-    const { customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {}, disabled, path, setValue, showError, value } = useField({
-        disableFormData,
-        potentiallyStalePath: pathFromProps,
-        validate: memoizedValidate
-    });
-    const onToggle = useCallback(()=>{
-        if (!readOnly) {
-            setValue(!value);
-            if (typeof onChangeFromProps === 'function') {
-                onChangeFromProps(!value);
-            }
-        }
-    }, [
-        onChangeFromProps,
-        readOnly,
-        setValue,
-        value
-    ]);
-    const checked = checkedFromProps || Boolean(value);
-    const fieldID = id || generateFieldID(path, editDepth, uuid);
-    const styles = useMemo(()=>mergeFieldStyles(field), [
-        field
-    ]);
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: [
-            fieldBaseClass,
-            baseClass,
-            showError && 'error',
-            className,
-            value && `${baseClass}--checked`,
-            (readOnly || disabled) && `${baseClass}--read-only`
-        ].filter(Boolean).join(' '),
-        style: styles,
-        children: [
-            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                CustomComponent: Error,
-                Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
-                    alignCaret: isRTL ? 'right' : 'left',
-                    path: path,
-                    showError: showError
-                }, void 0, false, {
-                    fileName: "src/fields/Checkbox/index.tsx",
-                    lineNumber: 112,
-                    columnNumber: 11
-                }, void 0)
-            }, void 0, false, {
-                fileName: "src/fields/Checkbox/index.tsx",
-                lineNumber: 109,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(CheckboxInput, {
-                AfterInput: AfterInput,
-                BeforeInput: BeforeInput,
-                checked: checked,
-                id: fieldID,
-                inputRef: null,
-                Label: Label,
-                label: label,
-                name: path,
-                onToggle: onToggle,
-                partialChecked: partialChecked,
-                readOnly: readOnly || disabled,
-                required: required
-            }, void 0, false, {
-                fileName: "src/fields/Checkbox/index.tsx",
-                lineNumber: 115,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                CustomComponent: Description,
-                Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
-                    description: description,
-                    path: path
-                }, void 0, false, {
-                    fileName: "src/fields/Checkbox/index.tsx",
-                    lineNumber: 131,
-                    columnNumber: 19
-                }, void 0)
-            }, void 0, false, {
-                fileName: "src/fields/Checkbox/index.tsx",
-                lineNumber: 129,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/fields/Checkbox/index.tsx",
-        lineNumber: 96,
-        columnNumber: 5
-    }, this);
+      });
+    }
+  }, [validate, required]);
+  const {
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Description,
+      Error,
+      Label
+    } = {},
+    disabled,
+    path,
+    setValue,
+    showError,
+    value: value_0
+  } = useField({
+    disableFormData,
+    potentiallyStalePath: pathFromProps,
+    validate: memoizedValidate
+  });
+  const onToggle = useCallback(() => {
+    if (!readOnly) {
+      setValue(!value_0);
+      if (typeof onChangeFromProps === 'function') {
+        onChangeFromProps(!value_0);
+      }
+    }
+  }, [onChangeFromProps, readOnly, setValue, value_0]);
+  const checked = checkedFromProps || Boolean(value_0);
+  const fieldID = id || generateFieldID(path, editDepth, uuid);
+  const styles = useMemo(() => mergeFieldStyles(field), [field]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: [fieldBaseClass, baseClass, showError && 'error', className, value_0 && `${baseClass}--checked`, (readOnly || disabled) && `${baseClass}--read-only`].filter(Boolean).join(' '),
+    style: styles,
+    children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+      CustomComponent: Error,
+      Fallback: /*#__PURE__*/_jsx(FieldError, {
+        alignCaret: isRTL ? 'right' : 'left',
+        path: path,
+        showError: showError
+      })
+    }), /*#__PURE__*/_jsx(CheckboxInput, {
+      AfterInput: AfterInput,
+      BeforeInput: BeforeInput,
+      checked: checked,
+      id: fieldID,
+      inputRef: null,
+      Label: Label,
+      label: label,
+      name: path,
+      onToggle: onToggle,
+      partialChecked: partialChecked,
+      readOnly: readOnly || disabled,
+      required: required
+    }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+      CustomComponent: Description,
+      Fallback: /*#__PURE__*/_jsx(FieldDescription, {
+        description: description,
+        path: path
+      })
+    })]
+  });
 };
 export const CheckboxField = withCondition(CheckboxFieldComponent);
-
 //# sourceMappingURL=index.js.map