@wavemaker-ai/react-codegen 1.0.0-rc.647499 → 1.0.0-rc.647565

package/src/transpile/components/dialogs/confirm-dialog.transformer.js

@@ -1,16 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.imports = void 0;
-const transpile_1 = require("../../transpile");
-exports.imports = [
-    {
-        name: "WmConfirmDialog",
-        from: "@wavemaker-ai/react-runtime/components/dialogs/confirm-dialog",
-    },
-];
-exports.default = {
-    pre: (element, context) => `<WmConfirmDialog listener={fragment} ${(0, transpile_1.transformAttrs)(element, context)}`,
-    post: (element, context) => "/>",
-    imports: (element, context) => exports.imports,
-};
+const dialog_factory_1 = require("./dialog-factory");
+exports.default = (0, dialog_factory_1.createSelfClosingDialogTransformer)({
+    component: "WmConfirmDialog",
+    importPath: "@wavemaker-ai/react-runtime/components/dialogs/confirm-dialog",
+});
 //# sourceMappingURL=confirm-dialog.transformer.js.map

package/src/transpile/components/dialogs/confirm-dialog.transformer.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirm-dialog.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/dialogs/confirm-dialog.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAA4F;AAE/E,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,iBAAiB;QACvB,IAAI,EAAE,+DAA+D;KACtE;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAC3D,wCAAwC,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,EAAE;IAC5E,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,IAAI;IACnE,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}
+{"version":3,"file":"confirm-dialog.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/dialogs/confirm-dialog.transformer.ts"],"names":[],"mappings":";;AAAA,qDAAsE;AAEtE,kBAAe,IAAA,mDAAkC,EAAC;IAChD,SAAS,EAAE,iBAAiB;IAC5B,UAAU,EAAE,+DAA+D;CAC5E,CAAC,CAAC"}

package/src/transpile/components/dialogs/dialog-factory.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSelfClosingDialogTransformer = createSelfClosingDialogTransformer;
+const transpile_1 = require("../../transpile");
+function createSelfClosingDialogTransformer(config) {
+    const imports = [
+        {
+            name: config.component,
+            from: config.importPath,
+        },
+    ];
+    return {
+        pre: (element, context) => `<${config.component} listener={fragment} ${(0, transpile_1.transformAttrs)(element, context)}`,
+        post: (element, context) => "/>",
+        imports: (element, context) => imports,
+    };
+}
+//# sourceMappingURL=dialog-factory.js.map

package/src/transpile/components/dialogs/dialog-factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-factory.js","sourceRoot":"","sources":["../../../../../src/transpile/components/dialogs/dialog-factory.ts"],"names":[],"mappings":";;AAIA,gFAiBC;AAnBD,+CAA4F;AAE5F,SAAgB,kCAAkC,CAAC,MAGlD;IACC,MAAM,OAAO,GAAa;QACxB;YACE,IAAI,EAAE,MAAM,CAAC,SAAS;YACtB,IAAI,EAAE,MAAM,CAAC,UAAU;SACxB;KACF,CAAC;IAEF,OAAO;QACL,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAC3D,IAAI,MAAM,CAAC,SAAS,wBAAwB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,EAAE;QAChF,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,IAAI;QACnE,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,OAAO;KAC1E,CAAC;AACJ,CAAC"}

package/src/transpile/components/dialogs/iframe-dialog.transformer.js

@@ -1,16 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.imports = void 0;
-const transpile_1 = require("../../transpile");
-exports.imports = [
-    {
-        name: "WmIFrameDialog",
-        from: "@wavemaker-ai/react-runtime/components/dialogs/iframe-dialog",
-    },
-];
-exports.default = {
-    pre: (element, context) => `<WmIFrameDialog listener={fragment} ${(0, transpile_1.transformAttrs)(element, context)}`,
-    post: (element, context) => "/>",
-    imports: (element, context) => exports.imports,
-};
+const dialog_factory_1 = require("./dialog-factory");
+exports.default = (0, dialog_factory_1.createSelfClosingDialogTransformer)({
+    component: "WmIFrameDialog",
+    importPath: "@wavemaker-ai/react-runtime/components/dialogs/iframe-dialog",
+});
 //# sourceMappingURL=iframe-dialog.transformer.js.map

package/src/transpile/components/dialogs/iframe-dialog.transformer.js.map

