@payloadcms/ui 3.47.0-canary.2 → 3.47.0-internal.b17506e

package/dist/fields/Blocks/index.js

@@ -1,14 +1,11 @@
 '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, useMemo } from 'react';
-import { toast } from 'sonner';
+import React, { Fragment, useCallback } from 'react';
 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';
@@ -25,43 +22,54 @@ 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: {
-      name,
-      type,
-      admin: {
-        className,
-        description,
-        isSortable = true
-      } = {},
-      blockReferences,
-      blocks,
-      label,
-      labels: labelsFromProps,
-      localized,
-      maxRows,
-      minRows: minRowsProp,
-      required
-    },
+    field: t0,
     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 {
@@ -70,378 +78,424 @@ const BlocksFieldComponent = props => {
   const {
     addFieldRow,
     dispatchFields,
-    getFields,
     moveFieldRow,
     removeFieldRow,
-    replaceState,
     setModified
   } = useForm();
   const {
     code: locale
   } = useLocale();
   const {
-    config: {
-      localization
-    },
+    config: t4,
     config
   } = useConfig();
-  const drawerSlug = useDrawerSlug('blocks-drawer');
+  const {
+    localization
+  } = t4;
+  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
   };
-  const editingDefaultLocale = (() => {
+  let t5;
+  bb0: {
     if (localization && localization.fallback) {
       const defaultLocale = localization.defaultLocale;
-      return locale === defaultLocale;
-    }
-    return true;
-  })();
-  const clientBlocks = useMemo(() => {
-    if (!blockReferences) {
-      return blocks;
+      t5 = locale === defaultLocale;
+      break bb0;
     }
-    const resolvedBlocks = [];
-    for (const blockReference of blockReferences) {
-      const block = typeof blockReference === 'string' ? config.blocksMap[blockReference] : blockReference;
-      if (block) {
-        resolvedBlocks.push(block);
+    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;
       }
-    }
-    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]);
+      if (typeof validate === "function") {
+        return validate(value, {
+          ...options,
+          maxRows,
+          minRows,
+          required
+        });
+      }
+    };
+    $[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];
+  }
   const {
-    customComponents: {
-      AfterInput,
-      BeforeInput,
-      Description,
-      Error,
-      Label
-    } = {},
+    customComponents: t8,
     disabled,
     errorPaths,
     path,
-    rows = [],
+    rows: t9,
     showError,
     valid,
     value: value_0
-  } = 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()
-        },
+  } = 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: 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
+        rowIndex,
+        schemaPath
+      });
+      setTimeout(() => {
+        scrollToID(`${path}-row-${rowIndex + 1}`);
+      }, 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()
+    $[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);
     };
-    const newState_0 = mergeFormStateFromClipboard({
-      dataFromClipboard: dataFromClipboard_0,
-      formState: formState_0,
-      path
-    });
-    replaceState(newState_0);
-    setModified(true);
-  }, [getFields, path, replaceState, setModified]);
+    $[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",
+        path,
+        updatedRows
+      });
+      setDocFieldPreferences(path, {
+        collapsed: collapsedIDs
+      });
+    };
+    $[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
+      });
+    };
+    $[34] = dispatchFields;
+    $[35] = path;
+    $[36] = rows;
+    $[37] = setDocFieldPreferences;
+    $[38] = t17;
+  } else {
+    t17 = $[38];
+  }
+  const setCollapse = t17;
   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;
