@payloadcms/ui 3.50.0-canary.3 → 3.50.0-internal.759bb98

package/dist/utilities/getDisplayedFieldValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getDisplayedFieldValue.d.ts","sourceRoot":"","sources":["../../src/utilities/getDisplayedFieldValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,aAAc,GAAG,SAAS,WAAW,QAAQ,UAAU,QAgBzF,CAAA"}
+{"version":3,"file":"getDisplayedFieldValue.d.ts","sourceRoot":"","sources":["../../src/utilities/getDisplayedFieldValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAM1C;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,aAAc,GAAG,SAAS,WAAW,QAAQ,UAAU,QAgBzF,CAAA"}

package/dist/utilities/getDisplayedFieldValue.js

@@ -1,5 +1,5 @@
 import { getTranslation } from '@payloadcms/translations';
-import React from 'react';
+import { isValidReactElement } from './isValidReactElement.js';
 /**
  * Returns the appropriate display value for a field.
  * - For select and radio fields:
@@ -14,7 +14,7 @@ export const getDisplayedFieldValue = (cellData, field, i18n) => {
     const selectedOption = field.options.find(opt => typeof opt === 'object' ? opt.value === cellData : opt === cellData);
     if (selectedOption) {
       if (typeof selectedOption === 'object' && 'label' in selectedOption) {
-        return React.isValidElement(selectedOption.label) ? selectedOption.label // Return JSX directly
+        return isValidReactElement(selectedOption.label) ? selectedOption.label // Return JSX directly
         : getTranslation(selectedOption.label, i18n) || selectedOption.value // Use translation or fallback to value
         ;
       }

package/dist/utilities/getDisplayedFieldValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"getDisplayedFieldValue.js","names":["getTranslation","React","getDisplayedFieldValue","cellData","field","i18n","type","Array","isArray","options","selectedOption","find","opt","value","isValidElement","label"],"sources":["../../src/utilities/getDisplayedFieldValue.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientField } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\n/**\n * Returns the appropriate display value for a field.\n * - For select and radio fields:\n *   - Returns JSX elements as-is.\n *   - Translates localized label objects based on the current language.\n *   - Returns string labels directly.\n *   - Falls back to the option value if no valid label is found.\n * - For all other field types, returns `cellData` unchanged.\n */\nexport const getDisplayedFieldValue = (cellData: any, field: ClientField, i18n: I18nClient) => {\n  if ((field?.type === 'select' || field?.type === 'radio') && Array.isArray(field.options)) {\n    const selectedOption = field.options.find((opt) =>\n      typeof opt === 'object' ? opt.value === cellData : opt === cellData,\n    )\n\n    if (selectedOption) {\n      if (typeof selectedOption === 'object' && 'label' in selectedOption) {\n        return React.isValidElement(selectedOption.label)\n          ? selectedOption.label // Return JSX directly\n          : getTranslation(selectedOption.label, i18n) || selectedOption.value // Use translation or fallback to value\n      }\n      return selectedOption // If option is a string, return it directly\n    }\n  }\n  return cellData // Default fallback if no match found\n}\n"],"mappings":"AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB;;;;;;;;;AASA,OAAO,MAAMC,sBAAA,GAAyBA,CAACC,QAAA,EAAeC,KAAA,EAAoBC,IAAA;EACxE,IAAI,CAACD,KAAA,EAAOE,IAAA,KAAS,YAAYF,KAAA,EAAOE,IAAA,KAAS,OAAM,KAAMC,KAAA,CAAMC,OAAO,CAACJ,KAAA,CAAMK,OAAO,GAAG;IACzF,MAAMC,cAAA,GAAiBN,KAAA,CAAMK,OAAO,CAACE,IAAI,CAAEC,GAAA,IACzC,OAAOA,GAAA,KAAQ,WAAWA,GAAA,CAAIC,KAAK,KAAKV,QAAA,GAAWS,GAAA,KAAQT,QAAA;IAG7D,IAAIO,cAAA,EAAgB;MAClB,IAAI,OAAOA,cAAA,KAAmB,YAAY,WAAWA,cAAA,EAAgB;QACnE,OAAOT,KAAA,CAAMa,cAAc,CAACJ,cAAA,CAAeK,KAAK,IAC5CL,cAAA,CAAeK,KAAK,CAAC;QAAA,EACrBf,cAAA,CAAeU,cAAA,CAAeK,KAAK,EAAEV,IAAA,KAASK,cAAA,CAAeG,KAAK,CAAC;QAAA;MACzE;MACA,OAAOH,cAAA,CAAe;MAAA;IACxB;EACF;EACA,OAAOP,QAAA,CAAS;EAAA;AAClB","ignoreList":[]}
+{"version":3,"file":"getDisplayedFieldValue.js","names":["getTranslation","isValidReactElement","getDisplayedFieldValue","cellData","field","i18n","type","Array","isArray","options","selectedOption","find","opt","value","label"],"sources":["../../src/utilities/getDisplayedFieldValue.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientField } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport { isValidReactElement } from './isValidReactElement.js'\n\n/**\n * Returns the appropriate display value for a field.\n * - For select and radio fields:\n *   - Returns JSX elements as-is.\n *   - Translates localized label objects based on the current language.\n *   - Returns string labels directly.\n *   - Falls back to the option value if no valid label is found.\n * - For all other field types, returns `cellData` unchanged.\n */\nexport const getDisplayedFieldValue = (cellData: any, field: ClientField, i18n: I18nClient) => {\n  if ((field?.type === 'select' || field?.type === 'radio') && Array.isArray(field.options)) {\n    const selectedOption = field.options.find((opt) =>\n      typeof opt === 'object' ? opt.value === cellData : opt === cellData,\n    )\n\n    if (selectedOption) {\n      if (typeof selectedOption === 'object' && 'label' in selectedOption) {\n        return isValidReactElement(selectedOption.label)\n          ? selectedOption.label // Return JSX directly\n          : getTranslation(selectedOption.label, i18n) || selectedOption.value // Use translation or fallback to value\n      }\n      return selectedOption // If option is a string, return it directly\n    }\n  }\n  return cellData // Default fallback if no match found\n}\n"],"mappings":"AAGA,SAASA,cAAc,QAAQ;AAE/B,SAASC,mBAAmB,QAAQ;AAEpC;;;;;;;;;AASA,OAAO,MAAMC,sBAAA,GAAyBA,CAACC,QAAA,EAAeC,KAAA,EAAoBC,IAAA;EACxE,IAAI,CAACD,KAAA,EAAOE,IAAA,KAAS,YAAYF,KAAA,EAAOE,IAAA,KAAS,OAAM,KAAMC,KAAA,CAAMC,OAAO,CAACJ,KAAA,CAAMK,OAAO,GAAG;IACzF,MAAMC,cAAA,GAAiBN,KAAA,CAAMK,OAAO,CAACE,IAAI,CAAEC,GAAA,IACzC,OAAOA,GAAA,KAAQ,WAAWA,GAAA,CAAIC,KAAK,KAAKV,QAAA,GAAWS,GAAA,KAAQT,QAAA;IAG7D,IAAIO,cAAA,EAAgB;MAClB,IAAI,OAAOA,cAAA,KAAmB,YAAY,WAAWA,cAAA,EAAgB;QACnE,OAAOT,mBAAA,CAAoBS,cAAA,CAAeI,KAAK,IAC3CJ,cAAA,CAAeI,KAAK,CAAC;QAAA,EACrBd,cAAA,CAAeU,cAAA,CAAeI,KAAK,EAAET,IAAA,KAASK,cAAA,CAAeG,KAAK,CAAC;QAAA;MACzE;MACA,OAAOH,cAAA,CAAe;MAAA;IACxB;EACF;EACA,OAAOP,QAAA,CAAS;EAAA;AAClB","ignoreList":[]}

package/dist/utilities/hasOptionLabelJSXElement.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { isValidReactElement } from './isValidReactElement.js';
 export const hasOptionLabelJSXElement = cellClientProps => {
   const {
     cellData,
@@ -6,7 +6,7 @@ export const hasOptionLabelJSXElement = cellClientProps => {
   } = cellClientProps;
   if ((field?.type === 'select' || field?.type == 'radio') && Array.isArray(field?.options)) {
     const matchingOption = field.options.find(option => typeof option === 'object' && option.value === cellData);
-    if (matchingOption && typeof matchingOption === 'object' && React.isValidElement(matchingOption.label)) {
+    if (matchingOption && typeof matchingOption === 'object' && isValidReactElement(matchingOption.label)) {
       return true;
     }
   }

package/dist/utilities/hasOptionLabelJSXElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"hasOptionLabelJSXElement.js","names":["React","hasOptionLabelJSXElement","cellClientProps","cellData","field","type","Array","isArray","options","matchingOption","find","option","value","isValidElement","label"],"sources":["../../src/utilities/hasOptionLabelJSXElement.ts"],"sourcesContent":["import type { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nexport const hasOptionLabelJSXElement = (cellClientProps: DefaultCellComponentProps) => {\n  const { cellData, field } = cellClientProps\n\n  if ((field?.type === 'select' || field?.type == 'radio') && Array.isArray(field?.options)) {\n    const matchingOption = field.options.find(\n      (option) => typeof option === 'object' && option.value === cellData,\n    )\n\n    if (\n      matchingOption &&\n      typeof matchingOption === 'object' &&\n      React.isValidElement(matchingOption.label)\n    ) {\n      return true\n    }\n  }\n\n  return false\n}\n"],"mappings":"AAEA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,wBAAA,GAA4BC,eAAA;EACvC,MAAM;IAAEC,QAAQ;IAAEC;EAAK,CAAE,GAAGF,eAAA;EAE5B,IAAI,CAACE,KAAA,EAAOC,IAAA,KAAS,YAAYD,KAAA,EAAOC,IAAA,IAAQ,OAAM,KAAMC,KAAA,CAAMC,OAAO,CAACH,KAAA,EAAOI,OAAA,GAAU;IACzF,MAAMC,cAAA,GAAiBL,KAAA,CAAMI,OAAO,CAACE,IAAI,CACtCC,MAAA,IAAW,OAAOA,MAAA,KAAW,YAAYA,MAAA,CAAOC,KAAK,KAAKT,QAAA;IAG7D,IACEM,cAAA,IACA,OAAOA,cAAA,KAAmB,YAC1BT,KAAA,CAAMa,cAAc,CAACJ,cAAA,CAAeK,KAAK,GACzC;MACA,OAAO;IACT;EACF;EAEA,OAAO;AACT","ignoreList":[]}
+{"version":3,"file":"hasOptionLabelJSXElement.js","names":["isValidReactElement","hasOptionLabelJSXElement","cellClientProps","cellData","field","type","Array","isArray","options","matchingOption","find","option","value","label"],"sources":["../../src/utilities/hasOptionLabelJSXElement.ts"],"sourcesContent":["import type { DefaultCellComponentProps } from 'payload'\n\nimport { isValidReactElement } from './isValidReactElement.js'\n\nexport const hasOptionLabelJSXElement = (cellClientProps: DefaultCellComponentProps) => {\n  const { cellData, field } = cellClientProps\n\n  if ((field?.type === 'select' || field?.type == 'radio') && Array.isArray(field?.options)) {\n    const matchingOption = field.options.find(\n      (option) => typeof option === 'object' && option.value === cellData,\n    )\n\n    if (\n      matchingOption &&\n      typeof matchingOption === 'object' &&\n      isValidReactElement(matchingOption.label)\n    ) {\n      return true\n    }\n  }\n\n  return false\n}\n"],"mappings":"AAEA,SAASA,mBAAmB,QAAQ;AAEpC,OAAO,MAAMC,wBAAA,GAA4BC,eAAA;EACvC,MAAM;IAAEC,QAAQ;IAAEC;EAAK,CAAE,GAAGF,eAAA;EAE5B,IAAI,CAACE,KAAA,EAAOC,IAAA,KAAS,YAAYD,KAAA,EAAOC,IAAA,IAAQ,OAAM,KAAMC,KAAA,CAAMC,OAAO,CAACH,KAAA,EAAOI,OAAA,GAAU;IACzF,MAAMC,cAAA,GAAiBL,KAAA,CAAMI,OAAO,CAACE,IAAI,CACtCC,MAAA,IAAW,OAAOA,MAAA,KAAW,YAAYA,MAAA,CAAOC,KAAK,KAAKT,QAAA;IAG7D,IACEM,cAAA,IACA,OAAOA,cAAA,KAAmB,YAC1BT,mBAAA,CAAoBS,cAAA,CAAeI,KAAK,GACxC;MACA,OAAO;IACT;EACF;EAEA,OAAO;AACT","ignoreList":[]}

package/dist/utilities/isValidReactElement.d.ts

@@ -0,0 +1,7 @@
+import { type ReactElement } from 'react';
+/**
+ * Since Next.js 15.4, `React.isValidElement()` returns `false` for components that cross the server-client boundary.
+ * This utility expands on that check so that it returns true for valid React elements.
+ */
+export declare function isValidReactElement<P>(object: {} | null | undefined): object is ReactElement<P>;
+//# sourceMappingURL=isValidReactElement.d.ts.map

package/dist/utilities/isValidReactElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isValidReactElement.d.ts","sourceRoot":"","sources":["../../src/utilities/isValidReactElement.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAIhD;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,IAAI,YAAY,CAAC,CAAC,CAAC,CAE/F"}

package/dist/utilities/isValidReactElement.js

@@ -0,0 +1,10 @@
+import React from 'react';
+const LazyReactComponentSymbol = Symbol.for('react.lazy');
+/**
+ * Since Next.js 15.4, `React.isValidElement()` returns `false` for components that cross the server-client boundary.
+ * This utility expands on that check so that it returns true for valid React elements.
+ */
+export function isValidReactElement(object) {
+  return React.isValidElement(object) || object?.['$$typeof'] === LazyReactComponentSymbol;
+}
+//# sourceMappingURL=isValidReactElement.js.map

package/dist/utilities/isValidReactElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isValidReactElement.js","names":["React","LazyReactComponentSymbol","Symbol","for","isValidReactElement","object","isValidElement"],"sources":["../../src/utilities/isValidReactElement.ts"],"sourcesContent":["import React, { type ReactElement } from 'react'\n\nconst LazyReactComponentSymbol = Symbol.for('react.lazy')\n\n/**\n * Since Next.js 15.4, `React.isValidElement()` returns `false` for components that cross the server-client boundary.\n * This utility expands on that check so that it returns true for valid React elements.\n */\nexport function isValidReactElement<P>(object: {} | null | undefined): object is ReactElement<P> {\n  return React.isValidElement(object) || object?.['$$typeof'] === LazyReactComponentSymbol\n}\n"],"mappings":"AAAA,OAAOA,KAAA,MAAkC;AAEzC,MAAMC,wBAAA,GAA2BC,MAAA,CAAOC,GAAG,CAAC;AAE5C;;;;AAIA,OAAO,SAASC,oBAAuBC,MAA6B;EAClE,OAAOL,KAAA,CAAMM,cAAc,CAACD,MAAA,KAAWA,MAAA,GAAS,WAAW,KAAKJ,wBAAA;AAClE","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "3.50.0-canary.3",
+  "version": "3.50.0-internal.759bb98",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -136,7 +136,7 @@
     "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
     "uuid": "10.0.0",
-    "@payloadcms/translations": "3.50.0-canary.3"
+    "@payloadcms/translations": "3.50.0-internal.759bb98"
   },
   "devDependencies": {
     "@babel/cli": "7.27.2",
@@ -145,20 +145,20 @@
     "@babel/preset-react": "7.27.1",
     "@babel/preset-typescript": "7.27.1",
     "@hyrious/esbuild-plugin-commonjs": "0.2.6",
-    "@types/react": "19.1.0",
-    "@types/react-dom": "19.1.2",
+    "@types/react": "19.1.8",
+    "@types/react-dom": "19.1.6",
     "@types/uuid": "10.0.0",
     "babel-plugin-react-compiler": "19.1.0-rc.2",
     "esbuild": "0.25.5",
     "esbuild-sass-plugin": "3.3.1",
     "@payloadcms/eslint-config": "3.28.0",
-    "payload": "3.50.0-canary.3"
+    "payload": "3.50.0-internal.759bb98"
   },
   "peerDependencies": {
     "next": "^15.2.3",
     "react": "^19.0.0 || ^19.0.0-rc-65a56d0e-20241020",
     "react-dom": "^19.0.0 || ^19.0.0-rc-65a56d0e-20241020",
-    "payload": "3.50.0-canary.3"
+    "payload": "3.50.0-internal.759bb98"
   },
   "engines": {
     "node": "^18.20.2 || >=20.9.0"