@@ -1 +1 @@
-{"version":3,"file":"iframe-dialog.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/dialogs/iframe-dialog.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAA4F;AAE/E,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,gBAAgB;QACtB,IAAI,EAAE,8DAA8D;KACrE;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAC3D,uCAAuC,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,EAAE;IAC3E,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,IAAI;IACnE,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}
+{"version":3,"file":"iframe-dialog.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/dialogs/iframe-dialog.transformer.ts"],"names":[],"mappings":";;AAAA,qDAAsE;AAEtE,kBAAe,IAAA,mDAAkC,EAAC;IAChD,SAAS,EAAE,gBAAgB;IAC3B,UAAU,EAAE,8DAA8D;CAC3E,CAAC,CAAC"}

package/src/transpile/components/layout/footer.transformer.js

@@ -1,48 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.imports = void 0;
-const transpile_1 = require("../../transpile");
-const partial_content_transformer_1 = __importDefault(require("../partial/partial-content.transformer"));
-exports.imports = [
-    {
-        name: "WmFooter",
-        from: "@wavemaker-ai/react-runtime/components/layout/footer",
-    },
-];
-exports.default = {
-    pre: (element, context) => {
-        const isPreview = context.get("preview") === true;
-        if (isPreview) {
-            let partial = partial_content_transformer_1.default.pre(element, context) || "";
-            if (partial) {
-                element.removeAttribute("name");
-                partial = `render={(props:Record<string, any>, onLoad:()=>void) => (${partial})}`;
-            }
-            return `<WmFooter ${(0, transpile_1.transformAttrs)(element, context)} ${partial}>`;
-        }
-        const content = element.getAttribute("content") || "footer";
-        const name = element.getAttribute("name") || "footer";
-        return `<WmFooter ${(0, transpile_1.transformAttrs)(element, context)}>
-        <${content.charAt(0).toUpperCase() + content.slice(1)} isLayout={true} partialName="${name}" />
-        `;
-    },
-    post: (element, context) => "</WmFooter>",
-    imports: (element, context) => {
-        const isPreview = context.get("preview") === true;
-        if (isPreview) {
-            return exports.imports;
-        }
-        const content = element.getAttribute("content") || "footer";
-        return [
-            ...exports.imports,
-            {
-                name: content.charAt(0).toUpperCase() + content.slice(1),
-                from: `@/app/components/${content}/${content}`,
-            },
-        ];
-    },
-};
+const layout_region_factory_1 = require("./layout-region-factory");
+exports.default = (0, layout_region_factory_1.createLayoutRegionTransformer)({
+    component: ["WmFooter"],
+    importPath: ["@wavemaker-ai/react-runtime/components/layout/footer"],
+    defaultContent: "footer",
+    defaultName: "footer",
+});
 //# sourceMappingURL=footer.transformer.js.map

package/src/transpile/components/layout/footer.transformer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/layout/footer.transformer.ts"],"names":[],"mappings":";;;;;;AAAA,+CAA4F;AAE5F,yGAA+E;AAElE,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,sDAAsD;KAC7D;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;QAElD,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,OAAO,GAAG,qCAAyB,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;YACpE,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;gBAChC,OAAO,GAAG,4DAA4D,OAAO,IAAI,CAAC;YACpF,CAAC;YACD,OAAO,aAAa,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,OAAO,GAAG,CAAC;QACrE,CAAC;QAED,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC;QAC5D,MAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC;QACtD,OAAO,aAAa,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC;WAC7C,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,iCAAiC,IAAI;SACzF,CAAC;IACR,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,aAAa;IAC5E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC/D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;QAElD,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,eAAO,CAAC;QACjB,CAAC;QAED,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC;QAC5D,OAAO;YACL,GAAG,eAAO;YACV;gBACE,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;gBACxD,IAAI,EAAE,oBAAoB,OAAO,IAAI,OAAO,EAAE;aAC/C;SACF,CAAC;IACJ,CAAC;CACa,CAAC"}
+{"version":3,"file":"footer.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/layout/footer.transformer.ts"],"names":[],"mappings":";;AAAA,mEAAwE;AAExE,kBAAe,IAAA,qDAA6B,EAAC;IAC3C,SAAS,EAAE,CAAC,UAAU,CAAC;IACvB,UAAU,EAAE,CAAC,sDAAsD,CAAC;IACpE,cAAc,EAAE,QAAQ;IACxB,WAAW,EAAE,QAAQ;CACtB,CAAC,CAAC"}

