npm - @webiny/app-headless-cms - Versions diffs - 5.24.0 → 5.25.0-beta.2 - Mend

@webiny/app-headless-cms 5.24.0 → 5.25.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (427) hide show

package/admin/plugins/fieldRenderers/file/fileFields.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["fileFields.tsx"],"names":["React","dotProp","i18n","Cell","GridInner","imageWrapperStyles","FileManager","styled","File","t","ns","FileUploadWrapper","position","opacity","pointerEvents","color","FieldRenderer","getBind","Label","field","Bind","imagesOnly","settings","bind","value","onChange","showFileManager","selectFiles","index","initialFiles","length","files","Array","isArray","urls","map","f","src","slice","label","url","delete","defaultProps","validation","isValid","styles","width","height","plugin","type","name","renderer","rendererName","description","canUse","multipleValues","render"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport dotProp from \"dot-prop-immutable\";\nimport { CmsEditorField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, GridInner } from \"@webiny/ui/Grid\";\nimport { imageWrapperStyles } from \"./utils\";\nimport { FileManager } from \"@webiny/app-admin/components\";\nimport styled from \"@emotion/styled\";\nimport File from \"./File\";\nimport { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/file\");\n\nconst FileUploadWrapper = styled(\"div\")({\n position: \"relative\",\n \".disabled\": {\n opacity: 0.75,\n pointerEvents: \"none\"\n },\n \".mdc-text-field-helper-text\": {\n color: \"var(--mdc-theme-text-secondary-on-background)\"\n }\n});\n\ninterface FieldRendererProps {\n getBind: GetBindCallable;\n Label: React.FC;\n field: CmsEditorField;\n}\nconst FieldRenderer: React.FC<FieldRendererProps> = ({ getBind, Label, field }) => {\n const Bind = getBind();\n\n const imagesOnly = field.settings && field.settings.imagesOnly;\n\n return (\n <Bind>\n {bind => {\n const { value, onChange } = bind;\n return (\n <FileUploadWrapper className={imageWrapperStyles}>\n <FileManager multiple={true} images={imagesOnly}>\n {({ showFileManager }) => {\n const selectFiles = (index = -1) => {\n showFileManager(initialFiles => {\n if (!initialFiles || initialFiles.length === 0) {\n return;\n }\n const files = Array.isArray(initialFiles)\n ? initialFiles\n : [initialFiles];\n\n const urls = files.map(f => f.src);\n if (index === -1) {\n onChange([...(value || []), ...urls]);\n } else {\n onChange([\n ...value.slice(0, index),\n ...urls,\n ...value.slice(index + 1)\n ]);\n }\n });\n };\n return (\n <GridInner>\n <Cell span={12}>\n <Label>{field.label}</Label>\n </Cell>\n\n {value.map((url: string, index: number) => (\n <Cell span={3} key={url}>\n <File\n url={url}\n showFileManager={() => selectFiles(index)}\n onRemove={() =>\n onChange(dotProp.delete(value, index))\n }\n placeholder={t`Select a file\"`}\n />\n </Cell>\n ))}\n\n <Cell span={3}>\n <File\n url={\"\"}\n onRemove={() => {\n return void 0;\n }}\n {...bind}\n showFileManager={() => selectFiles()}\n placeholder={t`Select a file\"`}\n />\n </Cell>\n </GridInner>\n );\n }}\n </FileManager>\n </FileUploadWrapper>\n );\n }}\n </Bind>\n );\n};\n/**\n * Not used?\n */\n// TODO @ts-refactor\nFieldRenderer.defaultProps = {\n validation: {\n isValid: null\n },\n styles: { width: \"100%\", height: \"auto\" }\n} as Partial<FieldRendererProps>;\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-files\",\n renderer: {\n rendererName: \"file-inputs\",\n name: t`File Inputs`,\n description: t`Enables selecting multiple files via File Manager.`,\n canUse({ field }) {\n return field.type === \"file\" && !!field.multipleValues;\n },\n render({ field, getBind, Label }) {\n return <FieldRenderer field={field} getBind={getBind} Label={Label} />;\n }\n }\n};\n\nexport default plugin;\n"]}

package/admin/plugins/fieldRenderers/file/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":["index.ts"],"names":["fileField","fileFields"],"mappings":"AAAA,OAAOA,SAAP;AACA,OAAOC,UAAP;AAEA,eAAe,CAACD,SAAD,EAAYC,UAAZ,CAAf","sourcesContent":["import fileField from \"./fileField\";\nimport fileFields from \"./fileFields\";\n\nexport default [fileField, fileFields];\n"]}

package/admin/plugins/fieldRenderers/file/utils.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const imagePlugins: string[];
 export declare const imageWrapperStyles: string;
 interface CreateRenderImagePreviewProps {

package/admin/plugins/fieldRenderers/file/utils.js CHANGED Viewed

@@ -44,8 +44,8 @@ export var createRenderImagePreview = function createRenderImagePreview(_ref) {
 var getFileName = function getFileName(value) {
   if (!value) {
-    return "";
+    return "unknown";
   }
-  return value.split("/").pop();
+  return value.split("/").pop() || "unknown";
 };

package/admin/plugins/fieldRenderers/file/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["utils.tsx"],"names":["React","css","ReactComponent","FileIcon","imagePlugins","imageWrapperStyles","height","fileLabel","padding","whiteSpace","overflow","textOverflow","fontSize","color","backgroundColor","IconWrapperStyle","display","justifyContent","alignItems","IconStyle","width","createRenderImagePreview","value","imagePreviewProps","fileName","getFileName","renderImagePreview","renderImageProps","split","pop"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,SAASC,cAAc,IAAIC,QAA3B;AAEA,OAAO,IAAMC,YAAY,GAAG,CAAC,MAAD,EAAS,OAAT,EAAkB,MAAlB,EAA0B,MAA1B,EAAkC,MAAlC,CAArB;AAEP,OAAO,IAAMC,kBAAkB,gBAAGJ,GAAG,CAAC;AAClCK,EAAAA,MAAM,EAAE;AAD0B,CAAD,8BAA9B;AAIP,IAAMC,SAAS,gBAAGN,GAAG,CAAC;AAClBO,EAAAA,OAAO,EAAE,MADS;AAElBC,EAAAA,UAAU,EAAE,QAFM;AAGlBC,EAAAA,QAAQ,EAAE,QAHQ;AAIlBC,EAAAA,YAAY,EAAE,UAJI;AAKlBC,EAAAA,QAAQ,EAAE,QALQ;AAMlBC,EAAAA,KAAK,EAAE,6BANW;AAOlBC,EAAAA,eAAe,EAAE;AAPC,CAAD,qBAArB;AAUA,IAAMC,gBAAgB,gBAAGd,GAAG,CAAC;AACzBe,EAAAA,OAAO,EAAE,MADgB;AAEzBC,EAAAA,cAAc,EAAE,QAFS;AAGzBC,EAAAA,UAAU,EAAE,QAHa;AAIzBZ,EAAAA,MAAM,EAAE;AAJiB,CAAD,4BAA5B;AAOA,IAAMa,SAAS,gBAAGlB,GAAG,CAAC;AAClBmB,EAAAA,KAAK,EAAE,EADW;AAElBd,EAAAA,MAAM,EAAE;AAFU,CAAD,qBAArB;AAaA,OAAO,IAAMe,wBAAwB,GAAG,SAA3BA,wBAA2B,OAGH;AAAA,MAFjCC,KAEiC,QAFjCA,KAEiC;AAAA,MADjCC,iBACiC,QADjCA,iBACiC;AACjC,MAAMC,QAAQ,GAAGC,WAAW,CAACH,KAAD,CAA5B;;AAEA,MAAMI,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,gBAAD,EAAwC;AAC/D,wBACI,6CAASA,gBAAT,EAA+BJ,iBAA/B,gBACI;AAAK,MAAA,SAAS,EAAER;AAAhB,oBACI,oBAAC,QAAD;AAAU,MAAA,SAAS,EAAEI;AAArB,MADJ,CADJ,eAII;AAAK,MAAA,SAAS,EAAEZ;AAAhB,OAA4BiB,QAA5B,CAJJ,CADJ;AAQH,GATD;;AAUA,SAAOE,kBAAP;AACH,CAjBM;;AAmBP,IAAMD,WAAW,GAAG,SAAdA,WAAc,CAACH,KAAD,EAA4B;AAC5C,MAAI,CAACA,KAAL,EAAY;AACR,WAAO,SAAP;AACH;;AACD,SAAOA,KAAK,CAACM,KAAN,CAAY,GAAZ,EAAiBC,GAAjB,MAA0B,SAAjC;AACH,CALD","sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport { ReactComponent as FileIcon } from \"../../fields/icons/round_insert_drive_file-24px.svg\";\n\nexport const imagePlugins = [\".jpg\", \".jpeg\", \".gif\", \".png\", \".svg\"];\n\nexport const imageWrapperStyles = css({\n height: \"auto\"\n});\n\nconst fileLabel = css({\n padding: \"10px\",\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n fontSize: \"0.8rem\",\n color: \"var(--mdc-theme-on-surface)\",\n backgroundColor: \"var(--mdc-theme-on-background)\"\n});\n\nconst IconWrapperStyle = css({\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n height: 200\n});\n\nconst IconStyle = css({\n width: 64,\n height: 64\n});\n\ninterface CreateRenderImagePreviewProps {\n value: string;\n // TODO @ts-refactor figure out correct type\n imagePreviewProps: any;\n}\ninterface RenderImageProps {\n [key: string]: string;\n}\nexport const createRenderImagePreview = ({\n value,\n imagePreviewProps\n}: CreateRenderImagePreviewProps) => {\n const fileName = getFileName(value);\n\n const renderImagePreview = (renderImageProps: RenderImageProps) => {\n return (\n <div {...renderImageProps} {...imagePreviewProps}>\n <div className={IconWrapperStyle}>\n <FileIcon className={IconStyle} />\n </div>\n <div className={fileLabel}>{fileName}</div>\n </div>\n );\n };\n return renderImagePreview;\n};\n\nconst getFileName = (value?: string): string => {\n if (!value) {\n return \"unknown\";\n }\n return value.split(\"/\").pop() || \"unknown\";\n};\n"]}

package/admin/plugins/fieldRenderers/longText/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":["index.ts"],"names":["longText","longTexts"],"mappings":"AAAA,OAAOA,QAAP;AACA,OAAOC,SAAP;AAEA,eAAe,CAACD,QAAD,EAAWC,SAAX,CAAf","sourcesContent":["import longText from \"./longText\";\nimport longTexts from \"./longTexts\";\n\nexport default [longText, longTexts];\n"]}

