@webiny/app-headless-cms 6.4.5-beta.0 → 6.6.0-alpha.0

package/admin/components/ContentModelEditor/PreviewTab.js

@@ -1,17 +1,134 @@
-import react from "react";
+import react, { useEffect, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { DiContainerProvider, useContainer } from "@webiny/app";
 import { i18n } from "@webiny/app/i18n/index.js";
+import { FormView } from "@webiny/app-admin/features/formModel/FormView.js";
+import { Button } from "@webiny/admin-ui";
 import { useModelEditor } from "../../hooks/index.js";
-import { ContentEntryFormPreview } from "../ContentEntryForm/ContentEntryFormPreview.js";
-import { Alert } from "@webiny/admin-ui";
+import { ContentModelFormPreviewFeature } from "../../../presentation/contentModelEditor/preview/feature.js";
+import { useContentModelFormPreview } from "../../../presentation/contentModelEditor/preview/useContentModelFormPreview.js";
 const t = i18n.ns("app-headless-cms/admin/components/editor/tabs/preview");
-const PreviewTab = ({ activeTab })=>{
+const LayoutIllustration = ()=>/*#__PURE__*/ react.createElement("svg", {
+        width: "90",
+        height: "72",
+        viewBox: "0 0 90 72",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/ react.createElement("rect", {
+        width: "90",
+        height: "72",
+        rx: "4",
+        fill: "white",
+        stroke: "#DCE0E5",
+        strokeWidth: "1"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        width: "90",
+        height: "15",
+        rx: "4",
+        fill: "#F5F6F7"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        y: "11",
+        width: "90",
+        height: "4",
+        fill: "#F5F6F7"
+    }), /*#__PURE__*/ react.createElement("line", {
+        x1: "0",
+        y1: "15",
+        x2: "90",
+        y2: "15",
+        stroke: "#DCE0E5",
+        strokeWidth: "1"
+    }), /*#__PURE__*/ react.createElement("circle", {
+        cx: "9",
+        cy: "7.5",
+        r: "2.5",
+        fill: "#FA5723"
+    }), /*#__PURE__*/ react.createElement("circle", {
+        cx: "17",
+        cy: "7.5",
+        r: "2.5",
+        fill: "#FA5723",
+        fillOpacity: "0.5"
+    }), /*#__PURE__*/ react.createElement("circle", {
+        cx: "25",
+        cy: "7.5",
+        r: "2.5",
+        fill: "#FA5723",
+        fillOpacity: "0.25"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "8",
+        y: "18",
+        width: "23",
+        height: "45",
+        rx: "1.5",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "36",
+        y: "18",
+        width: "45",
+        height: "20",
+        rx: "1.5",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "36",
+        y: "42",
+        width: "21",
+        height: "21",
+        rx: "1.5",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "61",
+        y: "42",
+        width: "20",
+        height: "21",
+        rx: "1.5",
+        fill: "#F0F1F3"
+    }));
+const PreviewTab = ({ activeTab, onSwitchToEdit })=>{
     const { data } = useModelEditor();
-    return /*#__PURE__*/ react.createElement(react.Fragment, null, data.fields && data.fields.length && activeTab ? /*#__PURE__*/ react.createElement(ContentEntryFormPreview, {
-        contentModel: data
-    }) : /*#__PURE__*/ react.createElement(Alert, {
-        type: "warning"
-    }, t`Before previewing the form, please add at least one field to the content model.`));
+    const container = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = container.createChildContainer();
+        ContentModelFormPreviewFeature.register(child);
+        return child;
+    }, []);
+    if (data.fields && data.fields.length && activeTab) return /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer
+    }, /*#__PURE__*/ react.createElement(PreviewForm, null));
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-md items-center justify-center pb-[216px] size-full"
+    }, /*#__PURE__*/ react.createElement(LayoutIllustration, null), /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm items-center text-center w-full"
+    }, /*#__PURE__*/ react.createElement("p", {
+        className: "text-lg font-semibold text-neutral-strong"
+    }, t`Nothing to see here`), /*#__PURE__*/ react.createElement("p", {
+        className: "text-sm text-neutral-strong max-w-[400px]"
+    }, t`It looks like no field has been added to this content model yet. Switch to editor mode to add your first field.`)), onSwitchToEdit && /*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        size: "sm",
+        onClick: onSwitchToEdit
+    }, t`Switch to edit mode`));
 };
+const PreviewForm = observer(()=>{
+    const { data } = useModelEditor();
+    const presenter = useContentModelFormPreview();
+    useEffect(()=>{
+        presenter.buildForm(data);
+        return ()=>{
+            presenter.reset();
+        };
+    }, [
+        data
+    ]);
+    const { form } = presenter.vm;
+    if (!form) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "bg-neutral-base rounded-lg p-lg"
+    }, /*#__PURE__*/ react.createElement(FormView, {
+        name: "ContentModelFormPreview",
+        form: form
+    }));
+});
 export { PreviewTab };
 
 //# sourceMappingURL=PreviewTab.js.map

