@payloadcms/ui 3.56.0-internal.72f4fd2 → 3.56.0

package/dist/fields/Array/index.js

@@ -1,5 +1,6 @@
 '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';
@@ -31,29 +32,42 @@ import { ArrayRow } from './ArrayRow.js';
 import './index.scss';
 const baseClass = 'array-field';
 export const ArrayFieldComponent = props => {
+  const $ = _c(73);
   const {
-    field: {
-      name,
-      type,
-      admin: {
-        className,
-        description,
-        isSortable = true
-      } = {},
-      fields,
-      label,
-      localized,
-      maxRows,
-      minRows: minRowsProp,
-      required
-    },
-    forceRender = false,
+    field: t0,
+    forceRender: t1,
     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 {
@@ -77,360 +91,550 @@ export const ArrayFieldComponent = props => {
     t
   } = useTranslation();
   const {
-    config: {
-      localization
-    }
+    config: t5
   } = useConfig();
-  const editingDefaultLocale = (() => {
+  const {
+    localization
+  } = t5;
+  let t6;
+  bb0: {
     if (localization && localization.fallback) {
       const defaultLocale = localization.defaultLocale;
-      return locale === defaultLocale;
+      t6 = locale === defaultLocale;
+      break bb0;
     }
-    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) {
+    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 {
-        plural: p.field.labels?.plural,
-        singular: p.field.labels?.singular
+        plural: t("general:rows"),
+        singular: t("general:row")
       };
-    }
-    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);
-  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]);
+  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 {
-    customComponents: {
-      AfterInput,
-      BeforeInput,
-      Description,
-      Error,
-      Label
-    } = {},
+    customComponents: t10,
     disabled,
     errorPaths,
     path,
-    rows = [],
+    rows: t11,
     showError,
     valid,
     value: value_0
-  } = 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()
+  } = 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);
     };
-    const clipboardResult = clipboardCopy({
-      type,
-      fields,
-      getDataToCopy: () => reduceFormStateByPath({
-        formState,
+    $[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_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()
+        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
+      });
     };
-    const pasteArgs = {
-      onPaste: dataFromClipboard => {
-        const newState = mergeFormStateFromClipboard({
-          dataFromClipboard,
-          formState: formState_0,
+    $[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
+      });
+    };
+    $[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",
+        path,
+        updatedRows: updatedRows_0
+      });
+      setDocFieldPreferences(path, {
+        collapsed: collapsedIDs_0
+      });
+    };
+    $[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,
           path,
-          rowIndex: rowIndex_3
-        });
-        replaceState(newState);
-        setModified(true);
-      },
-      path,
-      schemaFields: fields,
-      t
+          rowIndex: rowIndex_2
+        }),
+        path,
+        rowIndex: rowIndex_2,
+        t
+      });
+      if (typeof clipboardResult === "string") {
+        toast.error(clipboardResult);
+      } else {
+        toast.success(t("general:copied"));
+      }
     };
-    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()
+    $[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);
+      }
+    };
+    $[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 newState_0 = mergeFormStateFromClipboard({
-      dataFromClipboard: dataFromClipboard_0,
-      formState: formState_1,
+    $[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()
+      },
       path
     });
-    replaceState(newState_0);
-    setModified(true);
-  }, [getFields, path, replaceState, setModified]);
-  const getDataToCopy = useCallback(() => reduceFormStateByPath({
-    formState: {
-      ...getFields()
-    },
-    path
-  }), [getFields, path]);
+    $[59] = getFields;
+    $[60] = path;
+    $[61] = t23;
+  } else {
+    t23 = $[61];
+  }
+  const getDataToCopy = t23;
   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;
