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

package/src/transpile/components/input/epoch/time.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: "WmTime", from: "@wavemaker-ai/react-runtime/components/input/epoch/time" },
+];
+exports.default = {
+    pre: (element, context) => {
+        const isFormField = element.getAttribute("formfield") === "true";
+        return `<WmTime listener={fragment} ${isFormField ? " {...$formField}" : ""} ${(0, transpile_1.transformAttrs)(element, context)}>`;
+    },
+    post: (element, context) => "</WmTime>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=time.transformer.js.map

package/src/transpile/components/input/epoch/time.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.transformer.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/input/epoch/time.transformer.ts"],"names":[],"mappings":";;;AACA,kDAA+F;AAElF,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,yDAAyD,EAAE;CACpF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC;QACjE,OAAO,+BAA+B,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,IAAI,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC;IACrH,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/input/file-upload.transformer.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    {
+        name: "WmFileupload",
+        from: "@wavemaker-ai/react-runtime/components/input/fileupload",
+    },
+];
+exports.default = {
+    pre: (element, context) => {
+        var _a, _b;
+        const isFormField = element.getAttribute("formfield") === "true";
+        if (element.getAttribute("on-select")) {
+            const datasource = (_a = element.getAttribute("on-select")) === null || _a === void 0 ? void 0 : _a.split(".invoke")[0];
+            if (datasource && datasource.includes("Variables")) {
+                element.setAttribute("datasource", datasource.replace(/[;,]+\s*$/, "").replace(/\?$/, ""));
+            }
+        }
+        if (element.getAttribute("on-delete")) {
+            const deletedatasource = (_b = element.getAttribute("on-delete")) === null || _b === void 0 ? void 0 : _b.split(".invoke")[0];
+            if (deletedatasource && deletedatasource.includes("Variables")) {
+                element.setAttribute("deletedatasource", deletedatasource.replace(/[;,]+\s*$/, "").replace(/\?$/, ""));
+            }
+        }
+        return `<WmFileupload ${isFormField ? " {...$formField}" : ""} listener={fragment}  ${(0, transpile_1.transformAttrs)(element, context)}>`;
+    },
+    post: (element, context) => "</WmFileupload>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=file-upload.transformer.js.map

package/src/transpile/components/input/file-upload.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/input/file-upload.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAA4F;AAE/E,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,yDAAyD;KAChE;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;;QAC3D,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC;QAEjE,IAAI,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;YACtC,MAAM,UAAU,GAAG,MAAA,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,0CAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;YAC1E,IAAI,UAAU,IAAI,UAAU,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;gBACnD,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;YAC7F,CAAC;QACH,CAAC;QAED,IAAI,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;YACtC,MAAM,gBAAgB,GAAG,MAAA,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,0CAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;YAChF,IAAI,gBAAgB,IAAI,gBAAgB,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;gBAC/D,OAAO,CAAC,YAAY,CAClB,kBAAkB,EAClB,gBAAgB,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7D,CAAC;YACJ,CAAC;QACH,CAAC;QAED,OAAO,iBAAiB,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,yBAAyB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC;IAC5H,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,iBAAiB;IAChF,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}

package/src/transpile/components/input/number.transformer.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    {
+        name: "WmNumber",
+        from: "@wavemaker-ai/react-runtime/components/input/number",
+    },
+];
+exports.default = {
+    pre: (element, context) => {
+        const isFormField = element.getAttribute("formfield") === "true";
+        element.removeAttribute("formfield");
+        return `<WmNumber ${isFormField ? " {...$formField}" : ""} listener={fragment} ${(0, transpile_1.transformAttrs)(element, context)} >`;
+    },
+    post: (element, context) => "</WmNumber>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=number.transformer.js.map

package/src/transpile/components/input/number.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/input/number.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAA4F;AAE/E,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,qDAAqD;KAC5D;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC;QACjE,OAAO,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;QACrC,OAAO,aAAa,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,wBAAwB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC;IACxH,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,aAAa;IAC5E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}

package/src/transpile/components/input/radio-set.transformer.js