package/admin/components/ContentModelEditor/PreviewTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/components/ContentModelEditor/PreviewTab.js","sources":["../../../../src/admin/components/ContentModelEditor/PreviewTab.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsEditorContentTab } from \"~/types.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { ContentEntryFormPreview } from \"../ContentEntryForm/ContentEntryFormPreview.js\";\nimport { Alert } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/editor/tabs/preview\");\n\nexport const PreviewTab: CmsEditorContentTab = ({ activeTab }) => {\n    const { data } = useModelEditor();\n\n    return (\n        <>\n            {data.fields && data.fields.length && activeTab ? (\n                <ContentEntryFormPreview contentModel={data} />\n            ) : (\n                <Alert type=\"warning\">\n                    {t`Before previewing the form, please add at least one field to the content model.`}\n                </Alert>\n            )}\n        </>\n    );\n};\n"],"names":["t","i18n","PreviewTab","activeTab","data","useModelEditor","ContentEntryFormPreview","Alert"],"mappings":";;;;;AAOA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAEX,MAAMC,aAAkC,CAAC,EAAEC,SAAS,EAAE;IACzD,MAAM,EAAEC,IAAI,EAAE,GAAGC;IAEjB,OAAO,WAAP,GACI,0CACKD,KAAK,MAAM,IAAIA,KAAK,MAAM,CAAC,MAAM,IAAID,YAAY,WAAZA,GAClC,oBAACG,yBAAuBA;QAAC,cAAcF;uBAEvC,oBAACG,OAAKA;QAAC,MAAK;OACPP,CAAC,CAAC,+EAA+E,CAAC;AAKvG"}
+{"version":3,"file":"admin/components/ContentModelEditor/PreviewTab.js","sources":["../../../../src/admin/components/ContentModelEditor/PreviewTab.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DiContainerProvider, useContainer } from \"@webiny/app\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { FormView } from \"@webiny/app-admin/features/formModel/FormView.js\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { ContentModelFormPreviewFeature } from \"~/presentation/contentModelEditor/preview/feature.js\";\nimport { useContentModelFormPreview } from \"~/presentation/contentModelEditor/preview/useContentModelFormPreview.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/editor/tabs/preview\");\n\ninterface PreviewTabProps {\n    activeTab: boolean;\n    onSwitchToEdit?: () => void;\n}\n\nconst LayoutIllustration = () => (\n    <svg width=\"90\" height=\"72\" viewBox=\"0 0 90 72\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <rect width=\"90\" height=\"72\" rx=\"4\" fill=\"white\" stroke=\"#DCE0E5\" strokeWidth=\"1\" />\n        <rect width=\"90\" height=\"15\" rx=\"4\" fill=\"#F5F6F7\" />\n        <rect y=\"11\" width=\"90\" height=\"4\" fill=\"#F5F6F7\" />\n        <line x1=\"0\" y1=\"15\" x2=\"90\" y2=\"15\" stroke=\"#DCE0E5\" strokeWidth=\"1\" />\n        <circle cx=\"9\" cy=\"7.5\" r=\"2.5\" fill=\"#FA5723\" />\n        <circle cx=\"17\" cy=\"7.5\" r=\"2.5\" fill=\"#FA5723\" fillOpacity=\"0.5\" />\n        <circle cx=\"25\" cy=\"7.5\" r=\"2.5\" fill=\"#FA5723\" fillOpacity=\"0.25\" />\n        <rect x=\"8\" y=\"18\" width=\"23\" height=\"45\" rx=\"1.5\" fill=\"#F0F1F3\" />\n        <rect x=\"36\" y=\"18\" width=\"45\" height=\"20\" rx=\"1.5\" fill=\"#F0F1F3\" />\n        <rect x=\"36\" y=\"42\" width=\"21\" height=\"21\" rx=\"1.5\" fill=\"#F0F1F3\" />\n        <rect x=\"61\" y=\"42\" width=\"20\" height=\"21\" rx=\"1.5\" fill=\"#F0F1F3\" />\n    </svg>\n);\n\nexport const PreviewTab = ({ activeTab, onSwitchToEdit }: PreviewTabProps) => {\n    const { data } = useModelEditor();\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n        ContentModelFormPreviewFeature.register(child);\n        return child;\n    }, []);\n\n    if (data.fields && data.fields.length && activeTab) {\n        return (\n            <DiContainerProvider container={scopedContainer}>\n                <PreviewForm />\n            </DiContainerProvider>\n        );\n    }\n\n    return (\n        <div className={\"flex flex-col gap-md items-center justify-center pb-[216px] size-full\"}>\n            <LayoutIllustration />\n            <div className={\"flex flex-col gap-sm items-center text-center w-full\"}>\n                <p className={\"text-lg font-semibold text-neutral-strong\"}>\n                    {t`Nothing to see here`}\n                </p>\n                <p className={\"text-sm text-neutral-strong max-w-[400px]\"}>\n                    {t`It looks like no field has been added to this content model yet. Switch to editor mode to add your first field.`}\n                </p>\n            </div>\n            {onSwitchToEdit && (\n                <Button variant={\"primary\"} size={\"sm\"} onClick={onSwitchToEdit}>\n                    {t`Switch to edit mode`}\n                </Button>\n            )}\n        </div>\n    );\n};\n\nconst PreviewForm = observer(() => {\n    const { data } = useModelEditor();\n    const presenter = useContentModelFormPreview();\n\n    useEffect(() => {\n        presenter.buildForm(data);\n\n        return () => {\n            presenter.reset();\n        };\n    }, [data]);\n\n    const { form } = presenter.vm;\n\n    if (!form) {\n        return null;\n    }\n\n    return (\n        <div className={\"bg-neutral-base rounded-lg p-lg\"}>\n            <FormView name=\"ContentModelFormPreview\" form={form} />\n        </div>\n    );\n});\n"],"names":["t","i18n","LayoutIllustration","PreviewTab","activeTab","onSwitchToEdit","data","useModelEditor","container","useContainer","scopedContainer","useMemo","child","ContentModelFormPreviewFeature","DiContainerProvider","PreviewForm","Button","observer","presenter","useContentModelFormPreview","useEffect","form","FormView"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAOlB,MAAMC,qBAAqB,kBACvB,oBAAC;QAAI,OAAM;QAAK,QAAO;QAAK,SAAQ;QAAY,MAAK;QAAO,OAAM;qBAC9D,oBAAC;QAAK,OAAM;QAAK,QAAO;QAAK,IAAG;QAAI,MAAK;QAAQ,QAAO;QAAU,aAAY;sBAC9E,oBAAC;QAAK,OAAM;QAAK,QAAO;QAAK,IAAG;QAAI,MAAK;sBACzC,oBAAC;QAAK,GAAE;QAAK,OAAM;QAAK,QAAO;QAAI,MAAK;sBACxC,oBAAC;QAAK,IAAG;QAAI,IAAG;QAAK,IAAG;QAAK,IAAG;QAAK,QAAO;QAAU,aAAY;sBAClE,oBAAC;QAAO,IAAG;QAAI,IAAG;QAAM,GAAE;QAAM,MAAK;sBACrC,oBAAC;QAAO,IAAG;QAAK,IAAG;QAAM,GAAE;QAAM,MAAK;QAAU,aAAY;sBAC5D,oBAAC;QAAO,IAAG;QAAK,IAAG;QAAM,GAAE;QAAM,MAAK;QAAU,aAAY;sBAC5D,oBAAC;QAAK,GAAE;QAAI,GAAE;QAAK,OAAM;QAAK,QAAO;QAAK,IAAG;QAAM,MAAK;sBACxD,oBAAC;QAAK,GAAE;QAAK,GAAE;QAAK,OAAM;QAAK,QAAO;QAAK,IAAG;QAAM,MAAK;sBACzD,oBAAC;QAAK,GAAE;QAAK,GAAE;QAAK,OAAM;QAAK,QAAO;QAAK,IAAG;QAAM,MAAK;sBACzD,oBAAC;QAAK,GAAE;QAAK,GAAE;QAAK,OAAM;QAAK,QAAO;QAAK,IAAG;QAAM,MAAK;;AAI1D,MAAMC,aAAa,CAAC,EAAEC,SAAS,EAAEC,cAAc,EAAmB;IACrE,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAMC,YAAYC;IAElB,MAAMC,kBAAkBC,QAAQ;QAC5B,MAAMC,QAAQJ,UAAU,oBAAoB;QAC5CK,+BAA+B,QAAQ,CAACD;QACxC,OAAOA;IACX,GAAG,EAAE;IAEL,IAAIN,KAAK,MAAM,IAAIA,KAAK,MAAM,CAAC,MAAM,IAAIF,WACrC,OAAO,WAAP,GACI,oBAACU,qBAAmBA;QAAC,WAAWJ;qBAC5B,oBAACK,aAAWA;IAKxB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACb,oBAAkBA,OAAAA,WAAAA,GACnB,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAE,WAAW;OACTF,CAAC,CAAC,mBAAmB,CAAC,iBAE3B,oBAAC;QAAE,WAAW;OACTA,CAAC,CAAC,+GAA+G,CAAC,IAG1HK,kBAAkB,WAAlBA,GACG,oBAACW,QAAMA;QAAC,SAAS;QAAW,MAAM;QAAM,SAASX;OAC5CL,CAAC,CAAC,mBAAmB,CAAC;AAK3C;AAEA,MAAMe,cAAcE,SAAS;IACzB,MAAM,EAAEX,IAAI,EAAE,GAAGC;IACjB,MAAMW,YAAYC;IAElBC,UAAU;QACNF,UAAU,SAAS,CAACZ;QAEpB,OAAO;YACHY,UAAU,KAAK;QACnB;IACJ,GAAG;QAACZ;KAAK;IAET,MAAM,EAAEe,IAAI,EAAE,GAAGH,UAAU,EAAE;IAE7B,IAAI,CAACG,MACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,UAAQA;QAAC,MAAK;QAA0B,MAAMD;;AAG3D"}

package/admin/components/ContentModelEditor/SectionHeader.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface SectionHeaderProps {
+    title: string;
+    action?: React.ReactNode;
+}
+declare const SectionHeader: ({ title, action }: SectionHeaderProps) => React.JSX.Element;
+export { SectionHeader, type SectionHeaderProps };

package/admin/components/ContentModelEditor/SectionHeader.js

@@ -0,0 +1,12 @@
+import react from "react";
+import { Text } from "@webiny/admin-ui";
+const SectionHeader = ({ title, action })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-between px-md py-sm-extra"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        size: "sm",
+        className: "font-semibold text-neutral-primary"
+    }, title), action);
+export { SectionHeader };
+
+//# sourceMappingURL=SectionHeader.js.map

