npm - @payloadcms/ui - Versions diffs - 3.84.0 → 4.0.0-internal.38b7f1d - Mend

@payloadcms/ui 3.84.0 → 4.0.0-internal.38b7f1d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1307) hide show

package/dist/fields/Blocks/index.js CHANGED Viewed

@@ -1,6 +1,7 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { getTranslation } from '@payloadcms/translations';
 import React, { Fragment, useCallback, useMemo } from 'react';
 import { toast } from 'sonner';
@@ -9,23 +10,28 @@ import { Button } from '../../elements/Button/index.js';
 import { clipboardCopy, clipboardPaste } from '../../elements/ClipboardAction/clipboardUtilities.js';
 import { ClipboardAction } from '../../elements/ClipboardAction/index.js';
 import { mergeFormStateFromClipboard, reduceFormStateByPath } from '../../elements/ClipboardAction/mergeFormStateFromClipboard.js';
+import { CollapseAllToggle } from '../../elements/CollapseAllToggle/index.js';
 import { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js';
+import { DragOverlayPreview } from '../../elements/DraggableSortable/DragOverlayPreview/index.js';
 import { DraggableSortable } from '../../elements/DraggableSortable/index.js';
 import { DrawerToggler } from '../../elements/Drawer/index.js';
 import { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js';
 import { ErrorPill } from '../../elements/ErrorPill/index.js';
+import { Pill } from '../../elements/Pill/index.js';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { useForm, useFormSubmitted } from '../../forms/Form/context.js';
 import { extractRowsAndCollapsedIDs, toggleAllRows } from '../../forms/Form/rowHelpers.js';
 import { NullifyLocaleField } from '../../forms/NullifyField/index.js';
+import { RowLabel } from '../../forms/RowLabel/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
+import { CirclePlusIcon } from '../../icons/CirclePlus/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
+import './index.css';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { scrollToID } from '../../utilities/scrollToID.js';
-import './index.scss';
 import { FieldDescription } from '../FieldDescription/index.js';
 import { FieldError } from '../FieldError/index.js';
 import { FieldLabel } from '../FieldLabel/index.js';
@@ -65,7 +71,7 @@ const BlocksFieldComponent = props => {
     validate
   } = props;
   const schemaPath = schemaPathFromProps ?? name;
-  const minRows = minRowsProp ?? required ? 1 : 0;
+  const minRows = minRowsProp ?? (required ? 1 : 0);
   const {
     setDocFieldPreferences
   } = useDocumentInfo();
@@ -166,9 +172,10 @@ const BlocksFieldComponent = props => {
       clientBlocksAfterFilter: resolvedBlocks
     };
   }, [blockReferences, blocks, blocksFilterOptions, config.blocksMap]);