-  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 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, {
       CustomComponent: Error,
-      Fallback: /*#__PURE__*/_jsx(FieldError, {
-        path: path,
-        showError: showError
+      Fallback: _jsx(FieldError, {
+        path,
+        showError
       })
-    }), /*#__PURE__*/_jsxs("header", {
+    });
+    $[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", {
       className: `${baseClass}__header`,
-      children: [/*#__PURE__*/_jsxs("div", {
+      children: [_jsxs("div", {
         className: `${baseClass}__header-wrap`,
-        children: [/*#__PURE__*/_jsxs("div", {
+        children: [_jsxs("div", {
           className: `${baseClass}__header-content`,
-          children: [/*#__PURE__*/_jsx("h3", {
+          children: [_jsx("h3", {
             className: `${baseClass}__title`,
-            children: /*#__PURE__*/_jsx(RenderCustomComponent, {
+            children: _jsx(RenderCustomComponent, {
               CustomComponent: Label,
-              Fallback: /*#__PURE__*/_jsx(FieldLabel, {
+              Fallback: _jsx(FieldLabel, {
                 as: "span",
-                label: label,
-                localized: localized,
-                path: path,
-                required: required
+                label,
+                localized,
+                path,
+                required
               })
             })
-          }), fieldHasErrors && fieldErrorCount > 0 && /*#__PURE__*/_jsx(ErrorPill, {
-            count: fieldErrorCount,
-            i18n: i18n,
-            withMessage: true
-          })]
-        }), /*#__PURE__*/_jsxs("ul", {
+          }), t27]
+        }), _jsxs("ul", {
           className: `${baseClass}__header-actions`,
-          children: [rows?.length > 0 && /*#__PURE__*/_jsxs(Fragment, {
-            children: [/*#__PURE__*/_jsx("li", {
-              children: /*#__PURE__*/_jsx("button", {
+          children: [rows?.length > 0 && _jsxs(Fragment, {
+            children: [_jsx("li", {
+              children: _jsx("button", {
                 className: `${baseClass}__header-action`,
                 onClick: () => toggleCollapseAll(true),
                 type: "button",
-                children: t('fields:collapseAll')
+                children: t("fields:collapseAll")
               })
-            }), /*#__PURE__*/_jsx("li", {
-              children: /*#__PURE__*/_jsx("button", {
+            }), _jsx("li", {
+              children: _jsx("button", {
                 className: `${baseClass}__header-action`,
                 onClick: () => toggleCollapseAll(false),
                 type: "button",
-                children: t('fields:showAll')
+                children: t("fields:showAll")
               })
             })]
-          }), /*#__PURE__*/_jsx("li", {
-            children: /*#__PURE__*/_jsx(ClipboardAction, {
+          }), _jsx("li", {
+            children: _jsx(ClipboardAction, {
               allowCopy: rows?.length > 0,
               allowPaste: !readOnly,
               className: `${baseClass}__header-action`,
-              disabled: disabled,
-              fields: fields,
-              getDataToCopy: getDataToCopy,
+              disabled,
+              fields,
+              getDataToCopy,
               onPaste: pasteField,
-              path: path,
-              type: type
+              path,
+              type
             })
           })]
         })]
-      }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+      }), _jsx(RenderCustomComponent, {
         CustomComponent: Description,
-        Fallback: /*#__PURE__*/_jsx(FieldDescription, {
-          description: description,
-          path: path
+        Fallback: _jsx(FieldDescription, {
+          description,
+          path
         })
       })]
-    }), /*#__PURE__*/_jsx(NullifyLocaleField, {
+    }), _jsx(NullifyLocaleField, {
       fieldValue: value_0,
-      localized: localized,
-      path: path,
-      readOnly: readOnly
-    }), BeforeInput, (rows?.length > 0 || !valid && (showRequired || showMinRows)) && /*#__PURE__*/_jsxs(DraggableSortable, {
+      localized,
+      path,
+      readOnly
+    }), BeforeInput, (rows?.length > 0 || !valid && (showRequired || showMinRows)) && _jsxs(DraggableSortable, {
       className: `${baseClass}__draggable-rows`,
-      ids: rows.map(row => row.id),
-      onDragEnd: ({
-        moveFromIndex: moveFromIndex_0,
-        moveToIndex: moveToIndex_0
-      }) => moveRow(moveFromIndex_0, moveToIndex_0),
+      ids: rows.map(_temp),
+      onDragEnd: t28 => {
+        const {
+          moveFromIndex: moveFromIndex_0,
+          moveToIndex: moveToIndex_0
+        } = t28;
+        return 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 /*#__PURE__*/_jsx(DraggableSortableItem, {
+        const rowErrorCount = errorPaths?.filter(errorPath => errorPath.startsWith(rowPath + ".")).length;
+        return _jsx(DraggableSortableItem, {
           disabled: readOnly || disabled || !isSortable,
           id: rowID_0,
-          children: draggableSortableItemProps => /*#__PURE__*/_jsx(ArrayRow, {
+          children: draggableSortableItemProps => _jsx(ArrayRow, {
             ...draggableSortableItemProps,
-            addRow: addRow,
-            copyRow: copyRow,
+            addRow,
+            copyRow,
             CustomRowLabel: rows?.[i]?.customComponents?.RowLabel,
-            duplicateRow: duplicateRow,
+            duplicateRow,
             errorCount: rowErrorCount,
-            fields: fields,
-            forceRender: forceRender,
-            hasMaxRows: hasMaxRows,
-            isLoading: isLoading,
-            isSortable: isSortable,
-            labels: labels,
-            moveRow: moveRow,
+            fields,
+            forceRender,
+            hasMaxRows,
+            isLoading,
+            isSortable,
+            labels,
+            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: schemaPath,
-            setCollapse: setCollapse
+            schemaPath,
+            setCollapse
           })
         }, rowID_0);
-      }), !valid && /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [showRequired && /*#__PURE__*/_jsx(Banner, {
-          children: t('validation:fieldHasNo', {
+      }), !valid && _jsxs(React.Fragment, {
+        children: [showRequired && _jsx(Banner, {
+          children: t("validation:fieldHasNo", {
             label: getTranslation(labels.plural, i18n)
           })
-        }), showMinRows && /*#__PURE__*/_jsx(Banner, {
+        }), 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:rows' : 'general:row')
+            label: getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) || t(minRows > 1 ? "general:rows" : "general:row")
           })
         })]
       })]
-    }), !hasMaxRows && !readOnly && /*#__PURE__*/_jsx(Button, {
+    }), !hasMaxRows && !readOnly && _jsx(Button, {
       buttonStyle: "icon-label",
       className: `${baseClass}__add-row`,
-      disabled: disabled,
+      disabled,
       icon: "plus",
       iconPosition: "left",
       iconStyle: "with-border",
       onClick: () => {
-        void addRow(value_0 || 0);
+        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