@payloadcms/ui 3.55.0-canary.4 → 3.55.0-internal.b47bfce

package/dist/fields/Array/index.js

@@ -1,6 +1,5 @@
 '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';
@@ -32,42 +31,29 @@ import { ArrayRow } from './ArrayRow.js';
 import './index.scss';
 const baseClass = 'array-field';
 export const ArrayFieldComponent = props => {
-  const $ = _c(73);
   const {
-    field: t0,
-    forceRender: t1,
+    field: {
+      name,
+      type,
+      admin: {
+        className,
+        description,
+        isSortable = true
+      } = {},
+      fields,
+      label,
+      localized,
+      maxRows,
+      minRows: minRowsProp,
+      required
+    },
+    forceRender = false,
     path: pathFromProps,
     permissions,
     readOnly,
     schemaPath: schemaPathFromProps,
     validate
   } = props;
-  const {
-    name,
-    type,
-    admin: t2,
-    fields,
-    label,
-    localized,
-    maxRows,
-    minRows: minRowsProp,
-    required
-  } = t0;
-  let t3;
-  if ($[0] !== t2) {
-    t3 = t2 === undefined ? {} : t2;
-    $[0] = t2;
-    $[1] = t3;
-  } else {
-    t3 = $[1];
-  }
-  const {
-    className,
-    description,
-    isSortable: t4
-  } = t3;
-  const isSortable = t4 === undefined ? true : t4;
-  const forceRender = t1 === undefined ? false : t1;
   const schemaPath = schemaPathFromProps ?? name;
   const minRows = minRowsProp ?? required ? 1 : 0;
   const {
@@ -91,550 +77,360 @@ export const ArrayFieldComponent = props => {
     t
   } = useTranslation();
   const {
-    config: t5
+    config: {
+      localization
+    }
   } = useConfig();
-  const {
-    localization
-  } = t5;
-  let t6;
-  bb0: {
+  const editingDefaultLocale = (() => {
     if (localization && localization.fallback) {
       const defaultLocale = localization.defaultLocale;
-      t6 = locale === defaultLocale;
-      break bb0;
+      return locale === defaultLocale;
     }
-    t6 = true;
-  }
-  const editingDefaultLocale = t6;
-  let t7;
-  if ($[2] !== t) {
-    t7 = p => {
-      if ("labels" in p && p?.labels) {
-        return p.labels;
-      }
-      if ("labels" in p.field && p.field.labels) {
-        return {
-          plural: p.field.labels?.plural,
-          singular: p.field.labels?.singular
-        };
-      }
-      if ("label" in p.field && p.field.label) {
-        return {
-          plural: undefined,
-          singular: p.field.label
-        };
-      }
+    return true;
+  })();
+  // Handle labeling for Arrays, Global Arrays, and Blocks
+  const getLabels = p => {
+    if ('labels' in p && p?.labels) {
+      return p.labels;
+    }
+    if ('labels' in p.field && p.field.labels) {
       return {
-        plural: t("general:rows"),
-        singular: t("general:row")
+        plural: p.field.labels?.plural,
+        singular: p.field.labels?.singular
       };
+    }
+    if ('label' in p.field && p.field.label) {
+      return {
+        plural: undefined,
+        singular: p.field.label
+      };
+    }
+    return {
+      plural: t('general:rows'),
+      singular: t('general:row')
     };
-    $[2] = t;
-    $[3] = t7;
-  } else {
-    t7 = $[3];
-  }
-  const getLabels = t7;
+  };
   const labels = getLabels(props);
-  let t8;
-  if ($[4] !== editingDefaultLocale || $[5] !== maxRows || $[6] !== minRows || $[7] !== required || $[8] !== validate) {
-    t8 = (value, options) => {
-      if (!editingDefaultLocale && value === null) {
-        return true;
-      }
-      if (typeof validate === "function") {
-        return validate(value, {
-          ...options,
-          maxRows,
-          minRows,
-          required
-        });
-      }
-    };
-    $[4] = editingDefaultLocale;
-    $[5] = maxRows;
-    $[6] = minRows;
-    $[7] = required;
-    $[8] = validate;
-    $[9] = t8;
-  } else {
-    t8 = $[9];
-  }
-  const memoizedValidate = t8;
-  let t9;
-  if ($[10] !== memoizedValidate || $[11] !== pathFromProps) {
-    t9 = {
-      hasRows: true,
-      potentiallyStalePath: pathFromProps,
-      validate: memoizedValidate
-    };
-    $[10] = memoizedValidate;
-    $[11] = pathFromProps;
-    $[12] = t9;
-  } else {
-    t9 = $[12];
-  }
+  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: t10,
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Description,
+      Error,
+      Label
+    } = {},
     disabled,
     errorPaths,
     path,
-    rows: t11,
+    rows = [],
     showError,
     valid,
     value: value_0
-  } = useField(t9);
-  let t12;
-  if ($[13] !== t10) {
-    t12 = t10 === undefined ? {} : t10;
-    $[13] = t10;
-    $[14] = t12;
-  } else {
-    t12 = $[14];
-  }
-  const {
-    AfterInput,
-    BeforeInput,
-    Description,
-    Error,
-    Label
-  } = t12;
-  let t13;
-  if ($[15] !== t11) {
-    t13 = t11 === undefined ? [] : t11;
-    $[15] = t11;
-    $[16] = t13;
-  } else {
-    t13 = $[16];
-  }
-  const rows = t13;
-  let t14;
-  if ($[17] !== addFieldRow || $[18] !== path || $[19] !== schemaPath) {
-    t14 = rowIndex => {
-      addFieldRow({
-        path,
-        rowIndex,
-        schemaPath
-      });
-      setTimeout(() => {
-        scrollToID(`${path}-row-${rowIndex}`);
-      }, 0);
-    };
-    $[17] = addFieldRow;
-    $[18] = path;
-    $[19] = schemaPath;
-    $[20] = t14;
-  } else {
-    t14 = $[20];
-  }
-  const addRow = t14;
-  let t15;
-  if ($[21] !== dispatchFields || $[22] !== path || $[23] !== setModified) {
-    t15 = rowIndex_0 => {
-      dispatchFields({
-        type: "DUPLICATE_ROW",
-        path,
-        rowIndex: rowIndex_0
-      });
-      setModified(true);
-      setTimeout(() => {
-        scrollToID(`${path}-row-${rowIndex_0}`);
-      }, 0);
-    };
-    $[21] = dispatchFields;
-    $[22] = path;
-    $[23] = setModified;
-    $[24] = t15;
-  } else {
-    t15 = $[24];
-  }
-  const duplicateRow = t15;
-  let t16;
-  if ($[25] !== path || $[26] !== removeFieldRow) {
-    t16 = rowIndex_1 => {
-      removeFieldRow({
-        path,
-        rowIndex: rowIndex_1
-      });
-    };
-    $[25] = path;
-    $[26] = removeFieldRow;
-    $[27] = t16;
-  } else {
-    t16 = $[27];
-  }
-  const removeRow = t16;
-  let t17;
-  if ($[28] !== moveFieldRow || $[29] !== path) {
-    t17 = (moveFromIndex, moveToIndex) => {
-      moveFieldRow({
-        moveFromIndex,
-        moveToIndex,
-        path
-      });
-    };
-    $[28] = moveFieldRow;
-    $[29] = path;
-    $[30] = t17;
-  } else {
-    t17 = $[30];
-  }
-  const moveRow = t17;
-  let t18;
-  if ($[31] !== dispatchFields || $[32] !== path || $[33] !== rows || $[34] !== setDocFieldPreferences) {
-    t18 = collapsed => {
-      const {
-        collapsedIDs,
-        updatedRows
-      } = toggleAllRows({
-        collapsed,
-        rows
-      });
-      setDocFieldPreferences(path, {
-        collapsed: collapsedIDs
-      });
-      dispatchFields({
-        type: "SET_ALL_ROWS_COLLAPSED",
-        path,
-        updatedRows
-      });
+  } = useField({
+    hasRows: true,
+    potentiallyStalePath: pathFromProps,
+    validate: memoizedValidate
+  });
+  const addRow = useCallback(rowIndex => {
+    addFieldRow({
+      path,
+      rowIndex,
+      schemaPath
+    });
+    setTimeout(() => {
+      scrollToID(`${path}-row-${rowIndex}`);
+    }, 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}`);
+    }, 0);
+  }, [dispatchFields, path, setModified]);
+  const removeRow = useCallback(rowIndex_1 => {
+    removeFieldRow({
+      path,
+      rowIndex: rowIndex_1
+    });
+  }, [removeFieldRow, path]);
+  const moveRow = useCallback((moveFromIndex, moveToIndex) => {
+    moveFieldRow({
+      moveFromIndex,
+      moveToIndex,
+      path
+    });
+  }, [path, moveFieldRow]);
+  const toggleCollapseAll = useCallback(collapsed => {
+    const {
+      collapsedIDs,
+      updatedRows
+    } = toggleAllRows({
+      collapsed,
+      rows
+    });
+    setDocFieldPreferences(path, {
+      collapsed: collapsedIDs
+    });
+    dispatchFields({
+      type: 'SET_ALL_ROWS_COLLAPSED',
+      path,
+      updatedRows
+    });
+  }, [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 formState = {
+      ...getFields()
     };
-    $[31] = dispatchFields;
-    $[32] = path;
-    $[33] = rows;
-    $[34] = setDocFieldPreferences;
-    $[35] = t18;
-  } else {
-    t18 = $[35];
-  }
-  const toggleCollapseAll = t18;
-  let t19;
-  if ($[36] !== dispatchFields || $[37] !== path || $[38] !== rows || $[39] !== setDocFieldPreferences) {
-    t19 = (rowID, collapsed_0) => {
-      const {
-        collapsedIDs: collapsedIDs_0,
-        updatedRows: updatedRows_0
-      } = extractRowsAndCollapsedIDs({
-        collapsed: collapsed_0,
-        rowID,
-        rows
-      });
-      dispatchFields({
-        type: "SET_ROW_COLLAPSED",
+    const clipboardResult = clipboardCopy({
+      type,
+      fields,
+      getDataToCopy: () => reduceFormStateByPath({
+        formState,
         path,
-        updatedRows: updatedRows_0
-      });
-      setDocFieldPreferences(path, {
-        collapsed: collapsedIDs_0
-      });
+        rowIndex: rowIndex_2
+      }),
+      path,
+      rowIndex: rowIndex_2,
+      t
+    });
+    if (typeof clipboardResult === 'string') {
+      toast.error(clipboardResult);
+    } else {
+      toast.success(t('general:copied'));
+    }
+  }, [fields, getFields, path, t, type]);
+  const pasteRow = useCallback(rowIndex_3 => {
+    const formState_0 = {
+      ...getFields()
     };
-    $[36] = dispatchFields;
-    $[37] = path;
-    $[38] = rows;
-    $[39] = setDocFieldPreferences;
-    $[40] = t19;
-  } else {
-    t19 = $[40];
-  }
-  const setCollapse = t19;
-  let t20;
-  if ($[41] !== fields || $[42] !== getFields || $[43] !== path || $[44] !== t || $[45] !== type) {
-    t20 = rowIndex_2 => {
-      const formState = {
-        ...getFields()
-      };
-      const clipboardResult = clipboardCopy({
-        type,
-        fields,
-        getDataToCopy: () => reduceFormStateByPath({
-          formState,
+    const pasteArgs = {
+      onPaste: dataFromClipboard => {
+        const newState = mergeFormStateFromClipboard({
+          dataFromClipboard,
+          formState: formState_0,
           path,
-          rowIndex: rowIndex_2
-        }),
-        path,
-        rowIndex: rowIndex_2,
-        t
-      });
-      if (typeof clipboardResult === "string") {
-        toast.error(clipboardResult);
-      } else {
-        toast.success(t("general:copied"));
-      }
-    };
-    $[41] = fields;
-    $[42] = getFields;
-    $[43] = path;
-    $[44] = t;
-    $[45] = type;
-    $[46] = t20;
-  } else {
-    t20 = $[46];
-  }
-  const copyRow = t20;
-  let t21;
-  if ($[47] !== fields || $[48] !== getFields || $[49] !== path || $[50] !== replaceState || $[51] !== setModified || $[52] !== t) {
-    t21 = rowIndex_3 => {
-      const formState_0 = {
-        ...getFields()
-      };
-      const pasteArgs = {
-        onPaste: dataFromClipboard => {
-          const newState = mergeFormStateFromClipboard({
-            dataFromClipboard,
-            formState: formState_0,
-            path,
-            rowIndex: rowIndex_3
-          });
-          replaceState(newState);
-          setModified(true);
-        },
-        path,
-        schemaFields: fields,
-        t
-      };
-      const clipboardResult_0 = clipboardPaste(pasteArgs);
-      if (typeof clipboardResult_0 === "string") {
-        toast.error(clipboardResult_0);
-      }
+          rowIndex: rowIndex_3
+        });
+        replaceState(newState);
+        setModified(true);
+      },
+      path,
+      schemaFields: fields,
+      t
     };
-    $[47] = fields;
-    $[48] = getFields;
-    $[49] = path;
-    $[50] = replaceState;
-    $[51] = setModified;
-    $[52] = t;
-    $[53] = t21;
-  } else {
-    t21 = $[53];
-  }
-  const pasteRow = t21;
-  let t22;
-  if ($[54] !== getFields || $[55] !== path || $[56] !== replaceState || $[57] !== setModified) {
-    t22 = dataFromClipboard_0 => {
-      const formState_1 = {
-        ...getFields()
-      };
-      const newState_0 = mergeFormStateFromClipboard({
-        dataFromClipboard: dataFromClipboard_0,
-        formState: formState_1,
-        path
-      });
-      replaceState(newState_0);
-      setModified(true);
+    const clipboardResult_0 = clipboardPaste(pasteArgs);
+    if (typeof clipboardResult_0 === 'string') {
+      toast.error(clipboardResult_0);
+    }
+  }, [fields, getFields, path, replaceState, setModified, t]);
+  const pasteField = useCallback(dataFromClipboard_0 => {
+    const formState_1 = {
+      ...getFields()
     };
-    $[54] = getFields;
-    $[55] = path;
-    $[56] = replaceState;
-    $[57] = setModified;
-    $[58] = t22;
-  } else {
-    t22 = $[58];
-  }
-  const pasteField = t22;
-  let t23;
-  if ($[59] !== getFields || $[60] !== path) {
-    t23 = () => reduceFormStateByPath({
-      formState: {
-        ...getFields()
-      },
+    const newState_0 = mergeFormStateFromClipboard({
+      dataFromClipboard: dataFromClipboard_0,
+      formState: formState_1,
       path
     });
-    $[59] = getFields;
-    $[60] = path;
-    $[61] = t23;
-  } else {
-    t23 = $[61];
-  }
-  const getDataToCopy = t23;
+    replaceState(newState_0);
+    setModified(true);
+  }, [getFields, path, replaceState, setModified]);
+  const getDataToCopy = useCallback(() => reduceFormStateByPath({
+    formState: {
+      ...getFields()
+    },
+    path
+  }), [getFields, path]);
   const hasMaxRows = maxRows && rows.length >= maxRows;
   const fieldErrorCount = errorPaths.length;
   const fieldHasErrors = submitted && errorPaths.length > 0;
   const showRequired = (readOnly || disabled) && rows.length === 0;
   const showMinRows = rows.length && rows.length < minRows || required && rows.length === 0;
-  const t24 = fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`;
-  let t25;
-  if ($[62] !== className || $[63] !== t24) {
-    t25 = [fieldBaseClass, baseClass, className, t24].filter(Boolean);
-    $[62] = className;
-    $[63] = t24;
-    $[64] = t25;
-  } else {
-    t25 = $[64];
-  }
-  let t26;
-  if ($[65] !== Error || $[66] !== path || $[67] !== showError) {
-    t26 = 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
       })
-    });
-    $[65] = Error;
-    $[66] = path;
-    $[67] = showError;
-    $[68] = t26;
-  } else {
-    t26 = $[68];
-  }
-  let t27;
-  if ($[69] !== fieldErrorCount || $[70] !== fieldHasErrors || $[71] !== i18n) {
-    t27 = fieldHasErrors && fieldErrorCount > 0 && _jsx(ErrorPill, {
-      count: fieldErrorCount,
-      i18n,
-      withMessage: true
-    });
-    $[69] = fieldErrorCount;
-    $[70] = fieldHasErrors;
-    $[71] = i18n;
-    $[72] = t27;
-  } else {
-    t27 = $[72];
-  }
-  return _jsxs("div", {
-    className: t25.join(" "),
-    id: `field-${path.replace(/\./g, "__")}`,
-    children: [t26, _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}__header-content`,
-          children: [_jsx("h3", {
+          children: [/*#__PURE__*/_jsx("h3", {
             className: `${baseClass}__title`,
-            children: _jsx(RenderCustomComponent, {
+            children: /*#__PURE__*/_jsx(RenderCustomComponent, {
               CustomComponent: Label,
-              Fallback: _jsx(FieldLabel, {
+              Fallback: /*#__PURE__*/_jsx(FieldLabel, {
                 as: "span",
-                label,
-                localized,
-                path,
-                required
+                label: label,
+                localized: localized,
+                path: path,
+                required: required
               })
             })
-          }), t27]
-        }), _jsxs("ul", {
+          }), fieldHasErrors && fieldErrorCount > 0 && /*#__PURE__*/_jsx(ErrorPill, {
+            count: fieldErrorCount,
+            i18n: i18n,
+            withMessage: true
+          })]
+        }), /*#__PURE__*/_jsxs("ul", {
           className: `${baseClass}__header-actions`,
-          children: [rows?.length > 0 && _jsxs(Fragment, {
-            children: [_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")
+                children: t('fields:collapseAll')
               })
-            }), _jsx("li", {
-              children: _jsx("button", {
+            }), /*#__PURE__*/_jsx("li", {
+              children: /*#__PURE__*/_jsx("button", {
                 className: `${baseClass}__header-action`,
                 onClick: () => toggleCollapseAll(false),
                 type: "button",
-                children: t("fields:showAll")
+                children: t('fields:showAll')
               })
             })]
-          }), _jsx("li", {
-            children: _jsx(ClipboardAction, {
+          }), /*#__PURE__*/_jsx("li", {
+            children: /*#__PURE__*/_jsx(ClipboardAction, {
               allowCopy: rows?.length > 0,
               allowPaste: !readOnly,
               className: `${baseClass}__header-action`,
-              disabled,
-              fields,
-              getDataToCopy,
+              disabled: disabled,
+              fields: fields,
+              getDataToCopy: getDataToCopy,
               onPaste: pasteField,
-              path,
-              type
+              path: path,
+              type: type
             })
           })]
         })]
-      }), _jsx(RenderCustomComponent, {
+      }), /*#__PURE__*/_jsx(RenderCustomComponent, {
         CustomComponent: Description,
-        Fallback: _jsx(FieldDescription, {
-          description,
-          path
+        Fallback: /*#__PURE__*/_jsx(FieldDescription, {
+          description: description,
+          path: path
         })
       })]
-    }), _jsx(NullifyLocaleField, {
+    }), /*#__PURE__*/_jsx(NullifyLocaleField, {
       fieldValue: value_0,
-      localized,
-      path,
-      readOnly
-    }), BeforeInput, (rows?.length > 0 || !valid && (showRequired || showMinRows)) && _jsxs(DraggableSortable, {
+      localized: localized,
+      path: path,
+      readOnly: readOnly
+    }), BeforeInput, (rows?.length > 0 || !valid && (showRequired || showMinRows)) && /*#__PURE__*/_jsxs(DraggableSortable, {
       className: `${baseClass}__draggable-rows`,
-      ids: rows.map(_temp),
-      onDragEnd: t28 => {
-        const {
-          moveFromIndex: moveFromIndex_0,
-          moveToIndex: moveToIndex_0
-        } = t28;
-        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((rowData, i) => {
         const {
           id: rowID_0,
           isLoading
         } = rowData;
         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: rowID_0,
-          children: draggableSortableItemProps => _jsx(ArrayRow, {
+          children: draggableSortableItemProps => /*#__PURE__*/_jsx(ArrayRow, {
             ...draggableSortableItemProps,
-            addRow,
-            copyRow,
+            addRow: addRow,
+            copyRow: copyRow,
             CustomRowLabel: rows?.[i]?.customComponents?.RowLabel,
-            duplicateRow,
+            duplicateRow: duplicateRow,
             errorCount: rowErrorCount,
-            fields,
-            forceRender,
-            hasMaxRows,
-            isLoading,
-            isSortable,
-            labels,
-            moveRow,
+            fields: fields,
+            forceRender: forceRender,
+            hasMaxRows: hasMaxRows,
+            isLoading: isLoading,
+            isSortable: isSortable,
+            labels: labels,
+            moveRow: moveRow,
             parentPath: path,
-            pasteRow,
+            pasteRow: pasteRow,
             path: rowPath,
-            permissions,
+            permissions: permissions,
             readOnly: readOnly || disabled,
-            removeRow,
+            removeRow: removeRow,
             row: rowData,
             rowCount: rows?.length,
             rowIndex: i,
-            schemaPath,
-            setCollapse
+            schemaPath: schemaPath,
+            setCollapse: setCollapse
           })
         }, rowID_0);
-      }), !valid && _jsxs(React.Fragment, {
-        children: [showRequired && _jsx(Banner, {
-          children: t("validation:fieldHasNo", {
+      }), !valid && /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [showRequired && /*#__PURE__*/_jsx(Banner, {
+          children: t('validation:fieldHasNo', {
             label: getTranslation(labels.plural, i18n)
           })
-        }), showMinRows && _jsx(Banner, {
+        }), 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:rows" : "general:row")
+            label: getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) || t(minRows > 1 ? 'general:rows' : 'general:row')
           })
         })]
       })]
-    }), !hasMaxRows && !readOnly && _jsx(Button, {
+    }), !hasMaxRows && !readOnly && /*#__PURE__*/_jsx(Button, {
       buttonStyle: "icon-label",
       className: `${baseClass}__add-row`,
-      disabled,
+      disabled: disabled,
       icon: "plus",
       iconPosition: "left",
       iconStyle: "with-border",
       onClick: () => {
-        addRow(value_0 || 0);
+        void addRow(value_0 || 0);
       },
-      children: t("fields:addLabel", {
+      children: t('fields:addLabel', {
         label: getTranslation(labels.singular, i18n)
       })
     }), AfterInput]
   });
 };
 export const ArrayField = withCondition(ArrayFieldComponent);
-function _temp(row) {
-  return row.id;
-}
 //# sourceMappingURL=index.js.map