package/src/transpile/components/layout/header.transformer.js

@@ -1,48 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.imports = void 0;
-const transpile_1 = require("../../transpile");
-const partial_content_transformer_1 = __importDefault(require("../partial/partial-content.transformer"));
-exports.imports = [
-    {
-        name: "WmHeader",
-        from: "@wavemaker-ai/react-runtime/components/layout/header",
-    },
-];
-exports.default = {
-    pre: (element, context) => {
-        const isPreview = context.get("preview") === true;
-        if (isPreview) {
-            let partial = partial_content_transformer_1.default.pre(element, context) || "";
-            if (partial) {
-                element.removeAttribute("name");
-                partial = `render={(props:Record<string, any>, onLoad:()=>void) => (${partial})}`;
-            }
-            return `<WmHeader ${(0, transpile_1.transformAttrs)(element, context)} ${partial}>`;
-        }
-        const content = element.getAttribute("content") || "header";
-        const name = element.getAttribute("name") || "header";
-        return `<WmHeader ${(0, transpile_1.transformAttrs)(element, context)}>
-        <${content.charAt(0).toUpperCase() + content.slice(1)} isLayout={true} partialName="${name}" />
-        `;
-    },
-    post: (element, context) => "</WmHeader>",
-    imports: (element, context) => {
-        const isPreview = context.get("preview") === true;
-        if (isPreview) {
-            return exports.imports;
-        }
-        const content = element.getAttribute("content") || "header";
-        return [
-            ...exports.imports,
-            {
-                name: content.charAt(0).toUpperCase() + content.slice(1),
-                from: `@/app/components/${content}/${content}`,
-            },
-        ];
-    },
-};
+const layout_region_factory_1 = require("./layout-region-factory");
+exports.default = (0, layout_region_factory_1.createLayoutRegionTransformer)({
+    component: ["WmHeader"],
+    importPath: ["@wavemaker-ai/react-runtime/components/layout/header"],
+    defaultContent: "header",
+    defaultName: "header",
+});
 //# sourceMappingURL=header.transformer.js.map

package/src/transpile/components/layout/header.transformer.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/layout/header.transformer.ts"],"names":[],"mappings":";;;;;;AAAA,+CAA4F;AAE5F,yGAA+E;AAElE,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,sDAAsD;KAC7D;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;QAElD,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,OAAO,GAAG,qCAAyB,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;YACpE,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;gBAChC,OAAO,GAAG,4DAA4D,OAAO,IAAI,CAAC;YACpF,CAAC;YACD,OAAO,aAAa,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,OAAO,GAAG,CAAC;QACrE,CAAC;QAED,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC;QAC5D,MAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC;QACtD,OAAO,aAAa,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC;WAC7C,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,iCAAiC,IAAI;SACzF,CAAC;IACR,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,aAAa;IAC5E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC/D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;QAElD,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,eAAO,CAAC;QACjB,CAAC;QAED,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC;QAC5D,OAAO;YACL,GAAG,eAAO;YACV;gBACE,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;gBACxD,IAAI,EAAE,oBAAoB,OAAO,IAAI,OAAO,EAAE;aAC/C;SACF,CAAC;IACJ,CAAC;CACa,CAAC"}
+{"version":3,"file":"header.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/layout/header.transformer.ts"],"names":[],"mappings":";;AAAA,mEAAwE;AAExE,kBAAe,IAAA,qDAA6B,EAAC;IAC3C,SAAS,EAAE,CAAC,UAAU,CAAC;IACvB,UAAU,EAAE,CAAC,sDAAsD,CAAC;IACpE,cAAc,EAAE,QAAQ;IACxB,WAAW,EAAE,QAAQ;CACtB,CAAC,CAAC"}