package/admin/components/ContentModelEditor/SectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentModelEditor/SectionHeader.js","sources":["../../../../src/admin/components/ContentModelEditor/SectionHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\n\ninterface SectionHeaderProps {\n    title: string;\n    action?: React.ReactNode;\n}\n\nconst SectionHeader = ({ title, action }: SectionHeaderProps) => (\n    <div className={\"flex items-center justify-between px-md py-sm-extra\"}>\n        <Text as=\"div\" size={\"sm\"} className={\"font-semibold text-neutral-primary\"}>\n            {title}\n        </Text>\n        {action}\n    </div>\n);\n\nexport { SectionHeader, type SectionHeaderProps };\n"],"names":["SectionHeader","title","action","Text"],"mappings":";;AAQA,MAAMA,gBAAgB,CAAC,EAAEC,KAAK,EAAEC,MAAM,EAAsB,iBACxD,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA;QAAC,IAAG;QAAM,MAAM;QAAM,WAAW;OACjCF,QAEJC"}

package/admin/components/ContentModelEditor/evaluateExpression.d.ts

@@ -0,0 +1,23 @@
+export type Operator = "==" | "!=" | ">" | "<" | ">=" | "<=" | "contains" | "startsWith" | "endsWith" | "isEmpty" | "isNotEmpty";
+export interface ParsedExpression {
+    target: string;
+    operator: Operator;
+    value: string | number | boolean | null;
+}
+/**
+ * Resolve a fieldPath that may contain `$` placeholders using the bindParentName.
+ *
+ * The bindParentName gives us the concrete indices for the current list context.
+ * For example, if fieldPath is `panorama.hotspots.$.title` and bindParentName
+ * is `panorama.hotspots.2`, the result is `panorama.hotspots.2.title`.
+ *
+ * Supports multiple nested `$` segments for deeply nested list objects.
+ */
+export declare function resolveFieldPath(fieldPath: string, bindParentName?: string): string;
+/**
+ * Evaluate a parsed expression against form values.
+ *
+ * If the resolved fieldPath ends with `.length`, it reads the array at the parent
+ * path and uses its length as the left-hand value.
+ */
+export declare function evaluateExpression(parsed: ParsedExpression, getFormValue: (path: string) => unknown): boolean;

package/admin/components/ContentModelEditor/evaluateExpression.js

@@ -0,0 +1,62 @@
+function resolveFieldPath(fieldPath, bindParentName) {
+    if (!fieldPath.includes("$")) return fieldPath;
+    if (!bindParentName) return fieldPath.replace(/\$/g, "0");
+    const pathParts = fieldPath.split(".");
+    const parentParts = bindParentName.split(".");
+    const indexMap = new Map();
+    const prefixParts = [];
+    for (const part of parentParts)if (/^\d+$/.test(part)) indexMap.set(prefixParts.join("."), part);
+    else prefixParts.push(part);
+    const resolved = [];
+    const currentPrefix = [];
+    for (const part of pathParts)if ("$" === part) {
+        const key = currentPrefix.join(".");
+        const index = indexMap.get(key) ?? "0";
+        resolved.push(index);
+    } else {
+        currentPrefix.push(part);
+        resolved.push(part);
+    }
+    return resolved.join(".");
+}
+function compareValues(operator, val, rhs) {
+    switch(operator){
+        case "==":
+            return val == rhs;
+        case "!=":
+            return val != rhs;
+        case ">":
+            return Number(val) > Number(rhs);
+        case "<":
+            return Number(val) < Number(rhs);
+        case ">=":
+            return Number(val) >= Number(rhs);
+        case "<=":
+            return Number(val) <= Number(rhs);
+        case "contains":
+            return String(val ?? "").includes(String(rhs ?? ""));
+        case "startsWith":
+            return String(val ?? "").startsWith(String(rhs ?? ""));
+        case "endsWith":
+            return String(val ?? "").endsWith(String(rhs ?? ""));
+        case "isEmpty":
+            return null == val || "" === val || Array.isArray(val) && 0 === val.length;
+        case "isNotEmpty":
+            return null != val && "" !== val && !(Array.isArray(val) && 0 === val.length);
+        default:
+            return false;
+    }
+}
+function evaluateExpression(parsed, getFormValue) {
+    const { target, operator, value: rhs } = parsed;
+    let val;
+    if (target.endsWith(".length")) {
+        const arrayPath = target.slice(0, -7);
+        const arr = getFormValue(arrayPath);
+        val = Array.isArray(arr) ? arr.length : 0;
+    } else val = getFormValue(target);
+    return compareValues(operator, val, rhs);
+}
+export { evaluateExpression, resolveFieldPath };
+
+//# sourceMappingURL=evaluateExpression.js.map

