@payloadcms/ui 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee

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,"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","key","draggableSortableItemProps","errorCount","fields","RowLabel","parentPath","rowCount","buttonStyle","el","icon","iconPosition","iconStyle","addRowIndex","BlocksField"],"mappings":"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"}

package/dist/fields/Checkbox/Input.js

@@ -1,6 +1,5 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React, { useId } from 'react';
+import { useId } from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import { CheckIcon } from '../../icons/Check/index.js';
@@ -9,87 +8,26 @@ 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);
+    return <div className={[
+        className,
+        inputBaseClass,
+        checked && `${inputBaseClass}--checked`,
+        readOnly && `${inputBaseClass}--read-only`
+    ].filter(Boolean).join(' ')}>
+      <div className={`${inputBaseClass}__input`}>
+        {BeforeInput}
+        <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"/>
+        <span className={[
+        `${inputBaseClass}__icon`,
+        !checked && partialChecked ? 'partial' : 'check'
+    ].filter(Boolean).join(' ')}>
+          {checked && <CheckIcon/>}
+          {!checked && partialChecked && <LineIcon/>}
+        </span>
+        {AfterInput}
+      </div>
+      <RenderCustomComponent CustomComponent={Label} Fallback={<FieldLabel htmlFor={id} label={label} localized={localized} required={required}/>}/>
+    </div>;
 };
 
 //# 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,"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":["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,SAAgBA,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,QACGC,IACCV,WAAW;QACTA;QACAR;QACAO,WAAW,GAAGP,eAAe,SAAS,CAAC;QACvCe,YAAY,GAAGf,eAAe,WAAW,CAAC;KAC3C,CACEmB,MAAM,CAACC,SACPC,IAAI,CAAC,MACT;MACC,CAACH,IAAIV,WAAW,GAAGR,eAAe,OAAO,CAAC,EAAE;QAC1C,CAACM,YAAY;QACb,CAACgB,MACCC,WAAW,GACXC,iBAAiBpB,MACjBqB,gBAAgBL,QAAQb,UACxBmB,UAAUX,UACVb,IAAIA,IACJE,MAAMA,MACNuB,SAASd,UACTe,KAAKnB,UACLO,UAAUA,UACVa,OAAOzB,MACP0B,KAAK,YACL;QACF,CAACC,KACCvB,WAAW;QAAC,GAAGR,eAAe,MAAM,CAAC;QAAE,CAACO,WAAWO,iBAAiB,YAAY;KAAQ,CACrFK,MAAM,CAACC,SACPC,IAAI,CAAC,MACT;UACC,CAACd,YAAYT,YAAa;UAC1B,CAAC,CAACS,WAAWO,mBAAmBf,WAAY;QAC9C,EAAEgC,KAAK;QACP,CAAC1B,WAAW;MACd,EAAEa,IAAI;MACN,CAACtB,sBACCoC,iBAAiBtB,OACjBuB,WACGpC,WAAWqC,SAAShC,IAAIS,OAAOA,OAAOC,WAAWA,WAAWI,UAAUA,cAEzE;IACJ,EAAEE;AAEN,EAAC"}

package/dist/fields/Checkbox/index.js

@@ -1,7 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { rtlLanguages } from '@payloadcms/translations';
-import React, { useCallback, useMemo } from 'react';
+import { useCallback, useMemo } from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { FieldDescription } from '../../fields/FieldDescription/index.js';
 import { FieldError } from '../../fields/FieldError/index.js';
@@ -57,72 +56,18 @@ const CheckboxFieldComponent = (props)=>{
     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);