@@ -0,0 +1,25 @@
+"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: "WmRadioset",
+        from: "@wavemaker-ai/react-runtime/components/input/default/radioset",
+    },
+];
+exports.default = {
+    pre: (element, context) => {
+        // transformItemsPerRow(element);
+        let getDisplayExpression = (0, transpile_1.createExpression)(element, "displayexpression");
+        if (getDisplayExpression) {
+            element.removeAttribute("displayexpression");
+        }
+        const isFormField = element.getAttribute("formfield") === "true";
+        return `<WmRadioset ${isFormField ? " {...$formField}" : ""} listener={fragment} ${(0, utils_1.extractDatasetInfo)(element)} ${(0, transpile_1.transformAttrs)(element, context)} ${getDisplayExpression ? `getDisplayExpression=${getDisplayExpression}` : ""}  >`;
+    },
+    post: (element) => "</WmRadioset>",
+    imports: (element) => exports.imports,
+};
+//# sourceMappingURL=radio-set.transformer.js.map

package/src/transpile/components/input/radio-set.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-set.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/input/radio-set.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAMyB;AACzB,oCAA8C;AAEjC,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,+DAA+D;KACtE;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,iCAAiC;QACjC,IAAI,oBAAoB,GAAG,IAAA,4BAAgB,EAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;QAC1E,IAAI,oBAAoB,EAAE,CAAC;YACzB,OAAO,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;QAC/C,CAAC;QACD,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC;QACjE,OAAO,eAAe,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,wBAAwB,IAAA,0BAAkB,EAAC,OAAO,CAAC,IAAI,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,wBAAwB,oBAAoB,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;IACxO,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,eAAe;IAC/C,OAAO,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,eAAO;CAC5B,CAAC"}

package/src/transpile/components/input/rating.transformer.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    { name: "WmRating", from: "@wavemaker-ai/react-runtime/components/input/rating" },
+];
+exports.default = {
+    pre: (element, context) => {
+        let getDisplayExpression = (0, transpile_1.createExpression)(element, "displayexpression");
+        if (getDisplayExpression) {
+            element.removeAttribute("displayexpression");
+        }
+        const isFormField = element.getAttribute("formfield") === "true";
+        return `<WmRating ${isFormField ? " {...$formField}" : ""}  listener={fragment} ${(0, transpile_1.transformAttrs)(element, context)}  ${getDisplayExpression ? `getDisplayExpression=${getDisplayExpression}` : ""}>`;
+    },
+    post: (element, context) => "</WmRating>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=rating.transformer.js.map

package/src/transpile/components/input/rating.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/input/rating.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAMyB;AAEZ,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,qDAAqD,EAAE;CAClF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,IAAI,oBAAoB,GAAG,IAAA,4BAAgB,EAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;QAC1E,IAAI,oBAAoB,EAAE,CAAC;YACzB,OAAO,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;QAC/C,CAAC;QACD,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC;QACjE,OAAO,aAAa,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,yBAAyB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,KAAK,oBAAoB,CAAC,CAAC,CAAC,wBAAwB,oBAAoB,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IACvM,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,aAAa;IAC5E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}

package/src/transpile/components/input/select.transformer.js