-  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, {
+  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, {
       CustomComponent: Error,
-      Fallback: /*#__PURE__*/_jsx(FieldError, {
-        path: path,
-        showError: showError
+      Fallback: _jsx(FieldError, {
+        path,
+        showError
       })
-    }), /*#__PURE__*/_jsxs("header", {
+    });
+    $[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", {
       className: `${baseClass}__header`,
-      children: [/*#__PURE__*/_jsxs("div", {
+      children: [_jsxs("div", {
         className: `${baseClass}__header-wrap`,
-        children: [/*#__PURE__*/_jsxs("div", {
+        children: [_jsxs("div", {
           className: `${baseClass}__heading-with-error`,
-          children: [/*#__PURE__*/_jsx("h3", {
-            children: /*#__PURE__*/_jsx(RenderCustomComponent, {
+          children: [_jsx("h3", {
+            children: _jsx(RenderCustomComponent, {
               CustomComponent: Label,
-              Fallback: /*#__PURE__*/_jsx(FieldLabel, {
-                label: label,
-                localized: localized,
-                path: path,
-                required: required
+              Fallback: _jsx(FieldLabel, {
+                label,
+                localized,
+                path,
+                required
               })
             })
-          }), fieldHasErrors && fieldErrorCount > 0 && /*#__PURE__*/_jsx(ErrorPill, {
-            count: fieldErrorCount,
-            i18n: i18n,
-            withMessage: true
-          })]
-        }), /*#__PURE__*/_jsxs("ul", {
+          }), t21]
+        }), rows.length > 0 && _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')
-              })
-            })]
-          }), /*#__PURE__*/_jsx("li", {
-            children: /*#__PURE__*/_jsx(ClipboardAction, {
-              blocks: clientBlocks,
+          children: [_jsx("li", {
+            children: _jsx("button", {
+              className: `${baseClass}__header-action`,
+              onClick: () => toggleCollapseAll(true),
+              type: "button",
+              children: t("fields:collapseAll")
+            })
+          }), _jsx("li", {
+            children: _jsx("button", {
               className: `${baseClass}__header-action`,
-              disableCopy: !(rows?.length > 0),
-              disablePaste: readOnly,
-              getDataToCopy: () => reduceFormStateByPath({
-                formState: {
-                  ...getFields()
-                },
-                path
-              }),
-              onPaste: pasteBlocks,
-              path: path,
-              type: type
+              onClick: () => toggleCollapseAll(false),
+              type: "button",
+              children: t("fields:showAll")
             })
           })]
         })]
-      }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+      }), _jsx(RenderCustomComponent, {
         CustomComponent: Description,
-        Fallback: /*#__PURE__*/_jsx(FieldDescription, {
-          description: description,
-          path: path
+        Fallback: _jsx(FieldDescription, {
+          description,
+          path
         })
       })]
-    }), BeforeInput, /*#__PURE__*/_jsx(NullifyLocaleField, {
+    }), BeforeInput, _jsx(NullifyLocaleField, {
       fieldValue: value_0,
-      localized: localized,
-      path: path
-    }), (rows.length > 0 || !valid && (showRequired || showMinRows)) && /*#__PURE__*/_jsxs(DraggableSortable, {
+      localized,
+      path
+    }), (rows.length > 0 || !valid && (showRequired || showMinRows)) && _jsxs(DraggableSortable, {
       className: `${baseClass}__rows`,
-      ids: rows.map(row => row.id),
-      onDragEnd: ({
-        moveFromIndex: moveFromIndex_0,
-        moveToIndex: moveToIndex_0
-      }) => moveRow(moveFromIndex_0, moveToIndex_0),
+      ids: rows.map(_temp),
+      onDragEnd: t22 => {
+        const {
+          moveFromIndex: moveFromIndex_0,
+          moveToIndex: moveToIndex_0
+        } = t22;
+        return 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_0 => typeof block_0 !== 'string' && block_0.slug === blockType_0);
+        const blockConfig = config.blocksMap[blockType_0] ?? (blockReferences ?? blocks).find(block => typeof block !== "string" && block.slug === blockType_0);
         if (blockConfig) {
           const rowPath = `${path}.${i}`;
-          const rowErrorCount = errorPaths.filter(errorPath => errorPath.startsWith(rowPath + '.')).length;
-          return /*#__PURE__*/_jsx(DraggableSortableItem, {
+          const rowErrorCount = errorPaths.filter(errorPath => errorPath.startsWith(rowPath + ".")).length;
+          return _jsx(DraggableSortableItem, {
             disabled: readOnly || disabled || !isSortable,
             id: row_0.id,
-            children: draggableSortableItemProps => /*#__PURE__*/_jsx(BlockRow, {
+            children: draggableSortableItemProps => _jsx(BlockRow, {
               ...draggableSortableItemProps,
-              addRow: addRow,
+              addRow,
               block: blockConfig,
               blocks: blockReferences ?? blocks,
-              copyRow: copyRow,
-              duplicateRow: duplicateRow,
+              duplicateRow,
               errorCount: rowErrorCount,
               fields: blockConfig.fields,
-              hasMaxRows: hasMaxRows,
-              isLoading: isLoading,
-              isSortable: isSortable,
+              hasMaxRows,
+              isLoading,
+              isSortable,
               Label: rows?.[i]?.customComponents?.RowLabel,
-              labels: labels,
-              moveRow: moveRow,
+              labels,
+              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 && /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [showMinRows && /*#__PURE__*/_jsx(Banner, {
+      }), !editingDefaultLocale && _jsxs(React.Fragment, {
+        children: [showMinRows && _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 && /*#__PURE__*/_jsx(Banner, {
-          children: t('validation:fieldHasNo', {
+        }), showRequired && _jsx(Banner, {
+          children: t("validation:fieldHasNo", {
             label: getTranslation(labels.plural, i18n)
           })
         })]
       })]
-    }), !hasMaxRows && /*#__PURE__*/_jsxs(Fragment, {
-      children: [/*#__PURE__*/_jsx(DrawerToggler, {
+    }), !hasMaxRows && _jsxs(Fragment, {
+      children: [_jsx(DrawerToggler, {
         className: `${baseClass}__drawer-toggler`,
         disabled: readOnly || disabled,
         slug: drawerSlug,
-        children: /*#__PURE__*/_jsx(Button, {
+        children: _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)
           })
         })
-      }), /*#__PURE__*/_jsx(BlocksDrawer, {
-        addRow: addRow,
+      }), _jsx(BlocksDrawer, {
+        addRow,
         addRowIndex: rows?.length || 0,
         blocks: blockReferences ?? blocks,
-        drawerSlug: drawerSlug,
-        labels: labels
+        drawerSlug,
+        labels
       })]
     }), AfterInput]
   });
 };
 export const BlocksField = withCondition(BlocksFieldComponent);
+function _temp(row) {
+  return row.id;
+}
 //# sourceMappingURL=index.js.map