+    return <div className={[
+        fieldBaseClass,
+        baseClass,
+        showError && 'error',
+        className,
+        value && `${baseClass}--checked`,
+        (readOnly || disabled) && `${baseClass}--read-only`
+    ].filter(Boolean).join(' ')} style={styles}>
+      <RenderCustomComponent CustomComponent={Error} Fallback={<FieldError alignCaret={isRTL ? 'right' : 'left'} path={path} showError={showError}/>}/>
+      <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}/>
+      <RenderCustomComponent CustomComponent={Description} Fallback={<FieldDescription description={description} path={path}/>}/>
+    </div>;
 };
 export const CheckboxField = withCondition(CheckboxFieldComponent);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  CheckboxFieldClientComponent,\n  CheckboxFieldClientProps,\n  CheckboxFieldValidation,\n} from 'payload'\n\nimport { rtlLanguages } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { CheckboxInputProps } from './Input.js'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { CheckboxInput } from './Input.js'\nimport './index.scss'\n\nconst baseClass = 'checkbox'\n\nexport { CheckboxFieldClientProps, CheckboxInput, type CheckboxInputProps }\n\nconst CheckboxFieldComponent: CheckboxFieldClientComponent = (props) => {\n  const {\n    id,\n    checked: checkedFromProps,\n    disableFormData,\n    field,\n    field: {\n      admin: { className, description } = {} as CheckboxFieldClientProps['field']['admin'],\n      label,\n      required,\n    } = {} as CheckboxFieldClientProps['field'],\n    onChange: onChangeFromProps,\n    partialChecked,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { uuid } = useForm()\n\n  const editDepth = useEditDepth()\n\n  const {\n    i18n: { language },\n  } = useTranslation()\n  const isRTL = (rtlLanguages as readonly string[]).includes(language)\n\n  const memoizedValidate: CheckboxFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    disableFormData,\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const onToggle = useCallback(() => {\n    if (!readOnly) {\n      setValue(!value)\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(!value)\n      }\n    }\n  }, [onChangeFromProps, readOnly, setValue, value])\n\n  const checked = checkedFromProps || Boolean(value)\n\n  const fieldID = id || generateFieldID(path, editDepth, uuid)\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        showError && 'error',\n        className,\n        value && `${baseClass}--checked`,\n        (readOnly || disabled) && `${baseClass}--read-only`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Error}\n        Fallback={\n          <FieldError alignCaret={isRTL ? 'right' : 'left'} path={path} showError={showError} />\n        }\n      />\n      <CheckboxInput\n        AfterInput={AfterInput}\n        BeforeInput={BeforeInput}\n        checked={checked}\n        id={fieldID}\n        inputRef={null}\n        Label={Label}\n        label={label}\n        name={path}\n        onToggle={onToggle}\n        partialChecked={partialChecked}\n        readOnly={readOnly || disabled}\n        required={required}\n      />\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const CheckboxField = withCondition(CheckboxFieldComponent)\n"],"names":["rtlLanguages","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","useForm","useField","withCondition","useEditDepth","useTranslation","generateFieldID","mergeFieldStyles","fieldBaseClass","CheckboxInput","baseClass","CheckboxFieldComponent","props","id","checked","checkedFromProps","disableFormData","field","admin","className","description","label","required","onChange","onChangeFromProps","partialChecked","path","pathFromProps","readOnly","validate","uuid","editDepth","i18n","language","isRTL","includes","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","onToggle","Boolean","fieldID","styles","div","filter","join","style","CustomComponent","Fallback","alignCaret","inputRef","name","CheckboxField"],"mappings":"AAAA;;AAOA,SAASA,YAAY,QAAQ,2BAA0B;AACvD,OAAOC,SAASC,WAAW,EAAEC,OAAO,QAAQ,QAAO;AAInD,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,gBAAgB,QAAQ,yCAAwC;AACzE,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,OAAO,QAAQ,8BAA6B;AACrD,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,eAAe,QAAQ,qCAAoC;AACpE,SAASC,gBAAgB,QAAQ,yBAAwB;AACzD,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,aAAa,QAAQ,aAAY;AAC1C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,SAAmCD,aAAa,GAA2B;AAE3E,MAAME,yBAAuD,CAACC;IAC5D,MAAM,EACJC,EAAE,EACFC,SAASC,gBAAgB,EACzBC,eAAe,EACfC,KAAK,EACLA,OAAO,EACLC,OAAO,EAAEC,SAAS,EAAEC,WAAW,EAAE,GAAG,CAAC,CAA+C,EACpFC,KAAK,EACLC,QAAQ,EACT,GAAG,CAAC,CAAsC,EAC3CC,UAAUC,iBAAiB,EAC3BC,cAAc,EACdC,MAAMC,aAAa,EACnBC,QAAQ,EACRC,QAAQ,EACT,GAAGjB;IAEJ,MAAM,EAAEkB,IAAI,EAAE,GAAG7B;IAEjB,MAAM8B,YAAY3B;IAElB,MAAM,EACJ4B,MAAM,EAAEC,QAAQ,EAAE,EACnB,GAAG5B;IACJ,MAAM6B,QAAQ,AAACxC,aAAmCyC,QAAQ,CAACF;IAE3D,MAAMG,mBAA4CxC,YAChD,CAACyC,OAAOC;QACN,IAAI,OAAOT,aAAa,YAAY;YAClC,OAAOA,SAASQ,OAAO;gBAAE,GAAGC,OAAO;gBAAEhB;YAAS;QAChD;IACF,GACA;QAACO;QAAUP;KAAS;IAGtB,MAAM,EACJiB,kBAAkB,EAAEC,UAAU,EAAEC,WAAW,EAAEC,WAAW,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAC7EC,QAAQ,EACRnB,IAAI,EACJoB,QAAQ,EACRC,SAAS,EACTV,KAAK,EACN,GAAGnC,SAAS;QACXc;QACAgC,sBAAsBrB;QACtBE,UAAUO;IACZ;IAEA,MAAMa,WAAWrD,YAAY;QAC3B,IAAI,CAACgC,UAAU;YACbkB,SAAS,CAACT;YACV,IAAI,OAAOb,sBAAsB,YAAY;gBAC3CA,kBAAkB,CAACa;YACrB;QACF;IACF,GAAG;QAACb;QAAmBI;QAAUkB;QAAUT;KAAM;IAEjD,MAAMvB,UAAUC,oBAAoBmC,QAAQb;IAE5C,MAAMc,UAAUtC,MAAMP,gBAAgBoB,MAAMK,WAAWD;IAEvD,MAAMsB,SAASvD,QAAQ,IAAMU,iBAAiBU,QAAQ;QAACA;KAAM;IAE7D,qBACE,QAACoC;QACClC,WAAW;YACTX;YACAE;YACAqC,aAAa;YACb5B;YACAkB,SAAS,GAAG3B,UAAU,SAAS,CAAC;YAC/BkB,CAAAA,YAAYiB,QAAO,KAAM,GAAGnC,UAAU,WAAW,CAAC;SACpD,CACE4C,MAAM,CAACJ,SACPK,IAAI,CAAC;QACRC,OAAOJ;;0BAEP,QAACtD;gBACC2D,iBAAiBd;gBACjBe,wBACE,QAAC1D;oBAAW2D,YAAYzB,QAAQ,UAAU;oBAAQR,MAAMA;oBAAMqB,WAAWA;;;;;;;;;;;0BAG7E,QAACtC;gBACC+B,YAAYA;gBACZC,aAAaA;gBACb3B,SAASA;gBACTD,IAAIsC;gBACJS,UAAU;gBACVhB,OAAOA;gBACPvB,OAAOA;gBACPwC,MAAMnC;gBACNuB,UAAUA;gBACVxB,gBAAgBA;gBAChBG,UAAUA,YAAYiB;gBACtBvB,UAAUA;;;;;;0BAEZ,QAACxB;gBACC2D,iBAAiBf;gBACjBgB,wBAAU,QAAC3D;oBAAiBqB,aAAaA;oBAAaM,MAAMA;;;;;;;;;;;;;;;;;AAIpE;AAEA,OAAO,MAAMoC,gBAAgB3D,cAAcQ,wBAAuB"}