@@ -0,0 +1,57 @@
+"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: "WmSelect", from: "@wavemaker-ai/react-runtime/components/input/select" },
+];
+const getOnChangeExpr = (element) => {
+    const onChange = element.getAttribute("on-change");
+    return onChange
+        ? `
+    ($event, widget, newVal, oldVal) => {
+      ${onChange}
+    }
+  `
+        : "";
+};
+exports.default = {
+    pre: (element, context) => {
+        let getDisplayExpression;
+        //supportedLocale select widget handling
+        const dataSet = element.getAttribute("dataset") || "";
+        let onChange;
+        if (dataSet.indexOf("supportedLocale") > -1) {
+            onChange = getOnChangeExpr(element);
+            element.removeAttribute("on-change");
+            element.setAttribute("datavalue", "bind:fragment.App.selectedLocale");
+        }
+        else {
+            getDisplayExpression = (0, transpile_1.createExpression)(element, "displayexpression");
+            if (getDisplayExpression) {
+                element.removeAttribute("displayexpression");
+            }
+            onChange = (0, utils_1.getOnChangeExprforFormWidget)(element, "on-change", context);
+        }
+        // Extract dataPath by getting everything after first [0] and removing all array indices
+        let dataPath = "";
+        const match = dataSet.match(/dataSet\[0\](.*)/);
+        if (dataSet.includes("[0]") && match && match[1]) {
+            dataPath = match[1].replace(/\[\d+\]/g, "");
+        }
+        // If dataPath exists, modify the dataset to only include the base part before [0]
+        if (dataPath) {
+            const baseDataset = dataSet.split("[0]")[0];
+            element.setAttribute("dataset", baseDataset);
+        }
+        const isFormField = element.getAttribute("formfield") === "true";
+        return `<WmSelect ${isFormField ? " {...$formField}" : ""} ${(0, transpile_1.transformAttrs)(element, context)} listener={fragment}
+      ${onChange ? `onChange={${onChange}}` : ""}
+      ${getDisplayExpression ? `displayExpression=${getDisplayExpression}` : ""}
+      ${dataPath ? `dataPath="${dataPath}"` : ""}>`;
+    },
+    post: (element, context) => "</WmSelect>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=select.transformer.js.map

package/src/transpile/components/input/select.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/input/select.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAMyB;AACzB,oCAAwD;AAE3C,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,qDAAqD,EAAE;CAClF,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,OAAoB,EAAE,EAAE;IAC/C,MAAM,QAAQ,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;IACnD,OAAO,QAAQ;QACb,CAAC,CAAC;;QAEE,QAAQ;;GAEb;QACC,CAAC,CAAC,EAAE,CAAC;AACT,CAAC,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,IAAI,oBAAoB,CAAC;QACzB,wCAAwC;QACxC,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QACtD,IAAI,QAAQ,CAAC;QACb,IAAI,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;YAC5C,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;YACpC,OAAO,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;YACrC,OAAO,CAAC,YAAY,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;QACxE,CAAC;aAAM,CAAC;YACN,oBAAoB,GAAG,IAAA,4BAAgB,EAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;YACtE,IAAI,oBAAoB,EAAE,CAAC;gBACzB,OAAO,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;YAC/C,CAAC;YACD,QAAQ,GAAG,IAAA,oCAA4B,EAAC,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;QACzE,CAAC;QAED,wFAAwF;QACxF,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC;QAChD,IAAI,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;YACjD,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QAC9C,CAAC;QAED,kFAAkF;QAClF,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAC5C,OAAO,CAAC,YAAY,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;QAC/C,CAAC;QAED,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC;QACjE,OAAO,aAAa,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,IAAI,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC;QACzF,QAAQ,CAAC,CAAC,CAAC,aAAa,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE;QACxC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB,oBAAoB,EAAE,CAAC,CAAC,CAAC,EAAE;QACvE,QAAQ,CAAC,CAAC,CAAC,aAAa,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IAClD,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,aAAa;IAC5E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}

package/src/transpile/components/input/slider.transformer.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    { name: "WmSlider", from: "@wavemaker-ai/react-runtime/components/input/slider" },
+];
+exports.default = {
+    pre: (element, context) => {
+        let getDisplayExpression = (0, transpile_1.createExpression)(element, "displayexpression");
+        if (getDisplayExpression) {
+            element.removeAttribute("displayexpression");
+            element.removeAttribute("displayfield");
+        }
+        let getToolTipExpression = (0, transpile_1.createExpression)(element, "tooltipexpression");
+        if (getToolTipExpression) {
+            element.removeAttribute("tooltipexpression");
+        }
+        const isFormField = element.getAttribute("formfield") === "true";
+        return `<WmSlider ${isFormField ? " {...$formField}" : ""} listener={fragment}
+      ${(0, transpile_1.transformAttrs)(element, context)} 
+      ${getDisplayExpression ? `getDisplayExpression=${getDisplayExpression}` : ""}
+      ${getToolTipExpression ? `getToolTipExpression=${getToolTipExpression}` : ""}>`;
+    },
+    post: (element, context) => "</WmSlider>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=slider.transformer.js.map

package/src/transpile/components/input/slider.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/input/slider.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAMyB;AAEZ,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,qDAAqD,EAAE;CAClF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,IAAI,oBAAoB,GAAG,IAAA,4BAAgB,EAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;QAC1E,IAAI,oBAAoB,EAAE,CAAC;YACzB,OAAO,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;YAC7C,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QAC1C,CAAC;QAED,IAAI,oBAAoB,GAAG,IAAA,4BAAgB,EAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;QAC1E,IAAI,oBAAoB,EAAE,CAAC;YACzB,OAAO,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;QAC/C,CAAC;QACD,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC;QAEjE,OAAO,aAAa,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE;QACrD,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC;QAChC,oBAAoB,CAAC,CAAC,CAAC,wBAAwB,oBAAoB,EAAE,CAAC,CAAC,CAAC,EAAE;QAC1E,oBAAoB,CAAC,CAAC,CAAC,wBAAwB,oBAAoB,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IACpF,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,aAAa;IAC5E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}