package/admin/plugins/fieldRenderers/longText/longText.js CHANGED Viewed

@@ -2,7 +2,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2;
-// TODO @ts-refactor figure out correct bind types and remove any
 import React from "react";
 import get from "lodash/get";
 import { Input } from "@webiny/ui/Input";

package/admin/plugins/fieldRenderers/longText/longText.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["longText.tsx"],"names":["React","get","Input","i18n","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","bind","label","placeholderText","helpText"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,YAAhB;AAEA,SAASC,KAAT,QAAsB,kBAAtB;AACA,SAASC,IAAT,QAAqB,kBAArB;AAEA,IAAMC,CAAC,GAAGD,IAAI,CAACE,EAAL,CAAQ,oCAAR,CAAV;AAEA,IAAMC,MAAoC,GAAG;AACzCC,EAAAA,IAAI,EAAE,2BADmC;AAEzCC,EAAAA,IAAI,EAAE,8CAFmC;AAGzCC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,YAAY,EAAE,qBADR;AAENF,IAAAA,IAAI,EAAEJ,CAAF,8EAFE;AAGNO,IAAAA,WAAW,EAAEP,CAAF,uIAHL;AAINQ,IAAAA,MAJM,wBAIY;AAAA,UAATC,KAAS,QAATA,KAAS;AACd,aACIA,KAAK,CAACN,IAAN,KAAe,WAAf,IACA,CAACM,KAAK,CAACC,cADP,IAEA,CAACb,GAAG,CAACY,KAAD,EAAQ,0BAAR,CAHR;AAKH,KAVK;AAWNE,IAAAA,MAXM,yBAWqB;AAAA,UAAlBF,KAAkB,SAAlBA,KAAkB;AAAA,UAAXG,OAAW,SAAXA,OAAW;AACvB,UAAMC,IAAI,GAAGD,OAAO,EAApB;AAEA,0BACI,oBAAC,IAAD,QACK,UAAAE,IAAI;AAAA,4BACD,oBAAC,KAAD,oBACQA,IADR;AAEI,UAAA,IAAI,EAAE,CAFV;AAGI,UAAA,KAAK,EAAEL,KAAK,CAACM,KAHjB;AAII,UAAA,WAAW,EAAEN,KAAK,CAACO,eAJvB;AAKI,UAAA,WAAW,EAAEP,KAAK,CAACQ;AALvB,WADC;AAAA,OADT,CADJ;AAaH;AA3BK;AAH+B,CAA7C;AAkCA,eAAef,MAAf","sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-long-text-textarea\",\n renderer: {\n rendererName: \"long-text-text-area\",\n name: t`Text Area`,\n description: t`Renders a simple text area, suitable for larger amounts of text.`,\n canUse({ field }) {\n return (\n field.type === \"long-text\" &&\n !field.multipleValues &&\n !get(field, \"predefinedValues.enabled\")\n );\n },\n render({ field, getBind }) {\n const Bind = getBind();\n\n return (\n <Bind>\n {bind => (\n <Input\n {...bind}\n rows={5}\n label={field.label}\n placeholder={field.placeholderText}\n description={field.helpText}\n />\n )}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"]}

package/admin/plugins/fieldRenderers/longText/longTexts.js CHANGED Viewed

@@ -18,7 +18,7 @@ var plugin = {
     description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a simple list of text areas."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return field.type === "long-text" && field.multipleValues && !get(field, "predefinedValues.enabled");
+      return field.type === "long-text" && !!field.multipleValues && !get(field, "predefinedValues.enabled");
     },
     render: function render(props) {
       return /*#__PURE__*/React.createElement(DynamicSection, props, function (_ref2) {

package/admin/plugins/fieldRenderers/longText/longTexts.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["longTexts.tsx"],"names":["React","get","Input","i18n","ReactComponent","DeleteIcon","DynamicSection","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","bind","index","number","icon","onClick","removeValue"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,YAAhB;AAEA,SAASC,KAAT,QAAsB,kBAAtB;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,cAAc,IAAIC,UAA3B;AACA,OAAOC,cAAP;AAEA,IAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAL,CAAQ,oCAAR,CAAV;AAEA,IAAMC,MAAoC,GAAG;AACzCC,EAAAA,IAAI,EAAE,2BADmC;AAEzCC,EAAAA,IAAI,EAAE,4CAFmC;AAGzCC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,YAAY,EAAE,kBADR;AAENF,IAAAA,IAAI,EAAEJ,CAAF,+EAFE;AAGNO,IAAAA,WAAW,EAAEP,CAAF,2GAHL;AAINQ,IAAAA,MAJM,wBAIY;AAAA,UAATC,KAAS,QAATA,KAAS;AACd,aACIA,KAAK,CAACN,IAAN,KAAe,WAAf,IACA,CAAC,CAACM,KAAK,CAACC,cADR,IAEA,CAAChB,GAAG,CAACe,KAAD,EAAQ,0BAAR,CAHR;AAKH,KAVK;AAWNE,IAAAA,MAXM,kBAWCC,KAXD,EAWQ;AACV,0BACI,oBAAC,cAAD,EAAoBA,KAApB,EACK;AAAA,YAAGC,IAAH,SAAGA,IAAH;AAAA,YAASC,KAAT,SAASA,KAAT;AAAA,4BACG,oBAAC,KAAD,oBACQD,IAAI,CAACC,KADb;AAEI,UAAA,IAAI,EAAE,CAFV;AAGI,UAAA,KAAK,EAAEd,CAAC,qFAAD,CAAkB;AAAEe,YAAAA,MAAM,EAAED,KAAK,GAAG;AAAlB,WAAlB,CAHX;AAII,UAAA,YAAY,EACRA,KAAK,GAAG,CAAR,IAAa;AACTE,YAAAA,IAAI,eAAE,oBAAC,UAAD,OADG;AAETC,YAAAA,OAAO,EAAE;AAAA,qBAAMJ,IAAI,CAACJ,KAAL,CAAWS,WAAX,CAAuBJ,KAAvB,CAAN;AAAA;AAFA;AALrB,WADH;AAAA,OADL,CADJ;AAiBH;AA7BK;AAH+B,CAA7C;AAoCA,eAAeZ,MAAf","sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-long-text-inputs\",\n renderer: {\n rendererName: \"long-text-inputs\",\n name: t`Text Areas`,\n description: t`Renders a simple list of text areas.`,\n canUse({ field }) {\n return (\n field.type === \"long-text\" &&\n !!field.multipleValues &&\n !get(field, \"predefinedValues.enabled\")\n );\n },\n render(props) {\n return (\n <DynamicSection {...props}>\n {({ bind, index }) => (\n <Input\n {...bind.index}\n rows={5}\n label={t`Value {number}`({ number: index + 1 })}\n trailingIcon={\n index > 0 && {\n icon: <DeleteIcon />,\n onClick: () => bind.field.removeValue(index)\n }\n }\n />\n )}\n </DynamicSection>\n );\n }\n }\n};\n\nexport default plugin;\n"]}

package/admin/plugins/fieldRenderers/number/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":["index.ts"],"names":["numberInput","numberInputs"],"mappings":"AAAA,OAAOA,WAAP;AACA,OAAOC,YAAP;AAEA,eAAe,CAACD,WAAD,EAAcC,YAAd,CAAf","sourcesContent":["import numberInput from \"./numberInput\";\nimport numberInputs from \"./numberInputs\";\n\nexport default [numberInput, numberInputs];\n"]}

package/admin/plugins/fieldRenderers/number/numberInput.js CHANGED Viewed

@@ -2,7 +2,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2;
-// TODO @ts-refactor figure out correct bind types and remove any
 import React from "react";
 import get from "lodash/get";
 import { Input } from "@webiny/ui/Input";