package/admin/components/ContentModelEditor/evaluateExpression.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentModelEditor/evaluateExpression.js","sources":["../../../../src/admin/components/ContentModelEditor/evaluateExpression.ts"],"sourcesContent":["export type Operator =\n    | \"==\"\n    | \"!=\"\n    | \">\"\n    | \"<\"\n    | \">=\"\n    | \"<=\"\n    | \"contains\"\n    | \"startsWith\"\n    | \"endsWith\"\n    | \"isEmpty\"\n    | \"isNotEmpty\";\n\nexport interface ParsedExpression {\n    target: string;\n    operator: Operator;\n    value: string | number | boolean | null;\n}\n\n/**\n * Resolve a fieldPath that may contain `$` placeholders using the bindParentName.\n *\n * The bindParentName gives us the concrete indices for the current list context.\n * For example, if fieldPath is `panorama.hotspots.$.title` and bindParentName\n * is `panorama.hotspots.2`, the result is `panorama.hotspots.2.title`.\n *\n * Supports multiple nested `$` segments for deeply nested list objects.\n */\nexport function resolveFieldPath(fieldPath: string, bindParentName?: string): string {\n    if (!fieldPath.includes(\"$\")) {\n        return fieldPath;\n    }\n\n    if (!bindParentName) {\n        // No parent context, replace $ with 0 as fallback\n        return fieldPath.replace(/\\$/g, \"0\");\n    }\n\n    const pathParts = fieldPath.split(\".\");\n    const parentParts = bindParentName.split(\".\");\n\n    // Build a map of prefix -> index from the parent path.\n    // E.g., parentName \"panorama.hotspots.2.items.1\" gives us:\n    //   \"panorama.hotspots\" -> \"2\"\n    //   \"panorama.hotspots.2.items\" -> \"1\"\n    const indexMap = new Map<string, string>();\n    const prefixParts: string[] = [];\n    for (const part of parentParts) {\n        if (/^\\d+$/.test(part)) {\n            indexMap.set(prefixParts.join(\".\"), part);\n        } else {\n            prefixParts.push(part);\n        }\n    }\n\n    // Walk through pathParts and replace each `$` with the corresponding index\n    const resolved: string[] = [];\n    const currentPrefix: string[] = [];\n    for (const part of pathParts) {\n        if (part === \"$\") {\n            const key = currentPrefix.join(\".\");\n            const index = indexMap.get(key) ?? \"0\";\n            resolved.push(index);\n        } else {\n            currentPrefix.push(part);\n            resolved.push(part);\n        }\n    }\n\n    return resolved.join(\".\");\n}\n\nfunction compareValues(\n    operator: string,\n    val: unknown,\n    rhs: string | number | boolean | null\n): boolean {\n    switch (operator) {\n        case \"==\":\n            return val == rhs;\n        case \"!=\":\n            return val != rhs;\n        case \">\":\n            return Number(val) > Number(rhs);\n        case \"<\":\n            return Number(val) < Number(rhs);\n        case \">=\":\n            return Number(val) >= Number(rhs);\n        case \"<=\":\n            return Number(val) <= Number(rhs);\n        case \"contains\":\n            return String(val ?? \"\").includes(String(rhs ?? \"\"));\n        case \"startsWith\":\n            return String(val ?? \"\").startsWith(String(rhs ?? \"\"));\n        case \"endsWith\":\n            return String(val ?? \"\").endsWith(String(rhs ?? \"\"));\n        case \"isEmpty\":\n            return val == null || val === \"\" || (Array.isArray(val) && val.length === 0);\n        case \"isNotEmpty\":\n            return val != null && val !== \"\" && !(Array.isArray(val) && val.length === 0);\n        default:\n            return false;\n    }\n}\n\n/**\n * Evaluate a parsed expression against form values.\n *\n * If the resolved fieldPath ends with `.length`, it reads the array at the parent\n * path and uses its length as the left-hand value.\n */\nexport function evaluateExpression(\n    parsed: ParsedExpression,\n    getFormValue: (path: string) => unknown\n): boolean {\n    const { target, operator, value: rhs } = parsed;\n\n    let val: unknown;\n    if (target.endsWith(\".length\")) {\n        const arrayPath = target.slice(0, -\".length\".length);\n        const arr = getFormValue(arrayPath);\n        val = Array.isArray(arr) ? arr.length : 0;\n    } else {\n        val = getFormValue(target);\n    }\n\n    return compareValues(operator, val, rhs);\n}\n"],"names":["resolveFieldPath","fieldPath","bindParentName","pathParts","parentParts","indexMap","Map","prefixParts","part","resolved","currentPrefix","key","index","compareValues","operator","val","rhs","Number","String","Array","evaluateExpression","parsed","getFormValue","target","arrayPath","arr"],"mappings":"AA4BO,SAASA,iBAAiBC,SAAiB,EAAEC,cAAuB;IACvE,IAAI,CAACD,UAAU,QAAQ,CAAC,MACpB,OAAOA;IAGX,IAAI,CAACC,gBAED,OAAOD,UAAU,OAAO,CAAC,OAAO;IAGpC,MAAME,YAAYF,UAAU,KAAK,CAAC;IAClC,MAAMG,cAAcF,eAAe,KAAK,CAAC;IAMzC,MAAMG,WAAW,IAAIC;IACrB,MAAMC,cAAwB,EAAE;IAChC,KAAK,MAAMC,QAAQJ,YACf,IAAI,QAAQ,IAAI,CAACI,OACbH,SAAS,GAAG,CAACE,YAAY,IAAI,CAAC,MAAMC;SAEpCD,YAAY,IAAI,CAACC;IAKzB,MAAMC,WAAqB,EAAE;IAC7B,MAAMC,gBAA0B,EAAE;IAClC,KAAK,MAAMF,QAAQL,UACf,IAAIK,AAAS,QAATA,MAAc;QACd,MAAMG,MAAMD,cAAc,IAAI,CAAC;QAC/B,MAAME,QAAQP,SAAS,GAAG,CAACM,QAAQ;QACnCF,SAAS,IAAI,CAACG;IAClB,OAAO;QACHF,cAAc,IAAI,CAACF;QACnBC,SAAS,IAAI,CAACD;IAClB;IAGJ,OAAOC,SAAS,IAAI,CAAC;AACzB;AAEA,SAASI,cACLC,QAAgB,EAChBC,GAAY,EACZC,GAAqC;IAErC,OAAQF;QACJ,KAAK;YACD,OAAOC,OAAOC;QAClB,KAAK;YACD,OAAOD,OAAOC;QAClB,KAAK;YACD,OAAOC,OAAOF,OAAOE,OAAOD;QAChC,KAAK;YACD,OAAOC,OAAOF,OAAOE,OAAOD;QAChC,KAAK;YACD,OAAOC,OAAOF,QAAQE,OAAOD;QACjC,KAAK;YACD,OAAOC,OAAOF,QAAQE,OAAOD;QACjC,KAAK;YACD,OAAOE,OAAOH,OAAO,IAAI,QAAQ,CAACG,OAAOF,OAAO;QACpD,KAAK;YACD,OAAOE,OAAOH,OAAO,IAAI,UAAU,CAACG,OAAOF,OAAO;QACtD,KAAK;YACD,OAAOE,OAAOH,OAAO,IAAI,QAAQ,CAACG,OAAOF,OAAO;QACpD,KAAK;YACD,OAAOD,AAAO,QAAPA,OAAeA,AAAQ,OAARA,OAAeI,MAAM,OAAO,CAACJ,QAAQA,AAAe,MAAfA,IAAI,MAAM;QACzE,KAAK;YACD,OAAOA,AAAO,QAAPA,OAAeA,AAAQ,OAARA,OAAc,CAAEI,CAAAA,MAAM,OAAO,CAACJ,QAAQA,AAAe,MAAfA,IAAI,MAAM,AAAK;QAC/E;YACI,OAAO;IACf;AACJ;AAQO,SAASK,mBACZC,MAAwB,EACxBC,YAAuC;IAEvC,MAAM,EAAEC,MAAM,EAAET,QAAQ,EAAE,OAAOE,GAAG,EAAE,GAAGK;IAEzC,IAAIN;IACJ,IAAIQ,OAAO,QAAQ,CAAC,YAAY;QAC5B,MAAMC,YAAYD,OAAO,KAAK,CAAC,GAAG;QAClC,MAAME,MAAMH,aAAaE;QACzBT,MAAMI,MAAM,OAAO,CAACM,OAAOA,IAAI,MAAM,GAAG;IAC5C,OACIV,MAAMO,aAAaC;IAGvB,OAAOV,cAAcC,UAAUC,KAAKC;AACxC"}

