@payloadcms/ui 3.47.0-canary.0 → 3.47.0-canary.2

package/dist/fields/Blocks/index.js

@@ -1,11 +1,14 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import React, { Fragment, useCallback } from 'react';
+import React, { Fragment, useCallback, useMemo } from 'react';
+import { toast } from 'sonner';
 import { Banner } from '../../elements/Banner/index.js';
 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 { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js';
 import { DraggableSortable } from '../../elements/DraggableSortable/index.js';
 import { DrawerToggler } from '../../elements/Drawer/index.js';
@@ -22,54 +25,43 @@ import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
 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';
 import { fieldBaseClass } from '../shared/index.js';
 import { BlockRow } from './BlockRow.js';
 import { BlocksDrawer } from './BlocksDrawer/index.js';
-import './index.scss';
 const baseClass = 'blocks-field';
 const BlocksFieldComponent = props => {
-  const $ = _c(50);
   const {
     i18n,
     t
   } = useTranslation();
   const {
-    field: t0,
+    field: {
+      name,
+      type,
+      admin: {
+        className,
+        description,
+        isSortable = true
+      } = {},
+      blockReferences,
+      blocks,
+      label,
+      labels: labelsFromProps,
+      localized,
+      maxRows,
+      minRows: minRowsProp,
+      required
+    },
     path: pathFromProps,
     permissions,
     readOnly,
     schemaPath: schemaPathFromProps,
     validate
   } = props;
-  const {
-    name,
-    admin: t1,
-    blockReferences,
-    blocks,
-    label,
-    labels: labelsFromProps,
-    localized,
-    maxRows,
-    minRows: minRowsProp,
-    required
-  } = t0;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = t1 === undefined ? {} : t1;
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  const {
-    className,
-    description,
-    isSortable: t3
-  } = t2;
-  const isSortable = t3 === undefined ? true : t3;
   const schemaPath = schemaPathFromProps ?? name;
   const minRows = minRowsProp ?? required ? 1 : 0;
   const {
@@ -78,424 +70,378 @@ const BlocksFieldComponent = props => {
   const {
     addFieldRow,
     dispatchFields,
+    getFields,
     moveFieldRow,
     removeFieldRow,
+    replaceState,
     setModified
   } = useForm();
   const {
     code: locale
   } = useLocale();
   const {
-    config: t4,
+    config: {
+      localization
+    },
     config
   } = useConfig();
-  const {
-    localization
-  } = t4;
-  const drawerSlug = useDrawerSlug("blocks-drawer");
+  const drawerSlug = useDrawerSlug('blocks-drawer');
   const submitted = useFormSubmitted();
   const labels = {
-    plural: t("fields:blocks"),
-    singular: t("fields:block"),
+    plural: t('fields:blocks'),
+    singular: t('fields:block'),
     ...labelsFromProps
   };
-  let t5;
-  bb0: {
+  const editingDefaultLocale = (() => {
     if (localization && localization.fallback) {
       const defaultLocale = localization.defaultLocale;
-      t5 = locale === defaultLocale;
-      break bb0;
+      return locale === defaultLocale;
     }
-    t5 = true;
-  }
-  const editingDefaultLocale = t5;
-  let t6;
-  if ($[2] !== editingDefaultLocale || $[3] !== maxRows || $[4] !== minRows || $[5] !== required || $[6] !== validate) {
-    t6 = (value, options) => {
-      if (!editingDefaultLocale && value === null) {
-        return true;
-      }
-      if (typeof validate === "function") {
-        return validate(value, {
-          ...options,
-          maxRows,
-          minRows,
-          required
-        });
+    return true;
+  })();
+  const clientBlocks = useMemo(() => {
+    if (!blockReferences) {
+      return blocks;
+    }
+    const resolvedBlocks = [];
+    for (const blockReference of blockReferences) {
+      const block = typeof blockReference === 'string' ? config.blocksMap[blockReference] : blockReference;
+      if (block) {
+        resolvedBlocks.push(block);
       }
-    };
-    $[2] = editingDefaultLocale;
-    $[3] = maxRows;
-    $[4] = minRows;
-    $[5] = required;
-    $[6] = validate;
-    $[7] = t6;
-  } else {
-    t6 = $[7];
-  }
-  const memoizedValidate = t6;
-  let t7;
-  if ($[8] !== memoizedValidate || $[9] !== pathFromProps) {
-    t7 = {
-      hasRows: true,
-      potentiallyStalePath: pathFromProps,
-      validate: memoizedValidate
-    };
-    $[8] = memoizedValidate;
-    $[9] = pathFromProps;
-    $[10] = t7;
-  } else {
-    t7 = $[10];
-  }
+    }
+    return resolvedBlocks;
+  }, [blockReferences, blocks, config.blocksMap]);
+  const memoizedValidate = useCallback((value, options) => {
+    // alternative locales can be null
+    if (!editingDefaultLocale && value === null) {
+      return true;
+    }
+    if (typeof validate === 'function') {
+      return validate(value, {
+        ...options,
+        maxRows,
+        minRows,
+        required
+      });
+    }
+  }, [maxRows, minRows, required, validate, editingDefaultLocale]);
   const {
-    customComponents: t8,
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Description,
+      Error,
+      Label
+    } = {},
     disabled,
     errorPaths,
     path,
-    rows: t9,
+    rows = [],
     showError,
     valid,
     value: value_0
-  } = useField(t7);
-  let t10;
-  if ($[11] !== t8) {
-    t10 = t8 === undefined ? {} : t8;
-    $[11] = t8;
-    $[12] = t10;
-  } else {
-    t10 = $[12];
-  }
-  const {
-    AfterInput,
-    BeforeInput,
-    Description,
-    Error,
-    Label
-  } = t10;
-  let t11;
-  if ($[13] !== t9) {
-    t11 = t9 === undefined ? [] : t9;
-    $[13] = t9;
-    $[14] = t11;
-  } else {
-    t11 = $[14];
-  }
-  const rows = t11;
-  let t12;
-  if ($[15] !== addFieldRow || $[16] !== path || $[17] !== schemaPath) {
-    t12 = (rowIndex, blockType) => {
-      addFieldRow({
-        blockType,
-        path,
-        rowIndex,
-        schemaPath
-      });
-      setTimeout(() => {
-        scrollToID(`${path}-row-${rowIndex + 1}`);
-      }, 0);
-    };
-    $[15] = addFieldRow;
-    $[16] = path;
-    $[17] = schemaPath;
-    $[18] = t12;
-  } else {
-    t12 = $[18];
-  }
-  const addRow = t12;
-  let t13;
-  if ($[19] !== dispatchFields || $[20] !== path || $[21] !== setModified) {
-    t13 = rowIndex_0 => {
-      dispatchFields({
-        type: "DUPLICATE_ROW",
-        path,
-        rowIndex: rowIndex_0
-      });
-      setModified(true);
-      setTimeout(() => {
-        scrollToID(`${path}-row-${rowIndex_0 + 1}`);
-      }, 0);
-    };
-    $[19] = dispatchFields;
-    $[20] = path;
-    $[21] = setModified;
-    $[22] = t13;
-  } else {
-    t13 = $[22];
-  }
-  const duplicateRow = t13;
-  let t14;
-  if ($[23] !== path || $[24] !== removeFieldRow) {
-    t14 = rowIndex_1 => {
-      removeFieldRow({
-        path,
-        rowIndex: rowIndex_1
-      });
-    };
-    $[23] = path;
-    $[24] = removeFieldRow;
-    $[25] = t14;
-  } else {
-    t14 = $[25];
-  }
-  const removeRow = t14;
-  let t15;
-  if ($[26] !== moveFieldRow || $[27] !== path) {
-    t15 = (moveFromIndex, moveToIndex) => {
-      moveFieldRow({
-        moveFromIndex,
-        moveToIndex,
-        path
-      });
-    };
-    $[26] = moveFieldRow;
-    $[27] = path;
-    $[28] = t15;
-  } else {
-    t15 = $[28];
-  }
-  const moveRow = t15;
-  let t16;
-  if ($[29] !== dispatchFields || $[30] !== path || $[31] !== rows || $[32] !== setDocFieldPreferences) {
-    t16 = collapsed => {
-      const {
-        collapsedIDs,
-        updatedRows
-      } = toggleAllRows({
-        collapsed,
-        rows
-      });
-      dispatchFields({
-        type: "SET_ALL_ROWS_COLLAPSED",
+  } = useField({
+    hasRows: true,
+    potentiallyStalePath: pathFromProps,
+    validate: memoizedValidate
+  });
+  const addRow = useCallback((rowIndex, blockType) => {
+    addFieldRow({
+      blockType,
+      path,
+      rowIndex,
+      schemaPath
+    });
+    setTimeout(() => {
+      scrollToID(`${path}-row-${rowIndex + 1}`);
+    }, 0);
+  }, [addFieldRow, path, schemaPath]);
+  const duplicateRow = useCallback(rowIndex_0 => {
+    dispatchFields({
+      type: 'DUPLICATE_ROW',
+      path,
+      rowIndex: rowIndex_0
+    });
+    setModified(true);
+    setTimeout(() => {
+      scrollToID(`${path}-row-${rowIndex_0 + 1}`);
+    }, 0);
+  }, [dispatchFields, path, setModified]);
+  const removeRow = useCallback(rowIndex_1 => {
+    removeFieldRow({
+      path,
+      rowIndex: rowIndex_1
+    });
+  }, [path, removeFieldRow]);
+  const moveRow = useCallback((moveFromIndex, moveToIndex) => {
+    moveFieldRow({
+      moveFromIndex,
+      moveToIndex,
+      path
+    });
+  }, [moveFieldRow, path]);
+  const toggleCollapseAll = useCallback(collapsed => {
+    const {
+      collapsedIDs,
+      updatedRows
+    } = toggleAllRows({
+      collapsed,
+      rows
+    });
+    dispatchFields({
+      type: 'SET_ALL_ROWS_COLLAPSED',
+      path,
+      updatedRows
+    });
+    setDocFieldPreferences(path, {
+      collapsed: collapsedIDs
+    });
+  }, [dispatchFields, path, rows, setDocFieldPreferences]);
+  const setCollapse = useCallback((rowID, collapsed_0) => {
+    const {
+      collapsedIDs: collapsedIDs_0,
+      updatedRows: updatedRows_0
+    } = extractRowsAndCollapsedIDs({
+      collapsed: collapsed_0,
+      rowID,
+      rows
+    });
+    dispatchFields({
+      type: 'SET_ROW_COLLAPSED',
+      path,
+      updatedRows: updatedRows_0
+    });
+    setDocFieldPreferences(path, {
+      collapsed: collapsedIDs_0
+    });
+  }, [dispatchFields, path, rows, setDocFieldPreferences]);
+  const copyRow = useCallback(rowIndex_2 => {
+    const clipboardResult = clipboardCopy({
+      type,
+      blocks: clientBlocks,
+      getDataToCopy: () => reduceFormStateByPath({
+        formState: {
+          ...getFields()
+        },
         path,
-        updatedRows
-      });
-      setDocFieldPreferences(path, {
-        collapsed: collapsedIDs
-      });
+        rowIndex: rowIndex_2
+      }),
+      path,
+      rowIndex: rowIndex_2,
+      t
+    });
+    if (typeof clipboardResult === 'string') {
+      toast.error(clipboardResult);
+    } else {
+      toast.success(t('general:copied'));
+    }
+  }, [clientBlocks, path, t, type, getFields]);
+  const pasteRow = useCallback(rowIndex_3 => {
+    const pasteArgs = {
+      onPaste: dataFromClipboard => {
+        const formState = {
+          ...getFields()
+        };
+        const newState = mergeFormStateFromClipboard({
+          dataFromClipboard,
+          formState,
+          path,
+          rowIndex: rowIndex_3
+        });
+        replaceState(newState);
+        setModified(true);
+      },
+      path,
+      schemaBlocks: clientBlocks,
+      t
     };
-    $[29] = dispatchFields;
-    $[30] = path;
-    $[31] = rows;
-    $[32] = setDocFieldPreferences;
-    $[33] = t16;
-  } else {
-    t16 = $[33];
-  }
-  const toggleCollapseAll = t16;
-  let t17;
-  if ($[34] !== dispatchFields || $[35] !== path || $[36] !== rows || $[37] !== setDocFieldPreferences) {
-    t17 = (rowID, collapsed_0) => {
-      const {
-        collapsedIDs: collapsedIDs_0,
-        updatedRows: updatedRows_0
-      } = extractRowsAndCollapsedIDs({
-        collapsed: collapsed_0,
-        rowID,
-        rows
-      });
-      dispatchFields({
-        type: "SET_ROW_COLLAPSED",
-        path,
-        updatedRows: updatedRows_0
-      });
-      setDocFieldPreferences(path, {
-        collapsed: collapsedIDs_0
-      });
+    const clipboardResult_0 = clipboardPaste(pasteArgs);
+    if (typeof clipboardResult_0 === 'string') {
+      toast.error(clipboardResult_0);
+    }
+  }, [clientBlocks, getFields, path, replaceState, setModified, t]);
+  const pasteBlocks = useCallback(dataFromClipboard_0 => {
+    const formState_0 = {
+      ...getFields()
     };
-    $[34] = dispatchFields;
-    $[35] = path;
-    $[36] = rows;
-    $[37] = setDocFieldPreferences;
-    $[38] = t17;
-  } else {
-    t17 = $[38];
-  }
-  const setCollapse = t17;
+    const newState_0 = mergeFormStateFromClipboard({
+      dataFromClipboard: dataFromClipboard_0,
+      formState: formState_0,
+      path
+    });
+    replaceState(newState_0);
+    setModified(true);
+  }, [getFields, path, replaceState, setModified]);
   const hasMaxRows = maxRows && rows.length >= maxRows;
   const fieldErrorCount = errorPaths.length;
   const fieldHasErrors = submitted && fieldErrorCount + (valid ? 0 : 1) > 0;
   const showMinRows = rows.length < minRows || required && rows.length === 0;
   const showRequired = readOnly && rows.length === 0;
-  const t18 = fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`;
-  let t19;
-  if ($[39] !== className || $[40] !== t18) {
-    t19 = [fieldBaseClass, baseClass, className, t18].filter(Boolean);
-    $[39] = className;
-    $[40] = t18;
-    $[41] = t19;
-  } else {
-    t19 = $[41];
-  }
-  let t20;
-  if ($[42] !== Error || $[43] !== path || $[44] !== showError) {
-    t20 = showError && _jsx(RenderCustomComponent, {
+  return /*#__PURE__*/_jsxs("div", {
+    className: [fieldBaseClass, baseClass, className, fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`].filter(Boolean).join(' '),
+    id: `field-${path?.replace(/\./g, '__')}`,
+    children: [showError && /*#__PURE__*/_jsx(RenderCustomComponent, {
       CustomComponent: Error,
-      Fallback: _jsx(FieldError, {
-        path,
-        showError
+      Fallback: /*#__PURE__*/_jsx(FieldError, {
+        path: path,
+        showError: showError
       })
-    });
-    $[42] = Error;
-    $[43] = path;
-    $[44] = showError;
-    $[45] = t20;
-  } else {
-    t20 = $[45];
-  }
-  let t21;
-  if ($[46] !== fieldErrorCount || $[47] !== fieldHasErrors || $[48] !== i18n) {
-    t21 = fieldHasErrors && fieldErrorCount > 0 && _jsx(ErrorPill, {
-      count: fieldErrorCount,
-      i18n,
-      withMessage: true
-    });
-    $[46] = fieldErrorCount;
-    $[47] = fieldHasErrors;
-    $[48] = i18n;
-    $[49] = t21;
-  } else {
-    t21 = $[49];
-  }
-  return _jsxs("div", {
-    className: t19.join(" "),
-    id: `field-${path?.replace(/\./g, "__")}`,
-    children: [t20, _jsxs("header", {
+    }), /*#__PURE__*/_jsxs("header", {
       className: `${baseClass}__header`,
-      children: [_jsxs("div", {
+      children: [/*#__PURE__*/_jsxs("div", {
         className: `${baseClass}__header-wrap`,
-        children: [_jsxs("div", {
+        children: [/*#__PURE__*/_jsxs("div", {
           className: `${baseClass}__heading-with-error`,
-          children: [_jsx("h3", {
-            children: _jsx(RenderCustomComponent, {
+          children: [/*#__PURE__*/_jsx("h3", {
+            children: /*#__PURE__*/_jsx(RenderCustomComponent, {
               CustomComponent: Label,
-              Fallback: _jsx(FieldLabel, {
-                label,
-                localized,
-                path,
-                required
+              Fallback: /*#__PURE__*/_jsx(FieldLabel, {
+                label: label,
+                localized: localized,
+                path: path,
+                required: required
               })
             })
-          }), t21]
-        }), rows.length > 0 && _jsxs("ul", {
+          }), fieldHasErrors && fieldErrorCount > 0 && /*#__PURE__*/_jsx(ErrorPill, {
+            count: fieldErrorCount,
+            i18n: i18n,
+            withMessage: true
+          })]
+        }), /*#__PURE__*/_jsxs("ul", {
           className: `${baseClass}__header-actions`,
-          children: [_jsx("li", {
-            children: _jsx("button", {
-              className: `${baseClass}__header-action`,
-              onClick: () => toggleCollapseAll(true),
-              type: "button",
-              children: t("fields:collapseAll")
-            })
-          }), _jsx("li", {
-            children: _jsx("button", {
+          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')
+              })
+            })]
+          }), /*#__PURE__*/_jsx("li", {
+            children: /*#__PURE__*/_jsx(ClipboardAction, {
+              blocks: clientBlocks,
               className: `${baseClass}__header-action`,
-              onClick: () => toggleCollapseAll(false),
-              type: "button",
-              children: t("fields:showAll")
+              disableCopy: !(rows?.length > 0),
+              disablePaste: readOnly,
+              getDataToCopy: () => reduceFormStateByPath({
+                formState: {
+                  ...getFields()
+                },
+                path
+              }),
+              onPaste: pasteBlocks,
+              path: path,
+              type: type
             })
           })]
         })]
-      }), _jsx(RenderCustomComponent, {
+      }), /*#__PURE__*/_jsx(RenderCustomComponent, {
         CustomComponent: Description,
-        Fallback: _jsx(FieldDescription, {
-          description,
-          path
+        Fallback: /*#__PURE__*/_jsx(FieldDescription, {
+          description: description,
+          path: path
         })
       })]
-    }), BeforeInput, _jsx(NullifyLocaleField, {
+    }), BeforeInput, /*#__PURE__*/_jsx(NullifyLocaleField, {
       fieldValue: value_0,
-      localized,
-      path
-    }), (rows.length > 0 || !valid && (showRequired || showMinRows)) && _jsxs(DraggableSortable, {
+      localized: localized,
+      path: path
+    }), (rows.length > 0 || !valid && (showRequired || showMinRows)) && /*#__PURE__*/_jsxs(DraggableSortable, {
       className: `${baseClass}__rows`,
-      ids: rows.map(_temp),
-      onDragEnd: t22 => {
-        const {
-          moveFromIndex: moveFromIndex_0,
-          moveToIndex: moveToIndex_0
-        } = t22;
-        return moveRow(moveFromIndex_0, moveToIndex_0);
-      },
+      ids: rows.map(row => row.id),
+      onDragEnd: ({
+        moveFromIndex: moveFromIndex_0,
+        moveToIndex: moveToIndex_0
+      }) => moveRow(moveFromIndex_0, moveToIndex_0),
       children: [rows.map((row_0, i) => {
         const {
           blockType: blockType_0,
           isLoading
         } = row_0;
-        const blockConfig = config.blocksMap[blockType_0] ?? (blockReferences ?? blocks).find(block => typeof block !== "string" && block.slug === blockType_0);
+        const blockConfig = config.blocksMap[blockType_0] ?? (blockReferences ?? blocks).find(block_0 => typeof block_0 !== 'string' && block_0.slug === blockType_0);
         if (blockConfig) {
           const rowPath = `${path}.${i}`;
-          const rowErrorCount = errorPaths.filter(errorPath => errorPath.startsWith(rowPath + ".")).length;
-          return _jsx(DraggableSortableItem, {
+          const rowErrorCount = errorPaths.filter(errorPath => errorPath.startsWith(rowPath + '.')).length;
+          return /*#__PURE__*/_jsx(DraggableSortableItem, {
             disabled: readOnly || disabled || !isSortable,
             id: row_0.id,
-            children: draggableSortableItemProps => _jsx(BlockRow, {
+            children: draggableSortableItemProps => /*#__PURE__*/_jsx(BlockRow, {
               ...draggableSortableItemProps,
-              addRow,
+              addRow: addRow,
               block: blockConfig,
               blocks: blockReferences ?? blocks,
-              duplicateRow,
+              copyRow: copyRow,
+              duplicateRow: duplicateRow,
               errorCount: rowErrorCount,
               fields: blockConfig.fields,
-              hasMaxRows,
-              isLoading,
-              isSortable,
+              hasMaxRows: hasMaxRows,
+              isLoading: isLoading,
+              isSortable: isSortable,
               Label: rows?.[i]?.customComponents?.RowLabel,
-              labels,
-              moveRow,
+              labels: labels,
+              moveRow: moveRow,
               parentPath: path,
+              pasteRow: pasteRow,
               path: rowPath,
-              permissions,
+              permissions: permissions,
               readOnly: readOnly || disabled,
-              removeRow,
+              removeRow: removeRow,
               row: row_0,
               rowCount: rows.length,
               rowIndex: i,
               schemaPath: schemaPath + blockConfig.slug,
-              setCollapse
+              setCollapse: setCollapse
             })
           }, row_0.id);
         }
         return null;
-      }), !editingDefaultLocale && _jsxs(React.Fragment, {
-        children: [showMinRows && _jsx(Banner, {
+      }), !editingDefaultLocale && /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [showMinRows && /*#__PURE__*/_jsx(Banner, {
           type: "error",
-          children: t("validation:requiresAtLeast", {
+          children: t('validation:requiresAtLeast', {
             count: minRows,
-            label: getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) || t(minRows > 1 ? "general:row" : "general:rows")
+            label: getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) || t(minRows > 1 ? 'general:row' : 'general:rows')
           })
-        }), showRequired && _jsx(Banner, {
-          children: t("validation:fieldHasNo", {
+        }), showRequired && /*#__PURE__*/_jsx(Banner, {
+          children: t('validation:fieldHasNo', {
             label: getTranslation(labels.plural, i18n)
           })
         })]
       })]
-    }), !hasMaxRows && _jsxs(Fragment, {
-      children: [_jsx(DrawerToggler, {
+    }), !hasMaxRows && /*#__PURE__*/_jsxs(Fragment, {
+      children: [/*#__PURE__*/_jsx(DrawerToggler, {
         className: `${baseClass}__drawer-toggler`,
         disabled: readOnly || disabled,
         slug: drawerSlug,
-        children: _jsx(Button, {
+        children: /*#__PURE__*/_jsx(Button, {
           buttonStyle: "icon-label",
           disabled: readOnly || disabled,
           el: "span",
           icon: "plus",
           iconPosition: "left",
           iconStyle: "with-border",
-          children: t("fields:addLabel", {
+          children: t('fields:addLabel', {
             label: getTranslation(labels.singular, i18n)
           })
         })
-      }), _jsx(BlocksDrawer, {
-        addRow,
+      }), /*#__PURE__*/_jsx(BlocksDrawer, {
+        addRow: addRow,
         addRowIndex: rows?.length || 0,
         blocks: blockReferences ?? blocks,
-        drawerSlug,
-        labels
+        drawerSlug: drawerSlug,
+        labels: labels
       })]
     }), AfterInput]
   });
 };
 export const BlocksField = withCondition(BlocksFieldComponent);
-function _temp(row) {
-  return row.id;
-}
 //# sourceMappingURL=index.js.map