@payloadcms/ui 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee

package/dist/elements/WhereBuilder/index.js

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { transformWhereQuery, validateWhereQuery } from 'payload/shared';
 import React, { useMemo } from 'react';
@@ -116,164 +115,60 @@ const baseClass = 'where-builder';
         conditions,
         handleWhereChange
     ]);
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: [
-            conditions.length > 0 && /*#__PURE__*/ _jsxDEV(React.Fragment, {
-                children: [
-                    /*#__PURE__*/ _jsxDEV("p", {
-                        className: `${baseClass}__label`,
-                        children: t('general:filterWhere', {
-                            label: getTranslation(collectionPluralLabel, i18n)
-                        })
-                    }, void 0, false, {
-                        fileName: "src/elements/WhereBuilder/index.tsx",
-                        lineNumber: 136,
-                        columnNumber: 11
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV("ul", {
-                        className: `${baseClass}__or-filters`,
-                        children: conditions.map((or, orIndex)=>{
-                            const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`;
-                            return /*#__PURE__*/ _jsxDEV("li", {
-                                children: [
-                                    orIndex !== 0 && /*#__PURE__*/ _jsxDEV("div", {
-                                        className: `${baseClass}__label`,
-                                        children: t('general:or')
-                                    }, void 0, false, {
-                                        fileName: "src/elements/WhereBuilder/index.tsx",
-                                        lineNumber: 145,
-                                        columnNumber: 37
-                                    }, this),
-                                    /*#__PURE__*/ _jsxDEV("ul", {
-                                        className: `${baseClass}__and-filters`,
-                                        children: Array.isArray(or?.and) && or.and.map((_, andIndex)=>{
-                                            const condition = conditions[orIndex].and[andIndex];
-                                            const fieldPath = Object.keys(condition)[0];
-                                            const operator = Object.keys(condition?.[fieldPath] || {})?.[0] || undefined;
-                                            const value = condition?.[fieldPath]?.[operator] || undefined;
-                                            return /*#__PURE__*/ _jsxDEV("li", {
-                                                children: [
-                                                    andIndex !== 0 && /*#__PURE__*/ _jsxDEV("div", {
-                                                        className: `${baseClass}__label`,
-                                                        children: t('general:and')
-                                                    }, void 0, false, {
-                                                        fileName: "src/elements/WhereBuilder/index.tsx",
-                                                        lineNumber: 160,
-                                                        columnNumber: 31
-                                                    }, this),
-                                                    /*#__PURE__*/ _jsxDEV(Condition, {
-                                                        addCondition: addCondition,
-                                                        andIndex: andIndex,
-                                                        fieldPath: fieldPath,
-                                                        filterOptions: resolvedFilterOptions?.get(fieldPath),
-                                                        operator: operator,
-                                                        orIndex: orIndex,
-                                                        reducedFields: reducedFields,
-                                                        removeCondition: removeCondition,
-                                                        RenderedFilter: renderedFilters?.get(fieldPath),
-                                                        updateCondition: updateCondition,
-                                                        value: value
-                                                    }, void 0, false, {
-                                                        fileName: "src/elements/WhereBuilder/index.tsx",
-                                                        lineNumber: 162,
-                                                        columnNumber: 29
-                                                    }, this)
-                                                ]
-                                            }, andIndex, true, {
-                                                fileName: "src/elements/WhereBuilder/index.tsx",
-                                                lineNumber: 158,
-                                                columnNumber: 27
-                                            }, this);
-                                        })
-                                    }, void 0, false, {
-                                        fileName: "src/elements/WhereBuilder/index.tsx",
-                                        lineNumber: 146,
-                                        columnNumber: 19
-                                    }, this)
-                                ]
-                            }, compoundOrKey, true, {
-                                fileName: "src/elements/WhereBuilder/index.tsx",
-                                lineNumber: 144,
-                                columnNumber: 17
-                            }, this);
-                        })
-                    }, void 0, false, {
-                        fileName: "src/elements/WhereBuilder/index.tsx",
-                        lineNumber: 139,
-                        columnNumber: 11
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV(Button, {
-                        buttonStyle: "icon-label",
-                        className: `${baseClass}__add-or`,
-                        icon: "plus",
-                        iconPosition: "left",
-                        iconStyle: "with-border",
-                        onClick: async ()=>{
-                            await addCondition({
-                                andIndex: 0,
-                                field: reducedFields.find((field)=>!field.field.admin?.disableListFilter),
-                                orIndex: conditions.length,
-                                relation: 'or'
-                            });
-                        },
-                        children: t('general:or')
-                    }, void 0, false, {
-                        fileName: "src/elements/WhereBuilder/index.tsx",
-                        lineNumber: 183,
-                        columnNumber: 11
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/WhereBuilder/index.tsx",
-                lineNumber: 135,
-                columnNumber: 9
-            }, this),
-            conditions.length === 0 && /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__no-filters`,
-                children: [
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__label`,
-                        children: t('general:noFiltersSet')
-                    }, void 0, false, {
-                        fileName: "src/elements/WhereBuilder/index.tsx",
-                        lineNumber: 204,
-                        columnNumber: 11
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV(Button, {
-                        buttonStyle: "icon-label",
-                        className: `${baseClass}__add-first-filter`,
-                        icon: "plus",
-                        iconPosition: "left",
-                        iconStyle: "with-border",
-                        onClick: async ()=>{
-                            if (reducedFields.length > 0) {
-                                await addCondition({
-                                    andIndex: 0,
-                                    field: reducedFields.find((field)=>!field.field.admin?.disableListFilter),
-                                    orIndex: conditions.length,
-                                    relation: 'or'
-                                });
-                            }
-                        },
-                        children: t('general:addFilter')
-                    }, void 0, false, {
-                        fileName: "src/elements/WhereBuilder/index.tsx",
-                        lineNumber: 205,
-                        columnNumber: 11
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/WhereBuilder/index.tsx",
-                lineNumber: 203,
-                columnNumber: 9
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/WhereBuilder/index.tsx",
-        lineNumber: 133,
-        columnNumber: 5
-    }, this);
+    return <div className={baseClass}>
+      {conditions.length > 0 && <React.Fragment>
+          <p className={`${baseClass}__label`}>
+            {t('general:filterWhere', {
+        label: getTranslation(collectionPluralLabel, i18n)
+    })}
+          </p>
+          <ul className={`${baseClass}__or-filters`}>
+            {conditions.map((or, orIndex)=>{
+        const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`;
+        return <li key={compoundOrKey}>
+                  {orIndex !== 0 && <div className={`${baseClass}__label`}>{t('general:or')}</div>}
+                  <ul className={`${baseClass}__and-filters`}>
+                    {Array.isArray(or?.and) && or.and.map((_, andIndex)=>{
+            const condition = conditions[orIndex].and[andIndex];
+            const fieldPath = Object.keys(condition)[0];
+            const operator = Object.keys(condition?.[fieldPath] || {})?.[0] || undefined;
+            const value = condition?.[fieldPath]?.[operator] || undefined;
+            return <li key={andIndex}>
+                            {andIndex !== 0 && <div className={`${baseClass}__label`}>{t('general:and')}</div>}
+                            <Condition addCondition={addCondition} andIndex={andIndex} fieldPath={fieldPath} filterOptions={resolvedFilterOptions?.get(fieldPath)} operator={operator} orIndex={orIndex} reducedFields={reducedFields} removeCondition={removeCondition} RenderedFilter={renderedFilters?.get(fieldPath)} updateCondition={updateCondition} value={value}/>
+                          </li>;
+        })}
+                  </ul>
+                </li>;
+    })}
+          </ul>
+          <Button buttonStyle="icon-label" className={`${baseClass}__add-or`} icon="plus" iconPosition="left" iconStyle="with-border" onClick={async ()=>{
+        await addCondition({
+            andIndex: 0,
+            field: reducedFields.find((field)=>!field.field.admin?.disableListFilter),
+            orIndex: conditions.length,
+            relation: 'or'
+        });
+    }}>
+            {t('general:or')}
+          </Button>
+        </React.Fragment>}
+      {conditions.length === 0 && <div className={`${baseClass}__no-filters`}>
+          <div className={`${baseClass}__label`}>{t('general:noFiltersSet')}</div>
+          <Button buttonStyle="icon-label" className={`${baseClass}__add-first-filter`} icon="plus" iconPosition="left" iconStyle="with-border" onClick={async ()=>{
+        if (reducedFields.length > 0) {
+            await addCondition({
+                andIndex: 0,
+                field: reducedFields.find((field)=>!field.field.admin?.disableListFilter),
+                orIndex: conditions.length,
+                relation: 'or'
+            });
+        }
+    }}>
+            {t('general:addFilter')}
+          </Button>
+        </div>}
+    </div>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/WhereBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { Operator } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { transformWhereQuery, validateWhereQuery } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport type { AddCondition, RemoveCondition, UpdateCondition, WhereBuilderProps } from './types.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { Button } from '../Button/index.js'\nimport { Condition } from './Condition/index.js'\nimport { fieldTypeConditions, getValidFieldOperators } from './field-types.js'\nimport './index.scss'\n\nconst baseClass = 'where-builder'\n\nexport { WhereBuilderProps }\n\n/**\n * The WhereBuilder component is used to render the filter controls for a collection's list view.\n * It is part of the {@link ListControls} component which is used to render the controls (search, filter, where).\n */\nexport const WhereBuilder: React.FC<WhereBuilderProps> = (props) => {\n  const { collectionPluralLabel, collectionSlug, fields, renderedFilters, resolvedFilterOptions } =\n    props\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields,\n        i18n,\n      }),\n    [fieldPermissions, fields, i18n],\n  )\n\n  const { handleWhereChange, query } = useListQuery()\n\n  const conditions = useMemo(() => {\n    const whereFromSearch = query.where\n\n    if (whereFromSearch) {\n      if (validateWhereQuery(whereFromSearch)) {\n        return whereFromSearch.or\n      }\n\n      // Transform the where query to be in the right format. This will transform something simple like [text][equals]=example%20post to the right format\n      const transformedWhere = transformWhereQuery(whereFromSearch)\n\n      if (validateWhereQuery(transformedWhere)) {\n        return transformedWhere.or\n      }\n\n      console.warn(`Invalid where query in URL: ${JSON.stringify(whereFromSearch)}`) // eslint-disable-line no-console\n    }\n\n    return []\n  }, [query.where])\n\n  const addCondition: AddCondition = React.useCallback(\n    async ({ andIndex, field, orIndex, relation }) => {\n      const newConditions = [...conditions]\n\n      const defaultOperator = fieldTypeConditions[field.field.type].operators[0].value\n\n      if (relation === 'and') {\n        newConditions[orIndex].and.splice(andIndex, 0, {\n          [String(field.value)]: {\n            [defaultOperator]: undefined,\n          },\n        })\n      } else {\n        newConditions.push({\n          and: [\n            {\n              [String(field.value)]: {\n                [defaultOperator]: undefined,\n              },\n            },\n          ],\n        })\n      }\n\n      await handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const updateCondition: UpdateCondition = React.useCallback(\n    async ({ andIndex, field, operator: incomingOperator, orIndex, value }) => {\n      const existingCondition = conditions[orIndex].and[andIndex]\n\n      if (typeof existingCondition === 'object' && field.value) {\n        const { validOperator } = getValidFieldOperators({\n          field: field.field,\n          operator: incomingOperator,\n        })\n        const newRowCondition = {\n          [String(field.value)]: { [validOperator]: value },\n        }\n\n        const newConditions = [...conditions]\n        newConditions[orIndex].and[andIndex] = newRowCondition\n        await handleWhereChange({ or: newConditions })\n      }\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const removeCondition: RemoveCondition = React.useCallback(\n    async ({ andIndex, orIndex }) => {\n      const newConditions = [...conditions]\n      newConditions[orIndex].and.splice(andIndex, 1)\n\n      if (newConditions[orIndex].and.length === 0) {\n        newConditions.splice(orIndex, 1)\n      }\n\n      await handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  return (\n    <div className={baseClass}>\n      {conditions.length > 0 && (\n        <React.Fragment>\n          <p className={`${baseClass}__label`}>\n            {t('general:filterWhere', { label: getTranslation(collectionPluralLabel, i18n) })}\n          </p>\n          <ul className={`${baseClass}__or-filters`}>\n            {conditions.map((or, orIndex) => {\n              const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`\n\n              return (\n                <li key={compoundOrKey}>\n                  {orIndex !== 0 && <div className={`${baseClass}__label`}>{t('general:or')}</div>}\n                  <ul className={`${baseClass}__and-filters`}>\n                    {Array.isArray(or?.and) &&\n                      or.and.map((_, andIndex) => {\n                        const condition = conditions[orIndex].and[andIndex]\n                        const fieldPath = Object.keys(condition)[0]\n\n                        const operator =\n                          (Object.keys(condition?.[fieldPath] || {})?.[0] as Operator) || undefined\n\n                        const value = condition?.[fieldPath]?.[operator] || undefined\n\n                        return (\n                          <li key={andIndex}>\n                            {andIndex !== 0 && (\n                              <div className={`${baseClass}__label`}>{t('general:and')}</div>\n                            )}\n                            <Condition\n                              addCondition={addCondition}\n                              andIndex={andIndex}\n                              fieldPath={fieldPath}\n                              filterOptions={resolvedFilterOptions?.get(fieldPath)}\n                              operator={operator}\n                              orIndex={orIndex}\n                              reducedFields={reducedFields}\n                              removeCondition={removeCondition}\n                              RenderedFilter={renderedFilters?.get(fieldPath)}\n                              updateCondition={updateCondition}\n                              value={value}\n                            />\n                          </li>\n                        )\n                      })}\n                  </ul>\n                </li>\n              )\n            })}\n          </ul>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-or`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={async () => {\n              await addCondition({\n                andIndex: 0,\n                field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                orIndex: conditions.length,\n                relation: 'or',\n              })\n            }}\n          >\n            {t('general:or')}\n          </Button>\n        </React.Fragment>\n      )}\n      {conditions.length === 0 && (\n        <div className={`${baseClass}__no-filters`}>\n          <div className={`${baseClass}__label`}>{t('general:noFiltersSet')}</div>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-first-filter`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={async () => {\n              if (reducedFields.length > 0) {\n                await addCondition({\n                  andIndex: 0,\n                  field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                  orIndex: conditions.length,\n                  relation: 'or',\n                })\n              }\n            }}\n          >\n            {t('general:addFilter')}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["getTranslation","transformWhereQuery","validateWhereQuery","React","useMemo","useAuth","useListQuery","useTranslation","reduceFieldsToOptions","Button","Condition","fieldTypeConditions","getValidFieldOperators","baseClass","WhereBuilder","props","collectionPluralLabel","collectionSlug","fields","renderedFilters","resolvedFilterOptions","i18n","t","permissions","fieldPermissions","collections","reducedFields","handleWhereChange","query","conditions","whereFromSearch","where","or","transformedWhere","console","warn","JSON","stringify","addCondition","useCallback","andIndex","field","orIndex","relation","newConditions","defaultOperator","type","operators","value","and","splice","String","undefined","push","updateCondition","operator","incomingOperator","existingCondition","validOperator","newRowCondition","removeCondition","length","div","className","Fragment","p","label","ul","map","compoundOrKey","Array","isArray","li","_","condition","fieldPath","Object","keys","filterOptions","get","RenderedFilter","buttonStyle","icon","iconPosition","iconStyle","onClick","find","admin","disableListFilter"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/WhereBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { Operator } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { transformWhereQuery, validateWhereQuery } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport type { AddCondition, RemoveCondition, UpdateCondition, WhereBuilderProps } from './types.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { Button } from '../Button/index.js'\nimport { Condition } from './Condition/index.js'\nimport { fieldTypeConditions, getValidFieldOperators } from './field-types.js'\nimport './index.scss'\n\nconst baseClass = 'where-builder'\n\nexport { WhereBuilderProps }\n\n/**\n * The WhereBuilder component is used to render the filter controls for a collection's list view.\n * It is part of the {@link ListControls} component which is used to render the controls (search, filter, where).\n */\nexport const WhereBuilder: React.FC<WhereBuilderProps> = (props) => {\n  const { collectionPluralLabel, collectionSlug, fields, renderedFilters, resolvedFilterOptions } =\n    props\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields,\n        i18n,\n      }),\n    [fieldPermissions, fields, i18n],\n  )\n\n  const { handleWhereChange, query } = useListQuery()\n\n  const conditions = useMemo(() => {\n    const whereFromSearch = query.where\n\n    if (whereFromSearch) {\n      if (validateWhereQuery(whereFromSearch)) {\n        return whereFromSearch.or\n      }\n\n      // Transform the where query to be in the right format. This will transform something simple like [text][equals]=example%20post to the right format\n      const transformedWhere = transformWhereQuery(whereFromSearch)\n\n      if (validateWhereQuery(transformedWhere)) {\n        return transformedWhere.or\n      }\n\n      console.warn(`Invalid where query in URL: ${JSON.stringify(whereFromSearch)}`) // eslint-disable-line no-console\n    }\n\n    return []\n  }, [query.where])\n\n  const addCondition: AddCondition = React.useCallback(\n    async ({ andIndex, field, orIndex, relation }) => {\n      const newConditions = [...conditions]\n\n      const defaultOperator = fieldTypeConditions[field.field.type].operators[0].value\n\n      if (relation === 'and') {\n        newConditions[orIndex].and.splice(andIndex, 0, {\n          [String(field.value)]: {\n            [defaultOperator]: undefined,\n          },\n        })\n      } else {\n        newConditions.push({\n          and: [\n            {\n              [String(field.value)]: {\n                [defaultOperator]: undefined,\n              },\n            },\n          ],\n        })\n      }\n\n      await handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const updateCondition: UpdateCondition = React.useCallback(\n    async ({ andIndex, field, operator: incomingOperator, orIndex, value }) => {\n      const existingCondition = conditions[orIndex].and[andIndex]\n\n      if (typeof existingCondition === 'object' && field.value) {\n        const { validOperator } = getValidFieldOperators({\n          field: field.field,\n          operator: incomingOperator,\n        })\n        const newRowCondition = {\n          [String(field.value)]: { [validOperator]: value },\n        }\n\n        const newConditions = [...conditions]\n        newConditions[orIndex].and[andIndex] = newRowCondition\n        await handleWhereChange({ or: newConditions })\n      }\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const removeCondition: RemoveCondition = React.useCallback(\n    async ({ andIndex, orIndex }) => {\n      const newConditions = [...conditions]\n      newConditions[orIndex].and.splice(andIndex, 1)\n\n      if (newConditions[orIndex].and.length === 0) {\n        newConditions.splice(orIndex, 1)\n      }\n\n      await handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  return (\n    <div className={baseClass}>\n      {conditions.length > 0 && (\n        <React.Fragment>\n          <p className={`${baseClass}__label`}>\n            {t('general:filterWhere', { label: getTranslation(collectionPluralLabel, i18n) })}\n          </p>\n          <ul className={`${baseClass}__or-filters`}>\n            {conditions.map((or, orIndex) => {\n              const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`\n\n              return (\n                <li key={compoundOrKey}>\n                  {orIndex !== 0 && <div className={`${baseClass}__label`}>{t('general:or')}</div>}\n                  <ul className={`${baseClass}__and-filters`}>\n                    {Array.isArray(or?.and) &&\n                      or.and.map((_, andIndex) => {\n                        const condition = conditions[orIndex].and[andIndex]\n                        const fieldPath = Object.keys(condition)[0]\n\n                        const operator =\n                          (Object.keys(condition?.[fieldPath] || {})?.[0] as Operator) || undefined\n\n                        const value = condition?.[fieldPath]?.[operator] || undefined\n\n                        return (\n                          <li key={andIndex}>\n                            {andIndex !== 0 && (\n                              <div className={`${baseClass}__label`}>{t('general:and')}</div>\n                            )}\n                            <Condition\n                              addCondition={addCondition}\n                              andIndex={andIndex}\n                              fieldPath={fieldPath}\n                              filterOptions={resolvedFilterOptions?.get(fieldPath)}\n                              operator={operator}\n                              orIndex={orIndex}\n                              reducedFields={reducedFields}\n                              removeCondition={removeCondition}\n                              RenderedFilter={renderedFilters?.get(fieldPath)}\n                              updateCondition={updateCondition}\n                              value={value}\n                            />\n                          </li>\n                        )\n                      })}\n                  </ul>\n                </li>\n              )\n            })}\n          </ul>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-or`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={async () => {\n              await addCondition({\n                andIndex: 0,\n                field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                orIndex: conditions.length,\n                relation: 'or',\n              })\n            }}\n          >\n            {t('general:or')}\n          </Button>\n        </React.Fragment>\n      )}\n      {conditions.length === 0 && (\n        <div className={`${baseClass}__no-filters`}>\n          <div className={`${baseClass}__label`}>{t('general:noFiltersSet')}</div>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-first-filter`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={async () => {\n              if (reducedFields.length > 0) {\n                await addCondition({\n                  andIndex: 0,\n                  field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                  orIndex: conditions.length,\n                  relation: 'or',\n                })\n              }\n            }}\n          >\n            {t('general:addFilter')}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["getTranslation","transformWhereQuery","validateWhereQuery","React","useMemo","useAuth","useListQuery","useTranslation","reduceFieldsToOptions","Button","Condition","fieldTypeConditions","getValidFieldOperators","baseClass","WhereBuilder","props","collectionPluralLabel","collectionSlug","fields","renderedFilters","resolvedFilterOptions","i18n","t","permissions","fieldPermissions","collections","reducedFields","handleWhereChange","query","conditions","whereFromSearch","where","or","transformedWhere","console","warn","JSON","stringify","addCondition","useCallback","andIndex","field","orIndex","relation","newConditions","defaultOperator","type","operators","value","and","splice","String","undefined","push","updateCondition","operator","incomingOperator","existingCondition","validOperator","newRowCondition","removeCondition","length","div","className","Fragment","p","label","ul","map","compoundOrKey","Array","isArray","li","key","_","condition","fieldPath","Object","keys","filterOptions","get","RenderedFilter","buttonStyle","icon","iconPosition","iconStyle","onClick","find","admin","disableListFilter"],"mappings":"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"}

package/dist/elements/WithServerSideProps/index.js

@@ -1,6 +1,4 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { isReactServerComponentOrFunction } from 'payload/shared';
-import React from 'react';
 export const WithServerSideProps = ({ Component, serverOnlyProps, ...rest })=>{
     if (Component) {
         const WithServerSideProps = (passedProps)=>{
@@ -8,13 +6,7 @@ export const WithServerSideProps = ({ Component, serverOnlyProps, ...rest })=>{
                 ...passedProps,
                 ...isReactServerComponentOrFunction(Component) ? serverOnlyProps ?? {} : {}
             };
-            return /*#__PURE__*/ _jsxDEV(Component, {
-                ...propsWithServerOnlyProps
-            }, void 0, false, {
-                fileName: "src/elements/WithServerSideProps/index.tsx",
-                lineNumber: 18,
-                columnNumber: 14
-            }, this);
+            return <Component {...propsWithServerOnlyProps}/>;
         };
         return WithServerSideProps(rest);
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/WithServerSideProps/index.tsx"],"sourcesContent":["import type { WithServerSidePropsComponent } from 'payload'\n\nimport { isReactServerComponentOrFunction } from 'payload/shared'\nimport React from 'react'\n\nexport const WithServerSideProps: WithServerSidePropsComponent = ({\n  Component,\n  serverOnlyProps,\n  ...rest\n}) => {\n  if (Component) {\n    const WithServerSideProps: React.FC = (passedProps) => {\n      const propsWithServerOnlyProps = {\n        ...passedProps,\n        ...(isReactServerComponentOrFunction(Component) ? (serverOnlyProps ?? {}) : {}),\n      }\n\n      return <Component {...propsWithServerOnlyProps} />\n    }\n\n    return WithServerSideProps(rest)\n  }\n\n  return null\n}\n"],"names":["isReactServerComponentOrFunction","React","WithServerSideProps","Component","serverOnlyProps","rest","passedProps","propsWithServerOnlyProps"],"mappings":";AAEA,SAASA,gCAAgC,QAAQ,iBAAgB;AACjE,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,sBAAoD,CAAC,EAChEC,SAAS,EACTC,eAAe,EACf,GAAGC,MACJ;IACC,IAAIF,WAAW;QACb,MAAMD,sBAAgC,CAACI;YACrC,MAAMC,2BAA2B;gBAC/B,GAAGD,WAAW;gBACd,GAAIN,iCAAiCG,aAAcC,mBAAmB,CAAC,IAAK,CAAC,CAAC;YAChF;YAEA,qBAAO,QAACD;gBAAW,GAAGI,wBAAwB;;;;;;QAChD;QAEA,OAAOL,oBAAoBG;IAC7B;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../src/elements/WithServerSideProps/index.tsx"],"sourcesContent":["import type { WithServerSidePropsComponent } from 'payload'\n\nimport { isReactServerComponentOrFunction } from 'payload/shared'\nimport React from 'react'\n\nexport const WithServerSideProps: WithServerSidePropsComponent = ({\n  Component,\n  serverOnlyProps,\n  ...rest\n}) => {\n  if (Component) {\n    const WithServerSideProps: React.FC = (passedProps) => {\n      const propsWithServerOnlyProps = {\n        ...passedProps,\n        ...(isReactServerComponentOrFunction(Component) ? (serverOnlyProps ?? {}) : {}),\n      }\n\n      return <Component {...propsWithServerOnlyProps} />\n    }\n\n    return WithServerSideProps(rest)\n  }\n\n  return null\n}\n"],"names":["isReactServerComponentOrFunction","WithServerSideProps","Component","serverOnlyProps","rest","passedProps","propsWithServerOnlyProps"],"mappings":"AAEA,SAASA,gCAAgC,QAAQ,iBAAgB;AAGjE,OAAO,MAAMC,sBAAoD,CAAC,EAChEC,SAAS,EACTC,eAAe,EACf,GAAGC,MACJ;IACC,IAAIF,WAAW;QACb,MAAMD,sBAAgC,CAACI;YACrC,MAAMC,2BAA2B;gBAC/B,GAAGD,WAAW;gBACd,GAAIL,iCAAiCE,aAAcC,mBAAmB,CAAC,IAAK,CAAC,CAAC;YAChF;YAEA,QAAQD,WAAW,GAAGI,wBAAwB;QAChD;QAEA,OAAOL,oBAAoBG;IAC7B;IAEA,OAAO;AACT,EAAC"}

package/dist/elements/withMergedProps/index.js

@@ -1,6 +1,4 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { isReactServerComponentOrFunction, serverProps } from 'payload/shared';
-import React from 'react';
 /**
  * Creates a higher-order component (HOC) that merges predefined properties (`toMergeIntoProps`)
  * with any properties passed to the resulting component.
@@ -34,13 +32,7 @@ import React from 'react';
                 delete mergedProps[prop];
             });
         }
-        return /*#__PURE__*/ _jsxDEV(Component, {
-            ...mergedProps
-        }, void 0, false, {
-            fileName: "src/elements/withMergedProps/index.tsx",
-            lineNumber: 48,
-            columnNumber: 12
-        }, this);
+        return <Component {...mergedProps}/>;
     };
     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,QAACT;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","withMergedProps","Component","sanitizeServerOnlyProps","toMergeIntoProps","undefined","MergedPropsComponent","passedProps","mergedProps","simpleMergeProps","forEach","prop","props","toMerge"],"mappings":"AAAA,SAASA,gCAAgC,EAAEC,WAAW,QAAQ,iBAAgB;AAG9E;;;;;;;;;;;;;;;;;;;;;CAqBC,GACD,OAAO,SAASC,gBAAuD,EACrEC,SAAS,EACTC,uBAAuB,EACvBC,gBAAgB,EAKjB;IACC,IAAID,4BAA4BE,WAAW;QACzCF,0BAA0B,CAACJ,iCAAiCG;IAC9D;IACA,sHAAsH;IACtH,MAAMI,uBAAsD,CAACC;QAC3D,MAAMC,cAAcC,iBAAiBF,aAAaH;QAElD,IAAID,yBAAyB;YAC3BH,YAAYU,OAAO,CAAC,CAACC;gBACnB,OAAOH,WAAW,CAACG,KAAK;YAC1B;QACF;QAEA,QAAQT,WAAW,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,7 +1,5 @@
 'use client';
-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';
 import { Collapsible } from '../../elements/Collapsible/index.js';
 import { ErrorPill } from '../../elements/ErrorPill/index.js';
@@ -23,104 +21,22 @@ export const ArrayRow = ({ addRow, attributes, copyRow, CustomRowLabel, duplicat
         `${baseClass}__row`,
         fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _jsxDEV("div", {
-        id: `${parentPath.split('.').join('-')}-row-${rowIndex}`,
-        ref: setNodeRef,
-        style: {
-            transform,
-            transition,
-            zIndex: isDragging ? 1 : undefined
-        },
-        children: /*#__PURE__*/ _jsxDEV(Collapsible, {
-            actions: !readOnly ? /*#__PURE__*/ _jsxDEV(ArrayAction, {
-                addRow: addRow,
-                copyRow: copyRow,
-                duplicateRow: duplicateRow,
-                hasMaxRows: hasMaxRows,
-                index: rowIndex,
-                isSortable: isSortable,
-                moveRow: moveRow,
-                pasteRow: pasteRow,
-                removeRow: removeRow,
-                rowCount: rowCount
-            }, void 0, false, {
-                fileName: "src/fields/Array/ArrayRow.tsx",
-                lineNumber: 118,
-                columnNumber: 13
-            }, void 0) : undefined,
-            className: classNames,
-            collapsibleStyle: fieldHasErrors ? 'error' : 'default',
-            dragHandleProps: isSortable ? {
-                id: row.id,
-                attributes,
-                listeners
-            } : undefined,
-            header: /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__row-header`,
-                children: [
-                    isLoading ? /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
-                        height: "1rem",
-                        width: "8rem"
-                    }, 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
-                    }, 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__*/ _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,
-                margins: "small",
-                parentIndexPath: "",
-                parentPath: path,
-                parentSchemaPath: schemaPath,
-                permissions: permissions === true ? permissions : permissions?.fields,
-                readOnly: readOnly
-            }, 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);
+    return <div id={`${parentPath.split('.').join('-')}-row-${rowIndex}`} key={`${parentPath}-row-${row.id}`} ref={setNodeRef} style={{
+        transform,
+        transition,
+        zIndex: isDragging ? 1 : undefined
+    }}>
+      <Collapsible actions={!readOnly ? <ArrayAction addRow={addRow} copyRow={copyRow} duplicateRow={duplicateRow} hasMaxRows={hasMaxRows} index={rowIndex} isSortable={isSortable} moveRow={moveRow} pasteRow={pasteRow} removeRow={removeRow} rowCount={rowCount}/> : undefined} className={classNames} collapsibleStyle={fieldHasErrors ? 'error' : 'default'} dragHandleProps={isSortable ? {
+        id: row.id,
+        attributes,
+        listeners
+    } : undefined} header={<div className={`${baseClass}__row-header`}>
+            {isLoading ? <ShimmerEffect height="1rem" width="8rem"/> : <RowLabel CustomComponent={CustomRowLabel} label={fallbackLabel} path={path} rowNumber={rowIndex}/>}
+            {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage/>}
+          </div>} isCollapsed={row.collapsed} onToggle={(collapsed)=>setCollapse(row.id, collapsed)}>
+        {isLoading ? <ShimmerEffect/> : <RenderFields className={`${baseClass}__fields`} fields={fields} forceRender={forceRender} margins="small" parentIndexPath="" parentPath={path} parentSchemaPath={schemaPath} permissions={permissions === true ? permissions : permissions?.fields} readOnly={readOnly}/>}
+      </Collapsible>
+    </div>;
 };
 
 //# 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","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","key","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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"}