package/admin/components/ContentModelEditor/fieldOptions.d.ts

@@ -0,0 +1,9 @@
+import type { CmsModelField, CmsEditorFieldsLayout } from "../../../types.js";
+import type { ICmsLayoutFieldType } from "../../../presentation/fieldTypes/abstractions.js";
+export interface FieldOption {
+    label: string;
+    value: string;
+    fieldType: string;
+}
+export declare function buildFieldLabelPrefixes(layout: CmsEditorFieldsLayout, layoutFieldTypes: ICmsLayoutFieldType[]): Map<string, string>;
+export declare function buildFieldOptions(fields: CmsModelField[], prefix?: string, labelPrefix?: string, fieldLabelPrefixes?: Map<string, string>, layoutFieldTypes?: ICmsLayoutFieldType[]): FieldOption[];

package/admin/components/ContentModelEditor/fieldOptions.js

@@ -0,0 +1,65 @@
+import { isLayoutField } from "../../../types.js";
+function buildFieldLabelPrefixes(layout, layoutFieldTypes) {
+    const map = new Map();
+    const byType = new Map(layoutFieldTypes.map((ft)=>[
+            ft.type,
+            ft
+        ]));
+    for (const row of layout)for (const cell of row){
+        if (!isLayoutField(cell)) continue;
+        const fieldType = byType.get(cell.type);
+        if (!fieldType || !fieldType.getFieldLabelPrefixes) continue;
+        const prefixes = fieldType.getFieldLabelPrefixes({
+            field: cell
+        });
+        for (const [fieldId, prefix] of Object.entries(prefixes))map.set(fieldId, prefix);
+    }
+    return map;
+}
+function buildFieldOptions(fields, prefix = "", labelPrefix = "", fieldLabelPrefixes, layoutFieldTypes) {
+    const options = [];
+    for (const field of fields){
+        const path = prefix + field.fieldId;
+        const layoutPrefix = fieldLabelPrefixes?.get(field.id);
+        const label = layoutPrefix ? `${labelPrefix}${layoutPrefix} › ${field.label}` : labelPrefix + field.label;
+        if ("dynamicZone" === field.type) {
+            options.push({
+                label: `${label} › Length`,
+                value: `${path}.length`,
+                fieldType: "number"
+            });
+            continue;
+        }
+        const childFields = field.settings?.fields;
+        if ("ref" === field.type) {
+            options.push({
+                label,
+                value: path,
+                fieldType: field.type
+            });
+            continue;
+        }
+        if (childFields && childFields.length > 0) {
+            let childPrefixes;
+            if (layoutFieldTypes && field.settings?.layout) childPrefixes = buildFieldLabelPrefixes(field.settings.layout, layoutFieldTypes);
+            if (field.list) {
+                options.push({
+                    label: `${label} › Length`,
+                    value: `${path}.length`,
+                    fieldType: "number"
+                });
+                options.push(...buildFieldOptions(childFields, `${path}.$.`, `${label} › `, childPrefixes, layoutFieldTypes));
+            } else options.push(...buildFieldOptions(childFields, `${path}.`, `${label} › `, childPrefixes, layoutFieldTypes));
+            continue;
+        }
+        options.push({
+            label,
+            value: path,
+            fieldType: field.type
+        });
+    }
+    return options;
+}
+export { buildFieldLabelPrefixes, buildFieldOptions };
+
+//# sourceMappingURL=fieldOptions.js.map