package/src/transpile/components/layout/layout-region-factory.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createLayoutRegionTransformer = createLayoutRegionTransformer;
+const transpile_1 = require("../../transpile");
+const partialContainerImport = [
+    {
+        name: "WmPartialContainer",
+        from: "@wavemaker-ai/react-runtime/components/page/partial-container",
+    },
+];
+function createLayoutRegionTransformer(config) {
+    const { component, importPath, defaultContent, defaultName } = config;
+    const tag = component[0];
+    const componentImports = component.map((name, i) => ({ name, from: importPath[i] }));
+    return {
+        pre: (element, context) => {
+            const content = element.getAttribute("content") || defaultContent;
+            const name = element.getAttribute("name") || defaultName;
+            const isPreview = context.get("preview") === true;
+            if (isPreview) {
+                return `<${tag} ${(0, transpile_1.transformAttrs)(element, context)}>
+        <WmPartialContainer content="${content}" isLayout={true} partialName="${name}" listener={fragment} />
+        `;
+            }
+            return `<${tag} ${(0, transpile_1.transformAttrs)(element, context)}>
+        <${content.charAt(0).toUpperCase() + content.slice(1)} isLayout={true} partialName="${name}" />
+        `;
+        },
+        post: () => `</${tag}>`,
+        imports: (element, context) => {
+            const isPreview = context.get("preview") === true;
+            if (isPreview) {
+                return [...componentImports, ...partialContainerImport];
+            }
+            const content = element.getAttribute("content") || defaultContent;
+            return [
+                ...componentImports,
+                {
+                    name: content.charAt(0).toUpperCase() + content.slice(1),
+                    from: `@/app/components/${content}/${content}`,
+                },
+            ];
+        },
+    };
+}
+//# sourceMappingURL=layout-region-factory.js.map

package/src/transpile/components/layout/layout-region-factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-region-factory.js","sourceRoot":"","sources":["../../../../../src/transpile/components/layout/layout-region-factory.ts"],"names":[],"mappings":";;AAiBA,sEAuCC;AAxDD,+CAA4F;AAU5F,MAAM,sBAAsB,GAAa;IACvC;QACE,IAAI,EAAE,oBAAoB;QAC1B,IAAI,EAAE,+DAA+D;KACtE;CACF,CAAC;AAEF,SAAgB,6BAA6B,CAAC,MAA0B;IACtE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC;IACtE,MAAM,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;IAEzB,MAAM,gBAAgB,GAAa,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAE/F,OAAO;QACL,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;YAC3D,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,cAAc,CAAC;YAClE,MAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC;YACzD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;YAElD,IAAI,SAAS,EAAE,CAAC;gBACd,OAAO,IAAI,GAAG,IAAI,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC;uCACnB,OAAO,kCAAkC,IAAI;SAC3E,CAAC;YACJ,CAAC;YAED,OAAO,IAAI,GAAG,IAAI,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC;WAC7C,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,iCAAiC,IAAI;SACzF,CAAC;QACN,CAAC;QACD,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK,GAAG,GAAG;QACvB,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;YAC/D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;YAClD,IAAI,SAAS,EAAE,CAAC;gBACd,OAAO,CAAC,GAAG,gBAAgB,EAAE,GAAG,sBAAsB,CAAC,CAAC;YAC1D,CAAC;YAED,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,cAAc,CAAC;YAClE,OAAO;gBACL,GAAG,gBAAgB;gBACnB;oBACE,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;oBACxD,IAAI,EAAE,oBAAoB,OAAO,IAAI,OAAO,EAAE;iBAC/C;aACF,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC"}

package/src/transpile/components/layout/leftnav.transformer.js

@@ -1,48 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.imports = void 0;
-const transpile_1 = require("../../transpile");
-const partial_content_transformer_1 = __importDefault(require("../partial/partial-content.transformer"));
-exports.imports = [
-    {
-        name: "WmLeftPanel",
-        from: "@wavemaker-ai/react-runtime/components/layout/leftnav",
-    },
-];
-exports.default = {
-    pre: (element, context) => {
-        const isPreview = context.get("preview") === true;
-        if (isPreview) {
-            let partial = partial_content_transformer_1.default.pre(element, context) || "";
-            if (partial) {
-                element.removeAttribute("name");
-                partial = `render={(props:Record<string, any>, onLoad:()=>void) => (${partial})}`;
-            }
-            return `<WmLeftPanel ${(0, transpile_1.transformAttrs)(element, context)} ${partial}>`;
-        }
-        const content = element.getAttribute("content") || "leftnav";
-        const name = element.getAttribute("name") || "leftpanel";
-        return `<WmLeftPanel ${(0, transpile_1.transformAttrs)(element, context)}>
-        <${content.charAt(0).toUpperCase() + content.slice(1)} isLayout={true} partialName="${name}" />
-        `;
-    },
-    post: (element, context) => "</WmLeftPanel>",
-    imports: (element, context) => {
-        const isPreview = context.get("preview") === true;
-        if (isPreview) {
-            return exports.imports;
-        }
-        const content = element.getAttribute("content") || "leftnav";
-        return [
-            ...exports.imports,
-            {
-                name: content.charAt(0).toUpperCase() + content.slice(1),
-                from: `@/app/components/${content}/${content}`,
-            },
-        ];
-    },
-};
+const layout_region_factory_1 = require("./layout-region-factory");
+exports.default = (0, layout_region_factory_1.createLayoutRegionTransformer)({
+    component: ["WmLeftPanel"],
+    importPath: ["@wavemaker-ai/react-runtime/components/layout/leftnav"],
+    defaultContent: "leftnav",
+    defaultName: "leftpanel",
+});
 //# sourceMappingURL=leftnav.transformer.js.map