package/src/transpile/components/input/switch.transformer.js

@@ -0,0 +1,21 @@
+"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: "WmSwitch", from: "@wavemaker-ai/react-runtime/components/input/default/switch" },
+];
+exports.default = {
+    pre: (element, context) => {
+        let getDisplayExpression = (0, transpile_1.createExpression)(element, "displayexpression");
+        if (getDisplayExpression) {
+            element.removeAttribute("displayexpression");
+        }
+        const isFormField = element.getAttribute("formfield") === "true";
+        return `<WmSwitch ${isFormField ? " {...$formField}" : ""} listener={fragment} ${(0, utils_1.extractDatasetInfo)(element)} ${(0, transpile_1.transformAttrs)(element, context)} ${getDisplayExpression ? `displayExpression=${getDisplayExpression}` : ""} >`;
+    },
+    post: (element) => "</WmSwitch>",
+    imports: (element) => exports.imports,
+};
+//# sourceMappingURL=switch.transformer.js.map

package/src/transpile/components/input/switch.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/input/switch.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAMyB;AACzB,oCAA8C;AAEjC,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,6DAA6D,EAAE;CAC1F,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,IAAI,oBAAoB,GAAG,IAAA,4BAAgB,EAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;QAC1E,IAAI,oBAAoB,EAAE,CAAC;YACzB,OAAO,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;QAC/C,CAAC;QACD,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC;QACjE,OAAO,aAAa,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,wBAAwB,IAAA,0BAAkB,EAAC,OAAO,CAAC,IAAI,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,qBAAqB,oBAAoB,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC;IAClO,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,aAAa;IAC7C,OAAO,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,eAAO;CAC5B,CAAC"}

package/src/transpile/components/input/text.transformer.js

