@wavemaker-ai/react-codegen 1.0.0-rc.314 → 1.0.0-rc.317

package/dist/transpiler/index.mjs

@@ -41876,6 +41876,88 @@ var AutolayoutCodegen = class {
   }
 };
 
+// src/transpile/components/data/table/utils.ts
+var CUSTOM_PIPE_REGEX = /(custom(\s*:))/;
+function checkIsCustomPipeExpression(exp) {
+  return CUSTOM_PIPE_REGEX.test(exp);
+}
+function findNearestElement(element, tagName) {
+  var _a, _b;
+  let current = element.parentNode;
+  const target = tagName.toLowerCase();
+  while (current) {
+    if (((_a = current.tagName) == null ? void 0 : _a.toLowerCase()) === target) {
+      return (_b = current.getAttribute("name")) != null ? _b : void 0;
+    }
+    current = current.parentNode;
+  }
+  return void 0;
+}
+function convertActionToClickHandler(actionAttr, tableName, liveTableName) {
+  const statements = actionAttr.split(";").map((s) => s.trim()).filter(Boolean);
+  const converted = statements.map((statement) => {
+    statement = convertHyphenatedPropsToBracketNotation(statement);
+    let cleaned = statement.replace(/\$event/g, "event");
+    if (cleaned.startsWith("event.")) return cleaned;
+    if (cleaned.startsWith("Actions") || cleaned.startsWith("Variables") || cleaned.startsWith("Widgets")) {
+      return `fragment.${cleaned}`;
+    }
+    if (cleaned.includes("(")) {
+      const funcName = cleaned.split("(")[0];
+      if (tableName && funcName.startsWith(`${tableName}_`)) {
+        return `fragment.${cleaned}`;
+      }
+      if (cleaned.includes("(event)")) {
+        cleaned = cleaned.replace("(event)", "(event, widget, row)");
+      }
+      if (liveTableName && (funcName.endsWith("addNewRow") || funcName.endsWith("editRow"))) {
+        return `fragment.Widgets.${liveTableName}.${cleaned}`;
+      }
+      return tableName ? `fragment.Widgets.${tableName}.${cleaned}` : `fragment.${cleaned}`;
+    }
+    return `fragment.${cleaned}`;
+  });
+  return `onClick={(event, widget, row) => {
+  ${converted.join("\n  ")}
+}}`;
+}
+function transformTableColumnClassExpression(expression) {
+  if (!expression) return "";
+  let transformed = expression.replace(/fragment\??\.row/g, "rowData");
+  transformed = transformed.replace(/\brow\./g, "rowData.");
+  transformed = transformed.replace(/\brow\[/g, "rowData[");
+  transformed = addOptionalChaining(transformed);
+  transformed = transformed.replace(/(\w+)\?\.\s*\(/g, "$1(");
+  transformed = transformed.replace(/"([^"]*)"/g, "'$1'");
+  return transformed;
+}
+function getFormatCellExpression(element, context) {
+  const binding = element.getAttribute("binding");
+  if (!binding || binding === "rowOperations") {
+    return null;
+  }
+  let formatPattern = element.getAttribute("custompipeformat") || element.getAttribute("formatpattern");
+  if (!formatPattern || formatPattern === "None") {
+    return null;
+  }
+  const columnValue = `row.getProperty('${binding}')`;
+  let pipeExpression = "";
+  if (checkIsCustomPipeExpression(formatPattern)) {
+    pipeExpression = `${columnValue} | ${formatPattern} : row`;
+  }
+  if (!pipeExpression) {
+    return null;
+  }
+  let transformed = bind_ex_transformer_default(pipeExpression, "fragment", "attr");
+  transformed = transformed.replace(/fragment\??\.row/g, "rowData");
+  transformed = transformed.replace(/\brow\./g, "rowData.");
+  transformed = transformed.replace(/\brow\b(?![a-zA-Z_$0-9])/g, "rowData");
+  transformed = resolveFormatContext(transformed, context);
+  transformed = addOptionalChaining(transformed);
+  transformed = transformed.replace(/(\w+)\?\.\s*\(/g, "$1(");
+  return transformed;
+}
+
 // src/transpile/transpile.ts
 var generateRandomString = (length = 10) => Math.random().toString(20).substr(2, length);
 var EVENT_NAME_MAP = {
@@ -42403,7 +42485,7 @@ var _Transpiler = class _Transpiler {
     return false;
   }
   findArgs(str, context) {
-    var _a;
+    var _a, _b;
     let argStr = "";
     let maxSplits = 0;
     (_a = str.match(/\([^;]*\)/g)) == null ? void 0 : _a.forEach((s) => {
@@ -42414,7 +42496,7 @@ var _Transpiler = class _Transpiler {
       }
     });
     argStr = argStr.replace(/\(|\)/g, "");
-    if (context == null ? void 0 : context.get("isInsideList")) {
+    if ((_b = context == null ? void 0 : context.get) == null ? void 0 : _b.call(context, "isInsideList")) {
       argStr = argStr.split(",").filter((s) => !(0, import_lodash5.includes)(["$item", "currentItemWidgets"], s.trim())).join(",");
     }
     const parsedArgs = this.parseArguments(argStr);
@@ -42535,6 +42617,7 @@ var _Transpiler = class _Transpiler {
     return attrName.endsWith("url") || attrName.endsWith("src");
   }
   transformAttr(tagName, name, value, context, tx) {
+    var _a, _b, _c;
     if (name === "styles" || name === "style" || name === "className") ; else if (name === "groupby" && value.includes("(")) {
       value = `${this.findArgs(value, context)} => ${value}`;
       value = `{${value}}`;
@@ -42543,12 +42626,12 @@ var _Transpiler = class _Transpiler {
       value = value.replace(/item,/g, "$item,");
       value = value.replace(/item\./g, "$item.");
       value = value.replace(/item\)/g, "$item)");
-      if (context == null ? void 0 : context.get("isInsideList")) {
+      if ((_a = context == null ? void 0 : context.get) == null ? void 0 : _a.call(context, "isInsideList")) {
         value = value.replace(/;+\s*$/, "").trim();
         value = addFragmentOptionalChaining(value, false);
       }
       const args = this.findArgs(value, context);
-      if (context == null ? void 0 : context.get("isInsideTableColumn")) {
+      if ((_b = context == null ? void 0 : context.get) == null ? void 0 : _b.call(context, "isInsideTableColumn")) {
         value = value.replace(/\brow\b/g, "rowData");
       }
       const arrowParams = this.parseArrowParamNames(args);
@@ -42571,7 +42654,7 @@ var _Transpiler = class _Transpiler {
       let exp = `${value.substring(5)}`;
       exp = exp.replace("fragment.Page", "fragment");
       const isProgressCircleDatavalue = tagName === "wm-progress-circle" && name === "datavalue";
-      exp = modifyExpression(exp);
+      exp = ((_c = context == null ? void 0 : context.get) == null ? void 0 : _c.call(context, "isInsideTableColumn")) ? transformTableColumnClassExpression(exp) : modifyExpression(exp);
       exp = resolveFormatContext(exp, context);
       exp = this.convertStringBooleanTernary(exp);
       if (!exp) {
@@ -42696,7 +42779,7 @@ _Transpiler.INSTANCE_BOUND_CALLEE = /(?:\?\.|\.)(?:Actions|Variables)(?:\?\.|\.|
 var Transpiler = _Transpiler;
 var transpiler = new Transpiler();
 var registerTransformer = transpiler.registerTransformer.bind(transpiler);
-var transpileMarkup = (markup, isPartOfPrefab, splitCode, variables, preview) => {
+var transpileMarkup = (markup, isPartOfPrefab, splitCode, variables, preview, insideTableColumn) => {
   const parsed = parse5(markup, {
     blockTextElements: {}
   });
@@ -42725,7 +42808,8 @@ var transpileMarkup = (markup, isPartOfPrefab, splitCode, variables, preview) =>
     data: {
       twoWayBindingVariables,
       autolayoutCodegen,
-      preview: preview === true
+      preview: preview === true,
+      ...insideTableColumn ? { isInsideTableColumn: true } : {}
     }
   });
   parsed.childNodes.forEach((node) => {
@@ -46193,88 +46277,6 @@ var liveform_transformer_default = {
   imports: (element, context) => imports89
 };
 
-// src/transpile/components/data/table/utils.ts
-var CUSTOM_PIPE_REGEX = /(custom(\s*:))/;
-function checkIsCustomPipeExpression(exp) {
-  return CUSTOM_PIPE_REGEX.test(exp);
-}
-function findNearestElement(element, tagName) {
-  var _a, _b;
-  let current = element.parentNode;
-  const target = tagName.toLowerCase();
-  while (current) {
-    if (((_a = current.tagName) == null ? void 0 : _a.toLowerCase()) === target) {
-      return (_b = current.getAttribute("name")) != null ? _b : void 0;
-    }
-    current = current.parentNode;
-  }
-  return void 0;
-}
-function convertActionToClickHandler(actionAttr, tableName, liveTableName) {
-  const statements = actionAttr.split(";").map((s) => s.trim()).filter(Boolean);
-  const converted = statements.map((statement) => {
-    statement = convertHyphenatedPropsToBracketNotation(statement);
-    let cleaned = statement.replace(/\$event/g, "event");
-    if (cleaned.startsWith("event.")) return cleaned;
-    if (cleaned.startsWith("Actions") || cleaned.startsWith("Variables") || cleaned.startsWith("Widgets")) {
-      return `fragment.${cleaned}`;
-    }
-    if (cleaned.includes("(")) {
-      const funcName = cleaned.split("(")[0];
-      if (tableName && funcName.startsWith(`${tableName}_`)) {
-        return `fragment.${cleaned}`;
-      }
-      if (cleaned.includes("(event)")) {
-        cleaned = cleaned.replace("(event)", "(event, widget, row)");
-      }
-      if (liveTableName && (funcName.endsWith("addNewRow") || funcName.endsWith("editRow"))) {
-        return `fragment.Widgets.${liveTableName}.${cleaned}`;
-      }
-      return tableName ? `fragment.Widgets.${tableName}.${cleaned}` : `fragment.${cleaned}`;
-    }
-    return `fragment.${cleaned}`;
-  });
-  return `onClick={(event, widget, row) => {
-  ${converted.join("\n  ")}
-}}`;
-}
-function transformTableColumnClassExpression(expression) {
-  if (!expression) return "";
-  let transformed = expression.replace(/fragment\??\.row/g, "rowData");
-  transformed = transformed.replace(/\brow\./g, "rowData.");
-  transformed = transformed.replace(/\brow\[/g, "rowData[");
-  transformed = addOptionalChaining(transformed);
-  transformed = transformed.replace(/(\w+)\?\.\s*\(/g, "$1(");
-  transformed = transformed.replace(/"([^"]*)"/g, "'$1'");
-  return transformed;
-}
-function getFormatCellExpression(element, context) {
-  const binding = element.getAttribute("binding");
-  if (!binding || binding === "rowOperations") {
-    return null;
-  }
-  let formatPattern = element.getAttribute("custompipeformat") || element.getAttribute("formatpattern");
-  if (!formatPattern || formatPattern === "None") {
-    return null;
-  }
-  const columnValue = `row.getProperty('${binding}')`;
-  let pipeExpression = "";
-  if (checkIsCustomPipeExpression(formatPattern)) {
-    pipeExpression = `${columnValue} | ${formatPattern} : row`;
-  }
-  if (!pipeExpression) {
-    return null;
-  }
-  let transformed = bind_ex_transformer_default(pipeExpression, "fragment", "attr");
-  transformed = transformed.replace(/fragment\??\.row/g, "rowData");
-  transformed = transformed.replace(/\brow\./g, "rowData.");
-  transformed = transformed.replace(/\brow\b(?![a-zA-Z_$0-9])/g, "rowData");
-  transformed = resolveFormatContext(transformed, context);
-  transformed = addOptionalChaining(transformed);
-  transformed = transformed.replace(/(\w+)\?\.\s*\(/g, "$1(");
-  return transformed;
-}
-
 // src/transpile/components/data/table/table-column.transformer.ts
 var imports90 = [
   { name: "WmTableColumn", from: "@wavemaker-ai/react-runtime/components/data/table/table-column" }
@@ -47690,8 +47692,15 @@ export default (${scope}:any) => {
 `;
 }
 function transformMarkup(markup, options = { appUrl: "", prefabName: "", isPartOfPrefab: false }) {
-  const { isPartOfPrefab = false, variables, appUrl, prefabName } = options;
-  const transpiledOutput = transpileMarkup(markup, isPartOfPrefab, void 0, variables, true);
+  const { isPartOfPrefab = false, variables, appUrl, prefabName, insideTableColumn } = options;
+  const transpiledOutput = transpileMarkup(
+    markup,
+    isPartOfPrefab,
+    void 0,
+    variables,
+    true,
+    insideTableColumn
+  );
   const transpiledVars = transpileVariableDefinitions(variables, appUrl, "Page");
   const variablesCode = serializeVariablesToCode(transpiledVars, "Page", {
     isPrefabApp: isPartOfPrefab,