+{"version":3,"sources":["../../../src/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  CheckboxFieldClientComponent,\n  CheckboxFieldClientProps,\n  CheckboxFieldValidation,\n} from 'payload'\n\nimport { rtlLanguages } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { CheckboxInputProps } from './Input.js'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { CheckboxInput } from './Input.js'\nimport './index.scss'\n\nconst baseClass = 'checkbox'\n\nexport { CheckboxFieldClientProps, CheckboxInput, type CheckboxInputProps }\n\nconst CheckboxFieldComponent: CheckboxFieldClientComponent = (props) => {\n  const {\n    id,\n    checked: checkedFromProps,\n    disableFormData,\n    field,\n    field: {\n      admin: { className, description } = {} as CheckboxFieldClientProps['field']['admin'],\n      label,\n      required,\n    } = {} as CheckboxFieldClientProps['field'],\n    onChange: onChangeFromProps,\n    partialChecked,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { uuid } = useForm()\n\n  const editDepth = useEditDepth()\n\n  const {\n    i18n: { language },\n  } = useTranslation()\n  const isRTL = (rtlLanguages as readonly string[]).includes(language)\n\n  const memoizedValidate: CheckboxFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    disableFormData,\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const onToggle = useCallback(() => {\n    if (!readOnly) {\n      setValue(!value)\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(!value)\n      }\n    }\n  }, [onChangeFromProps, readOnly, setValue, value])\n\n  const checked = checkedFromProps || Boolean(value)\n\n  const fieldID = id || generateFieldID(path, editDepth, uuid)\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        showError && 'error',\n        className,\n        value && `${baseClass}--checked`,\n        (readOnly || disabled) && `${baseClass}--read-only`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Error}\n        Fallback={\n          <FieldError alignCaret={isRTL ? 'right' : 'left'} path={path} showError={showError} />\n        }\n      />\n      <CheckboxInput\n        AfterInput={AfterInput}\n        BeforeInput={BeforeInput}\n        checked={checked}\n        id={fieldID}\n        inputRef={null}\n        Label={Label}\n        label={label}\n        name={path}\n        onToggle={onToggle}\n        partialChecked={partialChecked}\n        readOnly={readOnly || disabled}\n        required={required}\n      />\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const CheckboxField = withCondition(CheckboxFieldComponent)\n"],"names":["rtlLanguages","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","useForm","useField","withCondition","useEditDepth","useTranslation","generateFieldID","mergeFieldStyles","fieldBaseClass","CheckboxInput","baseClass","CheckboxFieldComponent","props","id","checked","checkedFromProps","disableFormData","field","admin","className","description","label","required","onChange","onChangeFromProps","partialChecked","path","pathFromProps","readOnly","validate","uuid","editDepth","i18n","language","isRTL","includes","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","onToggle","Boolean","fieldID","styles","div","filter","join","style","CustomComponent","Fallback","alignCaret","inputRef","name","CheckboxField"],"mappings":"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"}