package/admin/plugins/fieldRenderers/number/numberInput.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["numberInput.tsx"],"names":["React","get","Input","i18n","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","bindProps","value","onChange","label","placeholderText","helpText"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,YAAhB;AAEA,SAASC,KAAT,QAAsB,kBAAtB;AACA,SAASC,IAAT,QAAqB,kBAArB;AAEA,IAAMC,CAAC,GAAGD,IAAI,CAACE,EAAL,CAAQ,sCAAR,CAAV;AAEA,IAAMC,MAAoC,GAAG;AACzCC,EAAAA,IAAI,EAAE,2BADmC;AAEzCC,EAAAA,IAAI,EAAE,kCAFmC;AAGzCC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,YAAY,EAAE,cADR;AAENF,IAAAA,IAAI,EAAEJ,CAAF,iFAFE;AAGNO,IAAAA,WAAW,EAAEP,CAAF,8HAHL;AAINQ,IAAAA,MAJM,wBAIY;AAAA,UAATC,KAAS,QAATA,KAAS;AACd,aACIA,KAAK,CAACN,IAAN,KAAe,QAAf,IACA,CAACM,KAAK,CAACC,cADP,IAEA,CAACb,GAAG,CAACY,KAAD,EAAQ,0BAAR,CAHR;AAKH,KAVK;AAWNE,IAAAA,MAXM,yBAWqB;AAAA,UAAlBF,KAAkB,SAAlBA,KAAkB;AAAA,UAAXG,OAAW,SAAXA,OAAW;AACvB,UAAMC,IAAI,GAAGD,OAAO,EAApB;AAEA,0BACI,oBAAC,IAAD,QACK,UAACE,SAAD,EAAoB;AACjB,4BACI,oBAAC,KAAD,oBACQA,SADR;AAEI,UAAA,QAAQ,EAAE,kBAAAC,KAAK,EAAI;AACf,mBAAOD,SAAS,CAACE,QAAV,CAAmBD,KAAnB,CAAP;AACH,WAJL;AAKI,UAAA,KAAK,EAAEN,KAAK,CAACQ,KALjB;AAMI,UAAA,WAAW,EAAER,KAAK,CAACS,eANvB;AAOI,UAAA,WAAW,EAAET,KAAK,CAACU,QAPvB;AAQI,UAAA,IAAI,EAAC;AART,WADJ;AAYH,OAdL,CADJ;AAkBH;AAhCK;AAH+B,CAA7C;AAuCA,eAAejB,MAAf","sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/number\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-number\",\n renderer: {\n rendererName: \"number-input\",\n name: t`Number Input`,\n description: t`Renders a simple input with its type set to \"number\".`,\n canUse({ field }) {\n return (\n field.type === \"number\" &&\n !field.multipleValues &&\n !get(field, \"predefinedValues.enabled\")\n );\n },\n render({ field, getBind }) {\n const Bind = getBind();\n\n return (\n <Bind>\n {(bindProps: any) => {\n return (\n <Input\n {...bindProps}\n onChange={value => {\n return bindProps.onChange(value);\n }}\n label={field.label}\n placeholder={field.placeholderText}\n description={field.helpText}\n type=\"number\"\n />\n );\n }}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"]}

package/admin/plugins/fieldRenderers/number/numberInputs.js CHANGED Viewed

@@ -18,7 +18,7 @@ var plugin = {
     description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a simple list of number inputs."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return field.type === "number" && field.multipleValues && !get(field, "predefinedValues.enabled");
+      return field.type === "number" && !!field.multipleValues && !get(field, "predefinedValues.enabled");
     },
     render: function render(props) {
       return /*#__PURE__*/React.createElement(DynamicSection, props, function (_ref2) {

package/admin/plugins/fieldRenderers/number/numberInputs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["numberInputs.tsx"],"names":["React","get","Input","i18n","ReactComponent","DeleteIcon","DynamicSection","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","bind","index","value","onChange","appendValue","number","icon","onClick","removeValue"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,YAAhB;AAEA,SAASC,KAAT,QAAsB,kBAAtB;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,cAAc,IAAIC,UAA3B;AACA,OAAOC,cAAP;AAEA,IAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAL,CAAQ,oCAAR,CAAV;AAEA,IAAMC,MAAoC,GAAG;AACzCC,EAAAA,IAAI,EAAE,2BADmC;AAEzCC,EAAAA,IAAI,EAAE,yCAFmC;AAGzCC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,YAAY,EAAE,eADR;AAENF,IAAAA,IAAI,EAAEJ,CAAF,kFAFE;AAGNO,IAAAA,WAAW,EAAEP,CAAF,8GAHL;AAINQ,IAAAA,MAJM,wBAIY;AAAA,UAATC,KAAS,QAATA,KAAS;AACd,aACIA,KAAK,CAACN,IAAN,KAAe,QAAf,IACA,CAAC,CAACM,KAAK,CAACC,cADR,IAEA,CAAChB,GAAG,CAACe,KAAD,EAAQ,0BAAR,CAHR;AAKH,KAVK;AAWNE,IAAAA,MAXM,kBAWCC,KAXD,EAWQ;AACV,0BACI,oBAAC,cAAD,EAAoBA,KAApB,EACK;AAAA,YAAGC,IAAH,SAAGA,IAAH;AAAA,YAASC,KAAT,SAASA,KAAT;AAAA,4BACG,oBAAC,KAAD,oBACQD,IAAI,CAACC,KADb;AAEI,UAAA,QAAQ,EAAE,kBAAAC,KAAK,EAAI;AACf,mBAAOF,IAAI,CAACC,KAAL,CAAWE,QAAX,CAAoBD,KAApB,CAAP;AACH,WAJL;AAKI,UAAA,SAAS,MALb;AAMI,UAAA,OAAO,EAAE;AAAA,mBAAMF,IAAI,CAACJ,KAAL,CAAWQ,WAAX,CAAuB,EAAvB,CAAN;AAAA,WANb;AAOI,UAAA,KAAK,EAAEjB,CAAC,qFAAD,CAAkB;AAAEkB,YAAAA,MAAM,EAAEJ,KAAK,GAAG;AAAlB,WAAlB,CAPX;AAQI,UAAA,IAAI,EAAC,QART;AASI,UAAA,YAAY,EACRA,KAAK,GAAG,CAAR,IAAa;AACTK,YAAAA,IAAI,eAAE,oBAAC,UAAD,OADG;AAETC,YAAAA,OAAO,EAAE;AAAA,qBAAMP,IAAI,CAACJ,KAAL,CAAWY,WAAX,CAAuBP,KAAvB,CAAN;AAAA;AAFA;AAVrB,WADH;AAAA,OADL,CADJ;AAsBH;AAlCK;AAH+B,CAA7C;AAyCA,eAAeZ,MAAf","sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-number-inputs\",\n renderer: {\n rendererName: \"number-inputs\",\n name: t`Number Inputs`,\n description: t`Renders a simple list of number inputs.`,\n canUse({ field }) {\n return (\n field.type === \"number\" &&\n !!field.multipleValues &&\n !get(field, \"predefinedValues.enabled\")\n );\n },\n render(props) {\n return (\n <DynamicSection {...props}>\n {({ bind, index }) => (\n <Input\n {...bind.index}\n onChange={value => {\n return bind.index.onChange(value);\n }}\n autoFocus\n onEnter={() => bind.field.appendValue(\"\")}\n label={t`Value {number}`({ number: index + 1 })}\n type=\"number\"\n trailingIcon={\n index > 0 && {\n icon: <DeleteIcon />,\n onClick: () => bind.field.removeValue(index)\n }\n }\n />\n )}\n </DynamicSection>\n );\n }\n }\n};\n\nexport default plugin;\n"]}

package/admin/plugins/fieldRenderers/object/StyledComponents.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["StyledComponents.ts"],"names":["css","fieldsWrapperStyle","dynamicSectionTitleStyle","dynamicSectionGridStyle","fieldsGridStyle"],"mappings":"AAAA,SAASA,GAAT,QAAoB,SAApB;AAEA,OAAO,IAAMC,kBAAkB,gBAAGD,GAAH,0JAAxB;AASP,OAAO,IAAME,wBAAwB,gBAAGF,GAAH,mDAA9B;AAIP,OAAO,IAAMG,uBAAuB,gBAAGH,GAAH,4EAA7B;AAMP,OAAO,IAAMI,eAAe,gBAAGJ,GAAH,yDAArB","sourcesContent":["import { css } from \"emotion\";\n\nexport const fieldsWrapperStyle = css`\n border-left: 2px solid var(--mdc-theme-on-background);\n padding-left: 16px;\n\n &:focus-within {\n border-color: var(--mdc-theme-primary);\n }\n`;\n\nexport const dynamicSectionTitleStyle = css`\n margin-top: 24px;\n`;\n\nexport const dynamicSectionGridStyle = css`\n & > .mdc-layout-grid__inner {\n grid-gap: 8px;\n }\n`;\n\nexport const fieldsGridStyle = css`\n &.mdc-layout-grid {\n padding: 8px;\n }\n`;\n"]}

package/admin/plugins/fieldRenderers/object/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":["index.ts"],"names":["singleObject","multipleObjects"],"mappings":"AAAA,OAAOA,YAAP;AACA,OAAOC,eAAP;AAEA,eAAe,CAACD,YAAD,EAAeC,eAAf,CAAf","sourcesContent":["import singleObject from \"./singleObject\";\nimport multipleObjects from \"./multipleObjects\";\n\nexport default [singleObject, multipleObjects];\n"]}