package/admin/components/ContentModelEditor/fieldOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentModelEditor/fieldOptions.js","sources":["../../../../src/admin/components/ContentModelEditor/fieldOptions.ts"],"sourcesContent":["import type { CmsModelField, CmsEditorFieldsLayout } from \"~/types.js\";\nimport { isLayoutField } from \"~/types.js\";\nimport type { ICmsLayoutFieldType } from \"~/presentation/fieldTypes/abstractions.js\";\n\nexport interface FieldOption {\n    label: string;\n    value: string;\n    fieldType: string;\n}\n\nexport function buildFieldLabelPrefixes(\n    layout: CmsEditorFieldsLayout,\n    layoutFieldTypes: ICmsLayoutFieldType[]\n): Map<string, string> {\n    const map = new Map<string, string>();\n    const byType = new Map(layoutFieldTypes.map(ft => [ft.type, ft]));\n\n    for (const row of layout) {\n        for (const cell of row) {\n            if (!isLayoutField(cell)) {\n                continue;\n            }\n\n            const fieldType = byType.get(cell.type);\n            if (!fieldType || !fieldType.getFieldLabelPrefixes) {\n                continue;\n            }\n\n            const prefixes = fieldType.getFieldLabelPrefixes({ field: cell });\n            for (const [fieldId, prefix] of Object.entries(prefixes)) {\n                map.set(fieldId, prefix);\n            }\n        }\n    }\n\n    return map;\n}\n\nexport function buildFieldOptions(\n    fields: CmsModelField[],\n    prefix = \"\",\n    labelPrefix = \"\",\n    fieldLabelPrefixes?: Map<string, string>,\n    layoutFieldTypes?: ICmsLayoutFieldType[]\n): FieldOption[] {\n    const options: FieldOption[] = [];\n\n    for (const field of fields) {\n        const path = prefix + field.fieldId;\n        const layoutPrefix = fieldLabelPrefixes?.get(field.id);\n        const label = layoutPrefix\n            ? `${labelPrefix}${layoutPrefix} › ${field.label}`\n            : labelPrefix + field.label;\n\n        if (field.type === \"dynamicZone\") {\n            options.push({\n                label: `${label} › Length`,\n                value: `${path}.length`,\n                fieldType: \"number\"\n            });\n            continue;\n        }\n\n        const childFields = field.settings?.fields;\n\n        if (field.type === \"ref\") {\n            options.push({ label, value: path, fieldType: field.type });\n            continue;\n        }\n\n        if (childFields && childFields.length > 0) {\n            let childPrefixes: Map<string, string> | undefined;\n            if (layoutFieldTypes && field.settings?.layout) {\n                childPrefixes = buildFieldLabelPrefixes(field.settings.layout, layoutFieldTypes);\n            }\n\n            if (field.list) {\n                options.push({\n                    label: `${label} › Length`,\n                    value: `${path}.length`,\n                    fieldType: \"number\"\n                });\n                options.push(\n                    ...buildFieldOptions(\n                        childFields,\n                        `${path}.$.`,\n                        `${label} › `,\n                        childPrefixes,\n                        layoutFieldTypes\n                    )\n                );\n            } else {\n                options.push(\n                    ...buildFieldOptions(\n                        childFields,\n                        `${path}.`,\n                        `${label} › `,\n                        childPrefixes,\n                        layoutFieldTypes\n                    )\n                );\n            }\n            continue;\n        }\n\n        options.push({ label, value: path, fieldType: field.type });\n    }\n\n    return options;\n}\n"],"names":["buildFieldLabelPrefixes","layout","layoutFieldTypes","map","Map","byType","ft","row","cell","isLayoutField","fieldType","prefixes","fieldId","prefix","Object","buildFieldOptions","fields","labelPrefix","fieldLabelPrefixes","options","field","path","layoutPrefix","label","childFields","childPrefixes"],"mappings":";AAUO,SAASA,wBACZC,MAA6B,EAC7BC,gBAAuC;IAEvC,MAAMC,MAAM,IAAIC;IAChB,MAAMC,SAAS,IAAID,IAAIF,iBAAiB,GAAG,CAACI,CAAAA,KAAM;YAACA,GAAG,IAAI;YAAEA;SAAG;IAE/D,KAAK,MAAMC,OAAON,OACd,KAAK,MAAMO,QAAQD,IAAK;QACpB,IAAI,CAACE,cAAcD,OACf;QAGJ,MAAME,YAAYL,OAAO,GAAG,CAACG,KAAK,IAAI;QACtC,IAAI,CAACE,aAAa,CAACA,UAAU,qBAAqB,EAC9C;QAGJ,MAAMC,WAAWD,UAAU,qBAAqB,CAAC;YAAE,OAAOF;QAAK;QAC/D,KAAK,MAAM,CAACI,SAASC,OAAO,IAAIC,OAAO,OAAO,CAACH,UAC3CR,IAAI,GAAG,CAACS,SAASC;IAEzB;IAGJ,OAAOV;AACX;AAEO,SAASY,kBACZC,MAAuB,EACvBH,SAAS,EAAE,EACXI,cAAc,EAAE,EAChBC,kBAAwC,EACxChB,gBAAwC;IAExC,MAAMiB,UAAyB,EAAE;IAEjC,KAAK,MAAMC,SAASJ,OAAQ;QACxB,MAAMK,OAAOR,SAASO,MAAM,OAAO;QACnC,MAAME,eAAeJ,oBAAoB,IAAIE,MAAM,EAAE;QACrD,MAAMG,QAAQD,eACR,GAAGL,cAAcK,aAAa,GAAG,EAAEF,MAAM,KAAK,EAAE,GAChDH,cAAcG,MAAM,KAAK;QAE/B,IAAIA,AAAe,kBAAfA,MAAM,IAAI,EAAoB;YAC9BD,QAAQ,IAAI,CAAC;gBACT,OAAO,GAAGI,MAAM,SAAS,CAAC;gBAC1B,OAAO,GAAGF,KAAK,OAAO,CAAC;gBACvB,WAAW;YACf;YACA;QACJ;QAEA,MAAMG,cAAcJ,MAAM,QAAQ,EAAE;QAEpC,IAAIA,AAAe,UAAfA,MAAM,IAAI,EAAY;YACtBD,QAAQ,IAAI,CAAC;gBAAEI;gBAAO,OAAOF;gBAAM,WAAWD,MAAM,IAAI;YAAC;YACzD;QACJ;QAEA,IAAII,eAAeA,YAAY,MAAM,GAAG,GAAG;YACvC,IAAIC;YACJ,IAAIvB,oBAAoBkB,MAAM,QAAQ,EAAE,QACpCK,gBAAgBzB,wBAAwBoB,MAAM,QAAQ,CAAC,MAAM,EAAElB;YAGnE,IAAIkB,MAAM,IAAI,EAAE;gBACZD,QAAQ,IAAI,CAAC;oBACT,OAAO,GAAGI,MAAM,SAAS,CAAC;oBAC1B,OAAO,GAAGF,KAAK,OAAO,CAAC;oBACvB,WAAW;gBACf;gBACAF,QAAQ,IAAI,IACLJ,kBACCS,aACA,GAAGH,KAAK,GAAG,CAAC,EACZ,GAAGE,MAAM,GAAG,CAAC,EACbE,eACAvB;YAGZ,OACIiB,QAAQ,IAAI,IACLJ,kBACCS,aACA,GAAGH,KAAK,CAAC,CAAC,EACV,GAAGE,MAAM,GAAG,CAAC,EACbE,eACAvB;YAIZ;QACJ;QAEAiB,QAAQ,IAAI,CAAC;YAAEI;YAAO,OAAOF;YAAM,WAAWD,MAAM,IAAI;QAAC;IAC7D;IAEA,OAAOD;AACX"}

package/admin/components/ContentModelEditor/operatorOptions.d.ts

@@ -0,0 +1,10 @@
+import type { Operator } from "./evaluateExpression.js";
+export interface OperatorOption {
+    value: Operator;
+    label: string;
+}
+export declare function getOperatorOptions(fieldType: string): OperatorOption[];
+/**
+ * Operators that don't need a value input (the value is implicit).
+ */
+export declare const VALUE_HIDDEN_OPERATORS: Set<Operator>;

package/admin/components/ContentModelEditor/operatorOptions.js

@@ -0,0 +1,120 @@
+const NUMERIC_OPERATORS = [
+    {
+        value: "==",
+        label: "Equals"
+    },
+    {
+        value: "!=",
+        label: "Not equals"
+    },
+    {
+        value: ">",
+        label: "Greater than"
+    },
+    {
+        value: "<",
+        label: "Less than"
+    },
+    {
+        value: ">=",
+        label: "Greater or equal"
+    },
+    {
+        value: "<=",
+        label: "Less or equal"
+    },
+    {
+        value: "isEmpty",
+        label: "Is empty"
+    },
+    {
+        value: "isNotEmpty",
+        label: "Is not empty"
+    }
+];
+const TEXT_OPERATORS = [
+    {
+        value: "==",
+        label: "Equals"
+    },
+    {
+        value: "!=",
+        label: "Not equals"
+    },
+    {
+        value: "contains",
+        label: "Contains"
+    },
+    {
+        value: "startsWith",
+        label: "Starts with"
+    },
+    {
+        value: "endsWith",
+        label: "Ends with"
+    },
+    {
+        value: "isEmpty",
+        label: "Is empty"
+    },
+    {
+        value: "isNotEmpty",
+        label: "Is not empty"
+    }
+];
+const BOOLEAN_OPERATORS = [
+    {
+        value: "==",
+        label: "Equals"
+    },
+    {
+        value: "!=",
+        label: "Not equals"
+    }
+];
+const FILE_OPERATORS = [
+    {
+        value: "isEmpty",
+        label: "Is empty"
+    },
+    {
+        value: "isNotEmpty",
+        label: "Is not empty"
+    }
+];
+const DEFAULT_OPERATORS = [
+    {
+        value: "==",
+        label: "Equals"
+    },
+    {
+        value: "!=",
+        label: "Not equals"
+    },
+    {
+        value: "isEmpty",
+        label: "Is empty"
+    },
+    {
+        value: "isNotEmpty",
+        label: "Is not empty"
+    }
+];
+const OPERATORS_BY_TYPE = {
+    number: NUMERIC_OPERATORS,
+    datetime: NUMERIC_OPERATORS,
+    text: TEXT_OPERATORS,
+    "long-text": TEXT_OPERATORS,
+    boolean: BOOLEAN_OPERATORS,
+    file: FILE_OPERATORS
+};
+function getOperatorOptions(fieldType) {
+    return OPERATORS_BY_TYPE[fieldType] ?? DEFAULT_OPERATORS;
+}
+const VALUE_HIDDEN_OPERATORS = new Set([
+    "isEmpty",
+    "isNotEmpty"
+]);
+export { VALUE_HIDDEN_OPERATORS, getOperatorOptions };
+
+//# sourceMappingURL=operatorOptions.js.map

