@payloadcms/ui 3.0.0-canary.03427d3 → 3.0.0-canary.0992b47

package/dist/fields/Array/ArrayRow.js

@@ -1,4 +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 from 'react';
@@ -11,72 +13,168 @@ import { RowLabel } from '../../forms/RowLabel/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'array-field';
-export const ArrayRow = ({ CustomRowLabel, addRow, attributes, duplicateRow, errorCount, fieldMap, forceRender = false, hasMaxRows, indexPath, isSortable, labels, listeners, moveRow, path: parentPath, permissions, readOnly, removeRow, row, rowCount, rowIndex, schemaPath, setCollapse, setNodeRef, transform })=>{
-    const path = `${parentPath}.${rowIndex}`;
-    const { i18n } = useTranslation();
-    const hasSubmitted = useFormSubmitted();
-    const fallbackLabel = `${getTranslation(labels.singular, i18n)} ${String(rowIndex + 1).padStart(2, '0')}`;
-    const fieldHasErrors = errorCount > 0 && hasSubmitted;
-    const classNames = [
-        `${baseClass}__row`,
-        fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`
-    ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _jsx("div", {
-        id: `${parentPath.split('.').join('-')}-row-${rowIndex}`,
-        ref: setNodeRef,
-        style: {
-            transform
-        },
-        children: /*#__PURE__*/ _jsx(Collapsible, {
-            actions: !readOnly ? /*#__PURE__*/ _jsx(ArrayAction, {
-                addRow: addRow,
-                duplicateRow: duplicateRow,
-                hasMaxRows: hasMaxRows,
-                index: rowIndex,
-                isSortable: isSortable,
-                moveRow: moveRow,
-                removeRow: removeRow,
-                rowCount: rowCount
-            }) : undefined,
-            className: classNames,
-            collapsibleStyle: fieldHasErrors ? 'error' : 'default',
-            dragHandleProps: isSortable ? {
-                id: row.id,
-                attributes,
-                listeners
-            } : undefined,
-            header: /*#__PURE__*/ _jsxs("div", {
-                className: `${baseClass}__row-header`,
-                children: [
-                    /*#__PURE__*/ _jsx(RowLabel, {
-                        RowLabelComponent: CustomRowLabel,
-                        i18n: i18n,
-                        path: path,
-                        rowLabel: fallbackLabel,
-                        rowNumber: rowIndex + 1
-                    }),
-                    fieldHasErrors && /*#__PURE__*/ _jsx(ErrorPill, {
-                        count: errorCount,
-                        i18n: i18n,
-                        withMessage: true
-                    })
-                ]
-            }),
-            isCollapsed: row.collapsed,
-            onToggle: (collapsed)=>setCollapse(row.id, collapsed),
-            children: /*#__PURE__*/ _jsx(RenderFields, {
-                className: `${baseClass}__fields`,
-                fieldMap: fieldMap,
-                forceRender: forceRender,
-                indexPath: indexPath,
-                margins: "small",
-                path: path,
-                permissions: permissions?.fields,
-                readOnly: readOnly,
-                schemaPath: schemaPath
-            })
+export const ArrayRow = t0 => {
+  const $ = _c(42);
+  const {
+    addRow,
+    attributes,
+    duplicateRow,
+    errorCount,
+    fields,
+    forceRender: t1,
+    hasMaxRows,
+    indexPath,
+    isDragging,
+    isSortable,
+    labels,
+    listeners,
+    moveRow,
+    path: parentPath,
+    permissions,
+    readOnly,
+    removeRow,
+    row,
+    rowCount,
+    rowIndex,
+    RowLabel: CustomRowLabel,
+    schemaPath,
+    setCollapse,
+    setNodeRef,
+    transform,
+    transition
+  } = t0;
+  const forceRender = t1 === undefined ? false : t1;
+  const path = `${parentPath}.${rowIndex}`;
+  const {
+    i18n
+  } = useTranslation();
+  const hasSubmitted = useFormSubmitted();
+  const fallbackLabel = `${getTranslation(labels.singular, i18n)} ${String(rowIndex + 1).padStart(2, "0")}`;
+  const fieldHasErrors = errorCount > 0 && hasSubmitted;
+  const t2 = fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`;
+  let t3;
+  if ($[0] !== t2) {
+    t3 = [`${baseClass}__row`, t2].filter(Boolean);
+    $[0] = t2;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const classNames = t3.join(" ");
+  const t4 = `${parentPath.split(".").join("-")}-row-${rowIndex}`;
+  const t5 = isDragging ? 1 : undefined;
+  let t6;
+  if ($[2] !== transform || $[3] !== transition || $[4] !== t5 || $[5] !== readOnly || $[6] !== addRow || $[7] !== duplicateRow || $[8] !== hasMaxRows || $[9] !== rowIndex || $[10] !== isSortable || $[11] !== moveRow || $[12] !== removeRow || $[13] !== rowCount || $[14] !== fieldHasErrors || $[15] !== row.id || $[16] !== row.collapsed || $[17] !== attributes || $[18] !== listeners || $[19] !== i18n || $[20] !== path || $[21] !== CustomRowLabel || $[22] !== fallbackLabel || $[23] !== errorCount || $[24] !== setCollapse || $[25] !== permissions || $[26] !== fields || $[27] !== forceRender || $[28] !== indexPath || $[29] !== schemaPath || $[30] !== classNames || $[31] !== t4 || $[32] !== setNodeRef || $[33] !== parentPath) {
+    let t7;
+    if ($[35] !== fieldHasErrors || $[36] !== errorCount || $[37] !== i18n) {
+      t7 = fieldHasErrors && _jsx(ErrorPill, {
+        count: errorCount,
+        i18n,
+        withMessage: true
+      });
+      $[35] = fieldHasErrors;
+      $[36] = errorCount;
+      $[37] = i18n;
+      $[38] = t7;
+    } else {
+      t7 = $[38];
+    }
+    let t8;
+    if ($[39] !== setCollapse || $[40] !== row.id) {
+      t8 = collapsed => setCollapse(row.id, collapsed);
+      $[39] = setCollapse;
+      $[40] = row.id;
+      $[41] = t8;
+    } else {
+      t8 = $[41];
+    }
+    t6 = _jsx("div", {
+      id: t4,
+      ref: setNodeRef,
+      style: {
+        transform,
+        transition,
+        zIndex: t5
+      },
+      children: _jsx(Collapsible, {
+        actions: !readOnly ? _jsx(ArrayAction, {
+          addRow,
+          duplicateRow,
+          hasMaxRows,
+          index: rowIndex,
+          isSortable,
+          moveRow,
+          removeRow,
+          rowCount
+        }) : undefined,
+        className: classNames,
+        collapsibleStyle: fieldHasErrors ? "error" : "default",
+        dragHandleProps: isSortable ? {
+          id: row.id,
+          attributes,
+          listeners
+        } : undefined,
+        header: _jsxs("div", {
+          className: `${baseClass}__row-header`,
+          children: [_jsx(RowLabel, {
+            i18n,
+            path,
+            RowLabel: CustomRowLabel,
+            rowLabel: fallbackLabel,
+            rowNumber: rowIndex + 1
+          }), t7]
+        }),
+        isCollapsed: row.collapsed,
+        onToggle: t8,
+        children: _jsx(RenderFields, {
+          className: `${baseClass}__fields`,
+          fields,
+          forceRender,
+          indexPath,
+          margins: "small",
+          path,
+          permissions: permissions?.fields,
+          readOnly,
+          schemaPath
         })
+      })
     }, `${parentPath}-row-${row.id}`);
+    $[2] = transform;
+    $[3] = transition;
+    $[4] = t5;
+    $[5] = readOnly;
+    $[6] = addRow;
+    $[7] = duplicateRow;
+    $[8] = hasMaxRows;
+    $[9] = rowIndex;
+    $[10] = isSortable;
+    $[11] = moveRow;
+    $[12] = removeRow;
+    $[13] = rowCount;
+    $[14] = fieldHasErrors;
+    $[15] = row.id;
+    $[16] = row.collapsed;
+    $[17] = attributes;
+    $[18] = listeners;
+    $[19] = i18n;
+    $[20] = path;
+    $[21] = CustomRowLabel;
+    $[22] = fallbackLabel;
+    $[23] = errorCount;
+    $[24] = setCollapse;
+    $[25] = permissions;
+    $[26] = fields;
+    $[27] = forceRender;
+    $[28] = indexPath;
+    $[29] = schemaPath;
+    $[30] = classNames;
+    $[31] = t4;
+    $[32] = setNodeRef;
+    $[33] = parentPath;
+    $[34] = t6;
+  } else {
+    t6 = $[34];
+  }
+  return t6;
 };
-
 //# sourceMappingURL=ArrayRow.js.map

package/dist/fields/Array/ArrayRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Array/ArrayRow.tsx"],"sourcesContent":["'use client'\nimport type { ArrayField, FieldPermissions, Row } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/types.js'\nimport type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js'\n\nimport { ArrayAction } from '../../elements/ArrayAction/index.js'\nimport { Collapsible } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'array-field'\n\ntype ArrayRowProps = UseDraggableSortableReturn & {\n  CustomRowLabel?: React.ReactNode\n  addRow: (rowIndex: number) => void\n  duplicateRow: (rowIndex: number) => void\n  errorCount: number\n  fieldMap: FieldMap\n  forceRender?: boolean\n  hasMaxRows?: boolean\n  indexPath: string\n  isSortable?: boolean\n  labels: ArrayField['labels']\n  moveRow: (fromIndex: number, toIndex: number) => void\n  path: string\n  permissions: FieldPermissions\n  readOnly?: boolean\n  removeRow: (rowIndex: number) => void\n  row: Row\n  rowCount: number\n  rowIndex: number\n  schemaPath: string\n  setCollapse: (rowID: string, collapsed: boolean) => void\n}\n\nexport const ArrayRow: React.FC<ArrayRowProps> = ({\n  CustomRowLabel,\n  addRow,\n  attributes,\n  duplicateRow,\n  errorCount,\n  fieldMap,\n  forceRender = false,\n  hasMaxRows,\n  indexPath,\n  isSortable,\n  labels,\n  listeners,\n  moveRow,\n  path: parentPath,\n  permissions,\n  readOnly,\n  removeRow,\n  row,\n  rowCount,\n  rowIndex,\n  schemaPath,\n  setCollapse,\n  setNodeRef,\n  transform,\n}) => {\n  const path = `${parentPath}.${rowIndex}`\n  const { i18n } = useTranslation()\n  const hasSubmitted = useFormSubmitted()\n\n  const fallbackLabel = `${getTranslation(labels.singular, i18n)} ${String(rowIndex + 1).padStart(\n    2,\n    '0',\n  )}`\n\n  const fieldHasErrors = errorCount > 0 && hasSubmitted\n\n  const classNames = [\n    `${baseClass}__row`,\n    fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div\n      id={`${parentPath.split('.').join('-')}-row-${rowIndex}`}\n      key={`${parentPath}-row-${row.id}`}\n      ref={setNodeRef}\n      style={{\n        transform,\n      }}\n    >\n      <Collapsible\n        actions={\n          !readOnly ? (\n            <ArrayAction\n              addRow={addRow}\n              duplicateRow={duplicateRow}\n              hasMaxRows={hasMaxRows}\n              index={rowIndex}\n              isSortable={isSortable}\n              moveRow={moveRow}\n              removeRow={removeRow}\n              rowCount={rowCount}\n            />\n          ) : undefined\n        }\n        className={classNames}\n        collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n        dragHandleProps={\n          isSortable\n            ? {\n                id: row.id,\n                attributes,\n                listeners,\n              }\n            : undefined\n        }\n        header={\n          <div className={`${baseClass}__row-header`}>\n            <RowLabel\n              RowLabelComponent={CustomRowLabel}\n              i18n={i18n}\n              path={path}\n              rowLabel={fallbackLabel}\n              rowNumber={rowIndex + 1}\n            />\n            {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n          </div>\n        }\n        isCollapsed={row.collapsed}\n        onToggle={(collapsed) => setCollapse(row.id, collapsed)}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fieldMap={fieldMap}\n          forceRender={forceRender}\n          indexPath={indexPath}\n          margins=\"small\"\n          path={path}\n          permissions={permissions?.fields}\n          readOnly={readOnly}\n          schemaPath={schemaPath}\n        />\n      </Collapsible>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","ArrayAction","Collapsible","ErrorPill","useFormSubmitted","RenderFields","RowLabel","useTranslation","baseClass","ArrayRow","CustomRowLabel","addRow","attributes","duplicateRow","errorCount","fieldMap","forceRender","hasMaxRows","indexPath","isSortable","labels","listeners","moveRow","path","parentPath","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","i18n","hasSubmitted","fallbackLabel","singular","String","padStart","fieldHasErrors","classNames","filter","Boolean","join","div","id","split","ref","style","actions","index","undefined","className","collapsibleStyle","dragHandleProps","header","RowLabelComponent","rowLabel","rowNumber","count","withMessage","isCollapsed","collapsed","onToggle","margins","fields"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAKzB,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,SAAS,QAAQ,oCAAmC;AAC7D,SAASC,gBAAgB,QAAQ,8BAA6B;AAC9D,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAyBlB,OAAO,MAAMC,WAAoC,CAAC,EAChDC,cAAc,EACdC,MAAM,EACNC,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,QAAQ,EACRC,cAAc,KAAK,EACnBC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,OAAO,EACPC,MAAMC,UAAU,EAChBC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,GAAG,EACHC,QAAQ,EACRC,QAAQ,EACRC,UAAU,EACVC,WAAW,EACXC,UAAU,EACVC,SAAS,EACV;IACC,MAAMX,OAAO,CAAC,EAAEC,WAAW,CAAC,EAAEM,SAAS,CAAC;IACxC,MAAM,EAAEK,IAAI,EAAE,GAAG5B;IACjB,MAAM6B,eAAehC;IAErB,MAAMiC,gBAAgB,CAAC,EAAEtC,eAAeqB,OAAOkB,QAAQ,EAAEH,MAAM,CAAC,EAAEI,OAAOT,WAAW,GAAGU,QAAQ,CAC7F,GACA,KACA,CAAC;IAEH,MAAMC,iBAAiB3B,aAAa,KAAKsB;IAEzC,MAAMM,aAAa;QACjB,CAAC,EAAElC,UAAU,KAAK,CAAC;QACnBiC,iBAAiB,CAAC,EAAEjC,UAAU,iBAAiB,CAAC,GAAG,CAAC,EAAEA,UAAU,gBAAgB,CAAC;KAClF,CACEmC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,KAACC;QACCC,IAAI,CAAC,EAAEvB,WAAWwB,KAAK,CAAC,KAAKH,IAAI,CAAC,KAAK,KAAK,EAAEf,SAAS,CAAC;QAExDmB,KAAKhB;QACLiB,OAAO;YACLhB;QACF;kBAEA,cAAA,KAAChC;YACCiD,SACE,CAACzB,yBACC,KAACzB;gBACCU,QAAQA;gBACRE,cAAcA;gBACdI,YAAYA;gBACZmC,OAAOtB;gBACPX,YAAYA;gBACZG,SAASA;gBACTK,WAAWA;gBACXE,UAAUA;iBAEVwB;YAENC,WAAWZ;YACXa,kBAAkBd,iBAAiB,UAAU;YAC7Ce,iBACErC,aACI;gBACE4B,IAAInB,IAAImB,EAAE;gBACVnC;gBACAS;YACF,IACAgC;YAENI,sBACE,MAACX;gBAAIQ,WAAW,CAAC,EAAE9C,UAAU,YAAY,CAAC;;kCACxC,KAACF;wBACCoD,mBAAmBhD;wBACnByB,MAAMA;wBACNZ,MAAMA;wBACNoC,UAAUtB;wBACVuB,WAAW9B,WAAW;;oBAEvBW,gCAAkB,KAACtC;wBAAU0D,OAAO/C;wBAAYqB,MAAMA;wBAAM2B,WAAW;;;;YAG5EC,aAAanC,IAAIoC,SAAS;YAC1BC,UAAU,CAACD,YAAchC,YAAYJ,IAAImB,EAAE,EAAEiB;sBAE7C,cAAA,KAAC3D;gBACCiD,WAAW,CAAC,EAAE9C,UAAU,QAAQ,CAAC;gBACjCO,UAAUA;gBACVC,aAAaA;gBACbE,WAAWA;gBACXgD,SAAQ;gBACR3C,MAAMA;gBACNE,aAAaA,aAAa0C;gBAC1BzC,UAAUA;gBACVK,YAAYA;;;OAxDX,CAAC,EAAEP,WAAW,KAAK,EAAEI,IAAImB,EAAE,CAAC,CAAC;AA6DxC,EAAC"}
+{"version":3,"file":"ArrayRow.js","names":["c","_c","getTranslation","React","ArrayAction","Collapsible","ErrorPill","useFormSubmitted","RenderFields","RowLabel","useTranslation","baseClass","ArrayRow","t0","$","addRow","attributes","duplicateRow","errorCount","fields","forceRender","t1","hasMaxRows","indexPath","isDragging","isSortable","labels","listeners","moveRow","path","parentPath","permissions","readOnly","removeRow","row","rowCount","rowIndex","CustomRowLabel","schemaPath","setCollapse","setNodeRef","transform","transition","undefined","i18n","hasSubmitted","fallbackLabel","singular","String","padStart","fieldHasErrors","t2","t3","filter","Boolean","classNames","join","t4","split","t5","t6","id","collapsed","t7","_jsx","count","withMessage","t8","ref","style","zIndex","children","actions","index","className","collapsibleStyle","dragHandleProps","header","_jsxs","rowLabel","rowNumber","onToggle","margins"],"sources":["../../../src/fields/Array/ArrayRow.tsx"],"sourcesContent":["'use client'\nimport type { ArrayField, ClientField, FieldPermissions, MappedComponent, Row } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/types.js'\n\nimport { ArrayAction } from '../../elements/ArrayAction/index.js'\nimport { Collapsible } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'array-field'\n\ntype ArrayRowProps = {\n  readonly addRow: (rowIndex: number) => Promise<void> | void\n  readonly duplicateRow: (rowIndex: number) => void\n  readonly errorCount: number\n  readonly fields: ClientField[]\n  readonly forceRender?: boolean\n  readonly hasMaxRows?: boolean\n  readonly indexPath: string\n  readonly isSortable?: boolean\n  readonly labels: Partial<ArrayField['labels']>\n  readonly moveRow: (fromIndex: number, toIndex: number) => void\n  readonly path: string\n  readonly permissions: FieldPermissions\n  readonly readOnly?: boolean\n  readonly removeRow: (rowIndex: number) => void\n  readonly row: Row\n  readonly rowCount: number\n  readonly rowIndex: number\n  readonly RowLabel?: MappedComponent\n  readonly schemaPath: string\n  readonly setCollapse: (rowID: string, collapsed: boolean) => void\n} & UseDraggableSortableReturn\n\nexport const ArrayRow: React.FC<ArrayRowProps> = ({\n  addRow,\n  attributes,\n  duplicateRow,\n  errorCount,\n  fields,\n  forceRender = false,\n  hasMaxRows,\n  indexPath,\n  isDragging,\n  isSortable,\n  labels,\n  listeners,\n  moveRow,\n  path: parentPath,\n  permissions,\n  readOnly,\n  removeRow,\n  row,\n  rowCount,\n  rowIndex,\n  RowLabel: CustomRowLabel,\n  schemaPath,\n  setCollapse,\n  setNodeRef,\n  transform,\n  transition,\n}) => {\n  const path = `${parentPath}.${rowIndex}`\n  const { i18n } = useTranslation()\n  const hasSubmitted = useFormSubmitted()\n\n  const fallbackLabel = `${getTranslation(labels.singular, i18n)} ${String(rowIndex + 1).padStart(\n    2,\n    '0',\n  )}`\n\n  const fieldHasErrors = errorCount > 0 && hasSubmitted\n\n  const classNames = [\n    `${baseClass}__row`,\n    fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div\n      id={`${parentPath.split('.').join('-')}-row-${rowIndex}`}\n      key={`${parentPath}-row-${row.id}`}\n      ref={setNodeRef}\n      style={{\n        transform,\n        transition,\n        zIndex: isDragging ? 1 : undefined,\n      }}\n    >\n      <Collapsible\n        actions={\n          !readOnly ? (\n            <ArrayAction\n              addRow={addRow}\n              duplicateRow={duplicateRow}\n              hasMaxRows={hasMaxRows}\n              index={rowIndex}\n              isSortable={isSortable}\n              moveRow={moveRow}\n              removeRow={removeRow}\n              rowCount={rowCount}\n            />\n          ) : undefined\n        }\n        className={classNames}\n        collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n        dragHandleProps={\n          isSortable\n            ? {\n                id: row.id,\n                attributes,\n                listeners,\n              }\n            : undefined\n        }\n        header={\n          <div className={`${baseClass}__row-header`}>\n            <RowLabel\n              i18n={i18n}\n              path={path}\n              RowLabel={CustomRowLabel}\n              rowLabel={fallbackLabel}\n              rowNumber={rowIndex + 1}\n            />\n            {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n          </div>\n        }\n        isCollapsed={row.collapsed}\n        onToggle={(collapsed) => setCollapse(row.id, collapsed)}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={fields}\n          forceRender={forceRender}\n          indexPath={indexPath}\n          margins=\"small\"\n          path={path}\n          permissions={permissions?.fields}\n          readOnly={readOnly}\n          schemaPath={schemaPath}\n        />\n      </Collapsible>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Array/index.d.ts

@@ -1,19 +1,14 @@
-import type { ArrayField as ArrayFieldType } from 'payload';
+import type { ArrayFieldClientComponent } from 'payload';
 import React from 'react';
-import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js';
-import type { FormFieldBase } from '../shared/index.js';
 import './index.scss';
-export type ArrayFieldProps = FormFieldBase & {
-    CustomRowLabel?: React.ReactNode;
-    fieldMap: FieldMap;
-    forceRender?: boolean;
-    isSortable?: boolean;
-    labels?: ArrayFieldType['labels'];
-    maxRows?: ArrayFieldType['maxRows'];
-    minRows?: ArrayFieldType['minRows'];
-    name?: string;
-    width?: string;
-};
-export declare const _ArrayField: React.FC<ArrayFieldProps>;
-export declare const ArrayField: React.FC<ArrayFieldProps>;
+export declare const ArrayFieldComponent: ArrayFieldClientComponent;
+export declare const ArrayField: React.FC<{
+    readonly CustomRowLabel?: import("payload").MappedComponent;
+    readonly validate?: import("payload").ArrayFieldValidation;
+} & {
+    readonly descriptionProps?: import("payload").FieldDescriptionClientProps<Omit<import("payload").ArrayFieldClient, "type"> & Partial<Pick<import("payload").ArrayFieldClient, "type">>>;
+    readonly errorProps?: import("payload").FieldErrorClientProps<Omit<import("payload").ArrayFieldClient, "type"> & Partial<Pick<import("payload").ArrayFieldClient, "type">>>;
+    readonly field: Omit<import("payload").ArrayFieldClient, "type"> & Partial<Pick<import("payload").ArrayFieldClient, "type">>;
+    readonly labelProps?: import("payload").FieldLabelClientProps<Omit<import("payload").ArrayFieldClient, "type"> & Partial<Pick<import("payload").ArrayFieldClient, "type">>>;
+} & import("payload").FormFieldBase>;
 //# sourceMappingURL=index.d.ts.map

package/dist/fields/Array/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Array/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,SAAS,CAAA;AAG3D,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AACvF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAsBvD,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACnC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyRjD,CAAA;AAED,eAAO,MAAM,UAAU,2BAA6B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Array/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,yBAAyB,EAG1B,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAsB,MAAM,OAAO,CAAA;AAuB1C,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,mBAAmB,EAAE,yBAkUjC,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;oCAAqC,CAAA"}