package/admin/plugins/fieldRenderers/object/multipleObjects.js CHANGED Viewed

@@ -23,7 +23,7 @@ var plugin = {
     description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a set of fields."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return field.type === "object" && field.multipleValues;
+      return field.type === "object" && !!field.multipleValues;
     },
     render: function render(props) {
       var field = props.field,
@@ -46,12 +46,12 @@ var plugin = {
             index = _ref2.index;
         return /*#__PURE__*/React.createElement(Accordion, {
           title: "".concat(props.field.label, " #").concat(index + 1),
-          action: index > 0 && /*#__PURE__*/React.createElement(IconButton, {
+          action: index > 0 ? /*#__PURE__*/React.createElement(IconButton, {
             icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
             onClick: function onClick() {
               return bind.field.removeValue(index);
             }
-          }) // Open first Accordion by default
+          }) : null // Open first Accordion by default
           ,
           defaultValue: index === 0
         }, /*#__PURE__*/React.createElement(Cell, {
@@ -61,8 +61,8 @@ var plugin = {
           Bind: Bind
         }, bind.index, {
           contentModel: contentModel,
-          fields: field.settings.fields,
-          layout: field.settings.layout,
+          fields: (field.settings || {}).fields || [],
+          layout: (field.settings || {}).layout || [],
           gridClassName: fieldsGridStyle
         }))));
       });

package/admin/plugins/fieldRenderers/object/multipleObjects.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["multipleObjects.tsx"],"names":["React","i18n","DynamicSection","Fields","ReactComponent","DeleteIcon","IconButton","Cell","FormElementMessage","Typography","Accordion","fieldsWrapperStyle","dynamicSectionTitleStyle","dynamicSectionGridStyle","fieldsGridStyle","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","contentModel","value","label","length","helpText","Bind","bind","index","removeValue","settings","fields","layout"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport DynamicSection from \"../DynamicSection\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport Accordion from \"~/admin/plugins/fieldRenderers/Accordion\";\nimport {\n fieldsWrapperStyle,\n dynamicSectionTitleStyle,\n dynamicSectionGridStyle,\n fieldsGridStyle\n} from \"./StyledComponents\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-objects\",\n renderer: {\n rendererName: \"objects\",\n name: t`Objects`,\n description: t`Renders a set of fields.`,\n canUse({ field }) {\n return field.type === \"object\" && !!field.multipleValues;\n },\n render(props) {\n const { field, contentModel } = props;\n\n return (\n <DynamicSection\n {...props}\n emptyValue={{}}\n showLabel={false}\n renderTitle={value => (\n <Cell span={12} className={dynamicSectionTitleStyle}>\n <Typography use={\"headline5\"}>\n {`${field.label} ${value.length ? `(${value.length})` : \"\"}`}\n </Typography>\n {field.helpText && (\n <FormElementMessage>{field.helpText}</FormElementMessage>\n )}\n </Cell>\n )}\n gridClassName={dynamicSectionGridStyle}\n >\n {({ Bind, bind, index }) => (\n <Accordion\n title={`${props.field.label} #${index + 1}`}\n action={\n index > 0 ? (\n <IconButton\n icon={<DeleteIcon />}\n onClick={() => bind.field.removeValue(index)}\n />\n ) : null\n }\n // Open first Accordion by default\n defaultValue={index === 0}\n >\n <Cell span={12} className={fieldsWrapperStyle}>\n <Fields\n Bind={Bind}\n {...bind.index}\n contentModel={contentModel}\n fields={(field.settings || {}).fields || []}\n layout={(field.settings || {}).layout || []}\n gridClassName={fieldsGridStyle}\n />\n </Cell>\n </Accordion>\n )}\n </DynamicSection>\n );\n }\n }\n};\n\nexport default plugin;\n"]}

package/admin/plugins/fieldRenderers/object/singleObject.js CHANGED Viewed

@@ -26,6 +26,7 @@ var plugin = {
           getBind = _ref2.getBind,
           contentModel = _ref2.contentModel;
       var Bind = getBind();
+      var settings = field.settings || {};
       return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
         span: 12
       }, /*#__PURE__*/React.createElement(SimpleFormHeader, {
@@ -36,8 +37,8 @@ var plugin = {
       }, /*#__PURE__*/React.createElement(Fields, {
         Bind: Bind,
         contentModel: contentModel,
-        fields: field.settings.fields,
-        layout: field.settings.layout
+        fields: settings.fields || [],
+        layout: settings.layout || []
       })));
     }
   }

package/admin/plugins/fieldRenderers/object/singleObject.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["singleObject.tsx"],"names":["React","i18n","Fields","SimpleFormHeader","Grid","Cell","FormElementMessage","fieldsWrapperStyle","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","contentModel","Bind","settings","label","helpText","fields","layout"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,kBAArB;AAEA,SAASC,MAAT;AACA,SAASC,gBAAT,QAAiC,yCAAjC;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,iBAA3B;AACA,SAASC,kBAAT,QAAmC,+BAAnC;AACA,SAASC,kBAAT;AAEA,IAAMC,CAAC,GAAGP,IAAI,CAACQ,EAAL,CAAQ,oCAAR,CAAV;AAEA,IAAMC,MAAoC,GAAG;AACzCC,EAAAA,IAAI,EAAE,2BADmC;AAEzCC,EAAAA,IAAI,EAAE,kCAFmC;AAGzCC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,YAAY,EAAE,QADR;AAENF,IAAAA,IAAI,EAAEJ,CAAF,2EAFE;AAGNO,IAAAA,WAAW,EAAEP,CAAF,+FAHL;AAINQ,IAAAA,MAJM,wBAIY;AAAA,UAATC,KAAS,QAATA,KAAS;AACd,aAAOA,KAAK,CAACN,IAAN,KAAe,QAAf,IAA2B,CAACM,KAAK,CAACC,cAAzC;AACH,KANK;AAONC,IAAAA,MAPM,yBAOmC;AAAA,UAAhCF,KAAgC,SAAhCA,KAAgC;AAAA,UAAzBG,OAAyB,SAAzBA,OAAyB;AAAA,UAAhBC,YAAgB,SAAhBA,YAAgB;AACrC,UAAMC,IAAI,GAAGF,OAAO,EAApB;AAEA,UAAMG,QAAQ,GAAGN,KAAK,CAACM,QAAN,IAAkB,EAAnC;AAEA,0BACI,oBAAC,IAAD,qBACI,oBAAC,IAAD;AAAM,QAAA,IAAI,EAAE;AAAZ,sBACI,oBAAC,gBAAD;AAAkB,QAAA,KAAK,EAAEN,KAAK,CAACO;AAA/B,QADJ,EAEKP,KAAK,CAACQ,QAAN,iBACG,oBAAC,kBAAD,QAAqBR,KAAK,CAACQ,QAA3B,CAHR,CADJ,eAOI,oBAAC,IAAD;AAAM,QAAA,IAAI,EAAE,EAAZ;AAAgB,QAAA,SAAS,EAAElB;AAA3B,sBACI,oBAAC,MAAD;AACI,QAAA,IAAI,EAAEe,IADV;AAEI,QAAA,YAAY,EAAED,YAFlB;AAGI,QAAA,MAAM,EAAEE,QAAQ,CAACG,MAAT,IAAmB,EAH/B;AAII,QAAA,MAAM,EAAEH,QAAQ,CAACI,MAAT,IAAmB;AAJ/B,QADJ,CAPJ,CADJ;AAkBH;AA9BK;AAH+B,CAA7C;AAqCA,eAAejB,MAAf","sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { SimpleFormHeader } from \"@webiny/app-admin/components/SimpleForm\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { fieldsWrapperStyle } from \"./StyledComponents\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-object\",\n renderer: {\n rendererName: \"object\",\n name: t`Object`,\n description: t`Renders a set of fields.`,\n canUse({ field }) {\n return field.type === \"object\" && !field.multipleValues;\n },\n render({ field, getBind, contentModel }) {\n const Bind = getBind();\n\n const settings = field.settings || {};\n\n return (\n <Grid>\n <Cell span={12}>\n <SimpleFormHeader title={field.label} />\n {field.helpText && (\n <FormElementMessage>{field.helpText}</FormElementMessage>\n )}\n </Cell>\n <Cell span={12} className={fieldsWrapperStyle}>\n <Fields\n Bind={Bind}\n contentModel={contentModel}\n fields={settings.fields || []}\n layout={settings.layout || []}\n />\n </Cell>\n </Grid>\n );\n }\n }\n};\n\nexport default plugin;\n"]}

package/admin/plugins/fieldRenderers/radioButtons.js CHANGED Viewed