-  const addRow = useCallback((rowIndex, blockType) => {
+  const getBlockConfig = blockType => config.blocksMap[blockType] ?? clientBlocks.find(block_1 => block_1.slug === blockType);
+  const addRow = useCallback((rowIndex, blockType_0) => {
     addFieldRow({
-      blockType,
+      blockType: blockType_0,
       path,
       rowIndex,
       schemaPath
@@ -299,6 +306,43 @@ const BlocksFieldComponent = props => {
   const showMinRows = rows.length < minRows || required && rows.length === 0;
   const showRequired = readOnly && rows.length === 0;
   const styles = useMemo(() => mergeFieldStyles(field), [field]);
+  const renderDragOverlay = useCallback(activeId => {
+    const activeIndex = rows.findIndex(row => row.id === activeId);
+    if (activeIndex === -1) {
+      return null;
+    }
+    const activeRow = rows[activeIndex];
+    const blockConfig = getBlockConfig(activeRow.blockType);
+    if (!blockConfig) {
+      return null;
+    }
+    const showBlockName = !blockConfig.admin?.disableBlockName;
+    const blockName = showBlockName ? getFields()?.[`${path}.${activeIndex}.blockName`]?.value : undefined;
+    return /*#__PURE__*/_jsx(DragOverlayPreview, {
+      header: /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__block-header`,
+        children: /*#__PURE__*/_jsx(RowLabel, {
+          CustomComponent: rows?.[activeIndex]?.customComponents?.RowLabel,
+          label: /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx("span", {
+              className: `${baseClass}__block-number`,
+              children: String(activeIndex + 1).padStart(2, '0')
+            }), /*#__PURE__*/_jsx(Pill, {
+              className: `${baseClass}__block-pill ${baseClass}__block-pill-${activeRow.blockType}`,
+              pillStyle: "white",
+              size: "small",
+              children: getTranslation(blockConfig.labels.singular, i18n)
+            }), blockName && /*#__PURE__*/_jsx("span", {
+              className: "section-title__text",
+              children: blockName
+            })]
+          }),
+          path: `${path}.${activeIndex}`,
+          rowNumber: activeIndex
+        })
+      })
+    });
+  }, [rows, config.blocksMap, clientBlocks, i18n, path, getFields]);
   return /*#__PURE__*/_jsxs("div", {
     className: [fieldBaseClass, baseClass, className, fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`].filter(Boolean).join(' '),
     id: `field-${path?.replace(/\./g, '__')}`,
@@ -314,8 +358,9 @@ const BlocksFieldComponent = props => {
       children: [/*#__PURE__*/_jsxs("div", {
         className: `${baseClass}__header-wrap`,
         children: [/*#__PURE__*/_jsxs("div", {
-          className: `${baseClass}__heading-with-error`,
+          className: `${baseClass}__header-content`,
           children: [/*#__PURE__*/_jsx("h3", {
+            className: `${baseClass}__title`,
             children: /*#__PURE__*/_jsx(RenderCustomComponent, {
               CustomComponent: Label,
               Fallback: /*#__PURE__*/_jsx(FieldLabel, {
@@ -333,22 +378,8 @@ const BlocksFieldComponent = props => {
           })]
         }), /*#__PURE__*/_jsxs("ul", {
           className: `${baseClass}__header-actions`,
-          children: [rows.length > 0 && /*#__PURE__*/_jsxs(Fragment, {
-            children: [/*#__PURE__*/_jsx("li", {
-              children: /*#__PURE__*/_jsx("button", {
-                className: `${baseClass}__header-action`,
-                onClick: () => toggleCollapseAll(true),
-                type: "button",
-                children: t('fields:collapseAll')
-              })
-            }), /*#__PURE__*/_jsx("li", {
-              children: /*#__PURE__*/_jsx("button", {
-                className: `${baseClass}__header-action`,
-                onClick: () => toggleCollapseAll(false),
-                type: "button",
-                children: t('fields:showAll')
-              })
-            })]
+          children: [rows.length > 0 && /*#__PURE__*/_jsx(CollapseAllToggle, {
+            onClick: toggleCollapseAll
           }), /*#__PURE__*/_jsx("li", {
             children: /*#__PURE__*/_jsx(ClipboardAction, {
               allowCopy: rows?.length > 0,
@@ -382,33 +413,35 @@ const BlocksFieldComponent = props => {
       readOnly: readOnly
     }), (rows.length > 0 || !valid && (showRequired || showMinRows)) && /*#__PURE__*/_jsxs(DraggableSortable, {
       className: `${baseClass}__rows`,
-      ids: rows.map(row => row.id),
+      ids: rows.map(row_0 => row_0.id),
       onDragEnd: ({
         moveFromIndex: moveFromIndex_0,
         moveToIndex: moveToIndex_0
       }) => moveRow(moveFromIndex_0, moveToIndex_0),
-      children: [rows.map((row_0, i) => {
+      renderDragOverlay: isSortable && !readOnly && !disabled ? renderDragOverlay : undefined,
+      sortingStrategy: verticalListSortingStrategy,
+      children: [rows.map((row_1, i) => {
         const {
-          blockType: blockType_0,
+          blockType: blockType_1,
           isLoading
-        } = row_0;
-        const blockConfig = config.blocksMap[blockType_0] ?? clientBlocks.find(block_1 => block_1.slug === blockType_0);
-        if (blockConfig) {
+        } = row_1;
+        const blockConfig_0 = getBlockConfig(blockType_1);
+        if (blockConfig_0) {
           const rowPath = `${path}.${i}`;
           const rowErrorCount = errorPaths.filter(errorPath => errorPath.startsWith(rowPath + '.')).length;
           return /*#__PURE__*/_jsx(DraggableSortableItem, {
             disabled: readOnly || disabled || !isSortable,
-            id: row_0.id,
+            id: row_1.id,
             children: draggableSortableItemProps => /*#__PURE__*/_jsx(BlockRow, {
               ...draggableSortableItemProps,
               addRow: addRow,
-              block: blockConfig,
+              block: blockConfig_0,
               // Pass all blocks, not just clientBlocksAfterFilter, as existing blocks should still be displayed even if they don't match the new filter
               blocks: clientBlocks,
               copyRow: copyRow,
               duplicateRow: duplicateRow,
               errorCount: rowErrorCount,
-              fields: blockConfig.fields,
+              fields: blockConfig_0.fields,
               hasMaxRows: hasMaxRows,
               isLoading: isLoading,
               isSortable: isSortable,
@@ -421,16 +454,16 @@ const BlocksFieldComponent = props => {
               permissions: permissions,
               readOnly: readOnly || disabled,
               removeRow: removeRow,
-              row: row_0,
+              row: row_1,
               rowCount: rows.length,
               rowIndex: i,
-              schemaPath: schemaPath + blockConfig.slug,
+              schemaPath: schemaPath + blockConfig_0.slug,
               setCollapse: setCollapse
             })
-          }, row_0.id);
+          }, row_1.id);
         }
         return null;
-      }), !editingDefaultLocale && /*#__PURE__*/_jsxs(React.Fragment, {
+      }), !valid && /*#__PURE__*/_jsxs(React.Fragment, {
         children: [showMinRows && /*#__PURE__*/_jsx(Banner, {
           type: "error",
           children: t('validation:requiresAtLeast', {
@@ -452,9 +485,8 @@ const BlocksFieldComponent = props => {
           buttonStyle: "icon-label",
           disabled: readOnly || disabled,
           el: "span",
-          icon: "plus",
+          icon: /*#__PURE__*/_jsx(CirclePlusIcon, {}),
           iconPosition: "left",
-          iconStyle: "with-border",
           children: t('fields:addLabel', {
             label: getTranslation(labels.singular, i18n)
           })

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

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

package/dist/fields/Checkbox/Input.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ export type CheckboxInputProps = {
     readonly BeforeInput?: React.ReactNode;
     readonly checked?: boolean;
     readonly className?: string;
+    readonly Error?: React.ReactNode;
     readonly id?: string;
     readonly inputRef?: React.RefObject<HTMLInputElement | null>;
     readonly Label?: React.ReactNode;

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

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

package/dist/fields/Checkbox/Input.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { CheckIcon } from '../../icons/Check/index.js';
 import { LineIcon } from '../../icons/Line/index.js';
 export const inputBaseClass = 'checkbox-input';
 export const CheckboxInput = t0 => {
-  const $ = _c(24);
+  const $ = _c(25);
   const {
     id: idFromProps,
     name,
@@ -17,6 +17,7 @@ export const CheckboxInput = t0 => {
     BeforeInput,
     checked,
     className,
+    Error,
     inputRef,
     Label,
     label,
@@ -59,7 +60,7 @@ export const CheckboxInput = t0 => {
   const t6 = t5.join(" ");
   const t7 = Boolean(checked);
   let t8;
-  if ($[6] !== AfterInput || $[7] !== BeforeInput || $[8] !== Label || $[9] !== checked || $[10] !== id || $[11] !== inputRef || $[12] !== label || $[13] !== localized || $[14] !== name || $[15] !== onToggle || $[16] !== partialChecked || $[17] !== readOnly || $[18] !== required || $[19] !== t6 || $[20] !== t7) {
+  if ($[6] !== AfterInput || $[7] !== BeforeInput || $[8] !== Error || $[9] !== Label || $[10] !== checked || $[11] !== id || $[12] !== inputRef || $[13] !== label || $[14] !== localized || $[15] !== name || $[16] !== onToggle || $[17] !== partialChecked || $[18] !== readOnly || $[19] !== required || $[20] !== t6 || $[21] !== t7) {
     const t9 = _jsx("input", {
       "aria-label": "",
       "aria-labelledby": name,
@@ -75,49 +76,53 @@ export const CheckboxInput = t0 => {
     });
     const t10 = !checked && partialChecked ? "partial" : "check";
     let t11;
-    if ($[22] !== t10) {
+    if ($[23] !== t10) {
       t11 = [`${inputBaseClass}__icon`, t10].filter(Boolean);
-      $[22] = t10;
-      $[23] = t11;
+      $[23] = t10;
+      $[24] = t11;
     } else {
-      t11 = $[23];
+      t11 = $[24];
     }
     t8 = _jsxs("div", {
       className: t6,
-      children: [_jsxs("div", {
-        className: `${inputBaseClass}__input`,
-        children: [BeforeInput, t9, _jsxs("span", {
-          className: t11.join(" "),
-          children: [checked && _jsx(CheckIcon, {}), !checked && partialChecked && _jsx(LineIcon, {})]
-        }), AfterInput]
-      }), _jsx(RenderCustomComponent, {
-        CustomComponent: Label,
-        Fallback: _jsx(FieldLabel, {
-          htmlFor: id,
-          label,
-          localized,
-          required
-        })
-      })]
+      children: [BeforeInput, _jsxs("div", {
+        className: `${inputBaseClass}__wrap`,
+        children: [_jsxs("div", {
+          className: `${inputBaseClass}__input`,
+          children: [t9, _jsxs("span", {
+            className: t11.join(" "),
+            children: [checked && _jsx(CheckIcon, {}), !checked && partialChecked && _jsx(LineIcon, {})]
+          })]
+        }), _jsx(RenderCustomComponent, {
+          CustomComponent: Label,
+          Fallback: _jsx(FieldLabel, {
+            htmlFor: id,
+            label,
+            localized,
+            required
+          })
+        }), Error]
+      }), AfterInput]
     });
     $[6] = AfterInput;
     $[7] = BeforeInput;
-    $[8] = Label;
-    $[9] = checked;
-    $[10] = id;
-    $[11] = inputRef;
-    $[12] = label;
-    $[13] = localized;
-    $[14] = name;
-    $[15] = onToggle;
-    $[16] = partialChecked;
-    $[17] = readOnly;
-    $[18] = required;
-    $[19] = t6;
-    $[20] = t7;
-    $[21] = t8;
+    $[8] = Error;
+    $[9] = Label;
+    $[10] = checked;
+    $[11] = id;
+    $[12] = inputRef;
+    $[13] = label;
+    $[14] = localized;
+    $[15] = name;
+    $[16] = onToggle;
+    $[17] = partialChecked;
+    $[18] = readOnly;
+    $[19] = required;
+    $[20] = t6;
+    $[21] = t7;
+    $[22] = t8;
   } else {
-    t8 = $[21];
+    t8 = $[22];
   }
   return t8;
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","names":["c","_c","React","useEffect","useId","useState","RenderCustomComponent","FieldLabel","CheckIcon","LineIcon","inputBaseClass","CheckboxInput","t0","$","id","idFromProps","name","AfterInput","BeforeInput","checked","className","inputRef","Label","label","localized","onToggle","partialChecked","readOnly","readOnlyFromProps","required","isHydrated","setIsHydrated","fallbackID","t1","t2","Symbol","for","t3","t4","t5","filter","Boolean","t6","join","t7","t8","t9","_jsx","disabled","onChange","ref","title","type","t10","t11","_jsxs","children","CustomComponent","Fallback","htmlFor"],"sources":["../../../src/fields/Checkbox/Input.tsx"],"sourcesContent":["'use client'\nimport type { StaticLabel } from 'payload'\n\nimport React, { useEffect, useId, useState } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { 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: readOnlyFromProps,\n required,\n}) => {\n const [isHydrated, setIsHydrated] = useState(false)\n const fallbackID = useId()\n const id = idFromProps \|\| fallbackID\n\n useEffect(() => {\n setIsHydrated(true)\n }, [])\n\n const readOnly = readOnlyFromProps \|\| !isHydrated\n\n return (\n <div\n className={[\n className,\n inputBaseClass,\n checked && `${inputBaseClass}--checked`,\n readOnly && `${inputBaseClass}--read-only`,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <div className={`${inputBaseClass}~~__input~~`}>\n {~~BeforeInput~~}\n <input\n aria-label=\"\"\n aria-labelledby={name}\n checked={Boolean(checked)}\n disabled={readOnly}\n id={id}\n name={name}\n onChange={onToggle}\n ref={inputRef}\n required={required}\n title={name}\n type=\"checkbox\"\n />\n <span\n className={[`${inputBaseClass}__icon`, !checked && partialChecked ? 'partial' : 'check']\n .filter(Boolean)\n .join(' ')}\n >\n {checked && <CheckIcon />}\n {!checked && partialChecked && <LineIcon />}\n </span>\n ~~{AfterInput}\n~~ </div>\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={\n <FieldLabel htmlFor={id} label={label} localized={localized} required={required} />\n }\n ~~/>\~~n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,SAAS,EAAEC,KAAK,EAAEC,QAAQ,QAAQ;AAElD,SAASC,qBAAqB,QAAQ;AACtC,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,QAAQ,QAAQ;~~AAmBzB~~,OAAO,MAAMC,cAAA,GAAiB;AAE9B,OAAO,MAAMC,aAAA,GAA8CC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,EAAA,EAAAC,WAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,WAAA;IAAAC,OAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,cAAA;IAAAC,QAAA,EAAAC,iBAAA;IAAAC;EAAA,~~IAAAjB~~,~~EAe3D~~;EACC,~~OAAAkB~~,UAAA,EAAAC,aAAA,~~IAAoC1B~~,QAAA,MAAS;EAC7C,~~MAAA2B~~,UAAA,~~GAAmB5B~~,KAAA;EACnB,MAAAU,EAAA,GAAWC,WAAA,~~IAAeiB~~,UAAA;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,~~IAAArB~~,CAAA,~~QAAAsB~~,MAAA,CAAAC,GAAA;IAEhBH,EAAA,GAAAA,CAAA;MACRF,aAAA,KAAc;IAAA;IACbG,EAAA;~~IAAErB~~,CAAA,~~MAAAoB~~,EAAA;~~IAAApB~~,CAAA,~~MAAAqB~~,EAAA;EAAA;IAAAD,EAAA,~~GAAApB~~,CAAA;~~IAAAqB~~,EAAA,~~GAAArB~~,CAAA;EAAA;EAFLV,SAAA,~~CAAU8B~~,EAEV,EAAGC,EAAE;EAEL,MAAAP,QAAA,GAAiBC,iBAAA,KAAsBE,UAAA;EAOjC,MAAAO,EAAA,~~GAAAlB~~,OAAA,IAAW,GAAAT,cAAA,WAA4B;EACvC,~~MAAA4B~~,EAAA,GAAAX,QAAA,IAAY,~~GAAAjB~~,cAAA,aAA8B;EAAA,~~IAAA6B~~,EAAA;EAAA,~~IAAA1B~~,CAAA,QAAAO,SAAA,IAAAP,CAAA,~~QAAAwB~~,EAAA,~~IAAAxB~~,CAAA,~~QAAAyB~~,EAAA;IAJjCC,EAAA,~~IACTnB~~,SAAA,EAAAV,cAAA,~~EAEA2B~~,EAAuC,EACvCC,EAA0C,EAAAE,MAAA,CAAAC,OAElC;~~IAAA5B~~,CAAA,MAAAO,SAAA;IAAAP,CAAA,~~MAAAwB~~,EAAA;~~IAAAxB~~,CAAA,~~MAAAyB~~,EAAA;~~IAAAzB~~,CAAA,~~MAAA0B~~,EAAA;EAAA;IAAAA,EAAA,~~GAAA1B~~,CAAA;EAAA;EANC,~~MAAA6B~~,EAAA,GAAAH,EAMD,CAAAI,IAAA,CACF;~~EAOK~~,MAAAC,EAAA,GAAAH,OAAA,~~CAAQtB~~,OAAA;EAAA,~~IAAA0B~~,EAAA;EAAA,~~IAAAhC~~,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAK,WAAA,IAAAL,CAAA,~~QAAAS~~,KAAA,~~IAAAT~~,CAAA,~~QAAAM~~,OAAA,IAAAN,CAAA,SAAAC,EAAA,IAAAD,CAAA,~~SAAAQ~~,QAAA,~~IAAAR~~,CAAA,~~SAAAU~~,KAAA,~~IAAAV~~,CAAA,~~SAAAW~~,SAAA,~~IAAAX~~,CAAA,SAAAG,IAAA,IAAAH,CAAA,~~SAAAY~~,QAAA,~~IAAAZ~~,CAAA,~~SAAAa~~,cAAA,~~IAAAb~~,CAAA,~~SAAAc~~,QAAA,~~IAAAd~~,CAAA,~~SAAAgB~~,QAAA,~~IAAAhB~~,CAAA,~~SAAA6B~~,EAAA,~~IAAA7B~~,CAAA,~~SAAA+B~~,EAAA;IAHnB,MAAAE,EAAA,GAAAC,IAAA,CAAC;MAAA,cACY;MAAA,~~mBACM/B~~,IAAA;MAAAG,OAAA,~~EACRyB~~,EAAQ;MAAAI,QAAA,EACPrB,QAAA;~~MAAAb~~,EAAA;MAAAE,IAAA;~~MAAAiC~~,QAAA,EAGAxB,QAAA;MAAAyB,GAAA,EACL7B,QAAA;MAAAQ,QAAA;MAAAsB,KAAA,~~EAEEnC~~,IAAA;~~MAAAoC~~,IAAA,EACF;IAAA,C;IAGkC,MAAAC,GAAA,~~IAAClC~~,OAAA,~~IAAWO~~,cAAA,GAAiB,YAAY;IAAA,IAAA4B,GAAA;IAAA,~~IAAAzC~~,CAAA,~~SAAAwC~~,GAAA;MAArEC,GAAA,IAAC,~~GAAA5C~~,cAAA,QAAyB,~~EAAE2C~~,GAAyC,EAAAb,MAAA,CAAAC,OACtE;~~MAAA5B~~,CAAA,~~OAAAwC~~,GAAA;~~MAAAxC~~,CAAA,~~OAAAyC~~,GAAA;IAAA;MAAAA,GAAA,~~GAAAzC~~,CAAA;IAAA;~~IA3BhBgC~~,EAAA,GAAAU,KAAA,CAAC;~~MAAAnC~~,SAAA,~~EACYsB~~,EAOH;MAAAc,QAAA,~~GAERD~~,KAAA,CAAC;~~QAAAnC~~,SAAA,EAAe,GAAAV,cAAA,~~SAA0B~~;~~QAAA8C~~,QAAA,~~GACvCtC~~,~~WAAA~~,~~EACD4B~~,E,EAaAS,KAAA,CAAC;~~UAAAnC~~,SAAA,~~EACYkC~~,GACD,CAAAX,IAAA,CACF;~~UAAAa~~,QAAA,~~GAEPrC~~,OAAA,~~IAAW4B~~,IAAA,~~CAAAvC~~,SAAA,IAAC,GACZ,CAACW,OAAA,~~IAAWO~~,cAAA,IAAkBqB,IAAA,~~CAAAtC~~,QAAA,IAAC;~~QAAA~~,C~~,GAEjCQ,UAAA~~;~~MAAA~~,~~C,GAEH8B,~~IAAA,~~CAAAzC~~,qBAAA;~~QAAAmD~~,eAAA,EACmBnC,KAAA;~~QAAAoC~~,QAAA,EAEfX,IAAA,~~CAAAxC~~,UAAA;~~UAAAoD~~,OAAA,~~EAAqB7C~~,EAAA;~~UAAAS~~,KAAA;~~UAAAC~~,SAAA;~~UAAAK~~;~~QAAA~~,C~~;;;;;;;;;;;;;;;;;;;;;;SAtC3BgB~~,E;~~CA2CJ~~","ignoreList":[]}
1	+ {"version":3,"file":"Input.js","names":["c","_c","React","useEffect","useId","useState","RenderCustomComponent","FieldLabel","CheckIcon","LineIcon","inputBaseClass","CheckboxInput","t0","$","id","idFromProps","name","AfterInput","BeforeInput","checked","className","Error","inputRef","Label","label","localized","onToggle","partialChecked","readOnly","readOnlyFromProps","required","isHydrated","setIsHydrated","fallbackID","t1","t2","Symbol","for","t3","t4","t5","filter","Boolean","t6","join","t7","t8","t9","_jsx","disabled","onChange","ref","title","type","t10","t11","_jsxs","children","CustomComponent","Fallback","htmlFor"],"sources":["../../../src/fields/Checkbox/Input.tsx"],"sourcesContent":["'use client'\nimport type { StaticLabel } from 'payload'\n\nimport React, { useEffect, useId, useState } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { CheckIcon } from '../../icons/Check/index.js'\nimport { LineIcon } from '../../icons/Line/index.js'\n\nexport type CheckboxInputProps = {\n readonly AfterInput?: React.ReactNode\n readonly BeforeInput?: React.ReactNode\n readonly checked?: boolean\n readonly className?: string\n readonly Error?: React.ReactNode\n readonly id?: string\n readonly inputRef?: React.RefObject<HTMLInputElement \| null>\n readonly Label?: React.ReactNode\n readonly label?: StaticLabel\n readonly localized?: boolean\n readonly name?: string\n readonly onToggle: (event: React.ChangeEvent<HTMLInputElement>) => void\n readonly partialChecked?: boolean\n readonly readOnly?: boolean\n readonly required?: boolean\n}\n\nexport const inputBaseClass = 'checkbox-input'\n\nexport const CheckboxInput: React.FC<CheckboxInputProps> = ({\n id: idFromProps,\n name,\n AfterInput,\n BeforeInput,\n checked,\n className,\n Error,\n inputRef,\n Label,\n label,\n localized,\n onToggle,\n partialChecked,\n readOnly: readOnlyFromProps,\n required,\n}) => {\n const [isHydrated, setIsHydrated] = useState(false)\n const fallbackID = useId()\n const id = idFromProps \|\| fallbackID\n\n useEffect(() => {\n setIsHydrated(true)\n }, [])\n\n const readOnly = readOnlyFromProps \|\| !isHydrated\n\n return (\n <div\n className={[\n className,\n inputBaseClass,\n checked && `${inputBaseClass}--checked`,\n readOnly && `${inputBaseClass}--read-only`,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n {BeforeInput}\n <div className={`${inputBaseClass}__wrap`}>\n <div className={`${inputBaseClass}__input`}>\n <input\n aria-label=\"\"\n aria-labelledby={name}\n checked={Boolean(checked)}\n disabled={readOnly}\n id={id}\n name={name}\n onChange={onToggle}\n ref={inputRef}\n required={required}\n title={name}\n type=\"checkbox\"\n />\n <span\n className={[`${inputBaseClass}__icon`, !checked && partialChecked ? 'partial' : 'check']\n .filter(Boolean)\n .join(' ')}\n >\n {checked && <CheckIcon />}\n {!checked && partialChecked && <LineIcon />}\n </span>\n </div>\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={\n <FieldLabel htmlFor={id} label={label} localized={localized} required={required} />\n }\n />\n {Error}\n </div>\n {AfterInput}\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}