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

package/src/transpile/components/container/wizardstep.transformer.js

@@ -0,0 +1,74 @@
+"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"));
+exports.imports = [
+    {
+        name: "WmWizardstep",
+        from: "@wavemaker-ai/react-runtime/components/container/wizard/wizard-step",
+    },
+    {
+        name: "WmPartialContainer",
+        from: "@wavemaker-ai/react-runtime/components/page/partial-container",
+    },
+];
+const getOnNext = (element) => {
+    const onNext = element.getAttribute("on-next");
+    return onNext ? `(widget, currentStep, stepIndex) =>{return ${onNext}}` : "";
+};
+const getOnPrev = (element) => {
+    const onPrev = element.getAttribute("on-prev");
+    return onPrev ? `(widget, currentStep, stepIndex) =>{return ${onPrev}}` : "";
+};
+function getNearestWizardType(element) {
+    var _a;
+    let current = element;
+    while (current) {
+        current = current.parentNode;
+        if (!current)
+            break;
+        if (((_a = current.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === "wm-wizard") {
+            const type = current.getAttribute("type");
+            if (type) {
+                return type;
+            }
+        }
+    }
+    return undefined;
+}
+exports.default = {
+    pre: (element, context) => {
+        let partial = partial_container_transformer_1.default.pre(element, context) || "";
+        if (partial) {
+            partial = `render={(props:Record<string, any>, onLoad:()=>void) => (${partial})}`;
+        }
+        const onNext = getOnNext(element);
+        const onPrev = getOnPrev(element);
+        element.removeAttribute("on-next");
+        element.removeAttribute("on-prev");
+        const type = getNearestWizardType(element);
+        // If parent wizard is dynamic and there is no partial, move children into render
+        if (((type && type == "dynamic") || (element.childNodes && element.childNodes.length > 0)) &&
+            !partial) {
+            return `<WmWizardstep ${(0, transpile_1.transformAttrs)(element, context)}
+    ${onNext ? `onNext={${onNext}}` : ""} ${onPrev ? `onPrev={${onPrev}}` : ""} render={(props:Record<string, any>, onLoad:()=>void) => (<>`;
+        }
+        return `<WmWizardstep ${(0, transpile_1.transformAttrs)(element, context)}
+    ${onNext ? `onNext={${onNext}}` : ""} ${onPrev ? `onPrev={${onPrev}}` : ""} ${partial} >`;
+    },
+    post: (element, context) => {
+        const type = getNearestWizardType(element);
+        const hasPartial = !!element.getAttribute("content");
+        if (((type && type == "dynamic") || (element.childNodes && element.childNodes.length > 0)) &&
+            !hasPartial) {
+            return " </>)}/>";
+        }
+        return "</WmWizardstep>";
+    },
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=wizardstep.transformer.js.map

package/src/transpile/components/container/wizardstep.transformer.js.map

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

package/src/transpile/components/data/card/card-actions.transformer.js

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

package/src/transpile/components/data/card/card-actions.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-actions.transformer.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/card/card-actions.transformer.ts"],"names":[],"mappings":";;;AAEA,kDAA+F;AAElF,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,+DAA+D,EAAE;CACjG,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAC3D,kBAAkB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG;IACvD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,kBAAkB;IACjF,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}

package/src/transpile/components/data/card/card-content.transformer.js

@@ -0,0 +1,23 @@
+"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"));
+exports.imports = [
+    { name: "WmCardContent", from: "@wavemaker-ai/react-runtime/components/data/card/card-content" },
+];
+exports.default = {
+    pre: (element, context) => {
+        let partial = partial_container_transformer_1.default.pre(element, context) || "";
+        if (partial) {
+            partial = `renderPartial={(props:Record<string, any>, onLoad:()=>void) => (${partial})}`;
+        }
+        return `<WmCardContent ${(0, transpile_1.transformAttrs)(element, context)} ${partial}>`;
+    },
+    post: (element, context) => "</WmCardContent>",
+    imports: (element, context) => exports.imports.concat(partial_container_transformer_1.default.imports(element, context)),
+};
+//# sourceMappingURL=card-content.transformer.js.map

package/src/transpile/components/data/card/card-content.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-content.transformer.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/card/card-content.transformer.ts"],"names":[],"mappings":";;;;;;AAEA,kDAA+F;AAC/F,6GAAmF;AAEtE,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,+DAA+D,EAAE;CACjG,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,IAAI,OAAO,GAAG,uCAA2B,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;QACtE,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,GAAG,mEAAmE,OAAO,IAAI,CAAC;QAC3F,CAAC;QACD,OAAO,kBAAkB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,OAAO,GAAG,CAAC;IAC1E,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,kBAAkB;IACjF,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/data/card/card-footer.transformer.js

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