package/admin/components/ContentModelEditor/operatorOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentModelEditor/operatorOptions.js","sources":["../../../../src/admin/components/ContentModelEditor/operatorOptions.ts"],"sourcesContent":["import type { Operator } from \"./evaluateExpression.js\";\n\nexport interface OperatorOption {\n    value: Operator;\n    label: string;\n}\n\nconst NUMERIC_OPERATORS: OperatorOption[] = [\n    { value: \"==\", label: \"Equals\" },\n    { value: \"!=\", label: \"Not equals\" },\n    { value: \">\", label: \"Greater than\" },\n    { value: \"<\", label: \"Less than\" },\n    { value: \">=\", label: \"Greater or equal\" },\n    { value: \"<=\", label: \"Less or equal\" },\n    { value: \"isEmpty\", label: \"Is empty\" },\n    { value: \"isNotEmpty\", label: \"Is not empty\" }\n];\n\nconst TEXT_OPERATORS: OperatorOption[] = [\n    { value: \"==\", label: \"Equals\" },\n    { value: \"!=\", label: \"Not equals\" },\n    { value: \"contains\", label: \"Contains\" },\n    { value: \"startsWith\", label: \"Starts with\" },\n    { value: \"endsWith\", label: \"Ends with\" },\n    { value: \"isEmpty\", label: \"Is empty\" },\n    { value: \"isNotEmpty\", label: \"Is not empty\" }\n];\n\nconst BOOLEAN_OPERATORS: OperatorOption[] = [\n    { value: \"==\", label: \"Equals\" },\n    { value: \"!=\", label: \"Not equals\" }\n];\n\nconst FILE_OPERATORS: OperatorOption[] = [\n    { value: \"isEmpty\", label: \"Is empty\" },\n    { value: \"isNotEmpty\", label: \"Is not empty\" }\n];\n\nconst DEFAULT_OPERATORS: OperatorOption[] = [\n    { value: \"==\", label: \"Equals\" },\n    { value: \"!=\", label: \"Not equals\" },\n    { value: \"isEmpty\", label: \"Is empty\" },\n    { value: \"isNotEmpty\", label: \"Is not empty\" }\n];\n\nconst OPERATORS_BY_TYPE: Record<string, OperatorOption[]> = {\n    number: NUMERIC_OPERATORS,\n    datetime: NUMERIC_OPERATORS,\n    text: TEXT_OPERATORS,\n    \"long-text\": TEXT_OPERATORS,\n    boolean: BOOLEAN_OPERATORS,\n    file: FILE_OPERATORS\n};\n\nexport function getOperatorOptions(fieldType: string): OperatorOption[] {\n    return OPERATORS_BY_TYPE[fieldType] ?? DEFAULT_OPERATORS;\n}\n\n/**\n * Operators that don't need a value input (the value is implicit).\n */\nexport const VALUE_HIDDEN_OPERATORS: Set<Operator> = new Set([\"isEmpty\", \"isNotEmpty\"]);\n"],"names":["NUMERIC_OPERATORS","TEXT_OPERATORS","BOOLEAN_OPERATORS","FILE_OPERATORS","DEFAULT_OPERATORS","OPERATORS_BY_TYPE","getOperatorOptions","fieldType","VALUE_HIDDEN_OPERATORS","Set"],"mappings":"AAOA,MAAMA,oBAAsC;IACxC;QAAE,OAAO;QAAM,OAAO;IAAS;IAC/B;QAAE,OAAO;QAAM,OAAO;IAAa;IACnC;QAAE,OAAO;QAAK,OAAO;IAAe;IACpC;QAAE,OAAO;QAAK,OAAO;IAAY;IACjC;QAAE,OAAO;QAAM,OAAO;IAAmB;IACzC;QAAE,OAAO;QAAM,OAAO;IAAgB;IACtC;QAAE,OAAO;QAAW,OAAO;IAAW;IACtC;QAAE,OAAO;QAAc,OAAO;IAAe;CAChD;AAED,MAAMC,iBAAmC;IACrC;QAAE,OAAO;QAAM,OAAO;IAAS;IAC/B;QAAE,OAAO;QAAM,OAAO;IAAa;IACnC;QAAE,OAAO;QAAY,OAAO;IAAW;IACvC;QAAE,OAAO;QAAc,OAAO;IAAc;IAC5C;QAAE,OAAO;QAAY,OAAO;IAAY;IACxC;QAAE,OAAO;QAAW,OAAO;IAAW;IACtC;QAAE,OAAO;QAAc,OAAO;IAAe;CAChD;AAED,MAAMC,oBAAsC;IACxC;QAAE,OAAO;QAAM,OAAO;IAAS;IAC/B;QAAE,OAAO;QAAM,OAAO;IAAa;CACtC;AAED,MAAMC,iBAAmC;IACrC;QAAE,OAAO;QAAW,OAAO;IAAW;IACtC;QAAE,OAAO;QAAc,OAAO;IAAe;CAChD;AAED,MAAMC,oBAAsC;IACxC;QAAE,OAAO;QAAM,OAAO;IAAS;IAC/B;QAAE,OAAO;QAAM,OAAO;IAAa;IACnC;QAAE,OAAO;QAAW,OAAO;IAAW;IACtC;QAAE,OAAO;QAAc,OAAO;IAAe;CAChD;AAED,MAAMC,oBAAsD;IACxD,QAAQL;IACR,UAAUA;IACV,MAAMC;IACN,aAAaA;IACb,SAASC;IACT,MAAMC;AACV;AAEO,SAASG,mBAAmBC,SAAiB;IAChD,OAAOF,iBAAiB,CAACE,UAAU,IAAIH;AAC3C;AAKO,MAAMI,yBAAwC,IAAIC,IAAI;IAAC;IAAW;CAAa"}

package/admin/components/Dialogs/DeleteRevisionConfirmDialog.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DeleteRevisionConfirmDialog: () => React.JSX.Element;

package/admin/components/Dialogs/DeleteRevisionConfirmDialog.js