package/dist/fields/Code/index.js

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { CodeEditor } from '../../elements/CodeEditor/index.js';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
@@ -68,97 +67,24 @@ const CodeFieldComponent = (props)=>{
     const styles = useMemo(()=>mergeFieldStyles(field), [
         field
     ]);
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: [
-            fieldBaseClass,
-            baseClass,
-            className,
-            showError && 'error',
-            (readOnly || disabled) && 'read-only'
-        ].filter(Boolean).join(' '),
-        style: styles,
-        children: [
-            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                CustomComponent: Label,
-                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
-                    label: label,
-                    localized: localized,
-                    path: path,
-                    required: required
-                }, void 0, false, {
-                    fileName: "src/fields/Code/index.tsx",
-                    lineNumber: 115,
-                    columnNumber: 11
-                }, void 0)
-            }, void 0, false, {
-                fileName: "src/fields/Code/index.tsx",
-                lineNumber: 112,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${fieldBaseClass}__wrap`,
-                children: [
-                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                        CustomComponent: Error,
-                        Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
-                            path: path,
-                            showError: showError
-                        }, void 0, false, {
-                            fileName: "src/fields/Code/index.tsx",
-                            lineNumber: 121,
-                            columnNumber: 21
-                        }, void 0)
-                    }, void 0, false, {
-                        fileName: "src/fields/Code/index.tsx",
-                        lineNumber: 119,
-                        columnNumber: 9
-                    }, this),
-                    BeforeInput,
-                    /*#__PURE__*/ _jsxDEV(CodeEditor, {
-                        defaultLanguage: prismToMonacoLanguageMap[language] || language,
-                        onChange: handleChange,
-                        onMount: onMount,
-                        options: editorOptions,
-                        readOnly: readOnly || disabled,
-                        recalculatedHeightAt: recalculatedHeightAt,
-                        value: stringValueRef.current,
-                        wrapperProps: {
-                            id: `field-${path?.replace(/\./g, '__')}`
-                        },
-                        ...editorProps || {}
-                    }, void 0, false, {
-                        fileName: "src/fields/Code/index.tsx",
-                        lineNumber: 124,
-                        columnNumber: 9
-                    }, this),
-                    AfterInput
-                ]
-            }, void 0, true, {
-                fileName: "src/fields/Code/index.tsx",
-                lineNumber: 118,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                CustomComponent: Description,
-                Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
-                    description: description,
-                    path: path
-                }, void 0, false, {
-                    fileName: "src/fields/Code/index.tsx",
-                    lineNumber: 141,
-                    columnNumber: 19
-                }, void 0)
-            }, void 0, false, {
-                fileName: "src/fields/Code/index.tsx",
-                lineNumber: 139,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/fields/Code/index.tsx",
-        lineNumber: 100,
-        columnNumber: 5
-    }, this);
+    return <div className={[
+        fieldBaseClass,
+        baseClass,
+        className,
+        showError && 'error',
+        (readOnly || disabled) && 'read-only'
+    ].filter(Boolean).join(' ')} style={styles}>
+      <RenderCustomComponent CustomComponent={Label} Fallback={<FieldLabel label={label} localized={localized} path={path} required={required}/>}/>
+      <div className={`${fieldBaseClass}__wrap`}>
+        <RenderCustomComponent CustomComponent={Error} Fallback={<FieldError path={path} showError={showError}/>}/>
+        {BeforeInput}
+        <CodeEditor defaultLanguage={prismToMonacoLanguageMap[language] || language} onChange={handleChange} onMount={onMount} options={editorOptions} readOnly={readOnly || disabled} recalculatedHeightAt={recalculatedHeightAt} value={stringValueRef.current} wrapperProps={{
+        id: `field-${path?.replace(/\./g, '__')}`
+    }} {...editorProps || {}}/>
+        {AfterInput}
+      </div>
+      <RenderCustomComponent CustomComponent={Description} Fallback={<FieldDescription description={description} path={path}/>}/>
+    </div>;
 };
 export const CodeField = withCondition(CodeFieldComponent);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Code/index.tsx"],"sourcesContent":["'use client'\nimport type { CodeFieldClientComponent } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { CodeEditor } from '../../elements/CodeEditor/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst prismToMonacoLanguageMap = {\n  js: 'javascript',\n  ts: 'typescript',\n  tsx: 'typescript',\n}\n\nconst baseClass = 'code-field'\n\nconst CodeFieldComponent: CodeFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, editorOptions, editorProps, language = 'javascript' } = {},\n      label,\n      localized,\n      required,\n    },\n    onMount,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const inputChangeFromRef = React.useRef<'formState' | 'internalEditor'>('formState')\n  const [recalculatedHeightAt, setRecalculatedHeightAt] = useState<number | undefined>(Date.now())\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    initialValue,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const stringValueRef = React.useRef<string>(\n    (value || initialValue) !== undefined ? (value ?? initialValue) : undefined,\n  )\n\n  const handleChange = useCallback(\n    (val: string) => {\n      if (readOnly || disabled) {\n        return\n      }\n      inputChangeFromRef.current = 'internalEditor'\n\n      try {\n        setValue(val ? val : null)\n        stringValueRef.current = val\n      } catch (e) {\n        setValue(val ? val : null)\n        stringValueRef.current = val\n      }\n    },\n    [readOnly, disabled, setValue],\n  )\n\n  useEffect(() => {\n    if (inputChangeFromRef.current === 'formState') {\n      stringValueRef.current =\n        (value || initialValue) !== undefined ? (value ?? initialValue) : undefined\n      setRecalculatedHeightAt(Date.now())\n    }\n\n    inputChangeFromRef.current = 'formState'\n  }, [initialValue, path, value])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        (readOnly || disabled) && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <CodeEditor\n          defaultLanguage={prismToMonacoLanguageMap[language] || language}\n          onChange={handleChange}\n          onMount={onMount}\n          options={editorOptions}\n          readOnly={readOnly || disabled}\n          recalculatedHeightAt={recalculatedHeightAt}\n          value={stringValueRef.current}\n          wrapperProps={{\n            id: `field-${path?.replace(/\\./g, '__')}`,\n          }}\n          {...(editorProps || {})}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const CodeField = withCondition(CodeFieldComponent)\n"],"names":["React","useCallback","useEffect","useMemo","useState","CodeEditor","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","mergeFieldStyles","fieldBaseClass","prismToMonacoLanguageMap","js","ts","tsx","baseClass","CodeFieldComponent","props","field","admin","className","description","editorOptions","editorProps","language","label","localized","required","onMount","path","pathFromProps","readOnly","validate","inputChangeFromRef","useRef","recalculatedHeightAt","setRecalculatedHeightAt","Date","now","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","initialValue","setValue","showError","potentiallyStalePath","stringValueRef","undefined","handleChange","val","current","e","styles","div","filter","Boolean","join","style","CustomComponent","Fallback","defaultLanguage","onChange","wrapperProps","id","replace","CodeField"],"mappings":"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"}
+{"version":3,"sources":["../../../src/fields/Code/index.tsx"],"sourcesContent":["'use client'\nimport type { CodeFieldClientComponent } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { CodeEditor } from '../../elements/CodeEditor/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst prismToMonacoLanguageMap = {\n  js: 'javascript',\n  ts: 'typescript',\n  tsx: 'typescript',\n}\n\nconst baseClass = 'code-field'\n\nconst CodeFieldComponent: CodeFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, editorOptions, editorProps, language = 'javascript' } = {},\n      label,\n      localized,\n      required,\n    },\n    onMount,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const inputChangeFromRef = React.useRef<'formState' | 'internalEditor'>('formState')\n  const [recalculatedHeightAt, setRecalculatedHeightAt] = useState<number | undefined>(Date.now())\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    initialValue,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const stringValueRef = React.useRef<string>(\n    (value || initialValue) !== undefined ? (value ?? initialValue) : undefined,\n  )\n\n  const handleChange = useCallback(\n    (val: string) => {\n      if (readOnly || disabled) {\n        return\n      }\n      inputChangeFromRef.current = 'internalEditor'\n\n      try {\n        setValue(val ? val : null)\n        stringValueRef.current = val\n      } catch (e) {\n        setValue(val ? val : null)\n        stringValueRef.current = val\n      }\n    },\n    [readOnly, disabled, setValue],\n  )\n\n  useEffect(() => {\n    if (inputChangeFromRef.current === 'formState') {\n      stringValueRef.current =\n        (value || initialValue) !== undefined ? (value ?? initialValue) : undefined\n      setRecalculatedHeightAt(Date.now())\n    }\n\n    inputChangeFromRef.current = 'formState'\n  }, [initialValue, path, value])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        (readOnly || disabled) && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <CodeEditor\n          defaultLanguage={prismToMonacoLanguageMap[language] || language}\n          onChange={handleChange}\n          onMount={onMount}\n          options={editorOptions}\n          readOnly={readOnly || disabled}\n          recalculatedHeightAt={recalculatedHeightAt}\n          value={stringValueRef.current}\n          wrapperProps={{\n            id: `field-${path?.replace(/\\./g, '__')}`,\n          }}\n          {...(editorProps || {})}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const CodeField = withCondition(CodeFieldComponent)\n"],"names":["React","useCallback","useEffect","useMemo","useState","CodeEditor","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","mergeFieldStyles","fieldBaseClass","prismToMonacoLanguageMap","js","ts","tsx","baseClass","CodeFieldComponent","props","field","admin","className","description","editorOptions","editorProps","language","label","localized","required","onMount","path","pathFromProps","readOnly","validate","inputChangeFromRef","useRef","recalculatedHeightAt","setRecalculatedHeightAt","Date","now","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","initialValue","setValue","showError","potentiallyStalePath","stringValueRef","undefined","handleChange","val","current","e","styles","div","filter","Boolean","join","style","CustomComponent","Fallback","defaultLanguage","onChange","wrapperProps","id","replace","CodeField"],"mappings":"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"}