@@ -16,19 +16,25 @@ var plugin = {
     description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders radio buttons, allowing selection of a single value."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return !field.multipleValues && get(field, "predefinedValues.enabled");
+      return !field.multipleValues && !!get(field, "predefinedValues.enabled");
     },
     render: function render(_ref2) {
       var field = _ref2.field,
           getBind = _ref2.getBind;
       var Bind = getBind();
-      var options = field.predefinedValues.values;
+      var _ref3 = field.predefinedValues || {
+        options: []
+      },
+          _ref3$values = _ref3.values,
+          options = _ref3$values === void 0 ? [] : _ref3$values;
       return /*#__PURE__*/React.createElement(Bind, null, /*#__PURE__*/React.createElement(RadioGroup, {
         label: field.label,
         description: field.helpText
-      }, function (_ref3) {
-        var onChange = _ref3.onChange,
-            getValue = _ref3.getValue;
+      }, function (_ref4) {
+        var onChange = _ref4.onChange,
+            getValue = _ref4.getValue;
         return /*#__PURE__*/React.createElement(React.Fragment, null, options.map(function (option, index) {
           var value = field.type === "number" ? Number(option.value) : option.value;
           return /*#__PURE__*/React.createElement("div", {

package/admin/plugins/fieldRenderers/radioButtons.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["radioButtons.tsx"],"names":["React","get","i18n","Radio","RadioGroup","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","predefinedValues","options","values","label","helpText","onChange","getValue","map","option","index","value","Number","String"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,YAAhB;AAEA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,KAAT,EAAgBC,UAAhB,QAAkC,kBAAlC;AAEA,IAAMC,CAAC,GAAGH,IAAI,CAACI,EAAL,CAAQ,oCAAR,CAAV;AAEA,IAAMC,MAAoC,GAAG;AACzCC,EAAAA,IAAI,EAAE,2BADmC;AAEzCC,EAAAA,IAAI,EAAE,yCAFmC;AAGzCC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,YAAY,EAAE,eADR;AAENF,IAAAA,IAAI,EAAEJ,CAAF,kFAFE;AAGNO,IAAAA,WAAW,EAAEP,CAAF,mIAHL;AAINQ,IAAAA,MAJM,wBAIY;AAAA,UAATC,KAAS,QAATA,KAAS;AACd,aAAO,CAACA,KAAK,CAACC,cAAP,IAAyB,CAAC,CAACd,GAAG,CAACa,KAAD,EAAQ,0BAAR,CAArC;AACH,KANK;AAONE,IAAAA,MAPM,yBAOqB;AAAA,UAAlBF,KAAkB,SAAlBA,KAAkB;AAAA,UAAXG,OAAW,SAAXA,OAAW;AACvB,UAAMC,IAAI,GAAGD,OAAO,EAApB;;AAEA,kBAAiCH,KAAK,CAACK,gBAAN,IAA0B;AACvDC,QAAAA,OAAO,EAAE;AAD8C,OAA3D;AAAA,+BAAQC,MAAR;AAAA,UAAgBD,OAAhB,6BAA0B,EAA1B;;AAIA,0BACI,oBAAC,IAAD,qBACI,oBAAC,UAAD;AAAY,QAAA,KAAK,EAAEN,KAAK,CAACQ,KAAzB;AAAgC,QAAA,WAAW,EAAER,KAAK,CAACS;AAAnD,SACK;AAAA,YAAGC,QAAH,SAAGA,QAAH;AAAA,YAAaC,QAAb,SAAaA,QAAb;AAAA,4BACG,oBAAC,KAAD,CAAO,QAAP,QACKL,OAAO,CAACM,GAAR,CAAY,UAACC,MAAD,EAASC,KAAT,EAAmB;AAC5B,cAAMC,KAAK,GACPf,KAAK,CAACN,IAAN,KAAe,QAAf,GACMsB,MAAM,CAACH,MAAM,CAACE,KAAR,CADZ,GAEMF,MAAM,CAACE,KAHjB;AAIA,8BACI;AAAK,YAAA,GAAG,EAAEE,MAAM,CAACJ,MAAM,CAACE,KAAR,CAAN,GAAuBD;AAAjC,0BACI,oBAAC,KAAD;AACI,YAAA,KAAK,EAAED,MAAM,CAACL,KADlB;AAEI,YAAA,KAAK,EAAEG,QAAQ,CAACI,KAAD,CAFnB;AAGI,YAAA,QAAQ,EAAEL,QAAQ,CAACK,KAAD;AAHtB,YADJ,CADJ;AASH,SAdA,CADL,CADH;AAAA,OADL,CADJ,CADJ;AAyBH;AAvCK;AAH+B,CAA7C;AA8CA,eAAetB,MAAf","sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Radio, RadioGroup } from \"@webiny/ui/Radio\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-radio-buttons\",\n renderer: {\n rendererName: \"radio-buttons\",\n name: t`Radio Buttons`,\n description: t`Renders radio buttons, allowing selection of a single value.`,\n canUse({ field }) {\n return !field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n },\n render({ field, getBind }) {\n const Bind = getBind();\n\n const { values: options = [] } = field.predefinedValues || {\n options: []\n };\n\n return (\n <Bind>\n <RadioGroup label={field.label} description={field.helpText}>\n {({ onChange, getValue }) => (\n <React.Fragment>\n {options.map((option, index) => {\n const value =\n field.type === \"number\"\n ? Number(option.value)\n : option.value;\n return (\n <div key={String(option.value) + index}>\n <Radio\n label={option.label}\n value={getValue(value)}\n onChange={onChange(value)}\n />\n </div>\n );\n })}\n </React.Fragment>\n )}\n </RadioGroup>\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"]}

package/admin/plugins/fieldRenderers/ref/components/ContentEntriesAutocomplete.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
 import React from "react";
 import { CmsEditorField } from "../../../../../types";
+import { BindComponentRenderProp } from "@webiny/form";
 interface ContentEntriesAutocompleteProps {
-    bind: any;
+    bind: BindComponentRenderProp;
     field: CmsEditorField;
 }
 declare const ContentEntriesAutocomplete: React.FC<ContentEntriesAutocompleteProps>;

package/admin/plugins/fieldRenderers/ref/components/ContentEntriesAutocomplete.js CHANGED Viewed

@@ -61,8 +61,6 @@ var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
   if (renderNewEntryModal) {
-    // TODO @ts-refactor
-    // TODO @ashutosh check out that second entry in onChange and check which type does on change accept as second entry
     return /*#__PURE__*/React.createElement(NewRefEntryFormDialog, {
       modelId: refModelId,
       onChange: function onChange(entry) {
@@ -72,7 +70,7 @@ var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
       renderItem: renderItem,
       onChange: _onChange,
       loading: loading,
-      value: value ? value.id : null,
+      value: value || undefined,
       options: options,
       label: field.label,
       description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, entryInfo),
@@ -87,7 +85,7 @@ var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
     renderItem: renderItem,
     onChange: _onChange,
     loading: loading,
-    value: value ? value.id : null,
+    value: value || undefined,
     options: options,
     label: field.label,
     description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, entryInfo),

package/admin/plugins/fieldRenderers/ref/components/ContentEntriesAutocomplete.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["ContentEntriesAutocomplete.tsx"],"names":["React","debounce","NewRefEntryFormDialog","NewEntryButton","AutoComplete","i18n","Link","useNewRefEntry","useReference","renderItem","createEntryUrl","t","ns","unpublishedLabel","publishedLabel","ContentEntriesAutocomplete","bind","field","options","setSearch","value","loading","onChange","entryInfo","published","link","publishItLink","here","renderNewEntryModal","refModelId","helpText","entry","undefined","label","search"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport debounce from \"lodash/debounce\";\nimport NewRefEntryFormDialog, { NewEntryButton } from \"./NewRefEntryFormDialog\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Link } from \"@webiny/react-router\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry\";\nimport { useReference } from \"./useReference\";\nimport { renderItem } from \"./renderItem\";\nimport { createEntryUrl } from \"./createEntryUrl\";\nimport { CmsEditorField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst unpublishedLabel = t`Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry.`;\nconst publishedLabel = t`Selected content entry is published. You can view it {here}.`;\n\ninterface ContentEntriesAutocompleteProps {\n bind: BindComponentRenderProp;\n field: CmsEditorField;\n}\nconst ContentEntriesAutocomplete: React.FC<ContentEntriesAutocompleteProps> = ({ bind, field }) => {\n const { options, setSearch, value, loading, onChange } = useReference({\n bind,\n field\n });\n\n let entryInfo: string | null = null;\n if (value && !value.published) {\n const link = createEntryUrl(value);\n entryInfo = unpublishedLabel({ publishItLink: <Link to={link}>{t`publish it`}</Link> });\n } else if (value) {\n const link = createEntryUrl(value);\n entryInfo = publishedLabel({\n here: <Link to={link}>{t`here`}</Link>\n });\n }\n const { renderNewEntryModal, refModelId, helpText } = useNewRefEntry({ field });\n\n /*\n * Wrap AutoComplete input in NewRefEntry modal.\n */\n if (renderNewEntryModal) {\n return (\n <NewRefEntryFormDialog\n modelId={refModelId}\n onChange={entry => onChange(entry, entry as any)}\n >\n <AutoComplete\n {...bind}\n renderItem={renderItem}\n onChange={onChange}\n loading={loading}\n value={value || undefined}\n options={options}\n label={field.label}\n description={\n <>\n {field.helpText}\n {entryInfo}\n </>\n }\n onInput={debounce(search => setSearch(search), 250)}\n noResultFound={<NewEntryButton />}\n />\n </NewRefEntryFormDialog>\n );\n }\n\n return (\n <AutoComplete\n {...bind}\n renderItem={renderItem}\n onChange={onChange}\n loading={loading}\n value={value || undefined}\n options={options}\n label={field.label}\n description={\n <>\n {field.helpText}\n {entryInfo}\n </>\n }\n onInput={debounce(search => setSearch(search), 250)}\n noResultFound={helpText}\n />\n );\n};\n\nexport default ContentEntriesAutocomplete;\n"]}

package/admin/plugins/fieldRenderers/ref/components/ContentEntriesMultiAutoComplete.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
 import React from "react";
 import { CmsEditorField } from "../../../../../types";
+import { BindComponentRenderProp } from "@webiny/form";
 interface ContentEntriesMultiAutocompleteProps {
-    bind: any;
+    bind: BindComponentRenderProp;
     field: CmsEditorField;
 }
 declare const ContentEntriesMultiAutocomplete: React.FC<ContentEntriesMultiAutocompleteProps>;

package/admin/plugins/fieldRenderers/ref/components/ContentEntriesMultiAutoComplete.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["ContentEntriesMultiAutoComplete.tsx"],"names":["React","useCallback","debounce","MultiAutoComplete","Link","i18n","useReferences","renderItem","NewRefEntryFormDialog","NewEntryButton","useNewRefEntry","t","ns","warn","ContentEntriesMultiAutocomplete","bind","field","options","setSearch","entries","loading","onChange","renderNewEntryModal","refModelId","helpText","entryWarning","entry","index","id","modelId","name","published","encodeURIComponent","warning","filter","item","length","map","refEntryOnChange","value","label"],"mappings":"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","sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { Link } from \"@webiny/react-router\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReferencedCmsEntry, useReferences } from \"./useReferences\";\nimport { renderItem } from \"./renderItem\";\nimport NewRefEntryFormDialog, { NewEntryButton } from \"./NewRefEntryFormDialog\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry\";\nimport { CmsEditorField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst warn = t`Before publishing the main content entry, make sure you publish the following referenced entries: {entries}`;\n\ninterface ContentEntriesMultiAutocompleteProps {\n bind: BindComponentRenderProp;\n field: CmsEditorField;\n}\nconst ContentEntriesMultiAutocomplete: React.FC<ContentEntriesMultiAutocompleteProps> = ({\n bind,\n field\n}) => {\n const { options, setSearch, entries, loading, onChange } = useReferences({ bind, field });\n\n const { renderNewEntryModal, refModelId, helpText } = useNewRefEntry({ field });\n\n const entryWarning = (entry: ReferencedCmsEntry, index: number): React.ReactElement | null => {\n const { id, modelId, name, published } = entry;\n if (published) {\n return null;\n }\n return (\n <React.Fragment key={id}>\n {index > 0 && \", \"}\n <Link to={`/cms/content-entries/${modelId}?id=${encodeURIComponent(id)}`}>\n {name}\n </Link>\n </React.Fragment>\n );\n };\n\n let warning = entries.filter(item => item.published === false);\n if (warning.length) {\n warning = warn({\n entries: <>{warning.map(entryWarning)}</>\n });\n }\n\n const refEntryOnChange = useCallback(\n // TODO @ts-refactor figure out which type is this\n value => {\n /**\n * Append new selected entry at the end of existing entries.\n */\n onChange([...entries, value]);\n },\n [onChange, entries]\n );\n\n if (renderNewEntryModal) {\n return (\n <NewRefEntryFormDialog modelId={refModelId} onChange={refEntryOnChange}>\n <MultiAutoComplete\n {...bind}\n renderItem={renderItem}\n renderListItemLabel={renderItem}\n useMultipleSelectionList\n onChange={onChange}\n loading={loading}\n value={entries}\n options={options}\n label={field.label}\n onInput={debounce(setSearch, 250)}\n description={\n <>\n {field.helpText}\n {warning}\n </>\n }\n noResultFound={<NewEntryButton />}\n />\n </NewRefEntryFormDialog>\n );\n }\n\n return (\n <MultiAutoComplete\n {...bind}\n renderItem={renderItem}\n renderListItemLabel={renderItem}\n useMultipleSelectionList\n onChange={onChange}\n loading={loading}\n value={entries}\n options={options}\n label={field.label}\n onInput={debounce(setSearch, 250)}\n description={\n <>\n {field.helpText}\n {warning}\n </>\n }\n noResultFound={helpText}\n />\n );\n};\n\nexport default ContentEntriesMultiAutocomplete;\n"]}

package/admin/plugins/fieldRenderers/ref/components/MissingEntryHelpText.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import React from "react";
 export declare const ReferenceMultipleModelsHelpText: () => JSX.Element;
-declare const MissingEntryHelpText: React.FC<{
+interface MissingEntryHelpTextProps {
     refModelId: string;
-}>;
+}
+declare const MissingEntryHelpText: React.FC<MissingEntryHelpTextProps>;
 export default MissingEntryHelpText;

package/admin/plugins/fieldRenderers/ref/components/MissingEntryHelpText.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["MissingEntryHelpText.tsx"],"names":["React","styled","Typography","Link","createNewEntryUrl","i18n","t","ns","missingEntryLabel","referenceMultipleModelsLabel","HelpTextTypography","ReferenceMultipleModelsHelpText","MissingEntryHelpText","refModelId","newEntryLink"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,UAAT,QAA2B,uBAA3B;AACA,SAASC,IAAT,QAAqB,sBAArB;AACA,SAASC,iBAAT;AACA,SAASC,IAAT,QAAqB,kBAArB;AAEA,IAAMC,CAAC,GAAGD,IAAI,CAACE,EAAL,CAAQ,mCAAR,CAAV;AAEA,IAAMC,iBAAiB,GAAGF,CAAH,sOAAvB;AAGA,IAAMG,4BAA4B,GAAGH,CAAH,mTAAlC;AAIA,IAAMI,kBAAkB,gBAAGT,MAAH,CAAUC,UAAV;AAAA;AAAA;AAAA,6FAAxB;AAOA,OAAO,IAAMS,+BAA+B,GAAG,SAAlCA,+BAAkC,GAAM;AACjD,sBAAO,oBAAC,kBAAD;AAAoB,IAAA,GAAG,EAAE;AAAzB,KAAqCF,4BAArC,CAAP;AACH,CAFM;;AAOP,IAAMG,oBAAyD,GAAG,SAA5DA,oBAA4D,OAAoB;AAAA,MAAjBC,UAAiB,QAAjBA,UAAiB;AAClF,sBACI,oBAAC,kBAAD;AAAoB,IAAA,GAAG,EAAE;AAAzB,KACKL,iBAAiB,CAAC;AACfM,IAAAA,YAAY,eACR,oBAAC,IAAD;AAAM,MAAA,EAAE,EAAEV,iBAAiB,CAACS,UAAD,CAA3B;AAAyC,MAAA,MAAM,EAAE;AAAjD,OAA4DP,CAA5D;AAFW,GAAD,CADtB,CADJ;AASH,CAVD;;AAYA,eAAeM,oBAAf","sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Link } from \"@webiny/react-router\";\nimport { createNewEntryUrl } from \"./createEntryUrl\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst missingEntryLabel = t`If you can't find the intended reference value in the target model,\n please close this dialog and populate the {newEntryLink} in the target model first.`;\n\nconst referenceMultipleModelsLabel = t`The creation of reference values from within this view is only supported\n when a single reference model is selected. To reference values from multiple models,\n please make sure the referenced values exist before setting the reference.`;\n\nconst HelpTextTypography = styled(Typography)`\n & {\n display: inline-block;\n color: var(--mdc-theme-text-secondary-on-background) !important;\n }\n`;\n\nexport const ReferenceMultipleModelsHelpText = () => {\n return <HelpTextTypography use={\"caption\"}>{referenceMultipleModelsLabel}</HelpTextTypography>;\n};\n\ninterface MissingEntryHelpTextProps {\n refModelId: string;\n}\nconst MissingEntryHelpText: React.FC<MissingEntryHelpTextProps> = ({ refModelId }) => {\n return (\n <HelpTextTypography use={\"caption\"}>\n {missingEntryLabel({\n newEntryLink: (\n <Link to={createNewEntryUrl(refModelId)} target={\"_blank\"}>{t`entry`}</Link>\n )\n })}\n </HelpTextTypography>\n );\n};\n\nexport default MissingEntryHelpText;\n"]}

package/admin/plugins/fieldRenderers/ref/components/NewRefEntryFormDialog.js CHANGED Viewed

@@ -33,7 +33,12 @@ var EntryForm = function EntryForm(_ref) {
   return /*#__PURE__*/React.createElement(ContentEntryForm, {
     contentModel: contentModel,
-    onSubmit: onCreate,
+    onSubmit: function onSubmit(data) {
+      /**
+       * We know that data is CmsEditorContentEntry.
+       */
+      return onCreate(data);
+    },
     onForm: function onForm(form) {
       return setFormRef(form);
     },
@@ -47,8 +52,8 @@ var DialogSaveButton = function DialogSaveButton() {
       form = _useContentEntry2.form;
   return /*#__PURE__*/React.createElement(DialogButton, {
-    onClick: function onClick() {
-      return form.current.submit();
+    onClick: function onClick(ev) {
+      return form.current.submit(ev);
     }
   }, t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Save"]))));
 };
@@ -76,7 +81,7 @@ var NewRefEntryFormDialog = function NewRefEntryFormDialog(_ref2) {
       children = _ref2.children,
       onChange = _ref2.onChange;
-  var _useState = useState(),
+  var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
       contentModel = _useState2[0],
       setContentModel = _useState2[1];
@@ -111,6 +116,11 @@ var NewRefEntryFormDialog = function NewRefEntryFormDialog(_ref2) {
     return setOpen(false);
   }, []);
   var onCreate = useCallback(function (entry) {
+    if (!contentModel) {
+      setOpen(false);
+      return;
+    }
     onChange(_objectSpread(_objectSpread({}, entry), {}, {
       /*
        * Format data for AutoComplete.
@@ -119,10 +129,6 @@ var NewRefEntryFormDialog = function NewRefEntryFormDialog(_ref2) {
       modelId: contentModel.modelId,
       modelName: contentModel.name
     }));
-    /*
-    Close the modal
-     */
     setOpen(false);
   }, [onChange, contentModel]);

package/admin/plugins/fieldRenderers/ref/components/NewRefEntryFormDialog.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["NewRefEntryFormDialog.tsx"],"names":["React","useCallback","useState","get","css","styled","Dialog","DialogActions","DialogButton","DialogCancel","DialogContent","DialogTitle","ButtonDefault","ButtonIcon","useSnackbar","i18n","ReactComponent","AddIcon","Provider","ContentEntriesProvider","ContentEntryProvider","ContentEntryForm","useQuery","GET_CONTENT_MODEL","useContentEntry","useNewRefEntryDialog","t","ns","dialogContentStyles","dialogContainerStyles","EntryForm","onCreate","setFormRef","contentModel","data","form","DialogSaveButton","ev","current","submit","DefaultButton","NewEntryButton","setOpen","NewRefEntryFormDialog","modelId","children","onChange","setContentModel","showSnackbar","skip","variables","onCompleted","contentModelData","open","hideDialog","entry","published","modelName","name"],"mappings":"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","sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport get from \"lodash/get\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport {\n Dialog,\n DialogActions,\n DialogButton,\n DialogCancel,\n DialogContent,\n DialogTitle\n} from \"@webiny/ui/Dialog\";\nimport { ButtonDefault, ButtonIcon } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { Provider as ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { Provider as ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm\";\nimport { useQuery } from \"~/admin/hooks\";\nimport {\n GET_CONTENT_MODEL,\n GetCmsModelQueryResponse,\n GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { useNewRefEntryDialog } from \"../hooks/useNewRefEntryDialog\";\nimport { CmsEditorContentEntry, CmsModel } from \"~/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst dialogContentStyles = css`\n width: 786px;\n`;\n\nconst dialogContainerStyles = css`\n /*\n* By default, a Dialog component has the \"z-index\" value of 20.\n* As we are rendering the content entry form in a \"Dialog\", the File Manager view triggered by a \"file\" field\n* will render below the source form, rendering it useless for the user.\n*\n* To fix that issue, we're setting the \"z-index\" CSS property for this particular Dialog to less than 18,\n* which is the \"z-index\" value assigned to File Manager view, so that it will render below the File Manager view as expected.\n*/\n\n &.mdc-dialog {\n z-index: 17;\n }\n`;\n\ninterface EntryFormProps {\n onCreate: (entry: CmsEditorContentEntry) => void;\n}\nconst EntryForm: React.FC<EntryFormProps> = ({ onCreate }) => {\n const { setFormRef, contentModel } = useContentEntry();\n\n return (\n <ContentEntryForm\n contentModel={contentModel}\n onSubmit={data => {\n /**\n * We know that data is CmsEditorContentEntry.\n */\n return onCreate(data as unknown as CmsEditorContentEntry);\n }}\n onForm={form => setFormRef(form)}\n entry={{}}\n addEntryToListCache={false}\n />\n );\n};\n\nconst DialogSaveButton: React.FC = () => {\n const { form } = useContentEntry();\n\n return <DialogButton onClick={ev => form.current.submit(ev)}>{t`Save`}</DialogButton>;\n};\n\nconst DefaultButton = styled(ButtonDefault)`\n margin-left: 32px;\n`;\n\nexport const NewEntryButton = () => {\n const { setOpen } = useNewRefEntryDialog();\n return (\n <DefaultButton small={true} onClick={() => setOpen(true)}>\n <ButtonIcon icon={<AddIcon />} />\n {t`New Entry`}\n </DefaultButton>\n );\n};\n\ninterface NewRefEntryProps {\n modelId: string;\n children: React.ReactElement;\n onChange: (entry: CmsEditorContentEntry) => void;\n}\n\nconst NewRefEntryFormDialog: React.FC<NewRefEntryProps> = ({ modelId, children, onChange }) => {\n const [contentModel, setContentModel] = useState<CmsModel | null>(null);\n\n const { showSnackbar } = useSnackbar();\n\n useQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>(GET_CONTENT_MODEL, {\n skip: !modelId,\n variables: { modelId },\n onCompleted: data => {\n const contentModelData: CmsModel | null = get(data, \"getContentModel.data\");\n if (contentModelData) {\n setContentModel(contentModelData);\n return;\n }\n\n showSnackbar(\n t`Could not load content for model \"{modelId}\". Redirecting...`({\n modelId\n })\n );\n }\n });\n\n const { open, setOpen } = useNewRefEntryDialog();\n const hideDialog = useCallback(() => setOpen(false), []);\n\n const onCreate = useCallback(\n (entry: CmsEditorContentEntry) => {\n if (!contentModel) {\n setOpen(false);\n return;\n }\n onChange({\n ...entry,\n /*\n * Format data for AutoComplete.\n */\n published: get(entry, \"meta.status\") === \"published\",\n modelId: contentModel.modelId,\n modelName: contentModel.name\n });\n setOpen(false);\n },\n [onChange, contentModel]\n );\n\n if (!contentModel) {\n return children;\n }\n\n return (\n <ContentEntriesProvider\n contentModel={contentModel}\n key={contentModel.modelId}\n insideDialog={true}\n >\n <ContentEntryProvider isNewEntry={() => true} getContentId={() => null}>\n <Dialog open={open} onClose={hideDialog} className={dialogContainerStyles}>\n <DialogTitle>\n {t`New {modelName} Entry`({ modelName: contentModel.name })}\n </DialogTitle>\n <DialogContent className={dialogContentStyles}>\n <EntryForm onCreate={onCreate} />\n </DialogContent>\n <DialogActions>\n <DialogCancel>{t`Cancel`}</DialogCancel>\n <DialogSaveButton />\n </DialogActions>\n </Dialog>\n {children}\n </ContentEntryProvider>\n </ContentEntriesProvider>\n );\n};\n\nexport default NewRefEntryFormDialog;\n"]}

package/admin/plugins/fieldRenderers/ref/components/createEntryUrl.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["createEntryUrl.ts"],"names":["createEntryUrl","modelId","id","encodeURIComponent","createNewEntryUrl"],"mappings":"AAKA,OAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAAmD;AAAA,MAAhDC,OAAgD,QAAhDA,OAAgD;AAAA,MAAvCC,EAAuC,QAAvCA,EAAuC;AAC7E,wCAA+BD,OAA/B,iBAA6CE,kBAAkB,CAACD,EAAD,CAA/D;AACH,CAFM;AAIP,OAAO,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB,CAACH,OAAD,EAA6B;AAC1D,wCAA+BA,OAA/B;AACH,CAFM","sourcesContent":["export interface CreateEntryUrlParams {\n id: string;\n modelId: string;\n}\n\nexport const createEntryUrl = ({ modelId, id }: CreateEntryUrlParams): string => {\n return `/cms/content-entries/${modelId}?id=${encodeURIComponent(id)}`;\n};\n\nexport const createNewEntryUrl = (modelId: string): string => {\n return `/cms/content-entries/${modelId}?new=true`;\n};\n"]}

package/admin/plugins/fieldRenderers/ref/components/getOptions.d.ts CHANGED Viewed

@@ -5,11 +5,12 @@ interface CmsEntry extends Pick<CmsEditorContentEntry, "id" | "title" | "status"
 interface Options {
     (item: CmsEntry): Record<string, string>;
 }
-export declare const getOptions: (entries?: CmsEntry[], extraOptions?: Options) => {
+export interface OptionItem {
     id: string;
     modelId: string;
     modelName: string;
-    name: any;
+    name: string;
     published: boolean;
-}[];
+}
+export declare const getOptions: (entries?: CmsEntry[], extraOptions?: Options | undefined) => OptionItem[];
 export {};

package/admin/plugins/fieldRenderers/ref/components/getOptions.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 export var getOptions = function getOptions() {
   var entries = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var extraOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var extraOptions = arguments.length > 1 ? arguments[1] : undefined;
   return entries.map(function (item) {
     var name = item.title;

package/admin/plugins/fieldRenderers/ref/components/getOptions.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["getOptions.ts"],"names":["getOptions","entries","extraOptions","map","item","name","title","extraData","id","modelId","model","modelName","published","status","filter","Boolean"],"mappings":";AAiBA,OAAO,IAAMA,UAAU,GAAG,SAAbA,UAAa,GAAoE;AAAA,MAAnEC,OAAmE,uEAA7C,EAA6C;AAAA,MAAzCC,YAAyC;AAC1F,SAAOD,OAAO,CACTE,GADE,CACE,UAAAC,IAAI,EAAI;AACT,QAAMC,IAAI,GAAGD,IAAI,CAACE,KAAlB;;AAEA,QAAI,CAACD,IAAL,EAAW;AACP,aAAO,IAAP;AACH;;AAED,QAAME,SAAS,GAAG,OAAOL,YAAP,KAAwB,UAAxB,GAAqCA,YAAY,CAACE,IAAD,CAAjD,GAA0D,EAA5E;AAEA;AACII,MAAAA,EAAE,EAAEJ,IAAI,CAACI,EADb;AAEIC,MAAAA,OAAO,EAAEL,IAAI,CAACM,KAAL,CAAWD,OAFxB;AAGIE,MAAAA,SAAS,EAAEP,IAAI,CAACM,KAAL,CAAWL,IAH1B;AAIIA,MAAAA,IAAI,EAAEA,IAJV;AAKIO,MAAAA,SAAS,EAAER,IAAI,CAACS,MAAL,KAAgB;AAL/B,OAMON,SANP;AAQH,GAlBE,EAmBFO,MAnBE,CAmBKC,OAnBL,CAAP;AAoBH,CArBM","sourcesContent":["import { CmsEditorContentEntry, CmsModel } from \"~/types\";\n\ninterface CmsEntry extends Pick<CmsEditorContentEntry, \"id\" | \"title\" | \"status\"> {\n model: Pick<CmsModel, \"modelId\" | \"name\">;\n}\ninterface Options {\n (item: CmsEntry): Record<string, string>;\n}\n\nexport interface OptionItem {\n id: string;\n modelId: string;\n modelName: string;\n name: string;\n published: boolean;\n}\n\nexport const getOptions = (entries: CmsEntry[] = [], extraOptions?: Options): OptionItem[] => {\n return entries\n .map(item => {\n const name = item.title;\n\n if (!name) {\n return null;\n }\n\n const extraData = typeof extraOptions === \"function\" ? extraOptions(item) : {};\n\n return {\n id: item.id,\n modelId: item.model.modelId,\n modelName: item.model.name,\n name: name,\n published: item.status === \"published\",\n ...extraData\n };\n })\n .filter(Boolean) as OptionItem[];\n};\n"]}

package/admin/plugins/fieldRenderers/ref/components/graphql.d.ts CHANGED Viewed

@@ -1,14 +1,4 @@
-import { CmsErrorResponse, CmsModel } from "../../../../../types";
-/**
- * #########################
- * Common response
- */
-export interface CmsEntryQueryResponseDataEntry {
-    id: string;
-    status: "published" | "draft";
-    title: string;
-    model: Pick<CmsModel, "modelId" | "name">;
-}
+import { CmsErrorResponse, CmsLatestContentEntry } from "../../../../../types";
 /**
  * #########################
  * Common variables
@@ -23,7 +13,7 @@ export interface CmsEntryGetEntryVariable {
  */
 export interface CmsEntrySearchQueryResponse {
     content: {
-        data: CmsEntryQueryResponseDataEntry[];
+        data: CmsLatestContentEntry[];
         error?: CmsErrorResponse;
     };
 }
@@ -39,7 +29,7 @@ export declare const SEARCH_CONTENT_ENTRIES: import("graphql").DocumentNode;
  */
 export interface CmsEntryGetListResponse {
     content: {
-        data: CmsEntryQueryResponseDataEntry[];
+        data: CmsLatestContentEntry[];
         error?: CmsErrorResponse;
     };
 }
@@ -53,7 +43,7 @@ export declare const GET_CONTENT_ENTRIES: import("graphql").DocumentNode;
  */
 export interface CmsEntryGetQueryResponse {
     content: {
-        data: CmsEntryQueryResponseDataEntry;
+        data: CmsLatestContentEntry;
         error?: CmsErrorResponse;
     };
 }

package/admin/plugins/fieldRenderers/ref/components/graphql.js CHANGED Viewed

@@ -6,7 +6,7 @@ import gql from "graphql-tag";
 var fields = "\ndata {\n    id\n    status\n    title\n    model {\n        modelId\n        name\n    }\n}\nerror {\n    code\n    message\n    data\n}";
 /**
  * #########################
- * Common response
+ * Common variables
  */
 export var SEARCH_CONTENT_ENTRIES = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query CmsSearchContentEntries($modelIds: [ID!]!, $query: String!, $limit: Int) {\n        content: searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {\n            ", "\n        }\n    }\n"])), fields);

package/admin/plugins/fieldRenderers/ref/components/graphql.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["graphql.ts"],"names":["gql","fields","SEARCH_CONTENT_ENTRIES","GET_CONTENT_ENTRIES","GET_CONTENT_ENTRY","GET_CONTENT_MODELS"],"mappings":";;;;AAAA,OAAOA,GAAP,MAAgB,aAAhB;AAGA,IAAMC,MAAM,+IAAZ;AAgBA;AACA;AACA;AACA;;AAsBA,OAAO,IAAMC,sBAAsB,GAAGF,GAAH,8RAGrBC,MAHqB,CAA5B;AAOP;AACA;AACA;AACA;;AAWA,OAAO,IAAME,mBAAmB,GAAGH,GAAH,2OAGlBC,MAHkB,CAAzB;AAQP;AACA;AACA;AACA;;AAWA,OAAO,IAAMG,iBAAiB,GAAGJ,GAAH,8NAGhBC,MAHgB,CAAvB;AAQP,OAAO,IAAMI,kBAAkB,GAAGL,GAAH,mPAAxB","sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse, CmsLatestContentEntry } from \"~/types\";\n\nconst fields = `\ndata {\n id\n status\n title\n model {\n modelId\n name\n }\n}\nerror {\n code\n message\n data\n}`;\n\n/**\n * #########################\n * Common variables\n */\nexport interface CmsEntryGetEntryVariable {\n modelId: string;\n id: string;\n}\n\n/**\n * #########################\n * Search Entries Query Response\n */\n\nexport interface CmsEntrySearchQueryResponse {\n content: {\n data: CmsLatestContentEntry[];\n error?: CmsErrorResponse;\n };\n}\nexport interface CmsEntrySearchQueryVariables {\n modelIds: string[];\n query: string;\n limit?: number;\n}\nexport const SEARCH_CONTENT_ENTRIES = gql`\n query CmsSearchContentEntries($modelIds: [ID!]!, $query: String!, $limit: Int) {\n content: searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {\n ${fields}\n }\n }\n`;\n/**\n * #########################\n * Get Entries Query Response\n */\n\nexport interface CmsEntryGetListResponse {\n content: {\n data: CmsLatestContentEntry[];\n error?: CmsErrorResponse;\n };\n}\nexport interface CmsEntryGetListVariables {\n entries: CmsEntryGetEntryVariable[];\n}\nexport const GET_CONTENT_ENTRIES = gql`\n query CmsGetContentEntries($entries: [CmsModelEntryInput!]!) {\n content: getContentEntries(entries: $entries) {\n ${fields}\n }\n }\n`;\n\n/**\n * #########################\n * Get Entry Query Response\n */\nexport interface CmsEntryGetQueryResponse {\n content: {\n data: CmsLatestContentEntry;\n error?: CmsErrorResponse;\n };\n}\nexport interface CmsEntryGetQueryVariables {\n entry: CmsEntryGetEntryVariable;\n}\n\nexport const GET_CONTENT_ENTRY = gql`\n query CmsGetContentEntry($entry: CmsModelEntryInput!) {\n content: getContentEntry(entry: $entry) {\n ${fields}\n }\n }\n`;\n\nexport const GET_CONTENT_MODELS = gql`\n query CmsGetContentModels {\n listContentModels {\n data {\n modelId\n titleFieldId\n }\n }\n }\n`;\n"]}

package/admin/plugins/fieldRenderers/ref/components/renderItem.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["renderItem.tsx"],"names":["React","styled","Typography","createEntryUrl","Link","ModelId","color","renderItem","props","name","modelName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,UAAT,QAA2B,uBAA3B;AACA,SAASC,cAAT;AACA,SAASC,IAAT,QAAqB,sBAArB;AAEA,IAAMC,OAAO,gBAAGJ,MAAH,CAAU,MAAV;AAAA;AAAA;AAAA,GAAkB;AAC3BK,EAAAA,KAAK,EAAE;AADoB,CAAlB,CAAb;AAUA,OAAO,IAAMC,UAA2B,GAAG,SAA9BA,UAA8B,CAAAC,KAAK,EAAI;AAChD,sBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAE;AAAjB,kBACI,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAEL,cAAc,CAACK,KAAD;AAAxB,KAAkCA,KAAK,CAACC,IAAxC,CADJ,eAEI,+BAFJ,eAGI,oBAAC,OAAD,mBAAiBD,KAAK,CAACE,SAAvB,CAHJ,CADJ;AAOH,CARM","sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { createEntryUrl } from \"~/admin/plugins/fieldRenderers/ref/components/createEntryUrl\";\nimport { Link } from \"@webiny/react-router\";\n\nconst ModelId = styled(\"span\")({\n color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n});\n\nexport interface Props {\n name: string;\n modelName: string;\n modelId: string;\n id: string;\n}\nexport const renderItem: React.FC<Props> = props => {\n return (\n <Typography use={\"body2\"}>\n <Link to={createEntryUrl(props)}>{props.name}</Link>\n <br />\n <ModelId>Model: {props.modelName}</ModelId>\n </Typography>\n );\n};\n"]}