package/src/transpile/components/layout/leftnav.transformer.js.map

@@ -1 +1 @@
-{"version":3,"file":"leftnav.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/layout/leftnav.transformer.ts"],"names":[],"mappings":";;;;;;AAAA,+CAA4F;AAE5F,yGAA+E;AAElE,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,uDAAuD;KAC9D;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;QAElD,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,OAAO,GAAG,qCAAyB,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;YACpE,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;gBAChC,OAAO,GAAG,4DAA4D,OAAO,IAAI,CAAC;YACpF,CAAC;YACD,OAAO,gBAAgB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,OAAO,GAAG,CAAC;QACxE,CAAC;QAED,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC;QAC7D,MAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC;QACzD,OAAO,gBAAgB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC;WAChD,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,iCAAiC,IAAI;SACzF,CAAC;IACR,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,gBAAgB;IAC/E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC/D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;QAElD,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,eAAO,CAAC;QACjB,CAAC;QAED,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC;QAC7D,OAAO;YACL,GAAG,eAAO;YACV;gBACE,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;gBACxD,IAAI,EAAE,oBAAoB,OAAO,IAAI,OAAO,EAAE;aAC/C;SACF,CAAC;IACJ,CAAC;CACa,CAAC"}
+{"version":3,"file":"leftnav.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/layout/leftnav.transformer.ts"],"names":[],"mappings":";;AAAA,mEAAwE;AAExE,kBAAe,IAAA,qDAA6B,EAAC;IAC3C,SAAS,EAAE,CAAC,aAAa,CAAC;IAC1B,UAAU,EAAE,CAAC,uDAAuD,CAAC;IACrE,cAAc,EAAE,SAAS;IACzB,WAAW,EAAE,WAAW;CACzB,CAAC,CAAC"}

package/src/transpile/components/layout/rightnav.transformer.js

@@ -1,48 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.imports = void 0;
-const transpile_1 = require("../../transpile");
-const partial_content_transformer_1 = __importDefault(require("../partial/partial-content.transformer"));
-exports.imports = [
-    {
-        name: "WmRightPanel",
-        from: "@wavemaker-ai/react-runtime/components/layout/rightnav",
-    },
-];
-exports.default = {
-    pre: (element, context) => {
-        const isPreview = context.get("preview") === true;
-        if (isPreview) {
-            let partial = partial_content_transformer_1.default.pre(element, context) || "";
-            if (partial) {
-                element.removeAttribute("name");
-                partial = `render={(props:Record<string, any>, onLoad:()=>void) => (${partial})}`;
-            }
-            return `<WmRightPanel ${(0, transpile_1.transformAttrs)(element, context)} ${partial}>`;
-        }
-        const content = element.getAttribute("content") || "rightnav";
-        const name = element.getAttribute("name") || "rightnav";
-        return `<WmRightPanel ${(0, transpile_1.transformAttrs)(element, context)}>
-        <${content.charAt(0).toUpperCase() + content.slice(1)} isLayout={true} partialName="${name}" />
-        `;
-    },
-    post: (element, context) => "</WmRightPanel>",
-    imports: (element, context) => {
-        const isPreview = context.get("preview") === true;
-        if (isPreview) {
-            return exports.imports;
-        }
-        const content = element.getAttribute("content") || "rightnav";
-        return [
-            ...exports.imports,
-            {
-                name: content.charAt(0).toUpperCase() + content.slice(1),
-                from: `@/app/components/${content}/${content}`,
-            },
-        ];
-    },
-};
+const layout_region_factory_1 = require("./layout-region-factory");
+exports.default = (0, layout_region_factory_1.createLayoutRegionTransformer)({
+    component: ["WmRightPanel"],
+    importPath: ["@wavemaker-ai/react-runtime/components/layout/rightnav"],
+    defaultContent: "rightnav",
+    defaultName: "rightnav",
+});
 //# sourceMappingURL=rightnav.transformer.js.map

