@webiny/app-headless-cms-common 6.0.0-alpha.5 → 6.0.0-rc.0

package/Fields/ErrorBoundary.d.ts

@@ -1,6 +1,6 @@
 import type { ErrorInfo } from "react";
 import React from "react";
-import type { CmsModelField } from "../types";
+import type { CmsModelField } from "../types/index.js";
 type State = {
     hasError: true;
     error: Error;

package/Fields/ErrorBoundary.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { FieldElementError } from "./FieldElementError";
+import { FieldElementError } from "./FieldElementError.js";
 export class ErrorBoundary extends React.Component {
   constructor(props) {
     super(props);

package/Fields/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FieldElementError","ErrorBoundary","Component","constructor","props","state","hasError","error","undefined","getDerivedStateFromError","componentDidCatch","errorInfo","field","console","groupCollapsed","fieldId","id","type","log","groupEnd","render","createElement","title","message","description","children"],"sources":["ErrorBoundary.tsx"],"sourcesContent":["import type { ErrorInfo } from \"react\";\nimport React from \"react\";\nimport type { CmsModelField } from \"~/types\";\nimport { FieldElementError } from \"./FieldElementError\";\n\ntype State =\n    | {\n          hasError: true;\n          error: Error;\n      }\n    | { hasError: false; error: undefined };\n\ninterface Props {\n    field: CmsModelField;\n    [key: string]: any;\n}\n\nexport class ErrorBoundary extends React.Component<Props, State> {\n    constructor(props: Props) {\n        super(props);\n        this.state = {\n            hasError: false,\n            error: undefined\n        };\n    }\n\n    static getDerivedStateFromError(error: Error) {\n        return {\n            hasError: true,\n            error\n        };\n    }\n\n    public override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n        const { field } = this.props;\n        if (!field) {\n            return;\n        }\n        console.groupCollapsed(\n            `%cFIELD ERROR%c: An error occurred while rendering model field \"${field.fieldId}\" (${field.id}) of type \"${field.type}\".`,\n            \"color:red\",\n            \"color:default\"\n        );\n        console.log(\"Field definition\", field);\n        console.error(error, errorInfo);\n        console.groupEnd();\n    }\n\n    public override render() {\n        if (this.state.hasError) {\n            return (\n                <FieldElementError\n                    title={`Error: ${this.state.error.message}`}\n                    description={\"See developer console for more details.\"}\n                />\n            );\n        }\n\n        return this.props.children;\n    }\n}\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,iBAAiB;AAc1B,OAAO,MAAMC,aAAa,SAASF,KAAK,CAACG,SAAS,CAAe;EAC7DC,WAAWA,CAACC,KAAY,EAAE;IACtB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,KAAK,GAAG;MACTC,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAEC;IACX,CAAC;EACL;EAEA,OAAOC,wBAAwBA,CAACF,KAAY,EAAE;IAC1C,OAAO;MACHD,QAAQ,EAAE,IAAI;MACdC;IACJ,CAAC;EACL;EAEgBG,iBAAiBA,CAACH,KAAY,EAAEI,SAAoB,EAAE;IAClE,MAAM;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACR,KAAK;IAC5B,IAAI,CAACQ,KAAK,EAAE;MACR;IACJ;IACAC,OAAO,CAACC,cAAc,CAClB,mEAAmEF,KAAK,CAACG,OAAO,MAAMH,KAAK,CAACI,EAAE,cAAcJ,KAAK,CAACK,IAAI,IAAI,EAC1H,WAAW,EACX,eACJ,CAAC;IACDJ,OAAO,CAACK,GAAG,CAAC,kBAAkB,EAAEN,KAAK,CAAC;IACtCC,OAAO,CAACN,KAAK,CAACA,KAAK,EAAEI,SAAS,CAAC;IAC/BE,OAAO,CAACM,QAAQ,CAAC,CAAC;EACtB;EAEgBC,MAAMA,CAAA,EAAG;IACrB,IAAI,IAAI,CAACf,KAAK,CAACC,QAAQ,EAAE;MACrB,oBACIP,KAAA,CAAAsB,aAAA,CAACrB,iBAAiB;QACdsB,KAAK,EAAE,UAAU,IAAI,CAACjB,KAAK,CAACE,KAAK,CAACgB,OAAO,EAAG;QAC5CC,WAAW,EAAE;MAA0C,CAC1D,CAAC;IAEV;IAEA,OAAO,IAAI,CAACpB,KAAK,CAACqB,QAAQ;EAC9B;AACJ","ignoreList":[]}
+{"version":3,"names":["React","FieldElementError","ErrorBoundary","Component","constructor","props","state","hasError","error","undefined","getDerivedStateFromError","componentDidCatch","errorInfo","field","console","groupCollapsed","fieldId","id","type","log","groupEnd","render","createElement","title","message","description","children"],"sources":["ErrorBoundary.tsx"],"sourcesContent":["import type { ErrorInfo } from \"react\";\nimport React from \"react\";\nimport type { CmsModelField } from \"~/types/index.js\";\nimport { FieldElementError } from \"./FieldElementError.js\";\n\ntype State =\n    | {\n          hasError: true;\n          error: Error;\n      }\n    | { hasError: false; error: undefined };\n\ninterface Props {\n    field: CmsModelField;\n    [key: string]: any;\n}\n\nexport class ErrorBoundary extends React.Component<Props, State> {\n    constructor(props: Props) {\n        super(props);\n        this.state = {\n            hasError: false,\n            error: undefined\n        };\n    }\n\n    static getDerivedStateFromError(error: Error) {\n        return {\n            hasError: true,\n            error\n        };\n    }\n\n    public override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n        const { field } = this.props;\n        if (!field) {\n            return;\n        }\n        console.groupCollapsed(\n            `%cFIELD ERROR%c: An error occurred while rendering model field \"${field.fieldId}\" (${field.id}) of type \"${field.type}\".`,\n            \"color:red\",\n            \"color:default\"\n        );\n        console.log(\"Field definition\", field);\n        console.error(error, errorInfo);\n        console.groupEnd();\n    }\n\n    public override render() {\n        if (this.state.hasError) {\n            return (\n                <FieldElementError\n                    title={`Error: ${this.state.error.message}`}\n                    description={\"See developer console for more details.\"}\n                />\n            );\n        }\n\n        return this.props.children;\n    }\n}\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,iBAAiB;AAc1B,OAAO,MAAMC,aAAa,SAASF,KAAK,CAACG,SAAS,CAAe;EAC7DC,WAAWA,CAACC,KAAY,EAAE;IACtB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,KAAK,GAAG;MACTC,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAEC;IACX,CAAC;EACL;EAEA,OAAOC,wBAAwBA,CAACF,KAAY,EAAE;IAC1C,OAAO;MACHD,QAAQ,EAAE,IAAI;MACdC;IACJ,CAAC;EACL;EAEgBG,iBAAiBA,CAACH,KAAY,EAAEI,SAAoB,EAAE;IAClE,MAAM;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACR,KAAK;IAC5B,IAAI,CAACQ,KAAK,EAAE;MACR;IACJ;IACAC,OAAO,CAACC,cAAc,CAClB,mEAAmEF,KAAK,CAACG,OAAO,MAAMH,KAAK,CAACI,EAAE,cAAcJ,KAAK,CAACK,IAAI,IAAI,EAC1H,WAAW,EACX,eACJ,CAAC;IACDJ,OAAO,CAACK,GAAG,CAAC,kBAAkB,EAAEN,KAAK,CAAC;IACtCC,OAAO,CAACN,KAAK,CAACA,KAAK,EAAEI,SAAS,CAAC;IAC/BE,OAAO,CAACM,QAAQ,CAAC,CAAC;EACtB;EAEgBC,MAAMA,CAAA,EAAG;IACrB,IAAI,IAAI,CAACf,KAAK,CAACC,QAAQ,EAAE;MACrB,oBACIP,KAAA,CAAAsB,aAAA,CAACrB,iBAAiB;QACdsB,KAAK,EAAE,UAAU,IAAI,CAACjB,KAAK,CAACE,KAAK,CAACgB,OAAO,EAAG;QAC5CC,WAAW,EAAE;MAA0C,CAC1D,CAAC;IAEV;IAEA,OAAO,IAAI,CAACpB,KAAK,CAACqB,QAAQ;EAC9B;AACJ","ignoreList":[]}

package/Fields/FieldElement.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import type { CmsModelField, CmsEditorContentModel, BindComponent } from "../types";
-declare global {
+import type { BindComponent, CmsEditorContentModel, CmsModelField } from "../types/index.js";
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             "hcms-model-field": {

package/Fields/FieldElement.js

@@ -1,12 +1,12 @@
 import React from "react";
-import get from "lodash/get";
+import get from "lodash/get.js";
 import { makeDecoratable } from "@webiny/app-admin";
-import { i18n } from "@webiny/app/i18n";
-import Label from "./Label";
-import { useBind } from "./useBind";
-import { useRenderPlugins } from "./useRenderPlugins";
-import { ModelFieldProvider, useModelField } from "../ModelFieldProvider";
-import { ErrorBoundary } from "./ErrorBoundary";
+import { i18n } from "@webiny/app/i18n/index.js";
+import Label from "./Label.js";
+import { useBind } from "./useBind.js";
+import { useRenderPlugins } from "./useRenderPlugins.js";
+import { ModelFieldProvider, useModelField } from "../ModelFieldProvider/index.js";
+import { ErrorBoundary } from "./ErrorBoundary.js";
 const t = i18n.ns("app-headless-cms/admin/components/content-form");
 const RenderField = props => {
   const renderPlugins = useRenderPlugins();
@@ -28,9 +28,15 @@ const RenderField = props => {
       contentModel
     }));
   }
-  const renderPlugin = renderPlugins.find(plugin => plugin.renderer.rendererName === get(field, "renderer.name"));
+  const fieldRendererName = get(field, "renderer.name");
+  if (!fieldRendererName) {
+    return t`Cannot render "{fieldName}" field - field renderer not defined.`({
+      fieldName: /*#__PURE__*/React.createElement("strong", null, field.fieldId)
+    });
+  }
+  const renderPlugin = renderPlugins.find(plugin => plugin.renderer.rendererName === fieldRendererName);
   if (!renderPlugin) {
-    return t`Cannot render "{fieldName}" field - field renderer missing.`({
+    return t`Cannot render "{fieldName}" field - field renderer missing in Admin UI plugins.`({
       fieldName: /*#__PURE__*/React.createElement("strong", null, field.fieldId)
     });
   }

package/Fields/FieldElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","get","makeDecoratable","i18n","Label","useBind","useRenderPlugins","ModelFieldProvider","useModelField","ErrorBoundary","t","ns","RenderField","props","renderPlugins","Bind","contentModel","field","getBind","renderer","createElement","Fragment","renderPlugin","find","plugin","rendererName","fieldName","fieldId","render","FieldElement","id","type","RenderFieldElement"],"sources":["FieldElement.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport Label from \"./Label\";\nimport { useBind } from \"./useBind\";\nimport { useRenderPlugins } from \"./useRenderPlugins\";\nimport { ModelFieldProvider, useModelField } from \"../ModelFieldProvider\";\nimport type { CmsModelField, CmsEditorContentModel, BindComponent } from \"~/types\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-form\");\n\ndeclare global {\n    // eslint-disable-next-line\n    namespace JSX {\n        interface IntrinsicElements {\n            \"hcms-model-field\": {\n                \"data-id\": string;\n                \"data-type\": string;\n                \"data-field-id\": string;\n                children: React.ReactNode;\n            };\n        }\n    }\n}\n\ntype RenderFieldProps = Omit<FieldElementProps, \"field\">;\n\nconst RenderField = (props: RenderFieldProps) => {\n    const renderPlugins = useRenderPlugins();\n    const { Bind, contentModel } = props;\n    const { field } = useModelField();\n    const getBind = useBind({ Bind });\n\n    if (typeof field.renderer === \"function\") {\n        return <>{field.renderer({ field, getBind, Label, contentModel })}</>;\n    }\n\n    const renderPlugin = renderPlugins.find(\n        plugin => plugin.renderer.rendererName === get(field, \"renderer.name\")\n    );\n\n    if (!renderPlugin) {\n        return t`Cannot render \"{fieldName}\" field - field renderer missing.`({\n            fieldName: <strong>{field.fieldId}</strong>\n        });\n    }\n\n    return <>{renderPlugin.renderer.render({ field, getBind, Label, contentModel })}</>;\n};\n\nexport interface FieldElementProps {\n    field: CmsModelField;\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n}\n\nexport const FieldElement = makeDecoratable(\n    \"FieldElement\",\n    ({ field, ...props }: FieldElementProps) => {\n        if (!field) {\n            return null;\n        }\n\n        return (\n            <hcms-model-field\n                data-id={field.id}\n                data-field-id={field.fieldId}\n                data-type={field.type}\n            >\n                <ErrorBoundary field={field}>\n                    <ModelFieldProvider field={field}>\n                        <RenderField {...props} />\n                    </ModelFieldProvider>\n                </ErrorBoundary>\n            </hcms-model-field>\n        );\n    }\n);\n\n/**\n * @deprecated Use `FieldElement` instead.\n */\nexport const RenderFieldElement = FieldElement;\n\n/**\n * @deprecated Use `FieldElementProps` instead.\n */\nexport type RenderFieldElementProps = FieldElementProps;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAC5B,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,KAAK;AACZ,SAASC,OAAO;AAChB,SAASC,gBAAgB;AACzB,SAASC,kBAAkB,EAAEC,aAAa;AAE1C,SAASC,aAAa;AAEtB,MAAMC,CAAC,GAAGP,IAAI,CAACQ,EAAE,CAAC,gDAAgD,CAAC;AAkBnE,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EAC7C,MAAMC,aAAa,GAAGR,gBAAgB,CAAC,CAAC;EACxC,MAAM;IAAES,IAAI;IAAEC;EAAa,CAAC,GAAGH,KAAK;EACpC,MAAM;IAAEI;EAAM,CAAC,GAAGT,aAAa,CAAC,CAAC;EACjC,MAAMU,OAAO,GAAGb,OAAO,CAAC;IAAEU;EAAK,CAAC,CAAC;EAEjC,IAAI,OAAOE,KAAK,CAACE,QAAQ,KAAK,UAAU,EAAE;IACtC,oBAAOnB,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,QAAGJ,KAAK,CAACE,QAAQ,CAAC;MAAEF,KAAK;MAAEC,OAAO;MAAEd,KAAK;MAAEY;IAAa,CAAC,CAAI,CAAC;EACzE;EAEA,MAAMM,YAAY,GAAGR,aAAa,CAACS,IAAI,CACnCC,MAAM,IAAIA,MAAM,CAACL,QAAQ,CAACM,YAAY,KAAKxB,GAAG,CAACgB,KAAK,EAAE,eAAe,CACzE,CAAC;EAED,IAAI,CAACK,YAAY,EAAE;IACf,OAAOZ,CAAC,6DAA6D,CAAC;MAClEgB,SAAS,eAAE1B,KAAA,CAAAoB,aAAA,iBAASH,KAAK,CAACU,OAAgB;IAC9C,CAAC,CAAC;EACN;EAEA,oBAAO3B,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,QAAGC,YAAY,CAACH,QAAQ,CAACS,MAAM,CAAC;IAAEX,KAAK;IAAEC,OAAO;IAAEd,KAAK;IAAEY;EAAa,CAAC,CAAI,CAAC;AACvF,CAAC;AAQD,OAAO,MAAMa,YAAY,GAAG3B,eAAe,CACvC,cAAc,EACd,CAAC;EAAEe,KAAK;EAAE,GAAGJ;AAAyB,CAAC,KAAK;EACxC,IAAI,CAACI,KAAK,EAAE;IACR,OAAO,IAAI;EACf;EAEA,oBACIjB,KAAA,CAAAoB,aAAA;IACI,WAASH,KAAK,CAACa,EAAG;IAClB,iBAAeb,KAAK,CAACU,OAAQ;IAC7B,aAAWV,KAAK,CAACc;EAAK,gBAEtB/B,KAAA,CAAAoB,aAAA,CAACX,aAAa;IAACQ,KAAK,EAAEA;EAAM,gBACxBjB,KAAA,CAAAoB,aAAA,CAACb,kBAAkB;IAACU,KAAK,EAAEA;EAAM,gBAC7BjB,KAAA,CAAAoB,aAAA,CAACR,WAAW,EAAKC,KAAQ,CACT,CACT,CACD,CAAC;AAE3B,CACJ,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMmB,kBAAkB,GAAGH,YAAY;;AAE9C;AACA;AACA","ignoreList":[]}
+{"version":3,"names":["React","get","makeDecoratable","i18n","Label","useBind","useRenderPlugins","ModelFieldProvider","useModelField","ErrorBoundary","t","ns","RenderField","props","renderPlugins","Bind","contentModel","field","getBind","renderer","createElement","Fragment","fieldRendererName","fieldName","fieldId","renderPlugin","find","plugin","rendererName","render","FieldElement","id","type","RenderFieldElement"],"sources":["FieldElement.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport Label from \"./Label.js\";\nimport { useBind } from \"./useBind.js\";\nimport { useRenderPlugins } from \"./useRenderPlugins.js\";\nimport { ModelFieldProvider, useModelField } from \"../ModelFieldProvider/index.js\";\nimport type { BindComponent, CmsEditorContentModel, CmsModelField } from \"~/types/index.js\";\nimport { ErrorBoundary } from \"./ErrorBoundary.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-form\");\n\ndeclare module \"react\" {\n    namespace JSX {\n        interface IntrinsicElements {\n            \"hcms-model-field\": {\n                \"data-id\": string;\n                \"data-type\": string;\n                \"data-field-id\": string;\n                children: React.ReactNode;\n            };\n        }\n    }\n}\n\ntype RenderFieldProps = Omit<FieldElementProps, \"field\">;\n\nconst RenderField = (props: RenderFieldProps) => {\n    const renderPlugins = useRenderPlugins();\n    const { Bind, contentModel } = props;\n    const { field } = useModelField();\n    const getBind = useBind({ Bind });\n\n    if (typeof field.renderer === \"function\") {\n        return <>{field.renderer({ field, getBind, Label, contentModel })}</>;\n    }\n\n    const fieldRendererName = get(field, \"renderer.name\");\n    if (!fieldRendererName) {\n        return t`Cannot render \"{fieldName}\" field - field renderer not defined.`({\n            fieldName: <strong>{field.fieldId}</strong>\n        });\n    }\n\n    const renderPlugin = renderPlugins.find(\n        plugin => plugin.renderer.rendererName === fieldRendererName\n    );\n\n    if (!renderPlugin) {\n        return t`Cannot render \"{fieldName}\" field - field renderer missing in Admin UI plugins.`({\n            fieldName: <strong>{field.fieldId}</strong>\n        });\n    }\n\n    return <>{renderPlugin.renderer.render({ field, getBind, Label, contentModel })}</>;\n};\n\nexport interface FieldElementProps {\n    field: CmsModelField;\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n}\n\nexport const FieldElement = makeDecoratable(\n    \"FieldElement\",\n    ({ field, ...props }: FieldElementProps) => {\n        if (!field) {\n            return null;\n        }\n\n        return (\n            <hcms-model-field\n                data-id={field.id}\n                data-field-id={field.fieldId}\n                data-type={field.type}\n            >\n                <ErrorBoundary field={field}>\n                    <ModelFieldProvider field={field}>\n                        <RenderField {...props} />\n                    </ModelFieldProvider>\n                </ErrorBoundary>\n            </hcms-model-field>\n        );\n    }\n);\n\n/**\n * @deprecated Use `FieldElement` instead.\n */\nexport const RenderFieldElement = FieldElement;\n\n/**\n * @deprecated Use `FieldElementProps` instead.\n */\nexport type RenderFieldElementProps = FieldElementProps;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,IAAI,QAAQ,2BAA2B;AAChD,OAAOC,KAAK;AACZ,SAASC,OAAO;AAChB,SAASC,gBAAgB;AACzB,SAASC,kBAAkB,EAAEC,aAAa;AAE1C,SAASC,aAAa;AAEtB,MAAMC,CAAC,GAAGP,IAAI,CAACQ,EAAE,CAAC,gDAAgD,CAAC;AAiBnE,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EAC7C,MAAMC,aAAa,GAAGR,gBAAgB,CAAC,CAAC;EACxC,MAAM;IAAES,IAAI;IAAEC;EAAa,CAAC,GAAGH,KAAK;EACpC,MAAM;IAAEI;EAAM,CAAC,GAAGT,aAAa,CAAC,CAAC;EACjC,MAAMU,OAAO,GAAGb,OAAO,CAAC;IAAEU;EAAK,CAAC,CAAC;EAEjC,IAAI,OAAOE,KAAK,CAACE,QAAQ,KAAK,UAAU,EAAE;IACtC,oBAAOnB,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,QAAGJ,KAAK,CAACE,QAAQ,CAAC;MAAEF,KAAK;MAAEC,OAAO;MAAEd,KAAK;MAAEY;IAAa,CAAC,CAAI,CAAC;EACzE;EAEA,MAAMM,iBAAiB,GAAGrB,GAAG,CAACgB,KAAK,EAAE,eAAe,CAAC;EACrD,IAAI,CAACK,iBAAiB,EAAE;IACpB,OAAOZ,CAAC,iEAAiE,CAAC;MACtEa,SAAS,eAAEvB,KAAA,CAAAoB,aAAA,iBAASH,KAAK,CAACO,OAAgB;IAC9C,CAAC,CAAC;EACN;EAEA,MAAMC,YAAY,GAAGX,aAAa,CAACY,IAAI,CACnCC,MAAM,IAAIA,MAAM,CAACR,QAAQ,CAACS,YAAY,KAAKN,iBAC/C,CAAC;EAED,IAAI,CAACG,YAAY,EAAE;IACf,OAAOf,CAAC,iFAAiF,CAAC;MACtFa,SAAS,eAAEvB,KAAA,CAAAoB,aAAA,iBAASH,KAAK,CAACO,OAAgB;IAC9C,CAAC,CAAC;EACN;EAEA,oBAAOxB,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,QAAGI,YAAY,CAACN,QAAQ,CAACU,MAAM,CAAC;IAAEZ,KAAK;IAAEC,OAAO;IAAEd,KAAK;IAAEY;EAAa,CAAC,CAAI,CAAC;AACvF,CAAC;AAQD,OAAO,MAAMc,YAAY,GAAG5B,eAAe,CACvC,cAAc,EACd,CAAC;EAAEe,KAAK;EAAE,GAAGJ;AAAyB,CAAC,KAAK;EACxC,IAAI,CAACI,KAAK,EAAE;IACR,OAAO,IAAI;EACf;EAEA,oBACIjB,KAAA,CAAAoB,aAAA;IACI,WAASH,KAAK,CAACc,EAAG;IAClB,iBAAed,KAAK,CAACO,OAAQ;IAC7B,aAAWP,KAAK,CAACe;EAAK,gBAEtBhC,KAAA,CAAAoB,aAAA,CAACX,aAAa;IAACQ,KAAK,EAAEA;EAAM,gBACxBjB,KAAA,CAAAoB,aAAA,CAACb,kBAAkB;IAACU,KAAK,EAAEA;EAAM,gBAC7BjB,KAAA,CAAAoB,aAAA,CAACR,WAAW,EAAKC,KAAQ,CACT,CACT,CACD,CAAC;AAE3B,CACJ,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMoB,kBAAkB,GAAGH,YAAY;;AAE9C;AACA;AACA","ignoreList":[]}

package/Fields/FieldElementError.js

@@ -11,8 +11,7 @@ const StyledError = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produc
   styles: "border:2px solid red;background-color:#f87e7e;border-radius:5px;padding:5px 10px"
 } : {
   name: "1ybf6v5",
-  styles: "border:2px solid red;background-color:#f87e7e;border-radius:5px;padding:5px 10px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZWxkRWxlbWVudEVycm9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHOEIiLCJmaWxlIjoiRmllbGRFbGVtZW50RXJyb3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmNvbnN0IFN0eWxlZEVycm9yID0gc3R5bGVkLmRpdmBcbiAgICBib3JkZXI6IDJweCBzb2xpZCByZWQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2Y4N2U3ZTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgcGFkZGluZzogNXB4IDEwcHg7XG5gO1xuXG5pbnRlcmZhY2UgRmllbGRFbGVtZW50RXJyb3JQcm9wcyB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBkZXNjcmlwdGlvbjogc3RyaW5nO1xufVxuXG5jb25zdCBzaG93RXJyb3IgPSBwcm9jZXNzLmVudi5OT0RFX0VOViA9PT0gXCJkZXZlbG9wbWVudFwiO1xuXG5leHBvcnQgY29uc3QgRmllbGRFbGVtZW50RXJyb3IgPSAocHJvcHM6IEZpZWxkRWxlbWVudEVycm9yUHJvcHMpID0+IHtcbiAgICBpZiAoIXNob3dFcnJvcikge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8U3R5bGVkRXJyb3I+XG4gICAgICAgICAgICA8aDU+e3Byb3BzLnRpdGxlfTwvaDU+XG4gICAgICAgICAgICA8cD57cHJvcHMuZGVzY3JpcHRpb259PC9wPlxuICAgICAgICA8L1N0eWxlZEVycm9yPlxuICAgICk7XG59O1xuIl19 */",
+  styles: "border:2px solid red;background-color:#f87e7e;border-radius:5px;padding:5px 10px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZWxkRWxlbWVudEVycm9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHOEIiLCJmaWxlIjoiRmllbGRFbGVtZW50RXJyb3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmNvbnN0IFN0eWxlZEVycm9yID0gc3R5bGVkLmRpdmBcbiAgICBib3JkZXI6IDJweCBzb2xpZCByZWQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2Y4N2U3ZTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgcGFkZGluZzogNXB4IDEwcHg7XG5gO1xuXG5pbnRlcmZhY2UgRmllbGRFbGVtZW50RXJyb3JQcm9wcyB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBkZXNjcmlwdGlvbjogc3RyaW5nO1xufVxuXG5jb25zdCBzaG93RXJyb3IgPSBwcm9jZXNzLmVudi5OT0RFX0VOViA9PT0gXCJkZXZlbG9wbWVudFwiO1xuXG5leHBvcnQgY29uc3QgRmllbGRFbGVtZW50RXJyb3IgPSAocHJvcHM6IEZpZWxkRWxlbWVudEVycm9yUHJvcHMpID0+IHtcbiAgICBpZiAoIXNob3dFcnJvcikge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8U3R5bGVkRXJyb3I+XG4gICAgICAgICAgICA8aDU+e3Byb3BzLnRpdGxlfTwvaDU+XG4gICAgICAgICAgICA8cD57cHJvcHMuZGVzY3JpcHRpb259PC9wPlxuICAgICAgICA8L1N0eWxlZEVycm9yPlxuICAgICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const showError = process.env.NODE_ENV === "development";

package/Fields/FieldElementError.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyledError","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","showError","FieldElementError","props","createElement","title","description"],"sources":["FieldElementError.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nconst StyledError = styled.div`\n    border: 2px solid red;\n    background-color: #f87e7e;\n    border-radius: 5px;\n    padding: 5px 10px;\n`;\n\ninterface FieldElementErrorProps {\n    title: string;\n    description: string;\n}\n\nconst showError = process.env.NODE_ENV === \"development\";\n\nexport const FieldElementError = (props: FieldElementErrorProps) => {\n    if (!showError) {\n        return null;\n    }\n\n    return (\n        <StyledError>\n            <h5>{props.title}</h5>\n            <p>{props.description}</p>\n        </StyledError>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,MAAMC,WAAW,gBAAAC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAKhB;AAOD,MAAMC,SAAS,GAAGV,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa;AAExD,OAAO,MAAMS,iBAAiB,GAAIC,KAA6B,IAAK;EAChE,IAAI,CAACF,SAAS,EAAE;IACZ,OAAO,IAAI;EACf;EAEA,oBACIb,KAAA,CAAAgB,aAAA,CAACf,WAAW,qBACRD,KAAA,CAAAgB,aAAA,aAAKD,KAAK,CAACE,KAAU,CAAC,eACtBjB,KAAA,CAAAgB,aAAA,YAAID,KAAK,CAACG,WAAe,CAChB,CAAC;AAEtB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyledError","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","showError","FieldElementError","props","createElement","title","description"],"sources":["FieldElementError.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nconst StyledError = styled.div`\n    border: 2px solid red;\n    background-color: #f87e7e;\n    border-radius: 5px;\n    padding: 5px 10px;\n`;\n\ninterface FieldElementErrorProps {\n    title: string;\n    description: string;\n}\n\nconst showError = process.env.NODE_ENV === \"development\";\n\nexport const FieldElementError = (props: FieldElementErrorProps) => {\n    if (!showError) {\n        return null;\n    }\n\n    return (\n        <StyledError>\n            <h5>{props.title}</h5>\n            <p>{props.description}</p>\n        </StyledError>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,MAAMC,WAAW,gBAAAC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAKhB;AAOD,MAAMC,SAAS,GAAGT,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa;AAExD,OAAO,MAAMQ,iBAAiB,GAAIC,KAA6B,IAAK;EAChE,IAAI,CAACF,SAAS,EAAE;IACZ,OAAO,IAAI;EACf;EAEA,oBACIZ,KAAA,CAAAe,aAAA,CAACd,WAAW,qBACRD,KAAA,CAAAe,aAAA,aAAKD,KAAK,CAACE,KAAU,CAAC,eACtBhB,KAAA,CAAAe,aAAA,YAAID,KAAK,CAACG,WAAe,CAChB,CAAC;AAEtB,CAAC","ignoreList":[]}

package/Fields/Fields.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsEditorContentModel, CmsModelField, CmsEditorFieldsLayout, BindComponent } from "../types";
+import type { BindComponent, CmsEditorContentModel, CmsEditorFieldsLayout, CmsModelField } from "../types/index.js";
 interface FieldsProps {
     Bind: BindComponent;
     contentModel: CmsEditorContentModel;

package/Fields/Fields.js

@@ -1,10 +1,15 @@
 import React from "react";
-import { Grid } from "@webiny/admin-ui";
-import { FieldElement } from "./FieldElement";
-import { FieldElementError } from "./FieldElementError";
+import { Alert, Grid } from "@webiny/admin-ui";
+import { FieldElement } from "./FieldElement.js";
+import { FieldElementError } from "./FieldElementError.js";
 const getFieldById = (fields, id) => {
   return fields.find(field => field.id === id) || null;
 };
+const LayoutNotDefined = () => {
+  return /*#__PURE__*/React.createElement(Alert, {
+    type: "warning"
+  }, "You are missing the layout definition in your code content model. Please ensure you have the layout property correctly defined.");
+};
 export const Fields = ({
   Bind,
   fields,
@@ -12,6 +17,9 @@ export const Fields = ({
   contentModel,
   gridClassName
 }) => {
+  if (!layout?.length) {
+    return /*#__PURE__*/React.createElement(LayoutNotDefined, null);
+  }
   return /*#__PURE__*/React.createElement(Grid, {
     className: gridClassName
   }, layout.map((row, rowIndex) => /*#__PURE__*/React.createElement(React.Fragment, {

package/Fields/Fields.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","FieldElement","FieldElementError","getFieldById","fields","id","find","field","Fields","Bind","layout","contentModel","gridClassName","createElement","className","map","row","rowIndex","Fragment","key","Column","span","Math","floor","length","title","description"],"sources":["Fields.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, type ColumnProps } from \"@webiny/admin-ui\";\nimport { FieldElement } from \"./FieldElement\";\nimport { FieldElementError } from \"./FieldElementError\";\nimport type {\n    CmsEditorContentModel,\n    CmsModelField,\n    CmsEditorFieldsLayout,\n    BindComponent\n} from \"~/types\";\n\ninterface FieldsProps {\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n    fields: CmsModelField[];\n    layout: CmsEditorFieldsLayout;\n    gridClassName?: string;\n}\n\nconst getFieldById = (fields: CmsModelField[], id: string): CmsModelField | null => {\n    return fields.find(field => field.id === id) || null;\n};\n\nexport const Fields = ({ Bind, fields, layout, contentModel, gridClassName }: FieldsProps) => {\n    return (\n        <Grid className={gridClassName}>\n            {layout.map((row, rowIndex) => (\n                <React.Fragment key={rowIndex}>\n                    {row.map(id => {\n                        const field = getFieldById(fields, id) as CmsModelField;\n\n                        return (\n                            <Grid.Column\n                                span={Math.floor(12 / row.length) as ColumnProps[\"span\"]}\n                                key={id}\n                            >\n                                {field ? (\n                                    <FieldElement\n                                        field={field}\n                                        Bind={Bind}\n                                        contentModel={contentModel}\n                                    />\n                                ) : (\n                                    <FieldElementError\n                                        title={`Missing field with id \"${id}\"!`}\n                                        description={\n                                            \"Make sure field layout contains the correct field ids (hint: check for typos).\"\n                                        }\n                                    />\n                                )}\n                            </Grid.Column>\n                        );\n                    })}\n                </React.Fragment>\n            ))}\n        </Grid>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAA0B,kBAAkB;AACzD,SAASC,YAAY;AACrB,SAASC,iBAAiB;AAgB1B,MAAMC,YAAY,GAAGA,CAACC,MAAuB,EAAEC,EAAU,KAA2B;EAChF,OAAOD,MAAM,CAACE,IAAI,CAACC,KAAK,IAAIA,KAAK,CAACF,EAAE,KAAKA,EAAE,CAAC,IAAI,IAAI;AACxD,CAAC;AAED,OAAO,MAAMG,MAAM,GAAGA,CAAC;EAAEC,IAAI;EAAEL,MAAM;EAAEM,MAAM;EAAEC,YAAY;EAAEC;AAA2B,CAAC,KAAK;EAC1F,oBACIb,KAAA,CAAAc,aAAA,CAACb,IAAI;IAACc,SAAS,EAAEF;EAAc,GAC1BF,MAAM,CAACK,GAAG,CAAC,CAACC,GAAG,EAAEC,QAAQ,kBACtBlB,KAAA,CAAAc,aAAA,CAACd,KAAK,CAACmB,QAAQ;IAACC,GAAG,EAAEF;EAAS,GACzBD,GAAG,CAACD,GAAG,CAACV,EAAE,IAAI;IACX,MAAME,KAAK,GAAGJ,YAAY,CAACC,MAAM,EAAEC,EAAE,CAAkB;IAEvD,oBACIN,KAAA,CAAAc,aAAA,CAACb,IAAI,CAACoB,MAAM;MACRC,IAAI,EAAEC,IAAI,CAACC,KAAK,CAAC,EAAE,GAAGP,GAAG,CAACQ,MAAM,CAAyB;MACzDL,GAAG,EAAEd;IAAG,GAEPE,KAAK,gBACFR,KAAA,CAAAc,aAAA,CAACZ,YAAY;MACTM,KAAK,EAAEA,KAAM;MACbE,IAAI,EAAEA,IAAK;MACXE,YAAY,EAAEA;IAAa,CAC9B,CAAC,gBAEFZ,KAAA,CAAAc,aAAA,CAACX,iBAAiB;MACduB,KAAK,EAAE,0BAA0BpB,EAAE,IAAK;MACxCqB,WAAW,EACP;IACH,CACJ,CAEI,CAAC;EAEtB,CAAC,CACW,CACnB,CACC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Alert","Grid","FieldElement","FieldElementError","getFieldById","fields","id","find","field","LayoutNotDefined","createElement","type","Fields","Bind","layout","contentModel","gridClassName","length","className","map","row","rowIndex","Fragment","key","Column","span","Math","floor","title","description"],"sources":["Fields.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert, type ColumnProps, Grid } from \"@webiny/admin-ui\";\nimport { FieldElement } from \"./FieldElement.js\";\nimport { FieldElementError } from \"./FieldElementError.js\";\nimport type {\n    BindComponent,\n    CmsEditorContentModel,\n    CmsEditorFieldsLayout,\n    CmsModelField\n} from \"~/types/index.js\";\n\ninterface FieldsProps {\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n    fields: CmsModelField[];\n    layout: CmsEditorFieldsLayout;\n    gridClassName?: string;\n}\n\nconst getFieldById = (fields: CmsModelField[], id: string): CmsModelField | null => {\n    return fields.find(field => field.id === id) || null;\n};\n\nconst LayoutNotDefined = () => {\n    return (\n        <Alert type={\"warning\"}>\n            You are missing the layout definition in your code content model. Please ensure you have\n            the layout property correctly defined.\n        </Alert>\n    );\n};\n\nexport const Fields = ({ Bind, fields, layout, contentModel, gridClassName }: FieldsProps) => {\n    if (!layout?.length) {\n        return <LayoutNotDefined />;\n    }\n\n    return (\n        <Grid className={gridClassName}>\n            {layout.map((row, rowIndex) => (\n                <React.Fragment key={rowIndex}>\n                    {row.map(id => {\n                        const field = getFieldById(fields, id) as CmsModelField;\n\n                        return (\n                            <Grid.Column\n                                span={Math.floor(12 / row.length) as ColumnProps[\"span\"]}\n                                key={id}\n                            >\n                                {field ? (\n                                    <FieldElement\n                                        field={field}\n                                        Bind={Bind}\n                                        contentModel={contentModel}\n                                    />\n                                ) : (\n                                    <FieldElementError\n                                        title={`Missing field with id \"${id}\"!`}\n                                        description={\n                                            \"Make sure field layout contains the correct field ids (hint: check for typos).\"\n                                        }\n                                    />\n                                )}\n                            </Grid.Column>\n                        );\n                    })}\n                </React.Fragment>\n            ))}\n        </Grid>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAoBC,IAAI,QAAQ,kBAAkB;AAChE,SAASC,YAAY;AACrB,SAASC,iBAAiB;AAgB1B,MAAMC,YAAY,GAAGA,CAACC,MAAuB,EAAEC,EAAU,KAA2B;EAChF,OAAOD,MAAM,CAACE,IAAI,CAACC,KAAK,IAAIA,KAAK,CAACF,EAAE,KAAKA,EAAE,CAAC,IAAI,IAAI;AACxD,CAAC;AAED,MAAMG,gBAAgB,GAAGA,CAAA,KAAM;EAC3B,oBACIV,KAAA,CAAAW,aAAA,CAACV,KAAK;IAACW,IAAI,EAAE;EAAU,GAAC,iIAGjB,CAAC;AAEhB,CAAC;AAED,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,IAAI;EAAER,MAAM;EAAES,MAAM;EAAEC,YAAY;EAAEC;AAA2B,CAAC,KAAK;EAC1F,IAAI,CAACF,MAAM,EAAEG,MAAM,EAAE;IACjB,oBAAOlB,KAAA,CAAAW,aAAA,CAACD,gBAAgB,MAAE,CAAC;EAC/B;EAEA,oBACIV,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACiB,SAAS,EAAEF;EAAc,GAC1BF,MAAM,CAACK,GAAG,CAAC,CAACC,GAAG,EAAEC,QAAQ,kBACtBtB,KAAA,CAAAW,aAAA,CAACX,KAAK,CAACuB,QAAQ;IAACC,GAAG,EAAEF;EAAS,GACzBD,GAAG,CAACD,GAAG,CAACb,EAAE,IAAI;IACX,MAAME,KAAK,GAAGJ,YAAY,CAACC,MAAM,EAAEC,EAAE,CAAkB;IAEvD,oBACIP,KAAA,CAAAW,aAAA,CAACT,IAAI,CAACuB,MAAM;MACRC,IAAI,EAAEC,IAAI,CAACC,KAAK,CAAC,EAAE,GAAGP,GAAG,CAACH,MAAM,CAAyB;MACzDM,GAAG,EAAEjB;IAAG,GAEPE,KAAK,gBACFT,KAAA,CAAAW,aAAA,CAACR,YAAY;MACTM,KAAK,EAAEA,KAAM;MACbK,IAAI,EAAEA,IAAK;MACXE,YAAY,EAAEA;IAAa,CAC9B,CAAC,gBAEFhB,KAAA,CAAAW,aAAA,CAACP,iBAAiB;MACdyB,KAAK,EAAE,0BAA0BtB,EAAE,IAAK;MACxCuB,WAAW,EACP;IACH,CACJ,CAEI,CAAC;EAEtB,CAAC,CACW,CACnB,CACC,CAAC;AAEf,CAAC","ignoreList":[]}

package/Fields/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./FieldElement";
-export * from "./Fields";
-export * from "./useBind";
+export * from "./FieldElement.js";
+export * from "./Fields.js";
+export * from "./useBind.js";

package/Fields/index.js

@@ -1,5 +1,5 @@
-export * from "./FieldElement";
-export * from "./Fields";
-export * from "./useBind";
+export * from "./FieldElement.js";
+export * from "./Fields.js";
+export * from "./useBind.js";
 
 //# sourceMappingURL=index.js.map

package/Fields/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./FieldElement\";\nexport * from \"./Fields\";\nexport * from \"./useBind\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./FieldElement.js\";\nexport * from \"./Fields.js\";\nexport * from \"./useBind.js\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}

package/Fields/useBind.d.ts

@@ -1,4 +1,4 @@
-import type { BindComponent } from "../types";
+import type { BindComponent } from "../types/index.js";
 interface UseBindProps {
     Bind: BindComponent;
 }

package/Fields/useBind.js

@@ -1,8 +1,8 @@
 import React, { useRef, cloneElement } from "react";
 import { useForm } from "@webiny/form";
-import { createValidators } from "../createValidators";
-import { useModelField } from "../ModelFieldProvider";
-import { createValidationContainer } from "../createValidationContainer";
+import { createValidators } from "../createValidators.js";
+import { useModelField } from "../ModelFieldProvider/index.js";
+import { createValidationContainer } from "../createValidationContainer.js";
 const createFieldCacheKey = field => {
   return [field.id, field.fieldId, JSON.stringify(field.validation), JSON.stringify(field.listValidation)].join(";");
 };
@@ -30,7 +30,7 @@ export function useBind({
     }
     const validators = createValidators(field, field.validation || emptyValidators);
     const listValidators = createValidators(field, field.listValidation || emptyValidators);
-    const isMultipleValues = index === -1 && field.multipleValues;
+    const isMultipleValues = index === -1 && field.list;
     const inputValidators = isMultipleValues ? listValidators : validators;
 
     // We only use default values for single-value fields.
@@ -57,7 +57,7 @@ export function useBind({
         const props = {
           ...bind
         };
-        if (field.multipleValues && index === -1) {
+        if (field.list && index === -1) {
           props.appendValue = (newValue, index) => {
             const currentValue = bind.value || [];
             const newIndex = index ?? currentValue.length;

package/Fields/useBind.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","cloneElement","useForm","createValidators","useModelField","createValidationContainer","createFieldCacheKey","field","id","fieldId","JSON","stringify","validation","listValidation","join","emptyValidators","useBind","Bind","memoizedBindComponents","cacheKey","form","index","parentName","name","undefined","filter","v","componentId","current","validators","listValidators","isMultipleValues","multipleValues","inputValidators","defaultValueFromSettings","settings","defaultValue","UseBind","params","childName","childValidators","children","createElement","context","bind","props","appendValue","newValue","currentValue","value","newIndex","length","onChange","slice","prependValue","appendValues","newValues","removeValue","validateInput","moveValueUp","splice","moveValueDown","displayName","ValidationContainer"],"sources":["useBind.tsx"],"sourcesContent":["import React, { useRef, cloneElement } from \"react\";\nimport type { Validator } from \"@webiny/validation/types\";\nimport { useForm } from \"@webiny/form\";\nimport { createValidators } from \"~/createValidators\";\nimport type { BindComponent, CmsModelField } from \"~/types\";\nimport { useModelField } from \"~/ModelFieldProvider\";\nimport { createValidationContainer } from \"~/createValidationContainer\";\n\ninterface UseBindProps {\n    Bind: BindComponent;\n}\n\ninterface UseBindParams {\n    name?: string;\n    validators?: Validator | Validator[];\n    children?: any;\n    defaultValue?: any;\n}\n\nconst createFieldCacheKey = (field: CmsModelField) => {\n    return [\n        field.id,\n        field.fieldId,\n        JSON.stringify(field.validation),\n        JSON.stringify(field.listValidation)\n    ].join(\";\");\n};\n\nexport interface GetBindCallable {\n    (index?: number): BindComponent;\n}\n\nconst emptyValidators: Validator[] = [];\n\nexport function useBind({ Bind }: UseBindProps) {\n    const { field } = useModelField();\n    const memoizedBindComponents = useRef<Record<string, BindComponent>>({});\n    const cacheKey = createFieldCacheKey(field);\n    const form = useForm();\n\n    return (index = -1) => {\n        const { parentName } = Bind;\n\n        // If there's a parent name assigned to the given Bind component, we need to include it in the new field \"name\".\n        // This allows us to have nested fields (like \"object\" field with nested properties)\n        const name = [parentName, field.fieldId, index >= 0 ? index : undefined]\n            .filter(v => v !== undefined)\n            .join(\".\");\n\n        const componentId = `${name};${cacheKey}`;\n\n        if (memoizedBindComponents.current[componentId]) {\n            return memoizedBindComponents.current[componentId];\n        }\n\n        const validators = createValidators(field, field.validation || emptyValidators);\n        const listValidators = createValidators(field, field.listValidation || emptyValidators);\n        const isMultipleValues = index === -1 && field.multipleValues;\n        const inputValidators = isMultipleValues ? listValidators : validators;\n\n        // We only use default values for single-value fields.\n        const defaultValueFromSettings = !isMultipleValues ? field.settings?.defaultValue : null;\n\n        memoizedBindComponents.current[componentId] = function UseBind(params: UseBindParams) {\n            const {\n                name: childName,\n                validators: childValidators,\n                children,\n                defaultValue = defaultValueFromSettings\n            } = params;\n\n            const { field } = useModelField();\n\n            return (\n                <Bind\n                    name={childName || name}\n                    validators={childValidators || inputValidators}\n                    defaultValue={defaultValue ?? null}\n                    context={{ field }}\n                >\n                    {bind => {\n                        // Multiple-values functions below.\n                        const props = { ...bind };\n                        if (field.multipleValues && index === -1) {\n                            props.appendValue = (newValue: any, index?: number) => {\n                                const currentValue = bind.value || [];\n                                const newIndex = index ?? currentValue.length;\n\n                                bind.onChange([\n                                    ...currentValue.slice(0, newIndex),\n                                    newValue,\n                                    ...currentValue.slice(newIndex)\n                                ]);\n                            };\n                            props.prependValue = (newValue: any) => {\n                                bind.onChange([newValue, ...(bind.value || [])]);\n                            };\n                            props.appendValues = (newValues: any[]) => {\n                                bind.onChange([...(bind.value || []), ...newValues]);\n                            };\n\n                            props.removeValue = (index: number) => {\n                                if (index < 0) {\n                                    return;\n                                }\n\n                                const value = [\n                                    ...bind.value.slice(0, index),\n                                    ...bind.value.slice(index + 1)\n                                ];\n\n                                bind.onChange(value.length === 0 ? null : value);\n\n                                // To make sure the field is still valid, we must trigger validation.\n                                form.validateInput(field.fieldId);\n                            };\n\n                            props.moveValueUp = (index: number) => {\n                                if (index <= 0) {\n                                    return;\n                                }\n\n                                const value = [...bind.value];\n                                value.splice(index, 1);\n                                value.splice(index - 1, 0, bind.value[index]);\n\n                                bind.onChange(value);\n                            };\n\n                            props.moveValueDown = (index: number) => {\n                                if (index >= bind.value.length) {\n                                    return;\n                                }\n\n                                const value = [...bind.value];\n                                value.splice(index, 1);\n                                value.splice(index + 1, 0, bind.value[index]);\n\n                                bind.onChange(value);\n                            };\n                        }\n\n                        return typeof children === \"function\"\n                            ? children(props)\n                            : cloneElement(children, props);\n                    }}\n                </Bind>\n            );\n        } as BindComponent;\n\n        // We need to keep track of current field name, to support nested fields.\n        memoizedBindComponents.current[componentId].parentName = name;\n        memoizedBindComponents.current[componentId].displayName = `Bind<${name}>`;\n        memoizedBindComponents.current[componentId].ValidationContainer =\n            createValidationContainer(name);\n\n        return memoizedBindComponents.current[componentId];\n    };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useRef","cloneElement","useForm","createValidators","useModelField","createValidationContainer","createFieldCacheKey","field","id","fieldId","JSON","stringify","validation","listValidation","join","emptyValidators","useBind","Bind","memoizedBindComponents","cacheKey","form","index","parentName","name","undefined","filter","v","componentId","current","validators","listValidators","isMultipleValues","list","inputValidators","defaultValueFromSettings","settings","defaultValue","UseBind","params","childName","childValidators","children","createElement","context","bind","props","appendValue","newValue","currentValue","value","newIndex","length","onChange","slice","prependValue","appendValues","newValues","removeValue","validateInput","moveValueUp","splice","moveValueDown","displayName","ValidationContainer"],"sources":["useBind.tsx"],"sourcesContent":["import React, { useRef, cloneElement } from \"react\";\nimport type { Validator } from \"@webiny/validation/types.js\";\nimport { useForm } from \"@webiny/form\";\nimport { createValidators } from \"~/createValidators.js\";\nimport type { BindComponent, CmsModelField } from \"~/types/index.js\";\nimport { useModelField } from \"~/ModelFieldProvider/index.js\";\nimport { createValidationContainer } from \"~/createValidationContainer.js\";\n\ninterface UseBindProps {\n    Bind: BindComponent;\n}\n\ninterface UseBindParams {\n    name?: string;\n    validators?: Validator | Validator[];\n    children?: any;\n    defaultValue?: any;\n}\n\nconst createFieldCacheKey = (field: CmsModelField) => {\n    return [\n        field.id,\n        field.fieldId,\n        JSON.stringify(field.validation),\n        JSON.stringify(field.listValidation)\n    ].join(\";\");\n};\n\nexport interface GetBindCallable {\n    (index?: number): BindComponent;\n}\n\nconst emptyValidators: Validator[] = [];\n\nexport function useBind({ Bind }: UseBindProps) {\n    const { field } = useModelField();\n    const memoizedBindComponents = useRef<Record<string, BindComponent>>({});\n    const cacheKey = createFieldCacheKey(field);\n    const form = useForm();\n\n    return (index = -1) => {\n        const { parentName } = Bind;\n\n        // If there's a parent name assigned to the given Bind component, we need to include it in the new field \"name\".\n        // This allows us to have nested fields (like \"object\" field with nested properties)\n        const name = [parentName, field.fieldId, index >= 0 ? index : undefined]\n            .filter(v => v !== undefined)\n            .join(\".\");\n\n        const componentId = `${name};${cacheKey}`;\n\n        if (memoizedBindComponents.current[componentId]) {\n            return memoizedBindComponents.current[componentId];\n        }\n\n        const validators = createValidators(field, field.validation || emptyValidators);\n        const listValidators = createValidators(field, field.listValidation || emptyValidators);\n        const isMultipleValues = index === -1 && field.list;\n        const inputValidators = isMultipleValues ? listValidators : validators;\n\n        // We only use default values for single-value fields.\n        const defaultValueFromSettings = !isMultipleValues ? field.settings?.defaultValue : null;\n\n        memoizedBindComponents.current[componentId] = function UseBind(params: UseBindParams) {\n            const {\n                name: childName,\n                validators: childValidators,\n                children,\n                defaultValue = defaultValueFromSettings\n            } = params;\n\n            const { field } = useModelField();\n\n            return (\n                <Bind\n                    name={childName || name}\n                    validators={childValidators || inputValidators}\n                    defaultValue={defaultValue ?? null}\n                    context={{ field }}\n                >\n                    {bind => {\n                        // Multiple-values functions below.\n                        const props = { ...bind };\n                        if (field.list && index === -1) {\n                            props.appendValue = (newValue: any, index?: number) => {\n                                const currentValue = bind.value || [];\n                                const newIndex = index ?? currentValue.length;\n\n                                bind.onChange([\n                                    ...currentValue.slice(0, newIndex),\n                                    newValue,\n                                    ...currentValue.slice(newIndex)\n                                ]);\n                            };\n                            props.prependValue = (newValue: any) => {\n                                bind.onChange([newValue, ...(bind.value || [])]);\n                            };\n                            props.appendValues = (newValues: any[]) => {\n                                bind.onChange([...(bind.value || []), ...newValues]);\n                            };\n\n                            props.removeValue = (index: number) => {\n                                if (index < 0) {\n                                    return;\n                                }\n\n                                const value = [\n                                    ...bind.value.slice(0, index),\n                                    ...bind.value.slice(index + 1)\n                                ];\n\n                                bind.onChange(value.length === 0 ? null : value);\n\n                                // To make sure the field is still valid, we must trigger validation.\n                                form.validateInput(field.fieldId);\n                            };\n\n                            props.moveValueUp = (index: number) => {\n                                if (index <= 0) {\n                                    return;\n                                }\n\n                                const value = [...bind.value];\n                                value.splice(index, 1);\n                                value.splice(index - 1, 0, bind.value[index]);\n\n                                bind.onChange(value);\n                            };\n\n                            props.moveValueDown = (index: number) => {\n                                if (index >= bind.value.length) {\n                                    return;\n                                }\n\n                                const value = [...bind.value];\n                                value.splice(index, 1);\n                                value.splice(index + 1, 0, bind.value[index]);\n\n                                bind.onChange(value);\n                            };\n                        }\n\n                        return typeof children === \"function\"\n                            ? children(props)\n                            : cloneElement(children, props);\n                    }}\n                </Bind>\n            );\n        } as BindComponent;\n\n        // We need to keep track of current field name, to support nested fields.\n        memoizedBindComponents.current[componentId].parentName = name;\n        memoizedBindComponents.current[componentId].displayName = `Bind<${name}>`;\n        memoizedBindComponents.current[componentId].ValidationContainer =\n            createValidationContainer(name);\n\n        return memoizedBindComponents.current[componentId];\n    };\n}\n"],"mappings":"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","ignoreList":[]}

package/Fields/useRenderPlugins.d.ts

@@ -1 +1 @@
-export declare function useRenderPlugins(): import("@webiny/plugins/PluginsContainer").WithName<import("../types").CmsModelFieldRendererPlugin>[];
+export declare function useRenderPlugins(): import("@webiny/plugins/PluginsContainer").WithName<import("~/types/index.js").CmsModelFieldRendererPlugin>[];

package/Fields/useRenderPlugins.js.map

@@ -1 +1 @@
-{"version":3,"names":["plugins","useMemo","useRenderPlugins","byType"],"sources":["useRenderPlugins.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport { useMemo } from \"react\";\nimport type { CmsEditorFieldRendererPlugin } from \"~/types\";\n\nexport function useRenderPlugins() {\n    return useMemo(\n        () => plugins.byType<CmsEditorFieldRendererPlugin>(\"cms-editor-field-renderer\"),\n        []\n    );\n}\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AACzC,SAASC,OAAO,QAAQ,OAAO;AAG/B,OAAO,SAASC,gBAAgBA,CAAA,EAAG;EAC/B,OAAOD,OAAO,CACV,MAAMD,OAAO,CAACG,MAAM,CAA+B,2BAA2B,CAAC,EAC/E,EACJ,CAAC;AACL","ignoreList":[]}
+{"version":3,"names":["plugins","useMemo","useRenderPlugins","byType"],"sources":["useRenderPlugins.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport { useMemo } from \"react\";\nimport type { CmsEditorFieldRendererPlugin } from \"~/types/index.js\";\n\nexport function useRenderPlugins() {\n    return useMemo(\n        () => plugins.byType<CmsEditorFieldRendererPlugin>(\"cms-editor-field-renderer\"),\n        []\n    );\n}\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AACzC,SAASC,OAAO,QAAQ,OAAO;AAG/B,OAAO,SAASC,gBAAgBA,CAAA,EAAG;EAC/B,OAAOD,OAAO,CACV,MAAMD,OAAO,CAACG,MAAM,CAA+B,2BAA2B,CAAC,EAC/E,EACJ,CAAC;AACL","ignoreList":[]}

package/ModelFieldProvider/ModelFieldContext.d.ts

@@ -1,24 +1,26 @@
 import React from "react";
-import type { CmsModelField } from "../types";
+import type { CmsModelField } from "../types/index.js";
 export type ModelFieldContext = CmsModelField;
 export declare const ModelFieldContext: React.Context<{
     id: string;
     type: string;
-    fieldId: string;
-    storageId?: string | undefined;
+    fieldId: import("~/types/index.js").CmsEditorFieldId;
+    storageId?: string;
     label: string;
-    helpText?: string | undefined;
-    placeholderText?: string | undefined;
-    validation?: (import("../types").CmsModelFieldValidator | import("@webiny/validation/types").Validator)[] | undefined;
-    listValidation?: import("../types").CmsModelFieldValidator[] | undefined;
-    multipleValues?: boolean | undefined;
-    predefinedValues?: import("../types").CmsEditorFieldPredefinedValues | undefined;
-    settings?: import("../types").CmsModelFieldSettings<unknown> | undefined;
+    help?: string | React.ReactNode;
+    description?: string | React.ReactNode;
+    note?: string | React.ReactNode;
+    placeholder?: string;
+    validation?: (import("~/types/index.js").CmsModelFieldValidator | import("@webiny/validation/types").Validator)[];
+    listValidation?: import("~/types/index.js").CmsModelFieldValidator[];
+    list?: boolean;
+    predefinedValues?: import("~/types/index.js").CmsEditorFieldPredefinedValues;
+    settings?: import("~/types/index.js").CmsModelFieldSettings<unknown> | undefined;
     renderer: {
         name: string;
-        settings?: Record<string, any> | undefined;
-    } | ((props: import("../types").CmsModelFieldRendererProps) => React.ReactNode);
-    tags?: string[] | undefined;
+        settings?: Record<string, any>;
+    } | import("~/types/index.js").CmsModelFieldRendererPlugin["renderer"]["render"];
+    tags?: string[];
 } | undefined>;
 export interface ModelFieldProviderProps {
     field: CmsModelField;

package/ModelFieldProvider/ModelFieldContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createGenericContext","ModelFieldContext","createContext","undefined","ModelFieldProvider","field","children","createElement","Provider","value","useHook","ParentValueIndexProvider","useParentValueIndex","context","index"],"sources":["ModelFieldContext.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelField } from \"~/types\";\nimport { createGenericContext } from \"@webiny/app-admin\";\n\nexport type ModelFieldContext = CmsModelField;\n\nexport const ModelFieldContext = React.createContext<ModelFieldContext | undefined>(undefined);\n\nexport interface ModelFieldProviderProps {\n    field: CmsModelField;\n    children: React.ReactNode;\n}\n\nexport const ModelFieldProvider = ({ field, children }: ModelFieldProviderProps) => {\n    return <ModelFieldContext.Provider value={field}>{children}</ModelFieldContext.Provider>;\n};\n\nconst { Provider, useHook } = createGenericContext<{ index: number }>(\"FieldIndex\");\n\nexport const ParentValueIndexProvider = Provider;\n\nexport const useParentValueIndex = () => {\n    try {\n        const context = useHook();\n        return context.index;\n    } catch {\n        return -1;\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB,QAAQ,mBAAmB;AAIxD,OAAO,MAAMC,iBAAiB,gBAAGF,KAAK,CAACG,aAAa,CAAgCC,SAAS,CAAC;AAO9F,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAkC,CAAC,KAAK;EAChF,oBAAOP,KAAA,CAAAQ,aAAA,CAACN,iBAAiB,CAACO,QAAQ;IAACC,KAAK,EAAEJ;EAAM,GAAEC,QAAqC,CAAC;AAC5F,CAAC;AAED,MAAM;EAAEE,QAAQ;EAAEE;AAAQ,CAAC,GAAGV,oBAAoB,CAAoB,YAAY,CAAC;AAEnF,OAAO,MAAMW,wBAAwB,GAAGH,QAAQ;AAEhD,OAAO,MAAMI,mBAAmB,GAAGA,CAAA,KAAM;EACrC,IAAI;IACA,MAAMC,OAAO,GAAGH,OAAO,CAAC,CAAC;IACzB,OAAOG,OAAO,CAACC,KAAK;EACxB,CAAC,CAAC,MAAM;IACJ,OAAO,CAAC,CAAC;EACb;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createGenericContext","ModelFieldContext","createContext","undefined","ModelFieldProvider","field","children","createElement","Provider","value","useHook","ParentValueIndexProvider","useParentValueIndex","context","index"],"sources":["ModelFieldContext.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelField } from \"~/types/index.js\";\nimport { createGenericContext } from \"@webiny/app-admin\";\n\nexport type ModelFieldContext = CmsModelField;\n\nexport const ModelFieldContext = React.createContext<ModelFieldContext | undefined>(undefined);\n\nexport interface ModelFieldProviderProps {\n    field: CmsModelField;\n    children: React.ReactNode;\n}\n\nexport const ModelFieldProvider = ({ field, children }: ModelFieldProviderProps) => {\n    return <ModelFieldContext.Provider value={field}>{children}</ModelFieldContext.Provider>;\n};\n\nconst { Provider, useHook } = createGenericContext<{ index: number }>(\"FieldIndex\");\n\nexport const ParentValueIndexProvider = Provider;\n\nexport const useParentValueIndex = () => {\n    try {\n        const context = useHook();\n        return context.index;\n    } catch {\n        return -1;\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB,QAAQ,mBAAmB;AAIxD,OAAO,MAAMC,iBAAiB,gBAAGF,KAAK,CAACG,aAAa,CAAgCC,SAAS,CAAC;AAO9F,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAkC,CAAC,KAAK;EAChF,oBAAOP,KAAA,CAAAQ,aAAA,CAACN,iBAAiB,CAACO,QAAQ;IAACC,KAAK,EAAEJ;EAAM,GAAEC,QAAqC,CAAC;AAC5F,CAAC;AAED,MAAM;EAAEE,QAAQ;EAAEE;AAAQ,CAAC,GAAGV,oBAAoB,CAAoB,YAAY,CAAC;AAEnF,OAAO,MAAMW,wBAAwB,GAAGH,QAAQ;AAEhD,OAAO,MAAMI,mBAAmB,GAAGA,CAAA,KAAM;EACrC,IAAI;IACA,MAAMC,OAAO,GAAGH,OAAO,CAAC,CAAC;IACzB,OAAOG,OAAO,CAACC,KAAK;EACxB,CAAC,CAAC,MAAM;IACJ,OAAO,CAAC,CAAC;EACb;AACJ,CAAC","ignoreList":[]}

package/ModelFieldProvider/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./ModelFieldContext";
-export * from "./useModelField";
+export * from "./ModelFieldContext.js";
+export * from "./useModelField.js";

package/ModelFieldProvider/index.js

@@ -1,4 +1,4 @@
-export * from "./ModelFieldContext";
-export * from "./useModelField";
+export * from "./ModelFieldContext.js";
+export * from "./useModelField.js";
 
 //# sourceMappingURL=index.js.map

package/ModelFieldProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ModelFieldContext\";\nexport * from \"./useModelField\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ModelFieldContext.js\";\nexport * from \"./useModelField.js\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/ModelFieldProvider/useModelField.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { CmsModelField, CmsModelFieldTypePlugin } from "../types";
+import type { CmsModelField, CmsModelFieldTypePlugin } from "../types/index.js";
 export interface UseModelField {
     field: CmsModelField;
     parentValueIndex: number;
@@ -12,5 +11,5 @@ export declare const useModelField: import("@webiny/react-composition").GenericH
     original: import("@webiny/react-composition").GenericHook<unknown, UseModelField>;
     originalName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").Decorator<() => UseModelField>) => () => import("react").JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").Decorator<() => UseModelField>) => () => React.JSX.Element;
 };

package/ModelFieldProvider/useModelField.js

@@ -1,7 +1,7 @@
 import { useContext } from "react";
 import { plugins } from "@webiny/plugins";
 import { makeDecoratable } from "@webiny/react-composition";
-import { ModelFieldContext, useParentValueIndex } from "./ModelFieldContext";
+import { ModelFieldContext, useParentValueIndex } from "./ModelFieldContext.js";
 const getFieldPlugin = type => {
   const plugin = plugins.byType("cms-editor-field-type").find(plugin => plugin.field.type === type);
   if (!plugin) {

package/ModelFieldProvider/useModelField.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","plugins","makeDecoratable","ModelFieldContext","useParentValueIndex","getFieldPlugin","type","plugin","byType","find","field","Error","useModelField","parentValueIndex","fieldPlugin"],"sources":["useModelField.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { ModelFieldContext, useParentValueIndex } from \"./ModelFieldContext\";\nimport type { CmsModelField, CmsModelFieldTypePlugin } from \"~/types\";\n\ninterface GetFieldPlugin {\n    (type: string): CmsModelFieldTypePlugin;\n}\n\nconst getFieldPlugin: GetFieldPlugin = type => {\n    const plugin = plugins\n        .byType<CmsModelFieldTypePlugin>(\"cms-editor-field-type\")\n        .find(plugin => plugin.field.type === type);\n\n    if (!plugin) {\n        throw Error(`Missing plugin for field type \"${type}\"!`);\n    }\n\n    return plugin;\n};\n\nexport interface UseModelField {\n    field: CmsModelField;\n    parentValueIndex: number;\n    fieldPlugin: CmsModelFieldTypePlugin;\n}\n\n/**\n * Get model field from the current context.\n */\nexport const useModelField = makeDecoratable((): UseModelField => {\n    const field = useContext(ModelFieldContext);\n    const parentValueIndex = useParentValueIndex();\n\n    if (!field) {\n        throw Error(\n            `Missing \"ModelFieldProvider\" in the component tree. Are you using the \"useModelField()\" hook in the right place?`\n        );\n    }\n\n    const fieldPlugin = getFieldPlugin(field.type);\n\n    return { field, fieldPlugin, parentValueIndex };\n});\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,iBAAiB,EAAEC,mBAAmB;AAO/C,MAAMC,cAA8B,GAAGC,IAAI,IAAI;EAC3C,MAAMC,MAAM,GAAGN,OAAO,CACjBO,MAAM,CAA0B,uBAAuB,CAAC,CACxDC,IAAI,CAACF,MAAM,IAAIA,MAAM,CAACG,KAAK,CAACJ,IAAI,KAAKA,IAAI,CAAC;EAE/C,IAAI,CAACC,MAAM,EAAE;IACT,MAAMI,KAAK,CAAC,kCAAkCL,IAAI,IAAI,CAAC;EAC3D;EAEA,OAAOC,MAAM;AACjB,CAAC;AAQD;AACA;AACA;AACA,OAAO,MAAMK,aAAa,GAAGV,eAAe,CAAC,MAAqB;EAC9D,MAAMQ,KAAK,GAAGV,UAAU,CAACG,iBAAiB,CAAC;EAC3C,MAAMU,gBAAgB,GAAGT,mBAAmB,CAAC,CAAC;EAE9C,IAAI,CAACM,KAAK,EAAE;IACR,MAAMC,KAAK,CACP,kHACJ,CAAC;EACL;EAEA,MAAMG,WAAW,GAAGT,cAAc,CAACK,KAAK,CAACJ,IAAI,CAAC;EAE9C,OAAO;IAAEI,KAAK;IAAEI,WAAW;IAAED;EAAiB,CAAC;AACnD,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useContext","plugins","makeDecoratable","ModelFieldContext","useParentValueIndex","getFieldPlugin","type","plugin","byType","find","field","Error","useModelField","parentValueIndex","fieldPlugin"],"sources":["useModelField.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { ModelFieldContext, useParentValueIndex } from \"./ModelFieldContext.js\";\nimport type { CmsModelField, CmsModelFieldTypePlugin } from \"~/types/index.js\";\n\ninterface GetFieldPlugin {\n    (type: string): CmsModelFieldTypePlugin;\n}\n\nconst getFieldPlugin: GetFieldPlugin = type => {\n    const plugin = plugins\n        .byType<CmsModelFieldTypePlugin>(\"cms-editor-field-type\")\n        .find(plugin => plugin.field.type === type);\n\n    if (!plugin) {\n        throw Error(`Missing plugin for field type \"${type}\"!`);\n    }\n\n    return plugin;\n};\n\nexport interface UseModelField {\n    field: CmsModelField;\n    parentValueIndex: number;\n    fieldPlugin: CmsModelFieldTypePlugin;\n}\n\n/**\n * Get model field from the current context.\n */\nexport const useModelField = makeDecoratable((): UseModelField => {\n    const field = useContext(ModelFieldContext);\n    const parentValueIndex = useParentValueIndex();\n\n    if (!field) {\n        throw Error(\n            `Missing \"ModelFieldProvider\" in the component tree. Are you using the \"useModelField()\" hook in the right place?`\n        );\n    }\n\n    const fieldPlugin = getFieldPlugin(field.type);\n\n    return { field, fieldPlugin, parentValueIndex };\n});\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,iBAAiB,EAAEC,mBAAmB;AAO/C,MAAMC,cAA8B,GAAGC,IAAI,IAAI;EAC3C,MAAMC,MAAM,GAAGN,OAAO,CACjBO,MAAM,CAA0B,uBAAuB,CAAC,CACxDC,IAAI,CAACF,MAAM,IAAIA,MAAM,CAACG,KAAK,CAACJ,IAAI,KAAKA,IAAI,CAAC;EAE/C,IAAI,CAACC,MAAM,EAAE;IACT,MAAMI,KAAK,CAAC,kCAAkCL,IAAI,IAAI,CAAC;EAC3D;EAEA,OAAOC,MAAM;AACjB,CAAC;AAQD;AACA;AACA;AACA,OAAO,MAAMK,aAAa,GAAGV,eAAe,CAAC,MAAqB;EAC9D,MAAMQ,KAAK,GAAGV,UAAU,CAACG,iBAAiB,CAAC;EAC3C,MAAMU,gBAAgB,GAAGT,mBAAmB,CAAC,CAAC;EAE9C,IAAI,CAACM,KAAK,EAAE;IACR,MAAMC,KAAK,CACP,kHACJ,CAAC;EACL;EAEA,MAAMG,WAAW,GAAGT,cAAc,CAACK,KAAK,CAACJ,IAAI,CAAC;EAE9C,OAAO;IAAEI,KAAK;IAAEI,WAAW;IAAED;EAAiB,CAAC;AACnD,CAAC,CAAC","ignoreList":[]}

package/ModelProvider/ModelContext.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsModel } from "../types";
+import type { CmsModel } from "../types/index.js";
 export type ModelContext = CmsModel;
 export declare const ModelContext: React.Context<CmsModel | undefined>;
 export interface ModelProviderProps {

package/ModelProvider/ModelContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ModelContext","createContext","undefined","ModelProvider","model","children","createElement","Provider","value"],"sources":["ModelContext.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModel } from \"~/types\";\n\nexport type ModelContext = CmsModel;\n\nexport const ModelContext = React.createContext<ModelContext | undefined>(undefined);\n\nexport interface ModelProviderProps {\n    model: CmsModel;\n    children: React.ReactNode;\n}\n\nexport const ModelProvider = ({ model, children }: ModelProviderProps) => {\n    return <ModelContext.Provider value={model}>{children}</ModelContext.Provider>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,OAAO,MAAMC,YAAY,gBAAGD,KAAK,CAACE,aAAa,CAA2BC,SAAS,CAAC;AAOpF,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAA6B,CAAC,KAAK;EACtE,oBAAON,KAAA,CAAAO,aAAA,CAACN,YAAY,CAACO,QAAQ;IAACC,KAAK,EAAEJ;EAAM,GAAEC,QAAgC,CAAC;AAClF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ModelContext","createContext","undefined","ModelProvider","model","children","createElement","Provider","value"],"sources":["ModelContext.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModel } from \"~/types/index.js\";\n\nexport type ModelContext = CmsModel;\n\nexport const ModelContext = React.createContext<ModelContext | undefined>(undefined);\n\nexport interface ModelProviderProps {\n    model: CmsModel;\n    children: React.ReactNode;\n}\n\nexport const ModelProvider = ({ model, children }: ModelProviderProps) => {\n    return <ModelContext.Provider value={model}>{children}</ModelContext.Provider>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,OAAO,MAAMC,YAAY,gBAAGD,KAAK,CAACE,aAAa,CAA2BC,SAAS,CAAC;AAOpF,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAA6B,CAAC,KAAK;EACtE,oBAAON,KAAA,CAAAO,aAAA,CAACN,YAAY,CAACO,QAAQ;IAACC,KAAK,EAAEJ;EAAM,GAAEC,QAAgC,CAAC;AAClF,CAAC","ignoreList":[]}

package/ModelProvider/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./ModelContext";
-export * from "./useModel";
+export * from "./ModelContext.js";
+export * from "./useModel.js";

package/ModelProvider/index.js

@@ -1,4 +1,4 @@
-export * from "./ModelContext";
-export * from "./useModel";
+export * from "./ModelContext.js";
+export * from "./useModel.js";
 
 //# sourceMappingURL=index.js.map

package/ModelProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ModelContext\";\nexport * from \"./useModel\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ModelContext.js\";\nexport * from \"./useModel.js\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/ModelProvider/useModel.d.ts

@@ -1,4 +1,4 @@
-import type { CmsModel } from "../types";
+import type { CmsModel } from "../types/index.js";
 type UseModelReturnType = {
     model: CmsModel;
 };

package/ModelProvider/useModel.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { ModelContext } from "./ModelContext";
+import { ModelContext } from "./ModelContext.js";
 /**
  * Get model from the current context.
  */

package/ModelProvider/useModel.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","ModelContext","useModel","model","Error"],"sources":["useModel.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { ModelContext } from \"./ModelContext\";\nimport type { CmsModel } from \"~/types\";\n\ntype UseModelReturnType = {\n    model: CmsModel;\n};\n\n/**\n * Get model from the current context.\n */\nexport function useModel(): UseModelReturnType {\n    const model = useContext(ModelContext);\n    if (!model) {\n        throw Error(\n            `Missing \"ModelContext\" in the component tree. Are you using the \"useModel()\" hook in the right place?`\n        );\n    }\n\n    return { model };\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,YAAY;AAOrB;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAA,EAAuB;EAC3C,MAAMC,KAAK,GAAGH,UAAU,CAACC,YAAY,CAAC;EACtC,IAAI,CAACE,KAAK,EAAE;IACR,MAAMC,KAAK,CACP,uGACJ,CAAC;EACL;EAEA,OAAO;IAAED;EAAM,CAAC;AACpB","ignoreList":[]}
+{"version":3,"names":["useContext","ModelContext","useModel","model","Error"],"sources":["useModel.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { ModelContext } from \"./ModelContext.js\";\nimport type { CmsModel } from \"~/types/index.js\";\n\ntype UseModelReturnType = {\n    model: CmsModel;\n};\n\n/**\n * Get model from the current context.\n */\nexport function useModel(): UseModelReturnType {\n    const model = useContext(ModelContext);\n    if (!model) {\n        throw Error(\n            `Missing \"ModelContext\" in the component tree. Are you using the \"useModel()\" hook in the right place?`\n        );\n    }\n\n    return { model };\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,YAAY;AAOrB;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAA,EAAuB;EAC3C,MAAMC,KAAK,GAAGH,UAAU,CAACC,YAAY,CAAC;EACtC,IAAI,CAACE,KAAK,EAAE;IACR,MAAMC,KAAK,CACP,uGACJ,CAAC;EACL;EAEA,OAAO;IAAED;EAAM,CAAC;AACpB","ignoreList":[]}

package/README.md

@@ -1,18 +1,11 @@
 # @webiny/app-headless-cms-common
 
-[![](https://img.shields.io/npm/dw/@webiny/app-headless-cms-common.svg)](https://www.npmjs.com/package/@webiny/app-headless-cms-common)
-[![](https://img.shields.io/npm/v/@webiny/app-headless-cms-common.svg)](https://www.npmjs.com/package/@webiny/app-headless-cms-common)
-[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
-[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+> [!NOTE]
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
 
-## Install
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
 
-```
-npm install --save @webiny/app-headless-cms-common
-```
+---
 
-Or if you prefer yarn:
-
-```
-yarn add @webiny/app-headless-cms-common
-```
+_This README file is automatically generated during the publish process._

package/constants.d.ts

@@ -1 +1 @@
-export declare const CMS_MODEL_SINGLETON_TAG = "singleton";
+export declare const CMS_MODEL_SINGLETON_TAG = "singleEntry";

package/constants.js

@@ -1,3 +1,3 @@
-export const CMS_MODEL_SINGLETON_TAG = "singleton";
+export const CMS_MODEL_SINGLETON_TAG = "singleEntry";
 
 //# sourceMappingURL=constants.js.map

package/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["CMS_MODEL_SINGLETON_TAG"],"sources":["constants.ts"],"sourcesContent":["export const CMS_MODEL_SINGLETON_TAG = \"singleton\";\n"],"mappings":"AAAA,OAAO,MAAMA,uBAAuB,GAAG,WAAW","ignoreList":[]}
+{"version":3,"names":["CMS_MODEL_SINGLETON_TAG"],"sources":["constants.ts"],"sourcesContent":["export const CMS_MODEL_SINGLETON_TAG = \"singleEntry\";\n"],"mappings":"AAAA,OAAO,MAAMA,uBAAuB,GAAG,aAAa","ignoreList":[]}

package/createFieldsList.d.ts

@@ -1,8 +1,12 @@
-import type { CmsModel, CmsModelField } from "./types";
+import type { CmsModel, CmsModelField } from "./types/index.js";
 interface CreateFieldsListParams {
     model: CmsModel;
     fields: CmsModelField[];
     graphQLTypePrefix?: string;
 }
+/**
+ * When used in ACO, this method receives a filtered list of field types.
+ * Find `createListRecords` in app-aco to find out more.
+ */
 export declare function createFieldsList({ model, fields: inputFields, graphQLTypePrefix }: CreateFieldsListParams): string;
 export {};

package/createFieldsList.js

@@ -1,4 +1,8 @@
 import { plugins } from "@webiny/plugins";
+/**
+ * When used in ACO, this method receives a filtered list of field types.
+ * Find `createListRecords` in app-aco to find out more.
+ */
 export function createFieldsList({
   model,
   fields: inputFields,