@wavemaker-ai/react-codegen 1.0.0-rc.309

package/src/transpile/components/nav/nav-item.transformer.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    {
+        name: "WmNavItem",
+        from: "@wavemaker-ai/react-runtime/components/navbar/nav-item",
+    },
+];
+exports.default = {
+    pre: (element, context) => {
+        element.childNodes.forEach(n => {
+            if ((0, transpile_1.isHTMLElement)(n) && n.tagName === "WM-ANCHOR") {
+                n.setAttribute("class", "navAnchorItem " + (n.getAttribute("class") || ""));
+            }
+        });
+        return `<WmNavItem
+      ${(0, transpile_1.transformAttrs)(element, context)}>`;
+    },
+    post: (element, context) => "</WmNavItem>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=nav-item.transformer.js.map

package/src/transpile/components/nav/nav-item.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-item.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/nav/nav-item.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAMyB;AAEZ,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,wDAAwD;KAC/D;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAC7B,IAAI,IAAA,yBAAa,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,WAAW,EAAE,CAAC;gBAClD,CAAC,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;YAC9E,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO;QACH,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC;IAC1C,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,cAAc;IAC7E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}

package/src/transpile/components/nav/nav.transformer.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    {
+        name: "WmNav",
+        from: "@wavemaker-ai/react-runtime/components/navbar/nav",
+    },
+];
+const createNavItemLabelExpression = (element) => {
+    let itemlabel = element.getAttribute("itemlabel");
+    if (!itemlabel) {
+        return undefined;
+    }
+    let expression;
+    // Check if it's a bind expression
+    if (itemlabel.startsWith("bind:")) {
+        // Remove the "bind:" prefix
+        expression = itemlabel.substring(5);
+        // Transform bracket notation: replace fragment. with item. inside brackets
+        expression = expression.replace(/\[([^\]]+)\]/g, (match, content) => {
+            const transformedContent = content.replace(/fragment\./g, "item.");
+            return `[${transformedContent}]`;
+        });
+    }
+    else {
+        // Plain string value - convert to item[string]
+        expression = `item.${itemlabel}`;
+    }
+    // Return the arrow function expression with TypeScript type annotation
+    return `{(item: any) => (${expression})}`;
+};
+exports.default = {
+    pre: (element, context) => {
+        const layout = element.getAttribute("layout");
+        if (layout) {
+            const className = layout === "stacked" ? "stackedNav " : "justifiedNav ";
+            if (layout === "stacked") {
+                element.setAttribute("class", className + (element.getAttribute("class") || ""));
+            }
+            else {
+                element.setAttribute("class", className + (element.getAttribute("class") || ""));
+            }
+        }
+        if (!element.hasAttribute("dataset")) {
+            element.childNodes.forEach(n => {
+                if ((0, transpile_1.isHTMLElement)(n) && n.tagName === "WM-NAV-ITEM") {
+                    n.setAttribute("defaultview", "true");
+                }
+            });
+        }
+        let itemlabelExpression;
+        const itemlabel = element.getAttribute("itemlabel");
+        if (itemlabel) {
+            itemlabelExpression = createNavItemLabelExpression(element);
+            if (itemlabelExpression) {
+                element.removeAttribute("itemlabel");
+            }
+        }
+        return `<WmNav 
+      ${(0, transpile_1.transformAttrs)(element, context)}
+      ${itemlabelExpression ? `itemlabel=${itemlabelExpression}` : ""}>`;
+    },
+    post: (element, context) => "</WmNav>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=nav.transformer.js.map

package/src/transpile/components/nav/nav.transformer.js.map

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

package/src/transpile/components/nav/navbar.transformer.js

@@ -0,0 +1,120 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    {
+        name: "WmNavbar",
+        from: "@wavemaker-ai/react-runtime/components/navbar",
+    },
+];
+// Helper function to find navbar-header element
+const findNavbarHeader = (element) => {
+    var _a, _b, _c;
+    for (const child of element.childNodes) {
+        if ((0, transpile_1.isHTMLElement)(child)) {
+            // Check if this is the container-fluid div
+            if ((_a = child.classList) === null || _a === void 0 ? void 0 : _a.contains("container-fluid")) {
+                // Look for navbar-header inside container-fluid
+                for (const containerChild of child.childNodes) {
+                    if ((0, transpile_1.isHTMLElement)(containerChild) &&
+                        ((_b = containerChild.classList) === null || _b === void 0 ? void 0 : _b.contains("navbar-header"))) {
+                        return containerChild;
+                    }
+                }
+            }
+            // Also check direct children for navbar-header
+            if ((_c = child.classList) === null || _c === void 0 ? void 0 : _c.contains("navbar-header")) {
+                return child;
+            }
+        }
+    }
+    return null;
+};
+// Extract brand/title from navbar-header
+const extractBrandInfo = (navbarHeader) => {
+    var _a, _b, _c;
+    let title = null;
+    let href = null;
+    for (const child of navbarHeader.childNodes) {
+        if ((0, transpile_1.isHTMLElement)(child) &&
+            child.tagName === "A" &&
+            ((_a = child.classList) === null || _a === void 0 ? void 0 : _a.contains("navbar-brand"))) {
+            href = child.getAttribute("href") || "#/";
+            // Look for title span inside the anchor
+            for (const brandChild of child.childNodes) {
+                if ((0, transpile_1.isHTMLElement)(brandChild) && ((_b = brandChild.classList) === null || _b === void 0 ? void 0 : _b.contains("title"))) {
+                    title = ((_c = brandChild.textContent) === null || _c === void 0 ? void 0 : _c.trim()) || null;
+                    break;
+                }
+            }
+            break;
+        }
+    }
+    return { title, href };
+};
+// Remove navbar-header from the DOM so it doesn't get rendered as children
+const removeNavbarHeader = (element) => {
+    var _a, _b, _c;
+    for (const child of element.childNodes) {
+        if ((0, transpile_1.isHTMLElement)(child)) {
+            // Check if this is the container-fluid div
+            if ((_a = child.classList) === null || _a === void 0 ? void 0 : _a.contains("container-fluid")) {
+                // Look for and remove navbar-header inside container-fluid
+                for (let i = child.childNodes.length - 1; i >= 0; i--) {
+                    const containerChild = child.childNodes[i];
+                    if ((0, transpile_1.isHTMLElement)(containerChild) &&
+                        ((_b = containerChild.classList) === null || _b === void 0 ? void 0 : _b.contains("navbar-header"))) {
+                        containerChild.remove();
+                        return;
+                    }
+                }
+            }
+            // Also check direct children for navbar-header
+            if ((_c = child.classList) === null || _c === void 0 ? void 0 : _c.contains("navbar-header")) {
+                child.remove();
+                return;
+            }
+        }
+    }
+};
+exports.default = {
+    pre: (element, context) => {
+        const layout = element.getAttribute("layout");
+        if (layout) {
+            const className = layout === "stacked" ? "stackedNav " : "justifiedNav ";
+            if (layout === "stacked") {
+                element.setAttribute("class", className + (element.getAttribute("class") || ""));
+            }
+            else {
+                element.setAttribute("class", className + (element.getAttribute("class") || ""));
+            }
+        }
+        if (!element.hasAttribute("dataset")) {
+            element.childNodes.forEach(n => {
+                if ((0, transpile_1.isHTMLElement)(n) && n.tagName === "WM-NAV-ITEM") {
+                    n.setAttribute("defaultview", "true");
+                }
+            });
+        }
+        // Check if navbar-header exists in the structure and remove it to avoid duplicate rendering
+        // The title and brand info are already handled by transformAttrs
+        const navbarHeader = findNavbarHeader(element);
+        if (navbarHeader) {
+            // Extract href from navbar-brand if not already set as attribute
+            if (!element.hasAttribute("brandhref")) {
+                const { href } = extractBrandInfo(navbarHeader);
+                if (href) {
+                    element.setAttribute("brandhref", href);
+                }
+            }
+            // Remove the navbar-header so it doesn't render as children
+            removeNavbarHeader(element);
+        }
+        return `<WmNavbar 
+      ${(0, transpile_1.transformAttrs)(element, context)}>`;
+    },
+    post: (element, context) => "</WmNavbar>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=navbar.transformer.js.map

package/src/transpile/components/nav/navbar.transformer.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/navigation/breadcrumb.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAA4F;AAE/E,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,8DAA8D;KACrE;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAC3D,qCAAqC,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,EAAE;IACzE,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,IAAI;IACnE,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+const utils_1 = require("../utils");
+exports.imports = [
+    { name: "WmMenu", from: "@wavemaker-ai/react-runtime/components/navigation/menu" },
+];
+exports.default = {
+    pre: (element, context) => {
+        // Handle itemlabel expression
+        let itemlabelExpression;
+        const itemlabel = element.getAttribute("itemlabel");
+        if (itemlabel && itemlabel.startsWith("bind:")) {
+            itemlabelExpression = (0, transpile_1.createExpression)(element, "itemlabel");
+            if (itemlabelExpression) {
+                element.removeAttribute("itemlabel");
+            }
+        }
+        // Handle itemchildren expression
+        let itemchildrenExpression;
+        const itemchildren = element.getAttribute("itemchildren");
+        if (itemchildren && itemchildren.startsWith("bind:")) {
+            itemchildrenExpression = (0, transpile_1.createExpression)(element, "itemchildren");
+            if (itemchildrenExpression) {
+                element.removeAttribute("itemchildren");
+            }
+        }
+        return `<WmMenu  ${(0, utils_1.extractDatasetInfo)(element)} ${(0, transpile_1.transformAttrs)(element, context)} listener={fragment}
+      ${itemlabelExpression ? `itemlabel=${itemlabelExpression}` : ""}
+      ${itemchildrenExpression ? `itemchildren=${itemchildrenExpression}` : ""}>`;
+    },
+    post: (element, context) => "</WmMenu>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=menu.transformer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/navigation/menu.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAMyB;AACzB,oCAA8C;AAEjC,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,wDAAwD,EAAE;CACnF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,8BAA8B;QAC9B,IAAI,mBAAmB,CAAC;QACxB,MAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACpD,IAAI,SAAS,IAAI,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;YAC/C,mBAAmB,GAAG,IAAA,4BAAgB,EAAC,OAAO,EAAE,WAAW,CAAC,CAAC;YAC7D,IAAI,mBAAmB,EAAE,CAAC;gBACxB,OAAO,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;YACvC,CAAC;QACH,CAAC;QAED,iCAAiC;QACjC,IAAI,sBAAsB,CAAC;QAC3B,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;QAC1D,IAAI,YAAY,IAAI,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;YACrD,sBAAsB,GAAG,IAAA,4BAAgB,EAAC,OAAO,EAAE,cAAc,CAAC,CAAC;YACnE,IAAI,sBAAsB,EAAE,CAAC;gBAC3B,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;YAC1C,CAAC;QACH,CAAC;QAED,OAAO,YAAY,IAAA,0BAAkB,EAAC,OAAO,CAAC,IAAI,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC;QAC9E,mBAAmB,CAAC,CAAC,CAAC,aAAa,mBAAmB,EAAE,CAAC,CAAC,CAAC,EAAE;QAC7D,sBAAsB,CAAC,CAAC,CAAC,gBAAgB,sBAAsB,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IAChF,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,WAAW;IAC1E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}

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

@@ -0,0 +1,39 @@
+"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"));
+exports.imports = [
+    {
+        name: "WmPopover",
+        from: "@wavemaker-ai/react-runtime/components/navigation/popover",
+    },
+];
+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;
+        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})}`;
+            }
+        }
+        return `<WmPopover listener={fragment} ${(0, transpile_1.transformAttrs)(element, context)}  ${partial !== null ? partial : ""}>`;
+    },
+    post: (element, context) => "</WmPopover>",
+    imports: (element, context) => exports.imports.concat(partial_container_transformer_1.default.imports(element, context)),
+};
+//# sourceMappingURL=popover.transformer.js.map

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

@@ -0,0 +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"}

package/src/transpile/components/page/content.transformer.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    {
+        name: "WmContent",
+        from: "@wavemaker-ai/react-runtime/components/page/content",
+    },
+];
+exports.default = {
+    pre: (element, context) => `<WmContent data-role="page-content" role="main" ${(0, transpile_1.transformAttrs)(element, context)} >`,
+    post: (element, context) => "</WmContent>",
+    imports: (element, context) => exports.imports,
+    createComponent: (element, context) => (0, transpile_1.createComponent)(element, context),
+};
+//# sourceMappingURL=content.transformer.js.map

package/src/transpile/components/page/content.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/page/content.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAMyB;AAEZ,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,qDAAqD;KAC5D;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAC3D,mDAAmD,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI;IACzF,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,cAAc;IAC7E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;IACzE,eAAe,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CACvE,IAAA,2BAAe,EAAC,OAAO,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/src/transpile/components/page/page-content.transformer.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    {
+        name: "WmPageContent",
+        from: "@wavemaker-ai/react-runtime/components/page/page-content",
+    },
+];
+exports.default = {
+    pre: (element, context) => `<WmPageContent ${(0, transpile_1.transformAttrs)(element, context)} >`,
+    post: (element, context) => "</WmPageContent>",
+    imports: (element, context) => exports.imports,
+    createComponent: (element, context) => (0, transpile_1.createComponent)(element, context),
+};
+//# sourceMappingURL=page-content.transformer.js.map

package/src/transpile/components/page/page-content.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-content.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/page/page-content.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAMyB;AAEZ,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,0DAA0D;KACjE;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAC3D,kBAAkB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI;IACxD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,kBAAkB;IACjF,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;IACzE,eAAe,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CACvE,IAAA,2BAAe,EAAC,OAAO,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/src/transpile/components/page/page.transformer.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+const PAGE_EVENT_ATTRS = [
+    "on-attach",
+    "on-detach",
+    "on-destroy",
+    "on-orientationchange",
+    "on-resize",
+];
+const PAGE_EVENT_KEYS = ["attach", "detach", "destroy", "orientationchange", "resize"];
+/** Events that receive (event, widget, data) - others receive (event, widget) */
+const THREE_ARG_EVENTS = new Set(["orientationchange", "resize"]);
+exports.imports = [
+    {
+        name: "WmPage",
+        from: "@wavemaker-ai/react-runtime/components/page",
+    },
+];
+exports.default = {
+    pre: (element, context) => {
+        const pageEvents = {};
+        PAGE_EVENT_ATTRS.forEach((attr, i) => {
+            const value = element.getAttribute(attr);
+            if (value) {
+                const key = PAGE_EVENT_KEYS[i];
+                const args = THREE_ARG_EVENTS.has(key) ? "($event, widget, data)" : "($event, widget)";
+                pageEvents[key] = `${args} => { ${value} }`;
+                element.removeAttribute(attr);
+            }
+        });
+        // remove any other unnecssary event
+        Object.keys(element.attributes).forEach(attr => {
+            if (attr.startsWith("on-")) {
+                if (!PAGE_EVENT_ATTRS.includes(attr)) {
+                    element.removeAttribute(attr);
+                }
+            }
+        });
+        if (Object.keys(pageEvents).length > 0) {
+            context.result.pageEvents = pageEvents;
+        }
+        return `<WmPage ${(0, transpile_1.transformAttrs)(element, context)} >`;
+    },
+    post: (element, context) => "</WmPage>",
+    imports: (element, context) => exports.imports,
+    createComponent: (element, context) => (0, transpile_1.createComponent)(element, context),
+};
+//# sourceMappingURL=page.transformer.js.map

package/src/transpile/components/page/page.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/page/page.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAMyB;AAEzB,MAAM,gBAAgB,GAAG;IACvB,WAAW;IACX,WAAW;IACX,YAAY;IACZ,sBAAsB;IACtB,WAAW;CACH,CAAC;AAEX,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,mBAAmB,EAAE,QAAQ,CAAU,CAAC;AAEhG,iFAAiF;AACjF,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAAC,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC,CAAC;AAErD,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,6CAA6C;KACpD;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,MAAM,UAAU,GAA2B,EAAE,CAAC;QAC9C,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACnC,MAAM,KAAK,GAAG,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACzC,IAAI,KAAK,EAAE,CAAC;gBACV,MAAM,GAAG,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;gBAC/B,MAAM,IAAI,GAAG,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,kBAAkB,CAAC;gBACvF,UAAU,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,SAAS,KAAK,IAAI,CAAC;gBAC5C,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAChC,CAAC;QACH,CAAC,CAAC,CAAC;QACH,oCAAoC;QACpC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC7C,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC3B,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAW,CAAC,EAAE,CAAC;oBAC5C,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;gBAChC,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;QACH,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtC,OAAO,CAAC,MAAc,CAAC,UAAU,GAAG,UAAU,CAAC;QAClD,CAAC;QACD,OAAO,WAAW,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC;IACzD,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,WAAW;IAC1E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;IACzE,eAAe,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CACvE,IAAA,2BAAe,EAAC,OAAO,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/src/transpile/components/page/partial-container.transformer.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const html_entities_1 = require("html-entities");
+const utils_1 = require("../utils");
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    {
+        name: "WmPartialContainer",
+        from: "@wavemaker-ai/react-runtime/components/page/partial-container",
+    },
+];
+const ignoredAttributes = ["name", "show", "content", "class", "styles"];
+exports.default = {
+    pre: (element, context) => {
+        let content = element.attributes["content"];
+        const name = element.attributes["name"];
+        if (content) {
+            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);
+            });
+            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)(`<wm-partial-container ${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 `<WmPartialContainer ${watch.length > 0 ? `params={${JSON.stringify(watch)}}` : ""}  onLoad={onLoad} ${paramStr} partialName={'${name}'} listener={props.listener} />`;
+        }
+        return "";
+    },
+    post: (element, context) => "",
+    imports: (element, context) => element.hasAttribute("content") ? exports.imports : [],
+};
+//# sourceMappingURL=partial-container.transformer.js.map

