@payloadcms/ui 4.0.0-internal.e7d4ebc → 4.0.0-internal.ec73d44

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayRow.d.ts","sourceRoot":"","sources":["../../../src/fields/Array/ArrayRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EACV,oBAAoB,EACpB,WAAW,EACX,GAAG,EACH,yBAAyB,EAC1B,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAA;AAWhH,OAAO,aAAa,CAAA;AAIpB,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC3D,QAAQ,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzC,QAAQ,CAAC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC9C,QAAQ,CAAC,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9D,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,EAAE,yBAAyB,CAAA;IAC/C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAA;IACjB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CAClE,GAAG,IAAI,CAAC,oBAAoB,EAAE,aAAa,CAAC,GAC3C,0BAA0B,CAAA;AAE5B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiI5C,CAAA"}
+{"version":3,"file":"ArrayRow.d.ts","sourceRoot":"","sources":["../../../src/fields/Array/ArrayRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EACV,oBAAoB,EACpB,WAAW,EACX,GAAG,EACH,yBAAyB,EAC1B,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAA;AAWhH,OAAO,aAAa,CAAA;AAIpB,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC3D,QAAQ,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzC,QAAQ,CAAC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC9C,QAAQ,CAAC,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9D,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,QAAQ,CAAC,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,EAAE,yBAAyB,CAAA;IAC/C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAA;IACjB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CAClE,GAAG,IAAI,CAAC,oBAAoB,EAAE,aAAa,CAAC,GAC3C,0BAA0B,CAAA;AAE5B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsI5C,CAAA"}

package/dist/fields/Array/ArrayRow.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 from 'react';
@@ -14,109 +15,219 @@ import { useThrottledValue } from '../../hooks/useThrottledValue.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import './index.css';
 const baseClass = 'array-field';
-export const ArrayRow = ({
-  addRow,
-  attributes,
-  copyRow,
-  CustomRowLabel,
-  duplicateRow,
-  errorCount,
-  fields,
-  forceRender = false,
-  hasMaxRows,
-  isDragging,
-  isLoading: isLoadingFromProps,
-  isSortable,
-  labels,
-  listeners,
-  moveRow,
-  parentPath,
-  pasteRow,
-  path,
-  permissions,
-  readOnly,
-  removeRow,
-  row,
-  rowCount,
-  rowIndex,
-  schemaPath,
-  scrollIdPrefix,
-  setCollapse,
-  setNodeRef,
-  transform,
-  transition
-}) => {
+export const ArrayRow = t0 => {
+  const $ = _c(55);
+  const {
+    addRow,
+    attributes,
+    copyRow,
+    CustomRowLabel,
+    duplicateRow,
+    errorCount,
+    fields,
+    forceRender: t1,
+    hasMaxRows,
+    isDragging,
+    isLoading: isLoadingFromProps,
+    isSortable,
+    labels,
+    listeners,
+    moveRow,
+    parentPath,
+    pasteRow,
+    pasteRowBelow,
+    path,
+    permissions,
+    readOnly,
+    removeRow,
+    row,
+    rowCount,
+    rowIndex,
+    schemaPath,
+    scrollIdPrefix,
+    setActivatorNodeRef,
+    setCollapse,
+    setNodeRef,
+    transform,
+    transition
+  } = t0;
+  const forceRender = t1 === undefined ? false : t1;
   const isLoading = useThrottledValue(isLoadingFromProps, 500);
   const {
     i18n
   } = useTranslation();
   const hasSubmitted = useFormSubmitted();
-  const pasteData = React.useMemo(() => ({
-    path,
-    schemaFields: fields
-  }), [path, fields]);
-  const fallbackLabel = `${getTranslation(labels.singular, i18n)} ${String(rowIndex + 1).padStart(2, '0')}`;
+  let t2;
+  if ($[0] !== fields || $[1] !== path) {
+    t2 = {
+      path,
+      schemaFields: fields
+    };
+    $[0] = fields;
+    $[1] = path;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const pasteData = t2;
+  let t3;
+  if ($[3] !== i18n || $[4] !== labels.singular) {
+    t3 = getTranslation(labels.singular, i18n);
+    $[3] = i18n;
+    $[4] = labels.singular;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const t4 = String(rowIndex + 1);
+  let t5;
+  if ($[6] !== t4) {
+    t5 = t4.padStart(2, "0");
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  const fallbackLabel = `${t3} ${t5}`;
   const fieldHasErrors = errorCount > 0 && hasSubmitted;
-  const classNames = [`${baseClass}__row`, fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`, isDragging && `${baseClass}__row--is-dragging`].filter(Boolean).join(' ');
-  return /*#__PURE__*/_jsx("div", {
-    id: `${parentPath.split('.').join('-')}-row-${rowIndex}`,
-    ref: setNodeRef,
-    style: {
-      transform,
-      transition,
-      zIndex: isDragging ? 1 : undefined
-    },
-    children: /*#__PURE__*/_jsx(Collapsible, {
-      actions: !readOnly ? /*#__PURE__*/_jsx(ArrayAction, {
-        addRow: addRow,
-        copyRow: copyRow,
-        duplicateRow: duplicateRow,
-        hasMaxRows: hasMaxRows,
-        index: rowIndex,
-        isSortable: isSortable,
-        moveRow: moveRow,
-        pasteData: pasteData,
-        pasteRow: pasteRow,
-        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`,
-        id: `${scrollIdPrefix}-row-${rowIndex}`,
-        children: [isLoading ? /*#__PURE__*/_jsx(ShimmerEffect, {
-          height: "1rem",
-          width: "8rem"
-        }) : /*#__PURE__*/_jsx(RowLabel, {
-          CustomComponent: CustomRowLabel,
+  const t6 = fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`;
+  const t7 = isDragging && `${baseClass}__row--is-dragging`;
+  let t8;
+  if ($[8] !== t6 || $[9] !== t7) {
+    t8 = [`${baseClass}__row`, t6, t7].filter(Boolean);
+    $[8] = t6;
+    $[9] = t7;
+    $[10] = t8;
+  } else {
+    t8 = $[10];
+  }
+  const classNames = t8.join(" ");
+  let t9;
+  if ($[11] !== parentPath) {
+    t9 = parentPath.split(".").join("-");
+    $[11] = parentPath;
+    $[12] = t9;
+  } else {
+    t9 = $[12];
+  }
+  const t10 = `${t9}-row-${rowIndex}`;
+  const t11 = isDragging ? 1 : undefined;
+  let t12;
+  if ($[13] !== CustomRowLabel || $[14] !== addRow || $[15] !== attributes || $[16] !== classNames || $[17] !== copyRow || $[18] !== duplicateRow || $[19] !== errorCount || $[20] !== fallbackLabel || $[21] !== fieldHasErrors || $[22] !== fields || $[23] !== forceRender || $[24] !== hasMaxRows || $[25] !== i18n || $[26] !== isLoading || $[27] !== isSortable || $[28] !== listeners || $[29] !== moveRow || $[30] !== parentPath || $[31] !== pasteData || $[32] !== pasteRow || $[33] !== pasteRowBelow || $[34] !== path || $[35] !== permissions || $[36] !== readOnly || $[37] !== removeRow || $[38] !== row.collapsed || $[39] !== row.id || $[40] !== rowCount || $[41] !== rowIndex || $[42] !== schemaPath || $[43] !== scrollIdPrefix || $[44] !== setActivatorNodeRef || $[45] !== setCollapse || $[46] !== setNodeRef || $[47] !== t10 || $[48] !== t11 || $[49] !== transform || $[50] !== transition) {
+    let t13;
+    if ($[52] !== row.id || $[53] !== setCollapse) {
+      t13 = collapsed => setCollapse(row.id, collapsed);
+      $[52] = row.id;
+      $[53] = setCollapse;
+      $[54] = t13;
+    } else {
+      t13 = $[54];
+    }
+    t12 = _jsx("div", {
+      id: t10,
+      ref: setNodeRef,
+      style: {
+        transform,
+        transition,
+        zIndex: t11
+      },
+      children: _jsx(Collapsible, {
+        actions: !readOnly ? _jsx(ArrayAction, {
+          addRow,
+          copyRow,
+          duplicateRow,
+          hasMaxRows,
+          index: rowIndex,
+          isSortable,
           label: fallbackLabel,
-          path: path,
-          rowNumber: rowIndex
-        }), fieldHasErrors && /*#__PURE__*/_jsx(ErrorPill, {
-          count: errorCount,
-          i18n: i18n,
-          withMessage: true
-        })]
-      }),
-      isCollapsed: row.collapsed,
-      onToggle: collapsed => setCollapse(row.id, collapsed),
-      children: isLoading ? /*#__PURE__*/_jsx(ShimmerEffect, {}) : /*#__PURE__*/_jsx(RenderFields, {
-        className: `${baseClass}__fields`,
-        fields: fields,
-        forceRender: forceRender,
-        parentIndexPath: "",
-        parentPath: path,
-        parentSchemaPath: schemaPath,
-        permissions: permissions === true ? permissions : permissions?.fields,
-        readOnly: readOnly
+          moveRow,
+          pasteData,
+          pasteRow,
+          pasteRowBelow,
+          removeRow,
+          rowCount
+        }) : undefined,
+        className: classNames,
+        collapsibleStyle: fieldHasErrors ? "error" : "default",
+        dragHandleProps: isSortable ? {
+          id: row.id,
+          attributes,
+          listeners,
+          setActivatorNodeRef
+        } : undefined,
+        header: _jsxs("div", {
+          className: `${baseClass}__row-header`,
+          id: `${scrollIdPrefix}-row-${rowIndex}`,
+          children: [isLoading ? _jsx(ShimmerEffect, {
+            height: "1rem",
+            width: "8rem"
+          }) : _jsx(RowLabel, {
+            CustomComponent: CustomRowLabel,
+            label: fallbackLabel,
+            path,
+            rowNumber: rowIndex
+          }), fieldHasErrors && _jsx(ErrorPill, {
+            count: errorCount,
+            i18n,
+            withMessage: true
+          })]
+        }),
+        isCollapsed: row.collapsed,
+        onToggle: t13,
+        children: isLoading ? _jsx(ShimmerEffect, {}) : _jsx(RenderFields, {
+          className: `${baseClass}__fields`,
+          fields,
+          forceRender,
+          parentIndexPath: "",
+          parentPath: path,
+          parentSchemaPath: schemaPath,
+          permissions: permissions === true ? permissions : permissions?.fields,
+          readOnly
+        })
       })
-    })
-  }, `${parentPath}-row-${row.id}`);
+    }, `${parentPath}-row-${row.id}`);
+    $[13] = CustomRowLabel;
+    $[14] = addRow;
+    $[15] = attributes;
+    $[16] = classNames;
+    $[17] = copyRow;
+    $[18] = duplicateRow;
+    $[19] = errorCount;
+    $[20] = fallbackLabel;
+    $[21] = fieldHasErrors;
+    $[22] = fields;
+    $[23] = forceRender;
+    $[24] = hasMaxRows;
+    $[25] = i18n;
+    $[26] = isLoading;
+    $[27] = isSortable;
+    $[28] = listeners;
+    $[29] = moveRow;
+    $[30] = parentPath;
+    $[31] = pasteData;
+    $[32] = pasteRow;
+    $[33] = pasteRowBelow;
+    $[34] = path;
+    $[35] = permissions;
+    $[36] = readOnly;
+    $[37] = removeRow;
+    $[38] = row.collapsed;
+    $[39] = row.id;
+    $[40] = rowCount;
+    $[41] = rowIndex;
+    $[42] = schemaPath;
+    $[43] = scrollIdPrefix;
+    $[44] = setActivatorNodeRef;
+    $[45] = setCollapse;
+    $[46] = setNodeRef;
+    $[47] = t10;
+    $[48] = t11;
+    $[49] = transform;
+    $[50] = transition;
+    $[51] = t12;
+  } else {
+    t12 = $[51];
+  }
+  return t12;
 };
 //# sourceMappingURL=ArrayRow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayRow.js","names":["getTranslation","React","ArrayAction","Collapsible","ErrorPill","ShimmerEffect","useFormSubmitted","RenderFields","RowLabel","useThrottledValue","useTranslation","baseClass","ArrayRow","addRow","attributes","copyRow","CustomRowLabel","duplicateRow","errorCount","fields","forceRender","hasMaxRows","isDragging","isLoading","isLoadingFromProps","isSortable","labels","listeners","moveRow","parentPath","pasteRow","path","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","scrollIdPrefix","setCollapse","setNodeRef","transform","transition","i18n","hasSubmitted","pasteData","useMemo","schemaFields","fallbackLabel","singular","String","padStart","fieldHasErrors","classNames","filter","Boolean","join","_jsx","id","split","ref","style","zIndex","undefined","actions","index","className","collapsibleStyle","dragHandleProps","header","_jsxs","height","width","CustomComponent","label","rowNumber","count","withMessage","isCollapsed","collapsed","onToggle","parentIndexPath","parentSchemaPath"],"sources":["../../../src/fields/Array/ArrayRow.tsx"],"sourcesContent":["'use client'\nimport type {\n  ArrayField,\n  ClientComponentProps,\n  ClientField,\n  Row,\n  SanitizedFieldPermissions,\n} 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 { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useThrottledValue } from '../../hooks/useThrottledValue.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'array-field'\n\ntype ArrayRowProps = {\n  readonly addRow: (rowIndex: number) => Promise<void> | void\n  readonly copyRow: (rowIndex: number) => void\n  readonly CustomRowLabel?: React.ReactNode\n  readonly duplicateRow: (rowIndex: number) => void\n  readonly errorCount: number\n  readonly fields: ClientField[]\n  readonly hasMaxRows?: boolean\n  readonly isLoading?: boolean\n  readonly isSortable?: boolean\n  readonly labels: Partial<ArrayField['labels']>\n  readonly moveRow: (fromIndex: number, toIndex: number) => void\n  readonly parentPath: string\n  readonly pasteRow: (rowIndex: number) => void\n  readonly path: string\n  readonly permissions: SanitizedFieldPermissions\n  readonly readOnly?: boolean\n  readonly removeRow: (rowIndex: number) => void\n  readonly row: Row\n  readonly rowCount: number\n  readonly rowIndex: number\n  readonly schemaPath: string\n  readonly scrollIdPrefix: string\n  readonly setCollapse: (rowID: string, collapsed: boolean) => void\n} & Pick<ClientComponentProps, 'forceRender'> &\n  UseDraggableSortableReturn\n\nexport const ArrayRow: React.FC<ArrayRowProps> = ({\n  addRow,\n  attributes,\n  copyRow,\n  CustomRowLabel,\n  duplicateRow,\n  errorCount,\n  fields,\n  forceRender = false,\n  hasMaxRows,\n  isDragging,\n  isLoading: isLoadingFromProps,\n  isSortable,\n  labels,\n  listeners,\n  moveRow,\n  parentPath,\n  pasteRow,\n  path,\n  permissions,\n  readOnly,\n  removeRow,\n  row,\n  rowCount,\n  rowIndex,\n  schemaPath,\n  scrollIdPrefix,\n  setCollapse,\n  setNodeRef,\n  transform,\n  transition,\n}) => {\n  const isLoading = useThrottledValue(isLoadingFromProps, 500)\n\n  const { i18n } = useTranslation()\n  const hasSubmitted = useFormSubmitted()\n\n  const pasteData = React.useMemo(() => ({ path, schemaFields: fields }), [path, fields])\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    isDragging && `${baseClass}__row--is-dragging`,\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              copyRow={copyRow}\n              duplicateRow={duplicateRow}\n              hasMaxRows={hasMaxRows}\n              index={rowIndex}\n              isSortable={isSortable}\n              moveRow={moveRow}\n              pasteData={pasteData}\n              pasteRow={pasteRow}\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`} id={`${scrollIdPrefix}-row-${rowIndex}`}>\n            {isLoading ? (\n              <ShimmerEffect height=\"1rem\" width=\"8rem\" />\n            ) : (\n              <RowLabel\n                CustomComponent={CustomRowLabel}\n                label={fallbackLabel}\n                path={path}\n                rowNumber={rowIndex}\n              />\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        {isLoading ? (\n          <ShimmerEffect />\n        ) : (\n          <RenderFields\n            className={`${baseClass}__fields`}\n            fields={fields}\n            forceRender={forceRender}\n            parentIndexPath=\"\"\n            parentPath={path}\n            parentSchemaPath={schemaPath}\n            permissions={permissions === true ? permissions : permissions?.fields}\n            readOnly={readOnly}\n          />\n        )}\n      </Collapsible>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ArrayRow.js","names":["c","_c","getTranslation","React","ArrayAction","Collapsible","ErrorPill","ShimmerEffect","useFormSubmitted","RenderFields","RowLabel","useThrottledValue","useTranslation","baseClass","ArrayRow","t0","$","addRow","attributes","copyRow","CustomRowLabel","duplicateRow","errorCount","fields","forceRender","t1","hasMaxRows","isDragging","isLoading","isLoadingFromProps","isSortable","labels","listeners","moveRow","parentPath","pasteRow","pasteRowBelow","path","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","scrollIdPrefix","setActivatorNodeRef","setCollapse","setNodeRef","transform","transition","undefined","i18n","hasSubmitted","t2","schemaFields","pasteData","t3","singular","t4","String","t5","padStart","fallbackLabel","fieldHasErrors","t6","t7","t8","filter","Boolean","classNames","join","t9","split","t10","t11","t12","collapsed","id","t13","_jsx","ref","style","zIndex","children","actions","index","label","className","collapsibleStyle","dragHandleProps","header","_jsxs","height","width","CustomComponent","rowNumber","count","withMessage","onToggle","parentIndexPath","parentSchemaPath"],"sources":["../../../src/fields/Array/ArrayRow.tsx"],"sourcesContent":["'use client'\nimport type {\n  ArrayField,\n  ClientComponentProps,\n  ClientField,\n  Row,\n  SanitizedFieldPermissions,\n} 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 { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useThrottledValue } from '../../hooks/useThrottledValue.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'array-field'\n\ntype ArrayRowProps = {\n  readonly addRow: (rowIndex: number) => Promise<void> | void\n  readonly copyRow: (rowIndex: number) => void\n  readonly CustomRowLabel?: React.ReactNode\n  readonly duplicateRow: (rowIndex: number) => void\n  readonly errorCount: number\n  readonly fields: ClientField[]\n  readonly hasMaxRows?: boolean\n  readonly isLoading?: boolean\n  readonly isSortable?: boolean\n  readonly labels: Partial<ArrayField['labels']>\n  readonly moveRow: (fromIndex: number, toIndex: number) => void\n  readonly parentPath: string\n  readonly pasteRow: (rowIndex: number) => void\n  readonly pasteRowBelow: (rowIndex: number) => void\n  readonly path: string\n  readonly permissions: SanitizedFieldPermissions\n  readonly readOnly?: boolean\n  readonly removeRow: (rowIndex: number) => void\n  readonly row: Row\n  readonly rowCount: number\n  readonly rowIndex: number\n  readonly schemaPath: string\n  readonly scrollIdPrefix: string\n  readonly setCollapse: (rowID: string, collapsed: boolean) => void\n} & Pick<ClientComponentProps, 'forceRender'> &\n  UseDraggableSortableReturn\n\nexport const ArrayRow: React.FC<ArrayRowProps> = ({\n  addRow,\n  attributes,\n  copyRow,\n  CustomRowLabel,\n  duplicateRow,\n  errorCount,\n  fields,\n  forceRender = false,\n  hasMaxRows,\n  isDragging,\n  isLoading: isLoadingFromProps,\n  isSortable,\n  labels,\n  listeners,\n  moveRow,\n  parentPath,\n  pasteRow,\n  pasteRowBelow,\n  path,\n  permissions,\n  readOnly,\n  removeRow,\n  row,\n  rowCount,\n  rowIndex,\n  schemaPath,\n  scrollIdPrefix,\n  setActivatorNodeRef,\n  setCollapse,\n  setNodeRef,\n  transform,\n  transition,\n}) => {\n  const isLoading = useThrottledValue(isLoadingFromProps, 500)\n\n  const { i18n } = useTranslation()\n  const hasSubmitted = useFormSubmitted()\n\n  const pasteData = React.useMemo(() => ({ path, schemaFields: fields }), [path, fields])\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    isDragging && `${baseClass}__row--is-dragging`,\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              copyRow={copyRow}\n              duplicateRow={duplicateRow}\n              hasMaxRows={hasMaxRows}\n              index={rowIndex}\n              isSortable={isSortable}\n              label={fallbackLabel}\n              moveRow={moveRow}\n              pasteData={pasteData}\n              pasteRow={pasteRow}\n              pasteRowBelow={pasteRowBelow}\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                setActivatorNodeRef,\n              }\n            : undefined\n        }\n        header={\n          <div className={`${baseClass}__row-header`} id={`${scrollIdPrefix}-row-${rowIndex}`}>\n            {isLoading ? (\n              <ShimmerEffect height=\"1rem\" width=\"8rem\" />\n            ) : (\n              <RowLabel\n                CustomComponent={CustomRowLabel}\n                label={fallbackLabel}\n                path={path}\n                rowNumber={rowIndex}\n              />\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        {isLoading ? (\n          <ShimmerEffect />\n        ) : (\n          <RenderFields\n            className={`${baseClass}__fields`}\n            fields={fields}\n            forceRender={forceRender}\n            parentIndexPath=\"\"\n            parentPath={path}\n            parentSchemaPath={schemaPath}\n            permissions={permissions === true ? permissions : permissions?.fields}\n            readOnly={readOnly}\n          />\n        )}\n      </Collapsible>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Array/index.css

@@ -39,6 +39,7 @@
       padding: 0;
     }
 
+    /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
     @media (max-width: 768px) {
       & > li:not(:last-child) {
         display: none;
@@ -75,6 +76,10 @@
   }
 
   .array-field__title {
+    font-size: var(--text-body-medium-bold-font-size);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    line-height: var(--text-body-medium-bold-line-height);
+    letter-spacing: var(--text-body-medium-bold-letter-spacing);
     margin-bottom: 0;
   }
 

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

@@ -1,10 +1,6 @@
-import type { ArrayFieldClientComponent } from 'payload';
+import type { ArrayFieldClientProps } from 'payload';
 import React from 'react';
 import './index.css';
-export declare const ArrayFieldComponent: ArrayFieldClientComponent;
-export declare const ArrayField: React.FC<{
-    readonly validate?: import("payload").ArrayFieldValidation;
-} & import("payload").FieldPaths & {
-    readonly field: Omit<import("payload").ArrayFieldClient, "type"> & Partial<Pick<import("payload").ArrayFieldClient, "type">>;
-} & Omit<import("payload").ClientComponentProps, "customComponents" | "field">>;
+export declare const ArrayFieldComponent: React.FC<ArrayFieldClientProps>;
+export declare const ArrayField: React.FC<ArrayFieldClientProps>;
 //# 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,EACV,yBAAyB,EAG1B,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAgD,MAAM,OAAO,CAAA;AAqCpE,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,mBAAmB,EAAE,yBAmcjC,CAAA;AAED,eAAO,MAAM,UAAU;;;;+EAAqC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Array/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAgC,MAAM,SAAS,CAAA;AAIlF,OAAO,KAAgD,MAAM,OAAO,CAAA;AAuCpE,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+e/D,CAAA;AAED,eAAO,MAAM,UAAU,iCAAqC,CAAA"}