package/src/transpile/components/layout/rightnav.transformer.js.map

@@ -1 +1 @@
-{"version":3,"file":"rightnav.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/layout/rightnav.transformer.ts"],"names":[],"mappings":";;;;;;AAAA,+CAA4F;AAE5F,yGAA+E;AAElE,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,wDAAwD;KAC/D;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;QAElD,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,OAAO,GAAG,qCAAyB,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;YACpE,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;gBAChC,OAAO,GAAG,4DAA4D,OAAO,IAAI,CAAC;YACpF,CAAC;YACD,OAAO,iBAAiB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,OAAO,GAAG,CAAC;QACzE,CAAC;QAED,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,UAAU,CAAC;QAC9D,MAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC;QACxD,OAAO,iBAAiB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC;WACjD,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,iCAAiC,IAAI;SACzF,CAAC;IACR,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,iBAAiB;IAChF,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC/D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;QAElD,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,eAAO,CAAC;QACjB,CAAC;QAED,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,UAAU,CAAC;QAC9D,OAAO;YACL,GAAG,eAAO;YACV;gBACE,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;gBACxD,IAAI,EAAE,oBAAoB,OAAO,IAAI,OAAO,EAAE;aAC/C;SACF,CAAC;IACJ,CAAC;CACa,CAAC"}
+{"version":3,"file":"rightnav.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/layout/rightnav.transformer.ts"],"names":[],"mappings":";;AAAA,mEAAwE;AAExE,kBAAe,IAAA,qDAA6B,EAAC;IAC3C,SAAS,EAAE,CAAC,cAAc,CAAC;IAC3B,UAAU,EAAE,CAAC,wDAAwD,CAAC;IACtE,cAAc,EAAE,UAAU;IAC1B,WAAW,EAAE,UAAU;CACxB,CAAC,CAAC"}

package/src/transpile/components/layout/topnav.transformer.js

@@ -1,48 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.imports = void 0;
-const transpile_1 = require("../../transpile");
-const partial_content_transformer_1 = __importDefault(require("../partial/partial-content.transformer"));
-exports.imports = [
-    {
-        name: "WmTopNav",
-        from: "@wavemaker-ai/react-runtime/components/layout/topnav",
-    },
-];
-exports.default = {
-    pre: (element, context) => {
-        const isPreview = context.get("preview") === true;
-        if (isPreview) {
-            let partial = partial_content_transformer_1.default.pre(element, context) || "";
-            if (partial) {
-                element.removeAttribute("name");
-                partial = `render={(props:Record<string, any>, onLoad:()=>void) => (${partial})}`;
-            }
-            return `<WmTopNav ${(0, transpile_1.transformAttrs)(element, context)} ${partial}>`;
-        }
-        const content = element.getAttribute("content") || "topnav";
-        const name = element.getAttribute("name") || "top_nav1";
-        return `<WmTopNav ${(0, transpile_1.transformAttrs)(element, context)}>
-        <${content.charAt(0).toUpperCase() + content.slice(1)} isLayout={true} partialName="${name}" />
-        `;
-    },
-    post: (element, context) => "</WmTopNav>",
-    imports: (element, context) => {
-        const isPreview = context.get("preview") === true;
-        if (isPreview) {
-            return exports.imports;
-        }
-        const content = element.getAttribute("content") || "topnav";
-        return [
-            ...exports.imports,
-            {
-                name: content.charAt(0).toUpperCase() + content.slice(1),
-                from: `@/app/components/${content}/${content}`,
-            },
-        ];
-    },
-};
+const layout_region_factory_1 = require("./layout-region-factory");
+exports.default = (0, layout_region_factory_1.createLayoutRegionTransformer)({
+    component: ["WmTopNav"],
+    importPath: ["@wavemaker-ai/react-runtime/components/layout/topnav"],
+    defaultContent: "topnav",
+    defaultName: "top_nav1",
+});
 //# sourceMappingURL=topnav.transformer.js.map