package/src/transpile/components/data/card/card-footer.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-footer.transformer.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/card/card-footer.transformer.ts"],"names":[],"mappings":";;;AAEA,kDAA+F;AAElF,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,8DAA8D,EAAE;CAC/F,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAC3D,iBAAiB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG;IACtD,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/data/card/card.transformer.js

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

package/src/transpile/components/data/card/card.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.transformer.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/card/card.transformer.ts"],"names":[],"mappings":";;;AAEA,kDAA+F;AAElF,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,kDAAkD,EAAE;CAC7E,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAC3D,WAAW,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,4EAA4E;IACzH,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/data/form/dynamic-fields.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: "WmDynamicFields",
+        from: "@wavemaker-ai/react-runtime/components/data/form/dynamic-fields",
+    },
+];
+const getBeforeRenderEx = (element) => {
+    const beforeRender = element.getAttribute("on-beforerender");
+    return beforeRender ? `($metadata, widget) =>{return ${beforeRender}}` : "";
+};
+exports.default = {
+    pre: (element, context) => {
+        const beforeRender = getBeforeRenderEx(element);
+        element.removeAttribute("on-beforerender");
+        return `<WmDynamicFields listener={fragment} ${beforeRender ? `onBeforeRender={${beforeRender}}` : ""}  ${(0, transpile_1.transformAttrs)(element, context)}`;
+    },
+    post: (element, context) => "/>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=dynamic-fields.transformer.js.map

package/src/transpile/components/data/form/dynamic-fields.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-fields.transformer.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/form/dynamic-fields.transformer.ts"],"names":[],"mappings":";;;AAEA,kDAA+F;AAElF,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,iBAAiB;QACvB,IAAI,EAAE,iEAAiE;KACxE;CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,OAAoB,EAAE,EAAE;IACjD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAC7D,OAAO,YAAY,CAAC,CAAC,CAAC,iCAAiC,YAAY,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;AAC9E,CAAC,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,MAAM,YAAY,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAChD,OAAO,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;QAE3C,OAAO,wCAAwC,YAAY,CAAC,CAAC,CAAC,mBAAmB,YAAY,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC;IAC/I,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/data/form/form-action.transformer.js

@@ -0,0 +1,145 @@
+"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: "WmFormAction",
+        from: "@wavemaker-ai/react-runtime/components/data/form/form-action",
+    },
+];
+const getFormActionExpr = (action, isAsync = false) => {
+    const asyncKeyword = isAsync ? "async " : "";
+    const awaitKeyword = isAsync ? "await " : "";
+    // For async submit actions, add await before the submit call
+    const processedAction = isAsync && action.includes("?.submit();")
+        ? action.replace(/(\S+\?\.submit\(\);)/g, `${awaitKeyword}$1`)
+        : action;
+    return `${asyncKeyword}($event) => {
+        ${processedAction}
+    }`;
+};
+/**
+ * Generates widget accessor with proper syntax for dynamic (bound) vs static form names.
+ * @param prefix - Base path like "fragment?.Widgets" or "list.itemWidgets[$index]"
+ * @param formName - The form name (may contain $item for dynamic)
+ * @param suffix - Method call like ".formreset()" or ".submit()"
+ * @param isDynamic - Whether formName is a dynamic expression
+ */
+const getWidgetAccessor = (prefix, formName, suffix, isDynamic) => {
+    if (isDynamic) {
+        // Use bracket notation with optional chaining for dynamic access
+        // Convert $item.taskId to $item?.taskId for safe access
+        const safeFormName = formName.replace(/\./g, "?.");
+        return `${prefix}?.[${safeFormName}]${suffix}`;
+    }
+    return `${prefix}.${formName}${suffix}`;
+};
+exports.default = {
+    pre: (element, context) => {
+        var _a;
+        const listName = context.data.listname;
+        const key = element.getAttribute("key");
+        element.setAttribute("displayName", element.attrs["display-name"]);
+        element.removeAttribute("display-name");
+        element.removeAttribute("key");
+        const updateMode = (_a = element.attrs["update-mode"]) !== null && _a !== void 0 ? _a : "true";
+        element.setAttribute("updateMode", updateMode);
+        element.removeAttribute("update-mode");
+        const widgetType = element.getAttribute("widget-type") || "button";
+        element.removeAttribute("widget-type");
+        let formName = element.getAttribute("formKey") || element.attrs["key"] || element.attrs["name"];
+        let isDynamicFormName = false;
+        if (formName.startsWith("bind:")) {
+            formName = formName.replace("bind:", "");
+            isDynamicFormName = true;
+        }
+        const actionType = element.getAttribute("type");
+        const name = element.getAttribute("name");
+        let action = element.getAttribute("action");
+        let btnClass = "btn-default";
+        // Define prefixes for list vs non-list context
+        const listPrefix = "list.itemWidgets[$index]";
+        const fragmentPrefix = "fragment?.Widgets";
+        const widgetsPrefix = "Widgets";
+        if (actionType === "submit") {
+            btnClass = "btn-primary";
+            action = listName
+                ? getWidgetAccessor(listPrefix, formName, "?.submit();", isDynamicFormName) + (action || "")
+                : getWidgetAccessor(widgetsPrefix, formName, "?.submit();", isDynamicFormName) +
+                    (action || "");
+        }
+        if (actionType === "reset") {
+            action = listName
+                ? getWidgetAccessor(listPrefix, formName, "?.formreset()", isDynamicFormName) +
+                    (action || "")
+                : getWidgetAccessor(widgetsPrefix, formName, "?.formreset();", isDynamicFormName) +
+                    (action || "");
+        }
+        if (action) {
+            let processedAction = (0, utils_1.convertHyphenatedPropsToBracketNotation)(action);
+            processedAction = processedAction.endsWith(";")
+                ? processedAction.substring(0, processedAction.length - 1)
+                : processedAction;
+            action = processedAction
+                .split(";")
+                .map(s => {
+                if (s === "reset()") {
+                    return listName
+                        ? getWidgetAccessor(listPrefix, formName, "?.formreset()", isDynamicFormName)
+                        : getWidgetAccessor(fragmentPrefix, formName, "?.formreset()", isDynamicFormName);
+                }
+                else if (s === "edit()" || s === "new()" || s === "cancel()" || s === "delete()") {
+                    return listName
+                        ? getWidgetAccessor(listPrefix, formName, "?." + s, isDynamicFormName)
+                        : getWidgetAccessor(fragmentPrefix, formName, "?." + s, isDynamicFormName);
+                }
+                else if (s === "filter()") {
+                    return listName
+                        ? getWidgetAccessor(listPrefix, formName, "?.filter()", isDynamicFormName)
+                        : getWidgetAccessor(fragmentPrefix, formName, "?.filter()", isDynamicFormName);
+                }
+                else if (s === "clearFilter()") {
+                    return listName
+                        ? getWidgetAccessor(listPrefix, formName, "?.clearFilter()", isDynamicFormName)
+                        : getWidgetAccessor(fragmentPrefix, formName, "?.clearFilter()", isDynamicFormName);
+                }
+                else if (s === "saveAndNew()") {
+                    return listName
+                        ? getWidgetAccessor(listPrefix, formName, "?.saveAndNew()", isDynamicFormName)
+                        : getWidgetAccessor(fragmentPrefix, formName, "?.saveAndNew()", isDynamicFormName);
+                }
+                else if (s === "saveAndView()") {
+                    return listName
+                        ? getWidgetAccessor(listPrefix, formName, "?.saveAndView()", isDynamicFormName)
+                        : getWidgetAccessor(fragmentPrefix, formName, "?.saveAndView()", isDynamicFormName);
+                }
+                else if (s === "highlightInvalidFields()") {
+                    return listName
+                        ? getWidgetAccessor(listPrefix, formName, "?.highlightInvalidFields()", isDynamicFormName)
+                        : getWidgetAccessor(fragmentPrefix, formName, "?.highlightInvalidFields()", isDynamicFormName);
+                }
+                else {
+                    return listName ? s : "fragment." + s;
+                }
+            })
+                .join(";");
+        }
+        element.setAttribute("btnClass", btnClass);
+        element.removeAttribute("formKey");
+        element.removeAttribute("action");
+        element.setAttribute("name", name || key || formName);
+        // Generate formRef with proper accessor syntax
+        const formRefExpr = isDynamicFormName
+            ? `fragment?.Widgets?.[${formName.replace(/\./g, "?.")}]?.ref`
+            : `fragment?.Widgets?.${formName}?.ref`;
+        // Use async/await for submit actions
+        const isAsyncAction = actionType === "submit";
+        return `<WmFormAction formRef={${formRefExpr}}  ${(0, transpile_1.transformAttrs)(element, context)}
+            ${action && actionType ? `onClick={${getFormActionExpr(action, isAsyncAction)}} widgettype="${widgetType}"` : ""} `;
+    },
+    post: (element, context) => "/>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=form-action.transformer.js.map

package/src/transpile/components/data/form/form-action.transformer.js.map

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

package/src/transpile/components/data/form/form-body.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: "WmFormBody",
+        from: "@wavemaker-ai/react-runtime/components/data/form/form-body",
+    },
+];
+exports.default = {
+    pre: (element, context) => `<WmFormBody ${(0, transpile_1.transformAttrs)(element, context)}>`,
+    post: (element, context) => "</WmFormBody>",
+    imports: (element, context) => exports.imports,
+};
+//# sourceMappingURL=form-body.transformer.js.map

package/src/transpile/components/data/form/form-body.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-body.transformer.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/form/form-body.transformer.ts"],"names":[],"mappings":";;;AAEA,kDAA+F;AAElF,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,4DAA4D;KACnE;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAC3D,eAAe,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG;IACpD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAe;IAC9E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}