@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

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","key","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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Checkbox/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,KAAgB,MAAM,OAAO,CAAA;AAOpC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAC5D,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACvE,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,cAAc,mBAAmB,CAAA;AAE9C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8DtD,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Checkbox/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,KAAgB,MAAM,OAAO,CAAA;AAOpC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAC5D,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACvE,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,cAAc,mBAAmB,CAAA;AAE9C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiEtD,CAAA"}

package/dist/fields/Checkbox/Input.js

@@ -1,33 +1,109 @@
 'use client';
-import { useId } from 'react';
+
+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 <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>;
+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,
+      suppressHydrationWarning: true,
+      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":["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"}
+{"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","suppressHydrationWarning","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          // TODO: due to a bug in Next.js or react, the id from useId() occasionally does not match the server side rendering, even though it should.\n          // Issue: https://github.com/vercel/next.js/issues/84029 - revisit this when the issue is fixed.\n          suppressHydrationWarning\n          title={name}\n          type=\"checkbox\"\n        />\n        <span\n          className={[`${inputBaseClass}__icon`, !checked && partialChecked ? 'partial' : 'check']\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {checked && <CheckIcon />}\n          {!checked && partialChecked && <LineIcon />}\n        </span>\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel htmlFor={id} label={label} localized={localized} required={required} />\n        }\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Checkbox/index.js

@@ -1,6 +1,8 @@
 'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { rtlLanguages } from '@payloadcms/translations';
-import { useCallback, useMemo } from 'react';
+import React, { 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';
@@ -16,59 +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,
-        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 <div className={[
-        fieldBaseClass,
-        baseClass,
-        showError && 'error',
+const CheckboxFieldComponent = props => {
+  const {
+    id,
+    checked: checkedFromProps,
+    disableFormData,
+    field,
+    field: {
+      admin: {
         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>;
+        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, 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

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","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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"}
+{"version":3,"file":"index.js","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","_jsxs","filter","join","style","_jsx","CustomComponent","Fallback","alignCaret","inputRef","name","CheckboxField"],"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"],"mappings":"AAAA;;;AAOA,SAASA,YAAY,QAAQ;AAC7B,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAI5C,SAASC,qBAAqB,QAAQ;AACtC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,OAAO,QAAQ;AACxB,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAChC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,cAAc,QAAQ;AAC/B,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,SAAmCD,aAAa;AAEhD,MAAME,sBAAA,GAAwDC,KAAA;EAC5D,MAAM;IACJC,EAAE;IACFC,OAAA,EAASC,gBAAgB;IACzBC,eAAe;IACfC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QAAEC,SAAS;QAAEC;MAAW,CAAE,GAAG,CAAC,CAA+C;MACpFC,KAAK;MACLC;IAAQ,CACT,GAAG,CAAC,CAAsC;IAC3CC,QAAA,EAAUC,iBAAiB;IAC3BC,cAAc;IACdC,IAAA,EAAMC,aAAa;IACnBC,QAAQ;IACRC;EAAQ,CACT,GAAGjB,KAAA;EAEJ,MAAM;IAAEkB;EAAI,CAAE,GAAG7B,OAAA;EAEjB,MAAM8B,SAAA,GAAY3B,YAAA;EAElB,MAAM;IACJ4B,IAAA,EAAM;MAAEC;IAAQ;EAAE,CACnB,GAAG5B,cAAA;EACJ,MAAM6B,KAAA,GAAQxC,YAAC,CAAmCyC,QAAQ,CAACF,QAAA;EAE3D,MAAMG,gBAAA,GAA4CxC,WAAA,CAChD,CAACyC,KAAA,EAAOC,OAAA;IACN,IAAI,OAAOT,QAAA,KAAa,YAAY;MAClC,OAAOA,QAAA,CAASQ,KAAA,EAAO;QAAE,GAAGC,OAAO;QAAEhB;MAAS;IAChD;EACF,GACA,CAACO,QAAA,EAAUP,QAAA,CAAS;EAGtB,MAAM;IACJiB,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAC7EC,QAAQ;IACRnB,IAAI;IACJoB,QAAQ;IACRC,SAAS;IACTV,KAAK,EAALA;EAAK,CACN,GAAGnC,QAAA,CAAS;IACXc,eAAA;IACAgC,oBAAA,EAAsBrB,aAAA;IACtBE,QAAA,EAAUO;EACZ;EAEA,MAAMa,QAAA,GAAWrD,WAAA,CAAY;IAC3B,IAAI,CAACgC,QAAA,EAAU;MACbkB,QAAA,CAAS,CAACT,OAAA;MACV,IAAI,OAAOb,iBAAA,KAAsB,YAAY;QAC3CA,iBAAA,CAAkB,CAACa,OAAA;MACrB;IACF;EACF,GAAG,CAACb,iBAAA,EAAmBI,QAAA,EAAUkB,QAAA,EAAUT,OAAA,CAAM;EAEjD,MAAMvB,OAAA,GAAUC,gBAAA,IAAoBmC,OAAA,CAAQb,OAAA;EAE5C,MAAMc,OAAA,GAAUtC,EAAA,IAAMP,eAAA,CAAgBoB,IAAA,EAAMK,SAAA,EAAWD,IAAA;EAEvD,MAAMsB,MAAA,GAASvD,OAAA,CAAQ,MAAMU,gBAAA,CAAiBU,KAAA,GAAQ,CAACA,KAAA,CAAM;EAE7D,oBACEoC,KAAA,CAAC;IACClC,SAAA,EAAW,CACTX,cAAA,EACAE,SAAA,EACAqC,SAAA,IAAa,SACb5B,SAAA,EACAkB,OAAA,IAAS,GAAG3B,SAAA,WAAoB,EAC/B,CAAAkB,QAAA,IAAYiB,QAAO,KAAM,GAAGnC,SAAA,aAAsB,CACpD,CACE4C,MAAM,CAACJ,OAAA,EACPK,IAAI,CAAC;IACRC,KAAA,EAAOJ,MAAA;4BAEPK,IAAA,CAAC3D,qBAAA;MACC4D,eAAA,EAAiBf,KAAA;MACjBgB,QAAA,eACEF,IAAA,CAACzD,UAAA;QAAW4D,UAAA,EAAY1B,KAAA,GAAQ,UAAU;QAAQR,IAAA,EAAMA,IAAA;QAAMqB,SAAA,EAAWA;;qBAG7EU,IAAA,CAAChD,aAAA;MACC+B,UAAA,EAAYA,UAAA;MACZC,WAAA,EAAaA,WAAA;MACb3B,OAAA,EAASA,OAAA;MACTD,EAAA,EAAIsC,OAAA;MACJU,QAAA,EAAU;MACVjB,KAAA,EAAOA,KAAA;MACPvB,KAAA,EAAOA,KAAA;MACPyC,IAAA,EAAMpC,IAAA;MACNuB,QAAA,EAAUA,QAAA;MACVxB,cAAA,EAAgBA,cAAA;MAChBG,QAAA,EAAUA,QAAA,IAAYiB,QAAA;MACtBvB,QAAA,EAAUA;qBAEZmC,IAAA,CAAC3D,qBAAA;MACC4D,eAAA,EAAiBhB,WAAA;MACjBiB,QAAA,eAAUF,IAAA,CAAC1D,gBAAA;QAAiBqB,WAAA,EAAaA,WAAA;QAAaM,IAAA,EAAMA;;;;AAIpE;AAEA,OAAO,MAAMqC,aAAA,GAAgB5D,aAAA,CAAcQ,sBAAA","ignoreList":[]}