@@ -0,0 +1,21 @@
+import react from "react";
+import { ConfirmationDialog } from "@webiny/app-admin/components/ConfirmationDialog/index.js";
+import { useNamedConfirmationDialog } from "@webiny/app-admin";
+const DeleteRevisionConfirmDialog = ()=>{
+    const { onConfirm, onCancel, closeDialog } = useNamedConfirmationDialog();
+    return /*#__PURE__*/ react.createElement(ConfirmationDialog, {
+        title: "Delete revision",
+        loadingLabel: "Deleting revision...",
+        onConfirm: async ()=>{
+            await onConfirm();
+            closeDialog();
+        },
+        onCancel: ()=>{
+            onCancel();
+            closeDialog();
+        }
+    }, /*#__PURE__*/ react.createElement("p", null, "Are you sure you want to permanently delete this revision?"));
+};
+export { DeleteRevisionConfirmDialog };
+
+//# sourceMappingURL=DeleteRevisionConfirmDialog.js.map

package/admin/components/Dialogs/DeleteRevisionConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/Dialogs/DeleteRevisionConfirmDialog.js","sources":["../../../../src/admin/components/Dialogs/DeleteRevisionConfirmDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConfirmationDialog } from \"@webiny/app-admin/components/ConfirmationDialog/index.js\";\nimport { useNamedConfirmationDialog } from \"@webiny/app-admin\";\n\nexport const DeleteRevisionConfirmDialog = () => {\n    const { onConfirm, onCancel, closeDialog } = useNamedConfirmationDialog<{\n        revisionId: string;\n    }>();\n\n    return (\n        <ConfirmationDialog\n            title=\"Delete revision\"\n            loadingLabel=\"Deleting revision...\"\n            onConfirm={async () => {\n                await onConfirm();\n                closeDialog();\n            }}\n            onCancel={() => {\n                onCancel();\n                closeDialog();\n            }}\n        >\n            <p>Are you sure you want to permanently delete this revision?</p>\n        </ConfirmationDialog>\n    );\n};\n"],"names":["DeleteRevisionConfirmDialog","onConfirm","onCancel","closeDialog","useNamedConfirmationDialog","ConfirmationDialog"],"mappings":";;;AAIO,MAAMA,8BAA8B;IACvC,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,EAAE,GAAGC;IAI7C,OAAO,WAAP,GACI,oBAACC,oBAAkBA;QACf,OAAM;QACN,cAAa;QACb,WAAW;YACP,MAAMJ;YACNE;QACJ;QACA,UAAU;YACND;YACAC;QACJ;qBAEA,oBAAC,WAAE;AAGf"}

package/admin/components/Dialogs/PublishEntryConfirmDialog.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const PublishEntryConfirmDialog: () => React.JSX.Element;

package/admin/components/Dialogs/PublishEntryConfirmDialog.js

@@ -0,0 +1,39 @@
+import react, { useCallback, useState } from "react";
+import { Text, Textarea } from "@webiny/admin-ui";
+import { ConfirmationDialog } from "@webiny/app-admin/components/ConfirmationDialog/index.js";
+import { useNamedConfirmationDialog } from "@webiny/app-admin";
+const PublishEntryConfirmDialog = ()=>{
+    const { onConfirm, onCancel, closeDialog, params } = useNamedConfirmationDialog();
+    const [description, setDescription] = useState("");
+    const handleChange = useCallback((value)=>{
+        setDescription(value);
+    }, []);
+    return /*#__PURE__*/ react.createElement(ConfirmationDialog, {
+        title: "Publish entry",
+        confirmLabel: "Yes, publish!",
+        loadingLabel: "Publishing...",
+        onConfirm: async ()=>{
+            await onConfirm({
+                revisionDescription: description
+            });
+            closeDialog();
+        },
+        onCancel: ()=>{
+            onCancel();
+            closeDialog();
+        }
+    }, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        size: "md",
+        className: "mb-md"
+    }, "You are about to publish a record titled", " ", /*#__PURE__*/ react.createElement("span", {
+        className: "font-bold"
+    }, params.entry.meta.title), ".", /*#__PURE__*/ react.createElement("br", null), "Are you sure you want to continue?"), /*#__PURE__*/ react.createElement(Textarea, {
+        description: "Write a revision description (optional):",
+        onChange: handleChange,
+        value: description
+    }));
+};
+export { PublishEntryConfirmDialog };
+
+//# sourceMappingURL=PublishEntryConfirmDialog.js.map

package/admin/components/Dialogs/PublishEntryConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/Dialogs/PublishEntryConfirmDialog.js","sources":["../../../../src/admin/components/Dialogs/PublishEntryConfirmDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Text, Textarea } from \"@webiny/admin-ui\";\nimport { ConfirmationDialog } from \"@webiny/app-admin/components/ConfirmationDialog/index.js\";\nimport { useNamedConfirmationDialog } from \"@webiny/app-admin\";\nimport type { CmsContentEntry } from \"@webiny/app-headless-cms-common/types/index.js\";\n\nexport const PublishEntryConfirmDialog = () => {\n    const { onConfirm, onCancel, closeDialog, params } = useNamedConfirmationDialog<\n        { entry: CmsContentEntry },\n        { revisionDescription: string }\n    >();\n\n    const [description, setDescription] = useState(\"\");\n\n    const handleChange = useCallback((value: string) => {\n        setDescription(value);\n    }, []);\n\n    return (\n        <ConfirmationDialog\n            title=\"Publish entry\"\n            confirmLabel=\"Yes, publish!\"\n            loadingLabel=\"Publishing...\"\n            onConfirm={async () => {\n                await onConfirm({ revisionDescription: description });\n                closeDialog();\n            }}\n            onCancel={() => {\n                onCancel();\n                closeDialog();\n            }}\n        >\n            <Text as={\"div\"} size={\"md\"} className={\"mb-md\"}>\n                You are about to publish a record titled{\" \"}\n                <span className={\"font-bold\"}>{params.entry.meta.title}</span>.<br />\n                Are you sure you want to continue?\n            </Text>\n            <Textarea\n                description={\"Write a revision description (optional):\"}\n                onChange={handleChange}\n                value={description}\n            />\n        </ConfirmationDialog>\n    );\n};\n"],"names":["PublishEntryConfirmDialog","onConfirm","onCancel","closeDialog","params","useNamedConfirmationDialog","description","setDescription","useState","handleChange","useCallback","value","ConfirmationDialog","Text","Textarea"],"mappings":";;;;AAMO,MAAMA,4BAA4B;IACrC,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,MAAM,EAAE,GAAGC;IAKrD,MAAM,CAACC,aAAaC,eAAe,GAAGC,SAAS;IAE/C,MAAMC,eAAeC,YAAY,CAACC;QAC9BJ,eAAeI;IACnB,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACC,oBAAkBA;QACf,OAAM;QACN,cAAa;QACb,cAAa;QACb,WAAW;YACP,MAAMX,UAAU;gBAAE,qBAAqBK;YAAY;YACnDH;QACJ;QACA,UAAU;YACND;YACAC;QACJ;qBAEA,oBAACU,MAAIA;QAAC,IAAI;QAAO,MAAM;QAAM,WAAW;OAAS,4CACJ,mBACzC,oBAAC;QAAK,WAAW;OAAcT,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,GAAQ,mBAAC,oBAAC,aAAK,qDAGzE,oBAACU,UAAQA;QACL,aAAa;QACb,UAAUL;QACV,OAAOH;;AAIvB"}

package/admin/components/Dialogs/TrashEntryConfirmDialog.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const TrashEntryConfirmDialog: () => React.JSX.Element;