package/src/transpile/components/layout/topnav.transformer.js.map

@@ -1 +1 @@
-{"version":3,"file":"topnav.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/layout/topnav.transformer.ts"],"names":[],"mappings":";;;;;;AAAA,+CAA4F;AAE5F,yGAA+E;AAElE,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,sDAAsD;KAC7D;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;QAElD,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,OAAO,GAAG,qCAAyB,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;YACpE,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;gBAChC,OAAO,GAAG,4DAA4D,OAAO,IAAI,CAAC;YACpF,CAAC;YACD,OAAO,aAAa,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,OAAO,GAAG,CAAC;QACrE,CAAC;QAED,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC;QAC5D,MAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC;QACxD,OAAO,aAAa,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC;WAC7C,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,iCAAiC,IAAI;SACzF,CAAC;IACR,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,aAAa;IAC5E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC/D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;QAElD,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,eAAO,CAAC;QACjB,CAAC;QAED,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC;QAC5D,OAAO;YACL,GAAG,eAAO;YACV;gBACE,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;gBACxD,IAAI,EAAE,oBAAoB,OAAO,IAAI,OAAO,EAAE;aAC/C;SACF,CAAC;IACJ,CAAC;CACa,CAAC"}
+{"version":3,"file":"topnav.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/layout/topnav.transformer.ts"],"names":[],"mappings":";;AAAA,mEAAwE;AAExE,kBAAe,IAAA,qDAA6B,EAAC;IAC3C,SAAS,EAAE,CAAC,UAAU,CAAC;IACvB,UAAU,EAAE,CAAC,sDAAsD,CAAC;IACpE,cAAc,EAAE,QAAQ;IACxB,WAAW,EAAE,UAAU;CACxB,CAAC,CAAC"}

package/src/transpile/components/navigation/popover.transformer.js

@@ -1,12 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.imports = void 0;
 const transpile_1 = require("../../transpile");
