@webiny/app-headless-cms-common 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

package/Fields/ErrorBoundary.js

@@ -1,40 +1,35 @@
-import React from "react";
+import react from "react";
 import { FieldElementError } from "./FieldElementError.js";
-export class ErrorBoundary extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      hasError: false,
-      error: undefined
-    };
-  }
-  static getDerivedStateFromError(error) {
-    return {
-      hasError: true,
-      error
-    };
-  }
-  componentDidCatch(error, errorInfo) {
-    const {
-      field
-    } = this.props;
-    if (!field) {
-      return;
+class ErrorBoundary extends react.Component {
+    constructor(props){
+        super(props);
+        this.state = {
+            hasError: false,
+            error: void 0
+        };
     }
-    console.groupCollapsed(`%cFIELD ERROR%c: An error occurred while rendering model field "${field.fieldId}" (${field.id}) of type "${field.type}".`, "color:red", "color:default");
-    console.log("Field definition", field);
-    console.error(error, errorInfo);
-    console.groupEnd();
-  }
-  render() {
-    if (this.state.hasError) {
-      return /*#__PURE__*/React.createElement(FieldElementError, {
-        title: `Error: ${this.state.error.message}`,
-        description: "See developer console for more details."
-      });
+    static getDerivedStateFromError(error) {
+        return {
+            hasError: true,
+            error
+        };
+    }
+    componentDidCatch(error, errorInfo) {
+        const { field } = this.props;
+        if (!field) return;
+        console.groupCollapsed(`%cFIELD ERROR%c: An error occurred while rendering model field "${field.fieldId}" (${field.id}) of type "${field.type}".`, "color:red", "color:default");
+        console.log("Field definition", field);
+        console.error(error, errorInfo);
+        console.groupEnd();
+    }
+    render() {
+        if (this.state.hasError) return /*#__PURE__*/ react.createElement(FieldElementError, {
+            title: `Error: ${this.state.error.message}`,
+            description: "See developer console for more details."
+        });
+        return this.props.children;
     }
-    return this.props.children;
-  }
 }
+export { ErrorBoundary };
 
 //# sourceMappingURL=ErrorBoundary.js.map

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/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":[]}
+{"version":3,"file":"Fields/ErrorBoundary.js","sources":["../../src/Fields/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"],"names":["ErrorBoundary","React","props","undefined","error","errorInfo","field","console","FieldElementError"],"mappings":";;AAiBO,MAAMA,sBAAsBC,MAAAA,SAAe;IAC9C,YAAYC,KAAY,CAAE;QACtB,KAAK,CAACA;QACN,IAAI,CAAC,KAAK,GAAG;YACT,UAAU;YACV,OAAOC;QACX;IACJ;IAEA,OAAO,yBAAyBC,KAAY,EAAE;QAC1C,OAAO;YACH,UAAU;YACVA;QACJ;IACJ;IAEgB,kBAAkBA,KAAY,EAAEC,SAAoB,EAAE;QAClE,MAAM,EAAEC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK;QAC5B,IAAI,CAACA,OACD;QAEJC,QAAQ,cAAc,CAClB,CAAC,gEAAgE,EAAED,MAAM,OAAO,CAAC,GAAG,EAAEA,MAAM,EAAE,CAAC,WAAW,EAAEA,MAAM,IAAI,CAAC,EAAE,CAAC,EAC1H,aACA;QAEJC,QAAQ,GAAG,CAAC,oBAAoBD;QAChCC,QAAQ,KAAK,CAACH,OAAOC;QACrBE,QAAQ,QAAQ;IACpB;IAEgB,SAAS;QACrB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnB,OAAO,WAAP,GACI,oBAACC,mBAAiBA;YACd,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE;YAC3C,aAAa;;QAKzB,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ;IAC9B;AACJ"}

package/Fields/FieldElement.js

@@ -1,4 +1,4 @@
-import React from "react";
+import react from "react";
 import get from "lodash/get.js";
 import { makeDecoratable } from "@webiny/app-admin";
 import { i18n } from "@webiny/app/i18n/index.js";
@@ -8,64 +8,47 @@ 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();
-  const {
-    Bind,
-    contentModel
-  } = props;
-  const {
-    field
-  } = useModelField();
-  const getBind = useBind({
-    Bind
-  });
-  if (typeof field.renderer === "function") {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, field.renderer({
-      field,
-      getBind,
-      Label,
-      contentModel
+const RenderField = (props)=>{
+    const renderPlugins = useRenderPlugins();
+    const { Bind, contentModel } = props;
+    const { field } = useModelField();
+    const getBind = useBind({
+        Bind
+    });
+    if ("function" == typeof field.renderer) return /*#__PURE__*/ react.createElement(react.Fragment, null, field.renderer({
+        field,
+        getBind,
+        Label: Label,
+        contentModel
     }));
-  }
-  const renderPlugin = renderPlugins.find(plugin => plugin.renderer.rendererName === get(field, "renderer.name"));
-  if (!renderPlugin) {
-    return t`Cannot render "{fieldName}" field - field renderer missing.`({
-      fieldName: /*#__PURE__*/React.createElement("strong", null, field.fieldId)
+    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 in Admin UI plugins.`({
+        fieldName: /*#__PURE__*/ react.createElement("strong", null, field.fieldId)
     });
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, renderPlugin.renderer.render({
-    field,
-    getBind,
-    Label,
-    contentModel
-  }));
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, renderPlugin.renderer.render({
+        field,
+        getBind,
+        Label: Label,
+        contentModel
+    }));
 };
-export const FieldElement = makeDecoratable("FieldElement", ({
-  field,
-  ...props
-}) => {
-  if (!field) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("hcms-model-field", {
-    "data-id": field.id,
-    "data-field-id": field.fieldId,
-    "data-type": field.type
-  }, /*#__PURE__*/React.createElement(ErrorBoundary, {
-    field: field
-  }, /*#__PURE__*/React.createElement(ModelFieldProvider, {
-    field: field
-  }, /*#__PURE__*/React.createElement(RenderField, props))));
+const FieldElement = makeDecoratable("FieldElement", ({ field, ...props })=>{
+    if (!field) return null;
+    return /*#__PURE__*/ react.createElement("hcms-model-field", {
+        "data-id": field.id,
+        "data-field-id": field.fieldId,
+        "data-type": field.type
+    }, /*#__PURE__*/ react.createElement(ErrorBoundary, {
+        field: field
+    }, /*#__PURE__*/ react.createElement(ModelFieldProvider, {
+        field: field
+    }, /*#__PURE__*/ react.createElement(RenderField, props))));
 });
-
-/**
- * @deprecated Use `FieldElement` instead.
- */
-export const RenderFieldElement = FieldElement;
-
-/**
- * @deprecated Use `FieldElementProps` instead.
- */
+const RenderFieldElement = FieldElement;
+export { FieldElement, RenderFieldElement };
 
 //# sourceMappingURL=FieldElement.js.map

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.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 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,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,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,"file":"Fields/FieldElement.js","sources":["../../src/Fields/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"],"names":["t","i18n","RenderField","props","renderPlugins","useRenderPlugins","Bind","contentModel","field","useModelField","getBind","useBind","Label","fieldRendererName","get","renderPlugin","plugin","FieldElement","makeDecoratable","ErrorBoundary","ModelFieldProvider","RenderFieldElement"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAiBlB,MAAMC,cAAc,CAACC;IACjB,MAAMC,gBAAgBC;IACtB,MAAM,EAAEC,IAAI,EAAEC,YAAY,EAAE,GAAGJ;IAC/B,MAAM,EAAEK,KAAK,EAAE,GAAGC;IAClB,MAAMC,UAAUC,QAAQ;QAAEL;IAAK;IAE/B,IAAI,AAA0B,cAA1B,OAAOE,MAAM,QAAQ,EACrB,OAAO,WAAP,GAAO,0CAAGA,MAAM,QAAQ,CAAC;QAAEA;QAAOE;QAASE,OAAKA;QAAEL;IAAa;IAGnE,MAAMM,oBAAoBC,IAAIN,OAAO;IACrC,IAAI,CAACK,mBACD,OAAOb,CAAC,CAAC,+DAA+D,CAAC,CAAC;QACtE,WAAW,WAAX,GAAW,oBAAC,gBAAQQ,MAAM,OAAO;IACrC;IAGJ,MAAMO,eAAeX,cAAc,IAAI,CACnCY,CAAAA,SAAUA,OAAO,QAAQ,CAAC,YAAY,KAAKH;IAG/C,IAAI,CAACE,cACD,OAAOf,CAAC,CAAC,+EAA+E,CAAC,CAAC;QACtF,WAAW,WAAX,GAAW,oBAAC,gBAAQQ,MAAM,OAAO;IACrC;IAGJ,OAAO,WAAP,GAAO,0CAAGO,aAAa,QAAQ,CAAC,MAAM,CAAC;QAAEP;QAAOE;QAASE,OAAKA;QAAEL;IAAa;AACjF;AAQO,MAAMU,eAAeC,gBACxB,gBACA,CAAC,EAAEV,KAAK,EAAE,GAAGL,OAA0B;IACnC,IAAI,CAACK,OACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QACG,WAASA,MAAM,EAAE;QACjB,iBAAeA,MAAM,OAAO;QAC5B,aAAWA,MAAM,IAAI;qBAErB,oBAACW,eAAaA;QAAC,OAAOX;qBAClB,oBAACY,oBAAkBA;QAAC,OAAOZ;qBACvB,oBAACN,aAAgBC;AAKrC;AAMG,MAAMkB,qBAAqBJ"}

package/Fields/FieldElementError.js

@@ -1,25 +1,16 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React from "react";
-const StyledError = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e11oiyxk0"
-} : {
-  target: "e11oiyxk0",
-  label: "StyledError"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1ybf6v5",
-  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/*# 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";
-export const FieldElementError = props => {
-  if (!showError) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(StyledError, null, /*#__PURE__*/React.createElement("h5", null, props.title), /*#__PURE__*/React.createElement("p", null, props.description));
+import react from "react";
+import styled from "@emotion/styled";
+const StyledError = styled.div`
+    border: 2px solid red;
+    background-color: #f87e7e;
+    border-radius: 5px;
+    padding: 5px 10px;
+`;
+const showError = "development" === process.env.NODE_ENV;
+const FieldElementError = (props)=>{
+    if (!showError) return null;
+    return /*#__PURE__*/ react.createElement(StyledError, null, /*#__PURE__*/ react.createElement("h5", null, props.title), /*#__PURE__*/ react.createElement("p", null, props.description));
 };
+export { FieldElementError };
 
 //# sourceMappingURL=FieldElementError.js.map

package/Fields/FieldElementError.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"Fields/FieldElementError.js","sources":["../../src/Fields/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"],"names":["StyledError","styled","showError","process","FieldElementError","props"],"mappings":";;AAGA,MAAMA,cAAcC,OAAO,GAAG,CAAC;;;;;AAK/B,CAAC;AAOD,MAAMC,YAAYC,AAAyB,kBAAzBA,QAAQ,GAAG,CAAC,QAAQ;AAE/B,MAAMC,oBAAoB,CAACC;IAC9B,IAAI,CAACH,WACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACF,aAAWA,MAAAA,WAAAA,GACR,oBAAC,YAAIK,MAAM,KAAK,iBAChB,oBAAC,WAAGA,MAAM,WAAW;AAGjC"}

package/Fields/FieldRulesProvider.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { EffectiveFieldRules } from "./useFieldRules.js";
+interface FieldRulesProviderProps {
+    rules: EffectiveFieldRules;
+    children: React.ReactNode;
+}
+export declare const FieldRulesProvider: ({ rules, children }: FieldRulesProviderProps) => React.JSX.Element;
+export declare const useParentRules: () => EffectiveFieldRules;
+export {};

package/Fields/FieldRulesProvider.js

@@ -0,0 +1,14 @@
+import react, { createContext, useContext } from "react";
+const FieldRulesContext = /*#__PURE__*/ createContext({
+    canView: true,
+    canEdit: true,
+    hidden: false,
+    disabled: false
+});
+const FieldRulesProvider = ({ rules, children })=>/*#__PURE__*/ react.createElement(FieldRulesContext.Provider, {
+        value: rules
+    }, children);
+const useParentRules = ()=>useContext(FieldRulesContext);
+export { FieldRulesProvider, useParentRules };
+
+//# sourceMappingURL=FieldRulesProvider.js.map

package/Fields/FieldRulesProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fields/FieldRulesProvider.js","sources":["../../src/Fields/FieldRulesProvider.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { EffectiveFieldRules } from \"./useFieldRules.js\";\n\nconst FieldRulesContext = createContext<EffectiveFieldRules>({\n    canView: true,\n    canEdit: true,\n    hidden: false,\n    disabled: false\n});\n\ninterface FieldRulesProviderProps {\n    rules: EffectiveFieldRules;\n    children: React.ReactNode;\n}\n\nexport const FieldRulesProvider = ({ rules, children }: FieldRulesProviderProps) => {\n    return <FieldRulesContext.Provider value={rules}>{children}</FieldRulesContext.Provider>;\n};\n\nexport const useParentRules = (): EffectiveFieldRules => {\n    return useContext(FieldRulesContext);\n};\n"],"names":["FieldRulesContext","createContext","FieldRulesProvider","rules","children","useParentRules","useContext"],"mappings":";AAGA,MAAMA,oBAAoB,WAAHA,GAAGC,cAAmC;IACzD,SAAS;IACT,SAAS;IACT,QAAQ;IACR,UAAU;AACd;AAOO,MAAMC,qBAAqB,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAA2B,GACpE,WAAP,GAAO,oBAACJ,kBAAkB,QAAQ;QAAC,OAAOG;OAAQC;AAG/C,MAAMC,iBAAiB,IACnBC,WAAWN"}

package/Fields/Fields.d.ts

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

package/Fields/Fields.js

@@ -1,46 +1,93 @@
-import React from "react";
-// @ts-expect-error Remove this one moduleResolution is set to `bundler`
-import { compiler } from "markdown-to-jsx/react";
-import { Grid } from "@webiny/admin-ui";
+import react from "react";
+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;
+import { isLayoutField } from "../types/model.js";
+import { LayoutDescriptorCell } from "./LayoutDescriptorCell.js";
+import { useAuthentication } from "@webiny/app-admin";
+import { FieldRulesProvider, useParentRules } from "./FieldRulesProvider.js";
+import { evaluateAccessControlRules, useFieldEffectiveRules } from "./useFieldRules.js";
+const getFieldById = (fields, id)=>fields.find((field)=>field.id === id) || null;
+const LayoutNotDefined = ()=>/*#__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.");
+const LayoutCell = ({ cell, Bind, fields, contentModel, gridClassName })=>{
+    const isLayout = isLayoutField(cell);
+    const rules = useFieldEffectiveRules(isLayout ? cell : {});
+    if (!isLayout) return null;
+    if (!rules.canView || rules.hidden) return null;
+    return /*#__PURE__*/ react.createElement(FieldRulesProvider, {
+        rules: rules
+    }, /*#__PURE__*/ react.createElement(LayoutDescriptorCell, {
+        field: cell,
+        Bind: Bind,
+        fields: fields,
+        contentModel: contentModel,
+        gridClassName: gridClassName
+    }));
 };
-const withMarkdown = field => {
-  if (typeof field.helpText !== "string") {
-    return field;
-  }
-  return {
-    ...field,
-    helpText: compiler(field.helpText)
-  };
+const FieldCell = ({ id, field, span, Bind, contentModel })=>{
+    const rules = useFieldEffectiveRules(field ?? {});
+    if (!rules.canView || rules.hidden) return null;
+    return /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: span
+    }, field ? /*#__PURE__*/ react.createElement(FieldRulesProvider, {
+        rules: rules
+    }, /*#__PURE__*/ react.createElement(FieldElement, {
+        field: field,
+        Bind: Bind,
+        contentModel: contentModel
+    })) : /*#__PURE__*/ react.createElement(FieldElementError, {
+        title: `Missing field with id "${id}"!`,
+        description: "Make sure field layout contains the correct field ids (hint: check for typos)."
+    }));
 };
-export const Fields = ({
-  Bind,
-  fields,
-  layout,
-  contentModel,
-  gridClassName
-}) => {
-  return /*#__PURE__*/React.createElement(Grid, {
-    className: gridClassName
-  }, layout.map((row, rowIndex) => /*#__PURE__*/React.createElement(React.Fragment, {
-    key: rowIndex
-  }, row.map(id => {
-    const field = getFieldById(fields, id);
-    return /*#__PURE__*/React.createElement(Grid.Column, {
-      span: Math.floor(12 / row.length),
-      key: id
-    }, field ? /*#__PURE__*/React.createElement(FieldElement, {
-      field: withMarkdown(field),
-      Bind: Bind,
-      contentModel: contentModel
-    }) : /*#__PURE__*/React.createElement(FieldElementError, {
-      title: `Missing field with id "${id}"!`,
-      description: "Make sure field layout contains the correct field ids (hint: check for typos)."
+const RowRenderer = ({ row, fields, Bind, contentModel, gridClassName })=>{
+    const { identity } = useAuthentication();
+    const parentRules = useParentRules();
+    const visibleStringCells = row.filter((c)=>{
+        if ("string" != typeof c) return false;
+        const f = getFieldById(fields, c);
+        if (!f) return true;
+        const acPerms = evaluateAccessControlRules(f, identity);
+        return parentRules.canView && acPerms.canView;
+    });
+    const span = visibleStringCells.length > 0 ? Math.floor(12 / visibleStringCells.length) : 12;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, row.map((cell)=>{
+        if (isLayoutField(cell)) return /*#__PURE__*/ react.createElement(LayoutCell, {
+            key: cell.id,
+            cell: cell,
+            Bind: Bind,
+            fields: fields,
+            contentModel: contentModel,
+            gridClassName: gridClassName
+        });
+        const id = cell;
+        const field = getFieldById(fields, id);
+        return /*#__PURE__*/ react.createElement(FieldCell, {
+            key: id,
+            id: id,
+            field: field,
+            span: span,
+            Bind: Bind,
+            contentModel: contentModel
+        });
     }));
-  }))));
 };
+const Fields = ({ Bind, fields, layout, contentModel, gridClassName })=>{
+    if (contentModel.plugin && fields.length > 0 && 0 === layout.length) return /*#__PURE__*/ react.createElement(LayoutNotDefined, null);
+    return /*#__PURE__*/ react.createElement(Grid, {
+        className: gridClassName
+    }, layout.map((row, rowIndex)=>/*#__PURE__*/ react.createElement(react.Fragment, {
+            key: rowIndex
+        }, /*#__PURE__*/ react.createElement(RowRenderer, {
+            row: row,
+            fields: fields,
+            Bind: Bind,
+            contentModel: contentModel,
+            gridClassName: gridClassName
+        }))));
+};
+export { Fields };
 
 //# sourceMappingURL=Fields.js.map

package/Fields/Fields.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","compiler","Grid","FieldElement","FieldElementError","getFieldById","fields","id","find","field","withMarkdown","helpText","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\";\n// @ts-expect-error Remove this one moduleResolution is set to `bundler`\nimport { compiler } from \"markdown-to-jsx/react\";\nimport { Grid, type ColumnProps } from \"@webiny/admin-ui\";\nimport { FieldElement } from \"./FieldElement.js\";\nimport { FieldElementError } from \"./FieldElementError.js\";\nimport type {\n    CmsEditorContentModel,\n    CmsModelField,\n    CmsEditorFieldsLayout,\n    BindComponent\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 withMarkdown = (field: CmsModelField) => {\n    if (typeof field.helpText !== \"string\") {\n        return field;\n    }\n\n    return { ...field, helpText: compiler(field.helpText) };\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={withMarkdown(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;AACA,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,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,MAAMG,YAAY,GAAID,KAAoB,IAAK;EAC3C,IAAI,OAAOA,KAAK,CAACE,QAAQ,KAAK,QAAQ,EAAE;IACpC,OAAOF,KAAK;EAChB;EAEA,OAAO;IAAE,GAAGA,KAAK;IAAEE,QAAQ,EAAEV,QAAQ,CAACQ,KAAK,CAACE,QAAQ;EAAE,CAAC;AAC3D,CAAC;AAED,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,IAAI;EAAEP,MAAM;EAAEQ,MAAM;EAAEC,YAAY;EAAEC;AAA2B,CAAC,KAAK;EAC1F,oBACIhB,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAACgB,SAAS,EAAEF;EAAc,GAC1BF,MAAM,CAACK,GAAG,CAAC,CAACC,GAAG,EAAEC,QAAQ,kBACtBrB,KAAA,CAAAiB,aAAA,CAACjB,KAAK,CAACsB,QAAQ;IAACC,GAAG,EAAEF;EAAS,GACzBD,GAAG,CAACD,GAAG,CAACZ,EAAE,IAAI;IACX,MAAME,KAAK,GAAGJ,YAAY,CAACC,MAAM,EAAEC,EAAE,CAAkB;IAEvD,oBACIP,KAAA,CAAAiB,aAAA,CAACf,IAAI,CAACsB,MAAM;MACRC,IAAI,EAAEC,IAAI,CAACC,KAAK,CAAC,EAAE,GAAGP,GAAG,CAACQ,MAAM,CAAyB;MACzDL,GAAG,EAAEhB;IAAG,GAEPE,KAAK,gBACFT,KAAA,CAAAiB,aAAA,CAACd,YAAY;MACTM,KAAK,EAAEC,YAAY,CAACD,KAAK,CAAE;MAC3BI,IAAI,EAAEA,IAAK;MACXE,YAAY,EAAEA;IAAa,CAC9B,CAAC,gBAEFf,KAAA,CAAAiB,aAAA,CAACb,iBAAiB;MACdyB,KAAK,EAAE,0BAA0BtB,EAAE,IAAK;MACxCuB,WAAW,EACP;IACH,CACJ,CAEI,CAAC;EAEtB,CAAC,CACW,CACnB,CACC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"file":"Fields/Fields.js","sources":["../../src/Fields/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\";\nimport type { CmsEditorLayoutCell } from \"~/types/model.js\";\nimport { isLayoutField } from \"~/types/model.js\";\nimport { LayoutDescriptorCell } from \"./LayoutDescriptorCell.js\";\nimport { useAuthentication } from \"@webiny/app-admin\";\nimport { FieldRulesProvider, useParentRules } from \"./FieldRulesProvider.js\";\nimport { evaluateAccessControlRules, useFieldEffectiveRules } from \"./useFieldRules.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\n/**\n * Renders a single layout descriptor cell with rules + permissions.\n */\ninterface LayoutCellProps {\n    cell: CmsEditorLayoutCell;\n    Bind: BindComponent;\n    fields: CmsModelField[];\n    contentModel: CmsEditorContentModel;\n    gridClassName?: string;\n}\n\nconst LayoutCell = ({ cell, Bind, fields, contentModel, gridClassName }: LayoutCellProps) => {\n    const isLayout = isLayoutField(cell);\n    const rules = useFieldEffectiveRules(isLayout ? cell : {});\n\n    if (!isLayout) {\n        return null;\n    }\n\n    if (!rules.canView || rules.hidden) {\n        return null;\n    }\n\n    return (\n        <FieldRulesProvider rules={rules}>\n            <LayoutDescriptorCell\n                field={cell}\n                Bind={Bind}\n                fields={fields}\n                contentModel={contentModel}\n                gridClassName={gridClassName}\n            />\n        </FieldRulesProvider>\n    );\n};\n\n/**\n * Renders a single data field cell with rules + permissions.\n */\ninterface FieldCellProps {\n    id: string;\n    field: CmsModelField | null;\n    span: ColumnProps[\"span\"];\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n}\n\nconst FieldCell = ({ id, field, span, Bind, contentModel }: FieldCellProps) => {\n    const rules = useFieldEffectiveRules(field ?? {});\n\n    if (!rules.canView || rules.hidden) {\n        return null;\n    }\n\n    return (\n        <Grid.Column span={span}>\n            {field ? (\n                <FieldRulesProvider rules={rules}>\n                    <FieldElement field={field} Bind={Bind} contentModel={contentModel} />\n                </FieldRulesProvider>\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\n/**\n * Renders a single row, delegating each cell to FieldCell or LayoutCell.\n */\ninterface RowRendererProps {\n    row: CmsEditorLayoutCell[];\n    fields: CmsModelField[];\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n    gridClassName?: string;\n}\n\nconst RowRenderer = ({ row, fields, Bind, contentModel, gridClassName }: RowRendererProps) => {\n    const { identity } = useAuthentication();\n    const parentRules = useParentRules();\n\n    // Count visible string cells for column span calculation.\n    // This count is approximate based on access control rules only (not entry value rules),\n    // because entry value rules require per-field hooks and we can't call them in a filter.\n    // The actual visibility is enforced in FieldCell.\n    const visibleStringCells = row.filter(c => {\n        if (typeof c !== \"string\") {\n            return false;\n        }\n        const f = getFieldById(fields, c);\n        if (!f) {\n            return true;\n        }\n        const acPerms = evaluateAccessControlRules(f, identity);\n        return parentRules.canView && acPerms.canView;\n    });\n\n    const span =\n        visibleStringCells.length > 0\n            ? (Math.floor(12 / visibleStringCells.length) as ColumnProps[\"span\"])\n            : (12 as ColumnProps[\"span\"]);\n\n    return (\n        <>\n            {row.map(cell => {\n                if (isLayoutField(cell)) {\n                    return (\n                        <LayoutCell\n                            key={cell.id}\n                            cell={cell}\n                            Bind={Bind}\n                            fields={fields}\n                            contentModel={contentModel}\n                            gridClassName={gridClassName}\n                        />\n                    );\n                }\n\n                const id = cell as string;\n                const field = getFieldById(fields, id);\n\n                return (\n                    <FieldCell\n                        key={id}\n                        id={id}\n                        field={field}\n                        span={span}\n                        Bind={Bind}\n                        contentModel={contentModel}\n                    />\n                );\n            })}\n        </>\n    );\n};\n\nexport const Fields = ({ Bind, fields, layout, contentModel, gridClassName }: FieldsProps) => {\n    if (contentModel.plugin && fields.length > 0 && layout.length === 0) {\n        return <LayoutNotDefined />;\n    }\n\n    return (\n        <Grid className={gridClassName}>\n            {layout.map((row, rowIndex) => (\n                <React.Fragment key={rowIndex}>\n                    <RowRenderer\n                        row={row}\n                        fields={fields}\n                        Bind={Bind}\n                        contentModel={contentModel}\n                        gridClassName={gridClassName}\n                    />\n                </React.Fragment>\n            ))}\n        </Grid>\n    );\n};\n"],"names":["getFieldById","fields","id","field","LayoutNotDefined","Alert","LayoutCell","cell","Bind","contentModel","gridClassName","isLayout","isLayoutField","rules","useFieldEffectiveRules","FieldRulesProvider","LayoutDescriptorCell","FieldCell","span","Grid","FieldElement","FieldElementError","RowRenderer","row","identity","useAuthentication","parentRules","useParentRules","visibleStringCells","c","f","acPerms","evaluateAccessControlRules","Math","Fields","layout","rowIndex","React"],"mappings":";;;;;;;;;AAyBA,MAAMA,eAAe,CAACC,QAAyBC,KACpCD,OAAO,IAAI,CAACE,CAAAA,QAASA,MAAM,EAAE,KAAKD,OAAO;AAGpD,MAAME,mBAAmB,IACd,WAAP,GACI,oBAACC,OAAKA;QAAC,MAAM;OAAW;AAkBhC,MAAMC,aAAa,CAAC,EAAEC,IAAI,EAAEC,IAAI,EAAEP,MAAM,EAAEQ,YAAY,EAAEC,aAAa,EAAmB;IACpF,MAAMC,WAAWC,cAAcL;IAC/B,MAAMM,QAAQC,uBAAuBH,WAAWJ,OAAO,CAAC;IAExD,IAAI,CAACI,UACD,OAAO;IAGX,IAAI,CAACE,MAAM,OAAO,IAAIA,MAAM,MAAM,EAC9B,OAAO;IAGX,OAAO,WAAP,GACI,oBAACE,oBAAkBA;QAAC,OAAOF;qBACvB,oBAACG,sBAAoBA;QACjB,OAAOT;QACP,MAAMC;QACN,QAAQP;QACR,cAAcQ;QACd,eAAeC;;AAI/B;AAaA,MAAMO,YAAY,CAAC,EAAEf,EAAE,EAAEC,KAAK,EAAEe,IAAI,EAAEV,IAAI,EAAEC,YAAY,EAAkB;IACtE,MAAMI,QAAQC,uBAAuBX,SAAS,CAAC;IAE/C,IAAI,CAACU,MAAM,OAAO,IAAIA,MAAM,MAAM,EAC9B,OAAO;IAGX,OAAO,WAAP,GACI,oBAACM,KAAK,MAAM;QAAC,MAAMD;OACdf,QAAQ,WAARA,GACG,oBAACY,oBAAkBA;QAAC,OAAOF;qBACvB,oBAACO,cAAYA;QAAC,OAAOjB;QAAO,MAAMK;QAAM,cAAcC;wBAG1D,oBAACY,mBAAiBA;QACd,OAAO,CAAC,uBAAuB,EAAEnB,GAAG,EAAE,CAAC;QACvC,aACI;;AAMxB;AAaA,MAAMoB,cAAc,CAAC,EAAEC,GAAG,EAAEtB,MAAM,EAAEO,IAAI,EAAEC,YAAY,EAAEC,aAAa,EAAoB;IACrF,MAAM,EAAEc,QAAQ,EAAE,GAAGC;IACrB,MAAMC,cAAcC;IAMpB,MAAMC,qBAAqBL,IAAI,MAAM,CAACM,CAAAA;QAClC,IAAI,AAAa,YAAb,OAAOA,GACP,OAAO;QAEX,MAAMC,IAAI9B,aAAaC,QAAQ4B;QAC/B,IAAI,CAACC,GACD,OAAO;QAEX,MAAMC,UAAUC,2BAA2BF,GAAGN;QAC9C,OAAOE,YAAY,OAAO,IAAIK,QAAQ,OAAO;IACjD;IAEA,MAAMb,OACFU,mBAAmB,MAAM,GAAG,IACrBK,KAAK,KAAK,CAAC,KAAKL,mBAAmB,MAAM,IACzC;IAEX,OAAO,WAAP,GACI,0CACKL,IAAI,GAAG,CAAChB,CAAAA;QACL,IAAIK,cAAcL,OACd,OAAO,WAAP,GACI,oBAACD,YAAUA;YACP,KAAKC,KAAK,EAAE;YACZ,MAAMA;YACN,MAAMC;YACN,QAAQP;YACR,cAAcQ;YACd,eAAeC;;QAK3B,MAAMR,KAAKK;QACX,MAAMJ,QAAQH,aAAaC,QAAQC;QAEnC,OAAO,WAAP,GACI,oBAACe,WAASA;YACN,KAAKf;YACL,IAAIA;YACJ,OAAOC;YACP,MAAMe;YACN,MAAMV;YACN,cAAcC;;IAG1B;AAGZ;AAEO,MAAMyB,SAAS,CAAC,EAAE1B,IAAI,EAAEP,MAAM,EAAEkC,MAAM,EAAE1B,YAAY,EAAEC,aAAa,EAAe;IACrF,IAAID,aAAa,MAAM,IAAIR,OAAO,MAAM,GAAG,KAAKkC,AAAkB,MAAlBA,OAAO,MAAM,EACzD,OAAO,WAAP,GAAO,oBAAC/B,kBAAgBA;IAG5B,OAAO,WAAP,GACI,oBAACe,MAAIA;QAAC,WAAWT;OACZyB,OAAO,GAAG,CAAC,CAACZ,KAAKa,WAAAA,WAAAA,GACd,oBAACC,MAAAA,QAAc;YAAC,KAAKD;yBACjB,oBAACd,aAAWA;YACR,KAAKC;YACL,QAAQtB;YACR,MAAMO;YACN,cAAcC;YACd,eAAeC;;AAMvC"}

package/Fields/Label.js

@@ -1,10 +1,10 @@
-import React from "react";
+import react from "react";
 import { FormComponentLabel } from "@webiny/admin-ui";
-export const Label = ({
-  children
-}) => /*#__PURE__*/React.createElement(FormComponentLabel, {
-  text: children
-});
-export default Label;
+const Label = ({ children })=>/*#__PURE__*/ react.createElement(FormComponentLabel, {
+        text: children
+    });
+const Fields_Label = Label;
+export default Fields_Label;
+export { Label };
 
 //# sourceMappingURL=Label.js.map

package/Fields/Label.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FormComponentLabel","Label","children","createElement","text"],"sources":["Label.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentLabel } from \"@webiny/admin-ui\";\n\ninterface LabelProps {\n    children?: React.ReactNode;\n}\n\nexport const Label = ({ children }: LabelProps) => <FormComponentLabel text={children} />;\n\nexport default Label;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,kBAAkB;AAMrD,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC;AAAqB,CAAC,kBAAKH,KAAA,CAAAI,aAAA,CAACH,kBAAkB;EAACI,IAAI,EAAEF;AAAS,CAAE,CAAC;AAEzF,eAAeD,KAAK","ignoreList":[]}
+{"version":3,"file":"Fields/Label.js","sources":["../../src/Fields/Label.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentLabel } from \"@webiny/admin-ui\";\n\ninterface LabelProps {\n    children?: React.ReactNode;\n}\n\nexport const Label = ({ children }: LabelProps) => <FormComponentLabel text={children} />;\n\nexport default Label;\n"],"names":["Label","children","FormComponentLabel"],"mappings":";;AAOO,MAAMA,QAAQ,CAAC,EAAEC,QAAQ,EAAc,iBAAK,oBAACC,oBAAkBA;QAAC,MAAMD;;AAE7E,qBAAeD"}

package/Fields/LayoutDescriptorCell.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { CmsLayoutField } from "../types/model.js";
+import type { BindComponent, CmsEditorContentModel, CmsModelField } from "../types/index.js";
+interface LayoutDescriptorCellProps {
+    field: CmsLayoutField;
+    Bind: BindComponent;
+    fields: CmsModelField[];
+    contentModel: CmsEditorContentModel;
+    gridClassName?: string;
+}
+export declare const LayoutDescriptorCell: ({ field, Bind, fields, contentModel, gridClassName }: LayoutDescriptorCellProps) => React.JSX.Element | null;
+export {};

package/Fields/LayoutDescriptorCell.js

@@ -0,0 +1,40 @@
+import react from "react";
+import { plugins } from "@webiny/plugins";
+import { SeparatorFieldRenderer } from "./layoutFieldRenderers/SeparatorFieldRenderer.js";
+import { AlertFieldRenderer } from "./layoutFieldRenderers/AlertFieldRenderer.js";
+import { TabsFieldRenderer } from "./layoutFieldRenderers/TabsFieldRenderer.js";
+const LayoutDescriptorCell = ({ field, Bind, fields, contentModel, gridClassName })=>{
+    switch(field.type){
+        case "separator":
+            return /*#__PURE__*/ react.createElement(SeparatorFieldRenderer, {
+                field: field
+            });
+        case "alert":
+            return /*#__PURE__*/ react.createElement(AlertFieldRenderer, {
+                field: field
+            });
+        case "tabs":
+            return /*#__PURE__*/ react.createElement(TabsFieldRenderer, {
+                field: field,
+                Bind: Bind,
+                fields: fields,
+                contentModel: contentModel,
+                gridClassName: gridClassName
+            });
+        default:
+            {
+                const rendererPlugin = plugins.byType("cms-layout-field-renderer").find((p)=>p.fieldType === field.type);
+                if (rendererPlugin) return rendererPlugin.render({
+                    field,
+                    Bind,
+                    fields,
+                    contentModel,
+                    gridClassName
+                });
+                return null;
+            }
+    }
+};
+export { LayoutDescriptorCell };
+
+//# sourceMappingURL=LayoutDescriptorCell.js.map

package/Fields/LayoutDescriptorCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fields/LayoutDescriptorCell.js","sources":["../../src/Fields/LayoutDescriptorCell.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n    CmsAlertLayoutField,\n    CmsLayoutField,\n    CmsSeparatorLayoutField,\n    CmsTabLayoutField\n} from \"~/types/model.js\";\nimport type {\n    BindComponent,\n    CmsEditorContentModel,\n    CmsModelLayoutFieldRendererPlugin,\n    CmsModelField\n} from \"~/types/index.js\";\nimport { plugins } from \"@webiny/plugins\";\nimport { SeparatorFieldRenderer } from \"./layoutFieldRenderers/SeparatorFieldRenderer.js\";\nimport { AlertFieldRenderer } from \"./layoutFieldRenderers/AlertFieldRenderer.js\";\nimport { TabsFieldRenderer } from \"./layoutFieldRenderers/TabsFieldRenderer.js\";\n\ninterface LayoutDescriptorCellProps {\n    field: CmsLayoutField;\n    Bind: BindComponent;\n    fields: CmsModelField[];\n    contentModel: CmsEditorContentModel;\n    gridClassName?: string;\n}\n\nexport const LayoutDescriptorCell = ({\n    field,\n    Bind,\n    fields,\n    contentModel,\n    gridClassName\n}: LayoutDescriptorCellProps) => {\n    switch (field.type) {\n        case \"separator\":\n            return <SeparatorFieldRenderer field={field as CmsSeparatorLayoutField} />;\n        case \"alert\":\n            return <AlertFieldRenderer field={field as CmsAlertLayoutField} />;\n        case \"tabs\":\n            return (\n                <TabsFieldRenderer\n                    field={field as CmsTabLayoutField}\n                    Bind={Bind}\n                    fields={fields}\n                    contentModel={contentModel}\n                    gridClassName={gridClassName}\n                />\n            );\n        default: {\n            const rendererPlugin = plugins\n                .byType<CmsModelLayoutFieldRendererPlugin>(\"cms-layout-field-renderer\")\n                .find(p => p.fieldType === field.type);\n            if (rendererPlugin) {\n                return rendererPlugin.render({\n                    field,\n                    Bind,\n                    fields,\n                    contentModel,\n                    gridClassName\n                });\n            }\n            return null;\n        }\n    }\n};\n"],"names":["LayoutDescriptorCell","field","Bind","fields","contentModel","gridClassName","SeparatorFieldRenderer","AlertFieldRenderer","TabsFieldRenderer","rendererPlugin","plugins","p"],"mappings":";;;;;AA0BO,MAAMA,uBAAuB,CAAC,EACjCC,KAAK,EACLC,IAAI,EACJC,MAAM,EACNC,YAAY,EACZC,aAAa,EACW;IACxB,OAAQJ,MAAM,IAAI;QACd,KAAK;YACD,OAAO,WAAP,GAAO,oBAACK,wBAAsBA;gBAAC,OAAOL;;QAC1C,KAAK;YACD,OAAO,WAAP,GAAO,oBAACM,oBAAkBA;gBAAC,OAAON;;QACtC,KAAK;YACD,OAAO,WAAP,GACI,oBAACO,mBAAiBA;gBACd,OAAOP;gBACP,MAAMC;gBACN,QAAQC;gBACR,cAAcC;gBACd,eAAeC;;QAG3B;YAAS;gBACL,MAAMI,iBAAiBC,QAAAA,MACZ,CAAoC,6BAC1C,IAAI,CAACC,CAAAA,IAAKA,EAAE,SAAS,KAAKV,MAAM,IAAI;gBACzC,IAAIQ,gBACA,OAAOA,eAAe,MAAM,CAAC;oBACzBR;oBACAC;oBACAC;oBACAC;oBACAC;gBACJ;gBAEJ,OAAO;YACX;IACJ;AACJ"}