@payloadcms/plugin-form-builder 3.0.0-beta.34 → 3.0.0-beta.36

package/dist/collections/Forms/DynamicFieldSelector.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Select } from '@payloadcms/ui/fields/Select';
 import { useForm } from '@payloadcms/ui/forms/Form';
 import React, { useEffect, useState } from 'react';
@@ -26,7 +27,7 @@ export const DynamicFieldSelector = (props)=>{
     ]);
     // TODO: label from config is Record<string, string> | false | string
     //  but the FormFieldBase type has only label?: string, changing FormFieldBase breaks other ui components
-    return /*#__PURE__*/ React.createElement(Select, {
+    return /*#__PURE__*/ _jsx(Select, {
         ...props,
         options: options
     });

package/dist/collections/Forms/DynamicFieldSelector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/collections/Forms/DynamicFieldSelector.tsx"],"sourcesContent":["'use client'\n\nimport type { TextFieldProps } from '@payloadcms/ui/fields/Text'\n\nimport { Select } from '@payloadcms/ui/fields/Select'\nimport { useForm } from '@payloadcms/ui/forms/Form'\nimport React, { useEffect, useState } from 'react'\n\nimport type { SelectFieldOption } from '../../types.js'\n\nexport const DynamicFieldSelector: React.FC<TextFieldProps> = (props) => {\n  const { fields, getDataByPath } = useForm()\n\n  const [options, setOptions] = useState<SelectFieldOption[]>([])\n\n  useEffect(() => {\n    const fields: any[] = getDataByPath('fields')\n\n    if (fields) {\n      const allNonPaymentFields = fields\n        .map((block): SelectFieldOption | null => {\n          const { name, blockType, label } = block\n\n          if (blockType !== 'payment') {\n            return {\n              label,\n              value: name,\n            }\n          }\n\n          return null\n        })\n        .filter(Boolean)\n      setOptions(allNonPaymentFields)\n    }\n  }, [fields, getDataByPath])\n\n  // TODO: label from config is Record<string, string> | false | string\n  //  but the FormFieldBase type has only label?: string, changing FormFieldBase breaks other ui components\n  return <Select {...props} options={options} />\n}\n"],"names":["Select","useForm","React","useEffect","useState","DynamicFieldSelector","props","fields","getDataByPath","options","setOptions","allNonPaymentFields","map","block","name","blockType","label","value","filter","Boolean"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,MAAM,QAAQ,+BAA8B;AACrD,SAASC,OAAO,QAAQ,4BAA2B;AACnD,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAIlD,OAAO,MAAMC,uBAAiD,CAACC;IAC7D,MAAM,EAAEC,MAAM,EAAEC,aAAa,EAAE,GAAGP;IAElC,MAAM,CAACQ,SAASC,WAAW,GAAGN,SAA8B,EAAE;IAE9DD,UAAU;QACR,MAAMI,SAAgBC,cAAc;QAEpC,IAAID,QAAQ;YACV,MAAMI,sBAAsBJ,OACzBK,GAAG,CAAC,CAACC;gBACJ,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGH;gBAEnC,IAAIE,cAAc,WAAW;oBAC3B,OAAO;wBACLC;wBACAC,OAAOH;oBACT;gBACF;gBAEA,OAAO;YACT,GACCI,MAAM,CAACC;YACVT,WAAWC;QACb;IACF,GAAG;QAACJ;QAAQC;KAAc;IAE1B,qEAAqE;IACrE,yGAAyG;IACzG,qBAAO,oBAACR;QAAQ,GAAGM,KAAK;QAAEG,SAASA;;AACrC,EAAC"}
+{"version":3,"sources":["../../../src/collections/Forms/DynamicFieldSelector.tsx"],"sourcesContent":["'use client'\n\nimport type { TextFieldProps } from '@payloadcms/ui/fields/Text'\n\nimport { Select } from '@payloadcms/ui/fields/Select'\nimport { useForm } from '@payloadcms/ui/forms/Form'\nimport React, { useEffect, useState } from 'react'\n\nimport type { SelectFieldOption } from '../../types.js'\n\nexport const DynamicFieldSelector: React.FC<TextFieldProps> = (props) => {\n  const { fields, getDataByPath } = useForm()\n\n  const [options, setOptions] = useState<SelectFieldOption[]>([])\n\n  useEffect(() => {\n    const fields: any[] = getDataByPath('fields')\n\n    if (fields) {\n      const allNonPaymentFields = fields\n        .map((block): SelectFieldOption | null => {\n          const { name, blockType, label } = block\n\n          if (blockType !== 'payment') {\n            return {\n              label,\n              value: name,\n            }\n          }\n\n          return null\n        })\n        .filter(Boolean)\n      setOptions(allNonPaymentFields)\n    }\n  }, [fields, getDataByPath])\n\n  // TODO: label from config is Record<string, string> | false | string\n  //  but the FormFieldBase type has only label?: string, changing FormFieldBase breaks other ui components\n  return <Select {...props} options={options} />\n}\n"],"names":["Select","useForm","React","useEffect","useState","DynamicFieldSelector","props","fields","getDataByPath","options","setOptions","allNonPaymentFields","map","block","name","blockType","label","value","filter","Boolean"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAIA,SAASA,MAAM,QAAQ,+BAA8B;AACrD,SAASC,OAAO,QAAQ,4BAA2B;AACnD,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAIlD,OAAO,MAAMC,uBAAiD,CAACC;IAC7D,MAAM,EAAEC,MAAM,EAAEC,aAAa,EAAE,GAAGP;IAElC,MAAM,CAACQ,SAASC,WAAW,GAAGN,SAA8B,EAAE;IAE9DD,UAAU;QACR,MAAMI,SAAgBC,cAAc;QAEpC,IAAID,QAAQ;YACV,MAAMI,sBAAsBJ,OACzBK,GAAG,CAAC,CAACC;gBACJ,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGH;gBAEnC,IAAIE,cAAc,WAAW;oBAC3B,OAAO;wBACLC;wBACAC,OAAOH;oBACT;gBACF;gBAEA,OAAO;YACT,GACCI,MAAM,CAACC;YACVT,WAAWC;QACb;IACF,GAAG;QAACJ;QAAQC;KAAc;IAE1B,qEAAqE;IACrE,yGAAyG;IACzG,qBAAO,KAACR;QAAQ,GAAGM,KAAK;QAAEG,SAASA;;AACrC,EAAC"}

package/dist/collections/Forms/DynamicPriceSelector.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from '@payloadcms/ui/fields/Text';
 import { useWatchForm } from '@payloadcms/ui/forms/Form';
 import { useLocale } from '@payloadcms/ui/providers/Locale';
@@ -33,7 +34,9 @@ export const DynamicPriceSelector = (props)=>{
     ]);
     // TODO: make this a number field, block by Payload
     if (valueType === 'static') {
-        return /*#__PURE__*/ React.createElement(Text, props);
+        return /*#__PURE__*/ _jsx(Text, {
+            ...props
+        });
     }
     const localeCode = typeof locale === 'object' && 'code' in locale ? locale.code : locale;
     const localLabels = typeof label === 'object' ? label : {
@@ -41,11 +44,19 @@ export const DynamicPriceSelector = (props)=>{
     };
     const labelValue = localLabels[localeCode] || localLabels['en'] || '';
     if (valueType === 'valueOfField' && !isNumberField) {
-        return /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("div", null, String(labelValue)), /*#__PURE__*/ React.createElement("div", {
-            style: {
-                color: '#9A9A9A'
-            }
-        }, "The selected field must be a number field."));
+        return /*#__PURE__*/ _jsxs("div", {
+            children: [
+                /*#__PURE__*/ _jsx("div", {
+                    children: String(labelValue)
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    style: {
+                        color: '#9A9A9A'
+                    },
+                    children: "The selected field must be a number field."
+                })
+            ]
+        });
     }
     return null;
 };

package/dist/collections/Forms/DynamicPriceSelector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/collections/Forms/DynamicPriceSelector.tsx"],"sourcesContent":["'use client'\n\nimport type { TextFieldProps } from '@payloadcms/ui/fields/Text'\nimport type { Data } from 'payload/types'\n\nimport { Text } from '@payloadcms/ui/fields/Text'\nimport { useWatchForm } from '@payloadcms/ui/forms/Form'\nimport { useLocale } from '@payloadcms/ui/providers/Locale'\nimport React, { useEffect, useState } from 'react'\n\ntype FieldWithID = {\n  id: string\n  name: string\n}\n\nexport const DynamicPriceSelector: React.FC<TextFieldProps> = (props) => {\n  const { label, path } = props\n\n  const { fields, getData, getDataByPath } = useWatchForm()\n\n  const locale = useLocale()\n\n  const [isNumberField, setIsNumberField] = useState<boolean>()\n  const [valueType, setValueType] = useState<'static' | 'valueOfField'>()\n\n  // only number fields can use 'valueOfField`\n  useEffect(() => {\n    if (path) {\n      const parentPath = path.split('.').slice(0, -1).join('.')\n      const paymentFieldData: any = getDataByPath(parentPath)\n\n      if (paymentFieldData) {\n        const { fieldToUse, valueType } = paymentFieldData\n\n        setValueType(valueType)\n\n        const { fields: allFields }: Data = getData()\n        const field = allFields.find((field: FieldWithID) => field.name === fieldToUse)\n\n        if (field) {\n          const { blockType } = field\n          setIsNumberField(blockType === 'number')\n        }\n      }\n    }\n  }, [fields, path, getDataByPath, getData])\n\n  // TODO: make this a number field, block by Payload\n  if (valueType === 'static') {\n    return <Text {...props} />\n  }\n\n  const localeCode = typeof locale === 'object' && 'code' in locale ? locale.code : locale\n\n  const localLabels = typeof label === 'object' ? label : { [localeCode]: label }\n\n  const labelValue = localLabels[localeCode] || localLabels['en'] || ''\n\n  if (valueType === 'valueOfField' && !isNumberField) {\n    return (\n      <div>\n        <div>{String(labelValue)}</div>\n        <div\n          style={{\n            color: '#9A9A9A',\n          }}\n        >\n          The selected field must be a number field.\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["Text","useWatchForm","useLocale","React","useEffect","useState","DynamicPriceSelector","props","label","path","fields","getData","getDataByPath","locale","isNumberField","setIsNumberField","valueType","setValueType","parentPath","split","slice","join","paymentFieldData","fieldToUse","allFields","field","find","name","blockType","localeCode","code","localLabels","labelValue","div","String","style","color"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAKA,SAASA,IAAI,QAAQ,6BAA4B;AACjD,SAASC,YAAY,QAAQ,4BAA2B;AACxD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAOlD,OAAO,MAAMC,uBAAiD,CAACC;IAC7D,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGF;IAExB,MAAM,EAAEG,MAAM,EAAEC,OAAO,EAAEC,aAAa,EAAE,GAAGX;IAE3C,MAAMY,SAASX;IAEf,MAAM,CAACY,eAAeC,iBAAiB,GAAGV;IAC1C,MAAM,CAACW,WAAWC,aAAa,GAAGZ;IAElC,4CAA4C;IAC5CD,UAAU;QACR,IAAIK,MAAM;YACR,MAAMS,aAAaT,KAAKU,KAAK,CAAC,KAAKC,KAAK,CAAC,GAAG,CAAC,GAAGC,IAAI,CAAC;YACrD,MAAMC,mBAAwBV,cAAcM;YAE5C,IAAII,kBAAkB;gBACpB,MAAM,EAAEC,UAAU,EAAEP,SAAS,EAAE,GAAGM;gBAElCL,aAAaD;gBAEb,MAAM,EAAEN,QAAQc,SAAS,EAAE,GAASb;gBACpC,MAAMc,QAAQD,UAAUE,IAAI,CAAC,CAACD,QAAuBA,MAAME,IAAI,KAAKJ;gBAEpE,IAAIE,OAAO;oBACT,MAAM,EAAEG,SAAS,EAAE,GAAGH;oBACtBV,iBAAiBa,cAAc;gBACjC;YACF;QACF;IACF,GAAG;QAAClB;QAAQD;QAAMG;QAAeD;KAAQ;IAEzC,mDAAmD;IACnD,IAAIK,cAAc,UAAU;QAC1B,qBAAO,oBAAChB,MAASO;IACnB;IAEA,MAAMsB,aAAa,OAAOhB,WAAW,YAAY,UAAUA,SAASA,OAAOiB,IAAI,GAAGjB;IAElF,MAAMkB,cAAc,OAAOvB,UAAU,WAAWA,QAAQ;QAAE,CAACqB,WAAW,EAAErB;IAAM;IAE9E,MAAMwB,aAAaD,WAAW,CAACF,WAAW,IAAIE,WAAW,CAAC,KAAK,IAAI;IAEnE,IAAIf,cAAc,kBAAkB,CAACF,eAAe;QAClD,qBACE,oBAACmB,2BACC,oBAACA,aAAKC,OAAOF,4BACb,oBAACC;YACCE,OAAO;gBACLC,OAAO;YACT;WACD;IAKP;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../src/collections/Forms/DynamicPriceSelector.tsx"],"sourcesContent":["'use client'\n\nimport type { TextFieldProps } from '@payloadcms/ui/fields/Text'\nimport type { Data } from 'payload/types'\n\nimport { Text } from '@payloadcms/ui/fields/Text'\nimport { useWatchForm } from '@payloadcms/ui/forms/Form'\nimport { useLocale } from '@payloadcms/ui/providers/Locale'\nimport React, { useEffect, useState } from 'react'\n\ntype FieldWithID = {\n  id: string\n  name: string\n}\n\nexport const DynamicPriceSelector: React.FC<TextFieldProps> = (props) => {\n  const { label, path } = props\n\n  const { fields, getData, getDataByPath } = useWatchForm()\n\n  const locale = useLocale()\n\n  const [isNumberField, setIsNumberField] = useState<boolean>()\n  const [valueType, setValueType] = useState<'static' | 'valueOfField'>()\n\n  // only number fields can use 'valueOfField`\n  useEffect(() => {\n    if (path) {\n      const parentPath = path.split('.').slice(0, -1).join('.')\n      const paymentFieldData: any = getDataByPath(parentPath)\n\n      if (paymentFieldData) {\n        const { fieldToUse, valueType } = paymentFieldData\n\n        setValueType(valueType)\n\n        const { fields: allFields }: Data = getData()\n        const field = allFields.find((field: FieldWithID) => field.name === fieldToUse)\n\n        if (field) {\n          const { blockType } = field\n          setIsNumberField(blockType === 'number')\n        }\n      }\n    }\n  }, [fields, path, getDataByPath, getData])\n\n  // TODO: make this a number field, block by Payload\n  if (valueType === 'static') {\n    return <Text {...props} />\n  }\n\n  const localeCode = typeof locale === 'object' && 'code' in locale ? locale.code : locale\n\n  const localLabels = typeof label === 'object' ? label : { [localeCode]: label }\n\n  const labelValue = localLabels[localeCode] || localLabels['en'] || ''\n\n  if (valueType === 'valueOfField' && !isNumberField) {\n    return (\n      <div>\n        <div>{String(labelValue)}</div>\n        <div\n          style={{\n            color: '#9A9A9A',\n          }}\n        >\n          The selected field must be a number field.\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["Text","useWatchForm","useLocale","React","useEffect","useState","DynamicPriceSelector","props","label","path","fields","getData","getDataByPath","locale","isNumberField","setIsNumberField","valueType","setValueType","parentPath","split","slice","join","paymentFieldData","fieldToUse","allFields","field","find","name","blockType","localeCode","code","localLabels","labelValue","div","String","style","color"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAKA,SAASA,IAAI,QAAQ,6BAA4B;AACjD,SAASC,YAAY,QAAQ,4BAA2B;AACxD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAOlD,OAAO,MAAMC,uBAAiD,CAACC;IAC7D,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGF;IAExB,MAAM,EAAEG,MAAM,EAAEC,OAAO,EAAEC,aAAa,EAAE,GAAGX;IAE3C,MAAMY,SAASX;IAEf,MAAM,CAACY,eAAeC,iBAAiB,GAAGV;IAC1C,MAAM,CAACW,WAAWC,aAAa,GAAGZ;IAElC,4CAA4C;IAC5CD,UAAU;QACR,IAAIK,MAAM;YACR,MAAMS,aAAaT,KAAKU,KAAK,CAAC,KAAKC,KAAK,CAAC,GAAG,CAAC,GAAGC,IAAI,CAAC;YACrD,MAAMC,mBAAwBV,cAAcM;YAE5C,IAAII,kBAAkB;gBACpB,MAAM,EAAEC,UAAU,EAAEP,SAAS,EAAE,GAAGM;gBAElCL,aAAaD;gBAEb,MAAM,EAAEN,QAAQc,SAAS,EAAE,GAASb;gBACpC,MAAMc,QAAQD,UAAUE,IAAI,CAAC,CAACD,QAAuBA,MAAME,IAAI,KAAKJ;gBAEpE,IAAIE,OAAO;oBACT,MAAM,EAAEG,SAAS,EAAE,GAAGH;oBACtBV,iBAAiBa,cAAc;gBACjC;YACF;QACF;IACF,GAAG;QAAClB;QAAQD;QAAMG;QAAeD;KAAQ;IAEzC,mDAAmD;IACnD,IAAIK,cAAc,UAAU;QAC1B,qBAAO,KAAChB;YAAM,GAAGO,KAAK;;IACxB;IAEA,MAAMsB,aAAa,OAAOhB,WAAW,YAAY,UAAUA,SAASA,OAAOiB,IAAI,GAAGjB;IAElF,MAAMkB,cAAc,OAAOvB,UAAU,WAAWA,QAAQ;QAAE,CAACqB,WAAW,EAAErB;IAAM;IAE9E,MAAMwB,aAAaD,WAAW,CAACF,WAAW,IAAIE,WAAW,CAAC,KAAK,IAAI;IAEnE,IAAIf,cAAc,kBAAkB,CAACF,eAAe;QAClD,qBACE,MAACmB;;8BACC,KAACA;8BAAKC,OAAOF;;8BACb,KAACC;oBACCE,OAAO;wBACLC,OAAO;oBACT;8BACD;;;;IAKP;IAEA,OAAO;AACT,EAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/plugin-form-builder",
-  "version": "3.0.0-beta.34",
+  "version": "3.0.0-beta.36",
   "description": "Form builder plugin for Payload CMS",
   "keywords": [
     "payload",
@@ -41,28 +41,33 @@
   "dependencies": {
     "deepmerge": "^4.2.2",
     "escape-html": "^1.0.3",
-    "@payloadcms/ui": "3.0.0-beta.34"
+    "@payloadcms/ui": "3.0.0-beta.36"
   },
   "devDependencies": {
     "@types/escape-html": "^1.0.4",
     "@types/express": "^4.17.21",
-    "@types/react": "18.3.2",
+    "@types/react": "npm:types-react@19.0.0-beta.2",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-beta.2",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
     "nodemon": "3.0.3",
     "ts-node": "10.9.1",
     "@payloadcms/eslint-config": "1.1.1",
-    "payload": "3.0.0-beta.34"
+    "payload": "3.0.0-beta.36"
   },
   "peerDependencies": {
-    "react": "^18.2.0 || ^19.0.0",
-    "react-dom": "^18.2.0 || ^19.0.0",
-    "payload": "3.0.0-beta.34"
+    "react": "^19.0.0 || ^19.0.0-rc-f994737d14-20240522",
+    "react-dom": "^19.0.0 || ^19.0.0-rc-f994737d14-20240522",
+    "payload": "3.0.0-beta.36"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
   "homepage:": "https://payloadcms.com",
+  "overrides": {
+    "@types/react": "npm:types-react@19.0.0-beta.2",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-beta.2"
+  },
   "scripts": {
     "build": "pnpm build:swc && pnpm build:types",
     "build:swc": "swc ./src -d ./dist --config-file .swcrc",