@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.dafc24d

package/dist/elements/withMergedProps/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { isReactServerComponentOrFunction, serverProps } from 'payload/shared';
 import React from 'react';
 /**
@@ -34,9 +34,13 @@ import React from 'react';
                 delete mergedProps[prop];
             });
         }
-        return /*#__PURE__*/ _jsx(Component, {
+        return /*#__PURE__*/ _jsxDEV(Component, {
             ...mergedProps
-        });
+        }, void 0, false, {
+            fileName: "src/elements/withMergedProps/index.tsx",
+            lineNumber: 48,
+            columnNumber: 12
+        }, this);
     };
     return MergedPropsComponent;
 }

package/dist/elements/withMergedProps/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/withMergedProps/index.tsx"],"sourcesContent":["import { isReactServerComponentOrFunction, serverProps } from 'payload/shared'\nimport React from 'react'\n\n/**\n * Creates a higher-order component (HOC) that merges predefined properties (`toMergeIntoProps`)\n * with any properties passed to the resulting component.\n *\n * Use this when you want to pre-specify some props for a component, while also allowing users to\n * pass in their own props. The HOC ensures the passed props and predefined props are combined before\n * rendering the original component.\n *\n * @example\n * const PredefinedComponent = getMergedPropsComponent({\n *   Component: OriginalComponent,\n *   toMergeIntoProps: { someExtraValue: 5 }\n * });\n * // Using <PredefinedComponent customProp=\"value\" /> will result in\n * // <OriginalComponent customProp=\"value\" someExtraValue={5} />\n *\n * @returns A higher-order component with combined properties.\n *\n * @param Component - The original component to wrap.\n * @param sanitizeServerOnlyProps - If true, server-only props will be removed from the merged props. @default true if the component is not a server component, false otherwise.\n * @param toMergeIntoProps - The properties to merge into the passed props.\n */\nexport function withMergedProps<ToMergeIntoProps, CompleteReturnProps>({\n  Component,\n  sanitizeServerOnlyProps,\n  toMergeIntoProps,\n}: {\n  Component: React.FC<CompleteReturnProps>\n  sanitizeServerOnlyProps?: boolean\n  toMergeIntoProps: ToMergeIntoProps\n}): React.FC<CompleteReturnProps> {\n  if (sanitizeServerOnlyProps === undefined) {\n    sanitizeServerOnlyProps = !isReactServerComponentOrFunction(Component)\n  }\n  // A wrapper around the args.Component to inject the args.toMergeArgs as props, which are merged with the passed props\n  const MergedPropsComponent: React.FC<CompleteReturnProps> = (passedProps) => {\n    const mergedProps = simpleMergeProps(passedProps, toMergeIntoProps) as CompleteReturnProps\n\n    if (sanitizeServerOnlyProps) {\n      serverProps.forEach((prop) => {\n        delete mergedProps[prop]\n      })\n    }\n\n    return <Component {...mergedProps} />\n  }\n\n  return MergedPropsComponent\n}\n\nfunction simpleMergeProps(props, toMerge) {\n  return { ...props, ...toMerge }\n}\n"],"names":["isReactServerComponentOrFunction","serverProps","React","withMergedProps","Component","sanitizeServerOnlyProps","toMergeIntoProps","undefined","MergedPropsComponent","passedProps","mergedProps","simpleMergeProps","forEach","prop","props","toMerge"],"mappings":";AAAA,SAASA,gCAAgC,EAAEC,WAAW,QAAQ,iBAAgB;AAC9E,OAAOC,WAAW,QAAO;AAEzB;;;;;;;;;;;;;;;;;;;;;CAqBC,GACD,OAAO,SAASC,gBAAuD,EACrEC,SAAS,EACTC,uBAAuB,EACvBC,gBAAgB,EAKjB;IACC,IAAID,4BAA4BE,WAAW;QACzCF,0BAA0B,CAACL,iCAAiCI;IAC9D;IACA,sHAAsH;IACtH,MAAMI,uBAAsD,CAACC;QAC3D,MAAMC,cAAcC,iBAAiBF,aAAaH;QAElD,IAAID,yBAAyB;YAC3BJ,YAAYW,OAAO,CAAC,CAACC;gBACnB,OAAOH,WAAW,CAACG,KAAK;YAC1B;QACF;QAEA,qBAAO,KAACT;YAAW,GAAGM,WAAW;;IACnC;IAEA,OAAOF;AACT;AAEA,SAASG,iBAAiBG,KAAK,EAAEC,OAAO;IACtC,OAAO;QAAE,GAAGD,KAAK;QAAE,GAAGC,OAAO;IAAC;AAChC"}
+{"version":3,"sources":["../../../src/elements/withMergedProps/index.tsx"],"sourcesContent":["import { isReactServerComponentOrFunction, serverProps } from 'payload/shared'\nimport React from 'react'\n\n/**\n * Creates a higher-order component (HOC) that merges predefined properties (`toMergeIntoProps`)\n * with any properties passed to the resulting component.\n *\n * Use this when you want to pre-specify some props for a component, while also allowing users to\n * pass in their own props. The HOC ensures the passed props and predefined props are combined before\n * rendering the original component.\n *\n * @example\n * const PredefinedComponent = getMergedPropsComponent({\n *   Component: OriginalComponent,\n *   toMergeIntoProps: { someExtraValue: 5 }\n * });\n * // Using <PredefinedComponent customProp=\"value\" /> will result in\n * // <OriginalComponent customProp=\"value\" someExtraValue={5} />\n *\n * @returns A higher-order component with combined properties.\n *\n * @param Component - The original component to wrap.\n * @param sanitizeServerOnlyProps - If true, server-only props will be removed from the merged props. @default true if the component is not a server component, false otherwise.\n * @param toMergeIntoProps - The properties to merge into the passed props.\n */\nexport function withMergedProps<ToMergeIntoProps, CompleteReturnProps>({\n  Component,\n  sanitizeServerOnlyProps,\n  toMergeIntoProps,\n}: {\n  Component: React.FC<CompleteReturnProps>\n  sanitizeServerOnlyProps?: boolean\n  toMergeIntoProps: ToMergeIntoProps\n}): React.FC<CompleteReturnProps> {\n  if (sanitizeServerOnlyProps === undefined) {\n    sanitizeServerOnlyProps = !isReactServerComponentOrFunction(Component)\n  }\n  // A wrapper around the args.Component to inject the args.toMergeArgs as props, which are merged with the passed props\n  const MergedPropsComponent: React.FC<CompleteReturnProps> = (passedProps) => {\n    const mergedProps = simpleMergeProps(passedProps, toMergeIntoProps) as CompleteReturnProps\n\n    if (sanitizeServerOnlyProps) {\n      serverProps.forEach((prop) => {\n        delete mergedProps[prop]\n      })\n    }\n\n    return <Component {...mergedProps} />\n  }\n\n  return MergedPropsComponent\n}\n\nfunction simpleMergeProps(props, toMerge) {\n  return { ...props, ...toMerge }\n}\n"],"names":["isReactServerComponentOrFunction","serverProps","React","withMergedProps","Component","sanitizeServerOnlyProps","toMergeIntoProps","undefined","MergedPropsComponent","passedProps","mergedProps","simpleMergeProps","forEach","prop","props","toMerge"],"mappings":";AAAA,SAASA,gCAAgC,EAAEC,WAAW,QAAQ,iBAAgB;AAC9E,OAAOC,WAAW,QAAO;AAEzB;;;;;;;;;;;;;;;;;;;;;CAqBC,GACD,OAAO,SAASC,gBAAuD,EACrEC,SAAS,EACTC,uBAAuB,EACvBC,gBAAgB,EAKjB;IACC,IAAID,4BAA4BE,WAAW;QACzCF,0BAA0B,CAACL,iCAAiCI;IAC9D;IACA,sHAAsH;IACtH,MAAMI,uBAAsD,CAACC;QAC3D,MAAMC,cAAcC,iBAAiBF,aAAaH;QAElD,IAAID,yBAAyB;YAC3BJ,YAAYW,OAAO,CAAC,CAACC;gBACnB,OAAOH,WAAW,CAACG,KAAK;YAC1B;QACF;QAEA,qBAAO,QAACT;YAAW,GAAGM,WAAW;;;;;;IACnC;IAEA,OAAOF;AACT;AAEA,SAASG,iBAAiBG,KAAK,EAAEC,OAAO;IACtC,OAAO;QAAE,GAAGD,KAAK;QAAE,GAAGC,OAAO;IAAC;AAChC"}

package/dist/fields/Array/ArrayRow.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { ArrayAction } from '../../elements/ArrayAction/index.js';
@@ -23,7 +23,7 @@ export const ArrayRow = ({ addRow, attributes, copyRow, CustomRowLabel, duplicat
         `${baseClass}__row`,
         fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         id: `${parentPath.split('.').join('-')}-row-${rowIndex}`,
         ref: setNodeRef,
         style: {
@@ -31,8 +31,8 @@ export const ArrayRow = ({ addRow, attributes, copyRow, CustomRowLabel, duplicat
             transition,
             zIndex: isDragging ? 1 : undefined
         },
-        children: /*#__PURE__*/ _jsx(Collapsible, {
-            actions: !readOnly ? /*#__PURE__*/ _jsx(ArrayAction, {
+        children: /*#__PURE__*/ _jsxDEV(Collapsible, {
+            actions: !readOnly ? /*#__PURE__*/ _jsxDEV(ArrayAction, {
                 addRow: addRow,
                 copyRow: copyRow,
                 duplicateRow: duplicateRow,
@@ -43,7 +43,11 @@ export const ArrayRow = ({ addRow, attributes, copyRow, CustomRowLabel, duplicat
                 pasteRow: pasteRow,
                 removeRow: removeRow,
                 rowCount: rowCount
-            }) : undefined,
+            }, void 0, false, {
+                fileName: "src/fields/Array/ArrayRow.tsx",
+                lineNumber: 118,
+                columnNumber: 13
+            }, void 0) : undefined,
             className: classNames,
             collapsibleStyle: fieldHasErrors ? 'error' : 'default',
             dragHandleProps: isSortable ? {
@@ -51,28 +55,48 @@ export const ArrayRow = ({ addRow, attributes, copyRow, CustomRowLabel, duplicat
                 attributes,
                 listeners
             } : undefined,
-            header: /*#__PURE__*/ _jsxs("div", {
+            header: /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__row-header`,
                 children: [
-                    isLoading ? /*#__PURE__*/ _jsx(ShimmerEffect, {
+                    isLoading ? /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
                         height: "1rem",
                         width: "8rem"
-                    }) : /*#__PURE__*/ _jsx(RowLabel, {
+                    }, void 0, false, {
+                        fileName: "src/fields/Array/ArrayRow.tsx",
+                        lineNumber: 146,
+                        columnNumber: 15
+                    }, void 0) : /*#__PURE__*/ _jsxDEV(RowLabel, {
                         CustomComponent: CustomRowLabel,
                         label: fallbackLabel,
                         path: path,
                         rowNumber: rowIndex
-                    }),
-                    fieldHasErrors && /*#__PURE__*/ _jsx(ErrorPill, {
+                    }, void 0, false, {
+                        fileName: "src/fields/Array/ArrayRow.tsx",
+                        lineNumber: 148,
+                        columnNumber: 15
+                    }, void 0),
+                    fieldHasErrors && /*#__PURE__*/ _jsxDEV(ErrorPill, {
                         count: errorCount,
                         i18n: i18n,
                         withMessage: true
-                    })
+                    }, void 0, false, {
+                        fileName: "src/fields/Array/ArrayRow.tsx",
+                        lineNumber: 155,
+                        columnNumber: 32
+                    }, void 0)
                 ]
-            }),
+            }, void 0, true, {
+                fileName: "src/fields/Array/ArrayRow.tsx",
+                lineNumber: 144,
+                columnNumber: 11
+            }, void 0),
             isCollapsed: row.collapsed,
             onToggle: (collapsed)=>setCollapse(row.id, collapsed),
-            children: isLoading ? /*#__PURE__*/ _jsx(ShimmerEffect, {}) : /*#__PURE__*/ _jsx(RenderFields, {
+            children: isLoading ? /*#__PURE__*/ _jsxDEV(ShimmerEffect, {}, void 0, false, {
+                fileName: "src/fields/Array/ArrayRow.tsx",
+                lineNumber: 162,
+                columnNumber: 11
+            }, this) : /*#__PURE__*/ _jsxDEV(RenderFields, {
                 className: `${baseClass}__fields`,
                 fields: fields,
                 forceRender: forceRender,
@@ -82,9 +106,21 @@ export const ArrayRow = ({ addRow, attributes, copyRow, CustomRowLabel, duplicat
                 parentSchemaPath: schemaPath,
                 permissions: permissions === true ? permissions : permissions?.fields,
                 readOnly: readOnly
-            })
-        })
-    }, `${parentPath}-row-${row.id}`);
+            }, void 0, false, {
+                fileName: "src/fields/Array/ArrayRow.tsx",
+                lineNumber: 164,
+                columnNumber: 11
+            }, this)
+        }, void 0, false, {
+            fileName: "src/fields/Array/ArrayRow.tsx",
+            lineNumber: 115,
+            columnNumber: 7
+        }, this)
+    }, `${parentPath}-row-${row.id}`, false, {
+        fileName: "src/fields/Array/ArrayRow.tsx",
+        lineNumber: 105,
+        columnNumber: 5
+    }, this);
 };
 
 //# 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 {\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.scss'\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 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  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 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              copyRow={copyRow}\n              duplicateRow={duplicateRow}\n              hasMaxRows={hasMaxRows}\n              index={rowIndex}\n              isSortable={isSortable}\n              moveRow={moveRow}\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`}>\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            margins=\"small\"\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"],"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","setCollapse","setNodeRef","transform","transition","i18n","hasSubmitted","fallbackLabel","singular","String","padStart","fieldHasErrors","classNames","filter","Boolean","join","div","id","split","ref","style","zIndex","undefined","actions","index","className","collapsibleStyle","dragHandleProps","header","height","width","CustomComponent","label","rowNumber","count","withMessage","isCollapsed","collapsed","onToggle","margins","parentIndexPath","parentSchemaPath"],"mappings":"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"}
+{"version":3,"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.scss'\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 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  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 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              copyRow={copyRow}\n              duplicateRow={duplicateRow}\n              hasMaxRows={hasMaxRows}\n              index={rowIndex}\n              isSortable={isSortable}\n              moveRow={moveRow}\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`}>\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            margins=\"small\"\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"],"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","setCollapse","setNodeRef","transform","transition","i18n","hasSubmitted","fallbackLabel","singular","String","padStart","fieldHasErrors","classNames","filter","Boolean","join","div","id","split","ref","style","zIndex","undefined","actions","index","className","collapsibleStyle","dragHandleProps","header","height","width","CustomComponent","label","rowNumber","count","withMessage","isCollapsed","collapsed","onToggle","margins","parentIndexPath","parentSchemaPath"],"mappings":"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"}

package/dist/fields/Array/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { Fragment, useCallback, useMemo } from 'react';
 import { toast } from 'sonner';
@@ -275,7 +275,7 @@ export const ArrayFieldComponent = (props)=>{
     const styles = useMemo(()=>mergeFieldStyles(field), [
         field
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             fieldBaseClass,
             baseClass,
@@ -285,67 +285,115 @@ export const ArrayFieldComponent = (props)=>{
         id: `field-${path.replace(/\./g, '__')}`,
         style: styles,
         children: [
-            showError && /*#__PURE__*/ _jsx(RenderCustomComponent, {
+            showError && /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                 CustomComponent: Error,
-                Fallback: /*#__PURE__*/ _jsx(FieldError, {
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
                     path: path,
                     showError: showError
-                })
-            }),
-            /*#__PURE__*/ _jsxs("header", {
+                }, void 0, false, {
+                    fileName: "src/fields/Array/index.tsx",
+                    lineNumber: 322,
+                    columnNumber: 21
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/Array/index.tsx",
+                lineNumber: 320,
+                columnNumber: 9
+            }, this),
+            /*#__PURE__*/ _jsxDEV("header", {
                 className: `${baseClass}__header`,
                 children: [
-                    /*#__PURE__*/ _jsxs("div", {
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__header-wrap`,
                         children: [
-                            /*#__PURE__*/ _jsxs("div", {
+                            /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__header-content`,
                                 children: [
-                                    /*#__PURE__*/ _jsx("h3", {
+                                    /*#__PURE__*/ _jsxDEV("h3", {
                                         className: `${baseClass}__title`,
-                                        children: /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                                        children: /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                                             CustomComponent: Label,
-                                            Fallback: /*#__PURE__*/ _jsx(FieldLabel, {
+                                            Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
                                                 as: "span",
                                                 label: label,
                                                 localized: localized,
                                                 path: path,
                                                 required: required
-                                            })
-                                        })
-                                    }),
-                                    fieldHasErrors && fieldErrorCount > 0 && /*#__PURE__*/ _jsx(ErrorPill, {
+                                            }, void 0, false, {
+                                                fileName: "src/fields/Array/index.tsx",
+                                                lineNumber: 332,
+                                                columnNumber: 19
+                                            }, void 0)
+                                        }, void 0, false, {
+                                            fileName: "src/fields/Array/index.tsx",
+                                            lineNumber: 329,
+                                            columnNumber: 15
+                                        }, this)
+                                    }, void 0, false, {
+                                        fileName: "src/fields/Array/index.tsx",
+                                        lineNumber: 328,
+                                        columnNumber: 13
+                                    }, this),
+                                    fieldHasErrors && fieldErrorCount > 0 && /*#__PURE__*/ _jsxDEV(ErrorPill, {
                                         count: fieldErrorCount,
                                         i18n: i18n,
                                         withMessage: true
-                                    })
+                                    }, void 0, false, {
+                                        fileName: "src/fields/Array/index.tsx",
+                                        lineNumber: 343,
+                                        columnNumber: 15
+                                    }, this)
                                 ]
-                            }),
-                            /*#__PURE__*/ _jsxs("ul", {
+                            }, void 0, true, {
+                                fileName: "src/fields/Array/index.tsx",
+                                lineNumber: 327,
+                                columnNumber: 11
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("ul", {
                                 className: `${baseClass}__header-actions`,
                                 children: [
-                                    rows?.length > 0 && /*#__PURE__*/ _jsxs(Fragment, {
+                                    rows?.length > 0 && /*#__PURE__*/ _jsxDEV(Fragment, {
                                         children: [
-                                            /*#__PURE__*/ _jsx("li", {
-                                                children: /*#__PURE__*/ _jsx("button", {
+                                            /*#__PURE__*/ _jsxDEV("li", {
+                                                children: /*#__PURE__*/ _jsxDEV("button", {
                                                     className: `${baseClass}__header-action`,
                                                     onClick: ()=>toggleCollapseAll(true),
                                                     type: "button",
                                                     children: t('fields:collapseAll')
-                                                })
-                                            }),
-                                            /*#__PURE__*/ _jsx("li", {
-                                                children: /*#__PURE__*/ _jsx("button", {
+                                                }, void 0, false, {
+                                                    fileName: "src/fields/Array/index.tsx",
+                                                    lineNumber: 350,
+                                                    columnNumber: 19
+                                                }, this)
+                                            }, void 0, false, {
+                                                fileName: "src/fields/Array/index.tsx",
+                                                lineNumber: 349,
+                                                columnNumber: 17
+                                            }, this),
+                                            /*#__PURE__*/ _jsxDEV("li", {
+                                                children: /*#__PURE__*/ _jsxDEV("button", {
                                                     className: `${baseClass}__header-action`,
                                                     onClick: ()=>toggleCollapseAll(false),
                                                     type: "button",
                                                     children: t('fields:showAll')
-                                                })
-                                            })
+                                                }, void 0, false, {
+                                                    fileName: "src/fields/Array/index.tsx",
+                                                    lineNumber: 359,
+                                                    columnNumber: 19
+                                                }, this)
+                                            }, void 0, false, {
+                                                fileName: "src/fields/Array/index.tsx",
+                                                lineNumber: 358,
+                                                columnNumber: 17
+                                            }, this)
                                         ]
-                                    }),
-                                    /*#__PURE__*/ _jsx("li", {
-                                        children: /*#__PURE__*/ _jsx(ClipboardAction, {
+                                    }, void 0, true, {
+                                        fileName: "src/fields/Array/index.tsx",
+                                        lineNumber: 348,
+                                        columnNumber: 15
+                                    }, this),
+                                    /*#__PURE__*/ _jsxDEV("li", {
+                                        children: /*#__PURE__*/ _jsxDEV(ClipboardAction, {
                                             allowCopy: rows?.length > 0,
                                             allowPaste: !readOnly,
                                             className: `${baseClass}__header-action`,
@@ -355,29 +403,61 @@ export const ArrayFieldComponent = (props)=>{
                                             onPaste: pasteField,
                                             path: path,
                                             type: type
-                                        })
-                                    })
+                                        }, void 0, false, {
+                                            fileName: "src/fields/Array/index.tsx",
+                                            lineNumber: 370,
+                                            columnNumber: 15
+                                        }, this)
+                                    }, void 0, false, {
+                                        fileName: "src/fields/Array/index.tsx",
+                                        lineNumber: 369,
+                                        columnNumber: 13
+                                    }, this)
                                 ]
-                            })
+                            }, void 0, true, {
+                                fileName: "src/fields/Array/index.tsx",
+                                lineNumber: 346,
+                                columnNumber: 11
+                            }, this)
                         ]
-                    }),
-                    /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                    }, void 0, true, {
+                        fileName: "src/fields/Array/index.tsx",
+                        lineNumber: 326,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                         CustomComponent: Description,
-                        Fallback: /*#__PURE__*/ _jsx(FieldDescription, {
+                        Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
                             description: description,
                             path: path
-                        })
-                    })
+                        }, void 0, false, {
+                            fileName: "src/fields/Array/index.tsx",
+                            lineNumber: 386,
+                            columnNumber: 21
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/fields/Array/index.tsx",
+                        lineNumber: 384,
+                        columnNumber: 9
+                    }, this)
                 ]
-            }),
-            /*#__PURE__*/ _jsx(NullifyLocaleField, {
+            }, void 0, true, {
+                fileName: "src/fields/Array/index.tsx",
+                lineNumber: 325,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(NullifyLocaleField, {
                 fieldValue: value,
                 localized: localized,
                 path: path,
                 readOnly: readOnly
-            }),
+            }, void 0, false, {
+                fileName: "src/fields/Array/index.tsx",
+                lineNumber: 389,
+                columnNumber: 7
+            }, this),
             BeforeInput,
-            (rows?.length > 0 || !valid && (showRequired || showMinRows)) && /*#__PURE__*/ _jsxs(DraggableSortable, {
+            (rows?.length > 0 || !valid && (showRequired || showMinRows)) && /*#__PURE__*/ _jsxDEV(DraggableSortable, {
                 className: `${baseClass}__draggable-rows`,
                 ids: rows.map((row)=>row.id),
                 onDragEnd: ({ moveFromIndex, moveToIndex })=>moveRow(moveFromIndex, moveToIndex),
@@ -386,10 +466,10 @@ export const ArrayFieldComponent = (props)=>{
                         const { id: rowID, isLoading } = rowData;
                         const rowPath = `${path}.${i}`;
                         const rowErrorCount = errorPaths?.filter((errorPath)=>errorPath.startsWith(rowPath + '.')).length;
-                        return /*#__PURE__*/ _jsx(DraggableSortableItem, {
+                        return /*#__PURE__*/ _jsxDEV(DraggableSortableItem, {
                             disabled: readOnly || disabled || !isSortable,
                             id: rowID,
-                            children: (draggableSortableItemProps)=>/*#__PURE__*/ _jsx(ArrayRow, {
+                            children: (draggableSortableItemProps)=>/*#__PURE__*/ _jsxDEV(ArrayRow, {
                                     ...draggableSortableItemProps,
                                     addRow: addRow,
                                     copyRow: copyRow,
@@ -414,28 +494,52 @@ export const ArrayFieldComponent = (props)=>{
                                     rowIndex: i,
                                     schemaPath: schemaPath,
                                     setCollapse: setCollapse
-                                })
-                        }, rowID);
+                                }, void 0, false, {
+                                    fileName: "src/fields/Array/index.tsx",
+                                    lineNumber: 418,
+                                    columnNumber: 19
+                                }, this)
+                        }, rowID, false, {
+                            fileName: "src/fields/Array/index.tsx",
+                            lineNumber: 412,
+                            columnNumber: 15
+                        }, this);
                     }),
-                    !valid && /*#__PURE__*/ _jsxs(React.Fragment, {
+                    !valid && /*#__PURE__*/ _jsxDEV(React.Fragment, {
                         children: [
-                            showRequired && /*#__PURE__*/ _jsx(Banner, {
+                            showRequired && /*#__PURE__*/ _jsxDEV(Banner, {
                                 children: t('validation:fieldHasNo', {
                                     label: getTranslation(labels.plural, i18n)
                                 })
-                            }),
-                            showMinRows && /*#__PURE__*/ _jsx(Banner, {
+                            }, void 0, false, {
+                                fileName: "src/fields/Array/index.tsx",
+                                lineNumber: 451,
+                                columnNumber: 17
+                            }, this),
+                            showMinRows && /*#__PURE__*/ _jsxDEV(Banner, {
                                 type: "error",
                                 children: t('validation:requiresAtLeast', {
                                     count: minRows,
                                     label: getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) || t(minRows > 1 ? 'general:rows' : 'general:row')
                                 })
-                            })
+                            }, void 0, false, {
+                                fileName: "src/fields/Array/index.tsx",
+                                lineNumber: 456,
+                                columnNumber: 17
+                            }, this)
                         ]
-                    })
+                    }, void 0, true, {
+                        fileName: "src/fields/Array/index.tsx",
+                        lineNumber: 449,
+                        columnNumber: 13
+                    }, this)
                 ]
-            }),
-            !hasMaxRows && !readOnly && /*#__PURE__*/ _jsx(Button, {
+            }, void 0, true, {
+                fileName: "src/fields/Array/index.tsx",
+                lineNumber: 397,
+                columnNumber: 9
+            }, this),
+            !hasMaxRows && !readOnly && /*#__PURE__*/ _jsxDEV(Button, {
                 buttonStyle: "icon-label",
                 className: `${baseClass}__add-row`,
                 disabled: disabled,
@@ -448,10 +552,18 @@ export const ArrayFieldComponent = (props)=>{
                 children: t('fields:addLabel', {
                     label: getTranslation(labels.singular, i18n)
                 })
-            }),
+            }, void 0, false, {
+                fileName: "src/fields/Array/index.tsx",
+                lineNumber: 470,
+                columnNumber: 9
+            }, this),
             AfterInput
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/fields/Array/index.tsx",
+        lineNumber: 307,
+        columnNumber: 5
+    }, this);
 };
 export const ArrayField = withCondition(ArrayFieldComponent);