package/src/transpile/components/page/partial-container.transformer.js.map

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

package/src/transpile/components/page/partial.transformer.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    {
+        name: "WmPartial",
+        from: "@wavemaker-ai/react-runtime/components/page/partial",
+    },
+];
+exports.default = {
+    pre: (element, context) => {
+        return `<WmPartial iswidget="false" data-role="partial"  ${(0, transpile_1.transformAttrs)(element, context)} >`;
+    },
+    post: (element, context) => "</WmPartial>",
+    imports: (element, context) => exports.imports,
+    createComponent: (element, context) => (0, transpile_1.createComponent)(element, context),
+};
+//# sourceMappingURL=partial.transformer.js.map

package/src/transpile/components/page/partial.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"partial.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/page/partial.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAMyB;AAEZ,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,qDAAqD;KAC5D;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,OAAO,oDAAoD,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC;IAClG,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,cAAc;IAC7E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;IACzE,eAAe,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CACvE,IAAA,2BAAe,EAAC,OAAO,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/src/transpile/components/partial/partial-content.transformer.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const html_entities_1 = require("html-entities");
+const utils_1 = require("../utils");
+const transpile_1 = require("../../transpile");
+exports.imports = [];
+const ignoredAttributes = ["name", "show", "content", "class", "styles"];
+exports.default = {
+    pre: (element, context) => {
+        let content = element.attributes["content"];
+        const name = element.attributes["name"];
+        if (content) {
+            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);
+            });
+            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)(`<wm-partial-content ${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 `<WmPartialContent ${watch.length > 0 ? `params={${JSON.stringify(watch)}}` : ""}  onLoad={onLoad} ${paramStr} partialName={'${name}'} listener={props.listener} />`;
+        }
+        return "";
+    },
+    post: (element, context) => "",
+    imports: (element, context) => element.hasAttribute("content") ? exports.imports : [],
+};
+//# sourceMappingURL=partial-content.transformer.js.map

package/src/transpile/components/partial/partial-content.transformer.js.map

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

package/src/transpile/components/prefab/prefab-container.transformer.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+const utils_1 = require("../utils");
+exports.imports = [
+    {
+        name: "WmPrefabContainer",
+        from: "@wavemaker-ai/react-runtime/components/prefab/container",
+    },
+];
+exports.default = {
+    pre: (element, context) => {
+        return `<WmPrefabContainer 
+    ${(0, transpile_1.transformAttrs)(element, context, utils_1.inferTypeAndParseProperty)}>`;
+    },
+    post: (element, context) => {
+        return `</WmPrefabContainer >`;
+    },
+    imports: (element, context) => {
+        return exports.imports;
+    },
+    createComponent: (element, context) => (0, transpile_1.createComponent)(element, context),
+    prefabs: (element, context) => {
+        const prefabname = element.getAttribute("prefabname");
+        if (prefabname) {
+            return [prefabname];
+        }
+        return [];
+    },
+};
+//# sourceMappingURL=prefab-container.transformer.js.map