-const partial_container_transformer_1 = __importDefault(require("../page/partial-container.transformer"));
-const partial_content_transformer_1 = __importDefault(require("../partial/partial-content.transformer"));
+const with_partial_container_1 = require("../page/with-partial-container");
 exports.imports = [
     {
         name: "WmPopover",
@@ -15,25 +11,13 @@ exports.imports = [
 ];
 exports.default = {
     pre: (element, context) => {
-        const isPreview = context.get("preview") === true;
-        if (isPreview) {
-            let partial = partial_content_transformer_1.default.pre(element, context) || "";
-            if (partial) {
-                element.removeAttribute("name");
-                partial = `render={(props:Record<string, any>, onLoad:()=>void) => (${partial})}`;
-            }
-            return `<WmPopover listener={fragment} ${(0, transpile_1.transformAttrs)(element, context)} ${partial}>`;
-        }
-        let partial = null;
+        let partialAttr = "";
         if (element.getAttribute("contentsource") !== "inline") {
-            partial = partial_container_transformer_1.default.pre(element, context) || "";
-            if (partial) {
-                partial = `render={(props:Record<string, any>, onLoad:()=>void) => (${partial})}`;
-            }
+            ({ partialAttr } = (0, with_partial_container_1.withPartialContainer)(element, context, { prop: "render" }));
         }
-        return `<WmPopover listener={fragment} ${(0, transpile_1.transformAttrs)(element, context)}  ${partial !== null ? partial : ""}>`;
+        return `<WmPopover listener={fragment} ${(0, transpile_1.transformAttrs)(element, context)}  ${partialAttr}>`;
     },
     post: (element, context) => "</WmPopover>",
-    imports: (element, context) => exports.imports.concat(partial_container_transformer_1.default.imports(element, context)),
+    imports: (element, context) => exports.imports.concat((0, with_partial_container_1.getPartialImports)(element, context)),
 };
 //# sourceMappingURL=popover.transformer.js.map

package/src/transpile/components/navigation/popover.transformer.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/navigation/popover.transformer.ts"],"names":[],"mappings":";;;;;;AAEA,+CAA4F;AAC5F,0GAAgF;AAChF,yGAA+E;AAElE,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,2DAA2D;KAClE;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;QAClD,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,OAAO,GAAG,qCAAyB,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;YACpE,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;gBAChC,OAAO,GAAG,4DAA4D,OAAO,IAAI,CAAC;YACpF,CAAC;YACD,OAAO,kCAAkC,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,OAAO,GAAG,CAAC;QAC1F,CAAC;QACD,IAAI,OAAO,GAAG,IAAI,CAAC;QACnB,IAAI,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,QAAQ,EAAE,CAAC;YACvD,OAAO,GAAG,uCAA2B,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;YAClE,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,GAAG,4DAA4D,OAAO,IAAI,CAAC;YACpF,CAAC;QACH,CAAC;QACD,OAAO,kCAAkC,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,KAAK,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IACnH,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,cAAc;IAC7E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAC/D,eAAO,CAAC,MAAM,CAAC,uCAA2B,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;CACzD,CAAC"}
+{"version":3,"file":"popover.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/navigation/popover.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAA4F;AAC5F,2EAAyF;AAE5E,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,2DAA2D;KAClE;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,IAAI,WAAW,GAAG,EAAE,CAAC;QACrB,IAAI,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,QAAQ,EAAE,CAAC;YACvD,CAAC,EAAE,WAAW,EAAE,GAAG,IAAA,6CAAoB,EAAC,OAAO,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;QACjF,CAAC;QACD,OAAO,kCAAkC,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,KAAK,WAAW,GAAG,CAAC;IAC/F,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,cAAc;IAC7E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAC/D,eAAO,CAAC,MAAM,CAAC,IAAA,0CAAiB,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC;CACvC,CAAC"}

package/src/transpile/components/page/build-partial-markup.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildPartialMarkup = buildPartialMarkup;
+const html_entities_1 = require("html-entities");
+const utils_1 = require("../utils");
+const transpile_1 = require("../../transpile");
+const ignoredAttributes = ["name", "show", "content", "class", "styles"];
+function buildPartialMarkup(element, context, componentName) {
+    const content = element.attributes["content"];
+    const name = element.attributes["name"];
+    if (!content) {
+        return "";
+    }
+    const params = {};
+    if (!element.hasAttribute("is-table-row")) {
+        Object.keys(element.attrs).forEach(k => {
+            if (!ignoredAttributes.includes(k)) {
+                params[k] = element.attrs[k];
+            }
+        });
+    }
+    const watch = [];
+    element.childNodes
+        .filter(node => (0, transpile_1.isHTMLElement)(node) && node.tagName === "WM-PARAM")
+        .forEach(node => {
+        const e = node;
+        const name = e.getAttribute("name") || "";
+        let value = e.getAttribute("value") || "";
+        if (value.includes("currentItem")) {
+            const match = value.match(/currentItem\..+/);
+            if (match) {
+                value = `bind:${match[0]}`;
+            }
+        }
+        params[name] = value;
+        watch.push(name);
+    });
+    const syntheticTag = componentName
+        .replace(/([A-Z])/g, "-$1")
+        .toLowerCase()
+        .replace(/^-/, "");
+    let paramStr = Object.keys(params)
+        .filter(k => k !== "on-load")
+        .map(k => `${k}="${(0, html_entities_1.encode)(params[k])}"`)
+        .join(" ");
+    paramStr = (0, transpile_1.transformAttrs)((0, transpile_1.parse)(`<${syntheticTag} ${paramStr}/>`).firstChild, context, utils_1.inferTypeAndParseProperty);
+    paramStr += ` content={props.content}`;
+    if (context.isPartOfPrefab) {
+        paramStr += " prefab={fragment.prefab}";
+        paramStr += "prefabName={fragment.prefabName}";
+        paramStr += "Prefab={stateProxy}";
+    }
+    return `<${componentName} ${watch.length > 0 ? `params={${JSON.stringify(watch)}}` : ""}  onLoad={onLoad} ${paramStr} partialName={'${name}'} listener={props.listener} />`;
+}
+//# sourceMappingURL=build-partial-markup.js.map

package/src/transpile/components/page/build-partial-markup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-partial-markup.js","sourceRoot":"","sources":["../../../../../src/transpile/components/page/build-partial-markup.ts"],"names":[],"mappings":"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"}