@@ -0,0 +1,21 @@
+"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: "WmText",
+        from: "@wavemaker-ai/react-runtime/components/input/text",
+    },
+];
+exports.default = {
+    pre: (element, context) => {
+        const isFormField = element.getAttribute("formfield") === "true";
+        const onChange = (0, utils_1.getOnChangeExprforFormWidget)(element, "on-change", context);
+        return `<WmText ${isFormField ? " {...$formField}" : ""} listener={fragment} ${(0, transpile_1.transformAttrs)(element, context)} ${onChange ? `onChange={${onChange}}` : ""}>`;
+    },
+    post: (element, context) => "</WmText>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=text.transformer.js.map

package/src/transpile/components/input/text.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/input/text.transformer.ts"],"names":[],"mappings":";;;AACA,+CAA4F;AAC5F,oCAAwD;AAE3C,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,mDAAmD;KAC1D;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC;QACjE,MAAM,QAAQ,GAAG,IAAA,oCAA4B,EAAC,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;QAE7E,OAAO,WAAW,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,wBAAwB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IACjK,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/input/textarea.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: "WmTextarea",
+        from: "@wavemaker-ai/react-runtime/components/input/textarea",
+    },
+];
+exports.default = {
+    pre: (element, context) => {
+        const isFormField = element.getAttribute("formfield") === "true";
+        return `<WmTextarea ${isFormField ? " {...$formField}" : ""} type="textarea" listener={fragment} ${(0, transpile_1.transformAttrs)(element, context)} `;
+    },
+    post: (element, context) => "/>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=textarea.transformer.js.map

package/src/transpile/components/input/textarea.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/input/textarea.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAA4F;AAE/E,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,uDAAuD;KAC9D;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC;QACjE,OAAO,eAAe,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,wCAAwC,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC;IACzI,CAAC;IACD,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/input/upload.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: "WmUpload",
+        from: "@wavemaker-ai/react-runtime/components/input/upload",
+    },
+];
+exports.default = {
+    pre: (element, context) => {
+        const isFormField = element.getAttribute("formfield") === "true";
+        return `<WmUpload ${isFormField ? " {...$formField}" : ""} listener={fragment}  ${(0, transpile_1.transformAttrs)(element, context)}>`;
+    },
+    post: (element, context) => "</WmUpload>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=upload.transformer.js.map

package/src/transpile/components/input/upload.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/input/upload.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAA4F;AAE/E,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,qDAAqD;KAC5D;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC;QAEjE,OAAO,aAAa,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,yBAAyB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC;IACxH,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,aAAa;IAC5E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    {
+        name: "WmFooter",
+        from: "@wavemaker-ai/react-runtime/components/layout/footer",
+    },
+];
+exports.default = {
+    pre: (element, context) => {
+        const content = element.getAttribute("content") || "footer";
+        const name = element.getAttribute("name") || "footer  ";
+        return `<WmFooter  ${(0, transpile_1.transformAttrs)(element, context)}>
+        
+        <${(content === null || content === void 0 ? void 0 : content.charAt(0).toUpperCase()) + (content === null || content === void 0 ? void 0 : content.slice(1))} isLayout={true} partialName="${name}"  />
+        
+        `;
+    },
+    post: (element, context) => "</WmFooter>",
+    imports: (element, context) => {
+        const content = element.getAttribute("content") || "footer";
+        exports.imports[1] = {
+            name: (content === null || content === void 0 ? void 0 : content.charAt(0).toUpperCase()) + (content === null || content === void 0 ? void 0 : content.slice(1)),
+            from: `@/app/components/${content}/${content}`,
+        };
+        return exports.imports;
+    },
+};
+//# sourceMappingURL=footer.transformer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/layout/footer.transformer.ts"],"names":[],"mappings":";;;AAAA,+CAA4F;AAG/E,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,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC;QAC5D,MAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC;QAExD,OAAO,cAAc,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC;;WAE9C,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,CAAC,EAAE,WAAW,EAAE,KAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,CAAC,CAAC,CAAA,iCAAiC,IAAI;;SAE3F,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,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC;QAE5D,eAAO,CAAC,CAAC,CAAC,GAAG;YACX,IAAI,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,CAAC,EAAE,WAAW,EAAE,KAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,CAAC,CAAC,CAAA;YAC1D,IAAI,EAAE,oBAAoB,OAAO,IAAI,OAAO,EAAE;SAC/C,CAAC;QAEF,OAAO,eAAO,CAAC;IACjB,CAAC;CACa,CAAC"}

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    {
+        name: "WmHeader",
+        from: "@wavemaker-ai/react-runtime/components/layout/header",
+    },
+];
+exports.default = {
+    pre: (element, context) => {
+        const content = element.getAttribute("content") || "Header";
+        const name = element.getAttribute("name") || "header  ";
+        return `<WmHeader ${(0, transpile_1.transformAttrs)(element, context)}>
+    
+    <${(content === null || content === void 0 ? void 0 : content.charAt(0).toUpperCase()) + (content === null || content === void 0 ? void 0 : content.slice(1))} isLayout={true} partialName="${name}"  />
+    
+    `;
+    },
+    post: (element, context) => "</WmHeader>",
+    imports: (element, context) => {
+        const content = element.getAttribute("content") || "header";
+        exports.imports[1] = {
+            name: (content === null || content === void 0 ? void 0 : content.charAt(0).toUpperCase()) + (content === null || content === void 0 ? void 0 : content.slice(1)),
+            from: `@/app/components/${content}/${content}`,
+        };
+        return exports.imports;
+    },
+};
+//# sourceMappingURL=header.transformer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/layout/header.transformer.ts"],"names":[],"mappings":";;;AAAA,+CAA4F;AAG/E,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,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC;QAC5D,MAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC;QAExD,OAAO,aAAa,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC;;OAEjD,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,CAAC,EAAE,WAAW,EAAE,KAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,CAAC,CAAC,CAAA,iCAAiC,IAAI;;KAE3F,CAAC;IACJ,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,aAAa;IAC5E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC/D,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC;QAE5D,eAAO,CAAC,CAAC,CAAC,GAAG;YACX,IAAI,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,CAAC,EAAE,WAAW,EAAE,KAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,CAAC,CAAC,CAAA;YAC1D,IAAI,EAAE,oBAAoB,OAAO,IAAI,OAAO,EAAE;SAC/C,CAAC;QAEF,OAAO,eAAO,CAAC;IACjB,CAAC;CACa,CAAC"}

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    {
+        name: "WmLeftPanel",
+        from: "@wavemaker-ai/react-runtime/components/layout/leftnav",
+    },
+];
+exports.default = {
+    pre: (element, context) => {
+        const content = element.getAttribute("content") || "leftnav";
+        const name = element.getAttribute("name") || "leftpanel";
+        return `<WmLeftPanel ${(0, transpile_1.transformAttrs)(element, context)}>
+            
+            <${(content === null || content === void 0 ? void 0 : content.charAt(0).toUpperCase()) + (content === null || content === void 0 ? void 0 : content.slice(1))} isLayout={true} partialName="${name}"  />
+            
+            `;
+    },
+    post: (element, context) => "</WmLeftPanel>",
+    imports: (element, context) => {
+        const content = element.getAttribute("content") || "leftnav";
+        exports.imports[1] = {
+            name: (content === null || content === void 0 ? void 0 : content.charAt(0).toUpperCase()) + (content === null || content === void 0 ? void 0 : content.slice(1)),
+            from: `@/app/components/${content}/${content}`,
+        };
+        return exports.imports;
+    },
+};
+//# sourceMappingURL=leftnav.transformer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"leftnav.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/layout/leftnav.transformer.ts"],"names":[],"mappings":";;;AAAA,+CAA4F;AAG/E,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,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC;QAC7D,MAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC;QAEzD,OAAO,gBAAgB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC;;eAE5C,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,CAAC,EAAE,WAAW,EAAE,KAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,CAAC,CAAC,CAAA,iCAAiC,IAAI;;aAE3F,CAAC;IACZ,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,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC;QAE7D,eAAO,CAAC,CAAC,CAAC,GAAG;YACX,IAAI,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,CAAC,EAAE,WAAW,EAAE,KAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,CAAC,CAAC,CAAA;YAC1D,IAAI,EAAE,oBAAoB,OAAO,IAAI,OAAO,EAAE;SAC/C,CAAC;QAEF,OAAO,eAAO,CAAC;IACjB,CAAC;CACa,CAAC"}

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    {
+        name: "WmRightPanel",
+        from: "@wavemaker-ai/react-runtime/components/layout/rightnav",
+    },
+];
+exports.default = {
+    pre: (element, context) => {
+        const content = element.getAttribute("content") || "rightnav";
+        const name = element.getAttribute("name") || "rightnav";
+        return `<WmRightPanel  ${(0, transpile_1.transformAttrs)(element, context)}>
+            
+            <${(content === null || content === void 0 ? void 0 : content.charAt(0).toUpperCase()) + (content === null || content === void 0 ? void 0 : content.slice(1))} isLayout={true} partialName="${name}"  />
+            
+            `;
+    },
+    post: (element, context) => "</WmRightPanel>",
+    imports: (element, context) => {
+        const content = element.getAttribute("content") || "rightnav";
+        exports.imports[1] = {
+            name: (content === null || content === void 0 ? void 0 : content.charAt(0).toUpperCase()) + (content === null || content === void 0 ? void 0 : content.slice(1)),
+            from: `@/app/components/${content}/${content}`,
+        };
+        return exports.imports;
+    },
+};
+//# sourceMappingURL=rightnav.transformer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rightnav.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/layout/rightnav.transformer.ts"],"names":[],"mappings":";;;AAAA,+CAA4F;AAG/E,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,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,UAAU,CAAC;QAC9D,MAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC;QAExD,OAAO,kBAAkB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC;;eAE9C,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,CAAC,EAAE,WAAW,EAAE,KAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,CAAC,CAAC,CAAA,iCAAiC,IAAI;;aAE3F,CAAC;IACZ,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,iBAAiB;IAChF,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC/D,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,UAAU,CAAC;QAE9D,eAAO,CAAC,CAAC,CAAC,GAAG;YACX,IAAI,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,CAAC,EAAE,WAAW,EAAE,KAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,CAAC,CAAC,CAAA;YAC1D,IAAI,EAAE,oBAAoB,OAAO,IAAI,OAAO,EAAE;SAC/C,CAAC;QACF,OAAO,eAAO,CAAC;IACjB,CAAC;CACa,CAAC"}

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    {
+        name: "WmTopNav",
+        from: "@wavemaker-ai/react-runtime/components/layout/topnav",
+    },
+];
+exports.default = {
+    pre: (element, context) => {
+        const content = element.getAttribute("content") || "topnav";
+        const name = element.getAttribute("name") || "top_nav1";
+        exports.imports.push({
+            name: (content === null || content === void 0 ? void 0 : content.charAt(0).toUpperCase()) + (content === null || content === void 0 ? void 0 : content.slice(1)),
+            from: `@/app/components/${content}/${content}`,
+        });
+        return `<WmTopNav ${(0, transpile_1.transformAttrs)(element, context)}>
+            
+            <${(content === null || content === void 0 ? void 0 : content.charAt(0).toUpperCase()) + (content === null || content === void 0 ? void 0 : content.slice(1))} isLayout={true} partialName="${name}"  />
+            
+            `;
+    },
+    post: (element, context) => "</WmTopNav>",
+    imports: (element, context) => {
+        const content = element.getAttribute("content") || "topnav";
+        exports.imports[1] = {
+            name: (content === null || content === void 0 ? void 0 : content.charAt(0).toUpperCase()) + (content === null || content === void 0 ? void 0 : content.slice(1)),
+            from: `@/app/components/${content}/${content}`,
+        };
+        return exports.imports;
+    },
+};
+//# sourceMappingURL=topnav.transformer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"topnav.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/layout/topnav.transformer.ts"],"names":[],"mappings":";;;AAAA,+CAA4F;AAG/E,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,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC;QAC5D,MAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC;QAExD,eAAO,CAAC,IAAI,CAAC;YACX,IAAI,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,CAAC,EAAE,WAAW,EAAE,KAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,CAAC,CAAC,CAAA;YAC1D,IAAI,EAAE,oBAAoB,OAAO,IAAI,OAAO,EAAE;SAC/C,CAAC,CAAC;QAEH,OAAO,aAAa,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC;;eAEzC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,CAAC,EAAE,WAAW,EAAE,KAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,CAAC,CAAC,CAAA,iCAAiC,IAAI;;aAE3F,CAAC;IACZ,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,aAAa;IAC5E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC/D,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC;QAE5D,eAAO,CAAC,CAAC,CAAC,GAAG;YACX,IAAI,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,CAAC,EAAE,WAAW,EAAE,KAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,CAAC,CAAC,CAAA;YAC1D,IAAI,EAAE,oBAAoB,OAAO,IAAI,OAAO,EAAE;SAC/C,CAAC;QAEF,OAAO,eAAO,CAAC;IACjB,CAAC;CACa,CAAC"}

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const node_html_parser_1 = require("node-html-parser");
+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 (n instanceof node_html_parser_1.HTMLElement && 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":";;;AAAA,uDAA+C;AAE/C,+CAA4F;AAE/E,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,CAAC,YAAY,8BAAW,IAAI,CAAC,CAAC,OAAO,KAAK,WAAW,EAAE,CAAC;gBAC1D,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"}