@wavemaker/react-codegen 11.14.2-rc.6311 → 12.0.0-next.28533

package/src/transpile/components/data/table/table-column.transformer.js

@@ -4,15 +4,57 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.imports = void 0;
+exports.transformTableColumnClassExpression = transformTableColumnClassExpression;
 const node_html_parser_1 = require("node-html-parser");
 const transpile_1 = require("../../../transpile");
 exports.imports = [
     { name: "WmTableColumn", from: "@wavemaker/react-runtime/components/data/table/table-column" },
 ];
 const bind_ex_transformer_1 = __importDefault(require("../../../bind.ex.transformer"));
+const utils_1 = require("../../utils");
+const utils_2 = require("../../../../utils");
+/**
+ * Transforms table column class expressions by:
+ * 1. Replacing fragment.row/fragment?.row with rowData
+ * 2. Replacing standalone row. and row[ with rowData.
+ * 3. Applying optional chaining to property access
+ * 4. Removing optional chaining between method names and parentheses
+ * 5. Normalizing double quotes to single quotes in string literals
+ *
+ * @param expression - The expression string to transform
+ * @returns The transformed expression string
+ */
+function transformTableColumnClassExpression(expression) {
+    if (!expression)
+        return "";
+    // Replace fragment.row, fragment?.row with rowData
+    let transformed = expression.replace(/fragment\??\.row/g, "rowData");
+    // Replace standalone row. (word boundary to avoid matching "error" or "arrow")
+    transformed = transformed.replace(/\brow\./g, "rowData.");
+    // Replace standalone row[ (bracket notation, word boundary to avoid matching "arrow")
+    transformed = transformed.replace(/\brow\[/g, "rowData[");
+    // Apply optional chaining
+    transformed = (0, utils_2.addOptionalChaining)(transformed);
+    // Remove optional chaining only between method name and parentheses (e.g., getProperty?.( -> getProperty()
+    // Keep optional chaining on the object (e.g., rowData?.getProperty stays as is)
+    transformed = transformed.replace(/(\w+)\?\.\s*\(/g, "$1(");
+    // Normalize double quotes to single quotes in string literals
+    transformed = transformed.replace(/"([^"]*)"/g, "'$1'");
+    return transformed;
+}
+function transformColAttr(element) {
+    Object.keys(element.attributes).forEach(key => {
+        const value = element.getAttribute(key);
+        if ((value === null || value === void 0 ? void 0 : value.includes("getProperty")) && value.startsWith("bind:")) {
+            element.setAttribute(key, value.replace("bind:", ""));
+        }
+    });
+    return element;
+}
 exports.default = {
     pre: (element, context) => {
-        const editWidgetType = element.getAttribute("edit-widget-type") || "text";
+        var _a, _b;
+        const editWidgetType = element.getAttribute("edit-widget-type") || element.getAttribute("type") || "text";
         const widgetType = element.getAttribute("widget-type") || "label";
         const staticColClass = element.getAttribute("col-class") || "";
         const colNgClass = element.getAttribute("col-ng-class") || "";
@@ -28,7 +70,8 @@ exports.default = {
                 }
             }
         });
-        // Build colClass prop from static and/or dynamic expression
+        // Build colClass prop from dynamic expression only
+        // Static class will be set as class attribute on the element
         let colClassAttr = "";
         if (colNgClass) {
             const transformed = (0, bind_ex_transformer_1.default)(colNgClass, "fragment", "attr");
@@ -38,31 +81,63 @@ exports.default = {
             if (match) {
                 const classKey = match[1];
                 const condition = match[2];
-                if (staticColClass) {
-                    // Combine static class with conditional part
-                    colClassAttr = `colClass={'${staticColClass}' + ( ${condition} ? ' ${classKey}' : '' )}`;
-                }
-                else {
-                    // Only conditional class
-                    colClassAttr = `colClass={(${condition}) ? '${classKey}' : ''}`;
-                }
+                const transformedCondition = transformTableColumnClassExpression(condition || "");
+                // Only conditional class - output as string attribute
+                colClassAttr = `colClass="${transformedCondition} ? '${classKey}' : ''"`;
             }
             else {
                 // Fallback to object/array form if multiple keys or non-standard expression
-                if (staticColClass) {
-                    colClassAttr = `colClass={['${staticColClass}', ${transformed}]}`;
-                }
-                else {
-                    colClassAttr = `colClass={${transformed}}`;
-                }
+                const finalTransformed = transformTableColumnClassExpression((transformed === null || transformed === void 0 ? void 0 : transformed.toString()) || "");
+                colClassAttr = `colClass="${finalTransformed}"`;
             }
         }
-        else if (staticColClass) {
-            colClassAttr = `colClass="${staticColClass}"`;
+        // Append static class to existing class attribute on the element
+        const updatedElement = transformColAttr(element);
+        if (staticColClass) {
+            const existingClass = updatedElement.getAttribute("class") || "";
+            const combinedClass = existingClass
+                ? `${existingClass} ${staticColClass}`.trim()
+                : staticColClass;
+            updatedElement.setAttribute("class", combinedClass);
+        }
+        const template = element.childNodes.find(c => c instanceof node_html_parser_1.HTMLElement);
+        // Check if child content starts with {{ and convert to React expression with optional chaining
+        let customExp = null;
+        const textNodes = element.childNodes.filter((c) => c.nodeType === node_html_parser_1.NodeType.TEXT_NODE);
+        for (const textNode of textNodes) {
+            const textContent = (_a = textNode.text) === null || _a === void 0 ? void 0 : _a.trim();
+            if ((textContent === null || textContent === void 0 ? void 0 : textContent.startsWith("{{")) && textContent.endsWith("}}")) {
+                // Extract expression between {{ and }}
+                const expression = textContent.slice(2, -2).trim();
+                // Transform the expression (replace fragment.row and standalone row. with rowData)
+                const transformed = (0, bind_ex_transformer_1.default)(expression, "fragment", "attr");
+                let replacedExp = ((_b = transformed === null || transformed === void 0 ? void 0 : transformed.replace(/fragment\??\.row/g, "rowData")) === null || _b === void 0 ? void 0 : _b.toString()) || "";
+                // Replace standalone row. (word boundary to avoid matching "error" or "arrow")
+                replacedExp = replacedExp.replace(/\brow\./g, "rowData.");
+                // Apply optional chaining
+                customExp = `{${(0, utils_2.addOptionalChaining)(replacedExp)}}`;
+                element.removeChild(textNode);
+                break;
+            }
+        }
+        if (template || customExp) {
+            //skipping name attribute to generate
+            context.data.isInsideTableColumn = true;
+            template && (0, utils_1.transformRepeatChildAttr)(template, "fragment.row", "rowData");
+            const hasElementChildren = element.childNodes.some(c => c instanceof node_html_parser_1.HTMLElement);
+            return `<WmTableColumn listener={fragment} ${!rowOperations ? `editWidgetType="${editWidgetType}"` : ""}  widgetType="${widgetType}" ${colClassAttr} ${(0, transpile_1.transformAttrs)(updatedElement, context)} 
+      renderCellContent={(rowData:any , columnData : any) =>
+      (<> ${customExp ? `${customExp} </>)}` : ""} ${hasElementChildren ? "" : ">"}`;
+        }
+        return `<WmTableColumn listener={fragment} ${!rowOperations ? `editWidgetType="${editWidgetType}"` : ""}  widgetType="${widgetType}" ${colClassAttr} ${(0, transpile_1.transformAttrs)(updatedElement, context)}>`;
+    },
+    post: (element, context) => {
+        const hasElementChildren = element.childNodes.some(c => c instanceof node_html_parser_1.HTMLElement);
+        if (hasElementChildren) {
+            return " </>)}/>";
         }
-        return `<WmTableColumn listener={fragment} ${!rowOperations ? `editWidgetType="${editWidgetType}"` : ""} widgetType="${widgetType}" ${colClassAttr} ${(0, transpile_1.transformAttrs)(element, context)}>`;
+        return "</WmTableColumn>";
     },
-    post: (element, context) => "</WmTableColumn>",
     imports: (element, context) => exports.imports,
 };
 //# sourceMappingURL=table-column.transformer.js.map

package/src/transpile/components/data/table/table-column.transformer.js.map

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

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

package/src/transpile/components/data/table/table-group.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-group.transformer.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/table/table-group.transformer.ts"],"names":[],"mappings":";;;AAAA,kDAA+F;AAGlF,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,4DAA4D;KACnE;CACF,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,iBAAiB;IAChF,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}

package/src/transpile/components/data/table/table-row-action.transformer.js

@@ -21,8 +21,12 @@ exports.default = {
             const tableName = (0, utils_1.findNearestElement)(element, "wm-table");
             onClickExpr = (0, utils_1.convertActionToClickHandler)(actionAttr, tableName, liveTableName);
         }
-        ["display-name", "action"].forEach(attr => element.removeAttribute(attr));
-        return `<WmTableRowAction listener={fragment} widgettype="${widgetType}" ${displayName ? `displayName="${displayName}"` : ""} ${onClickExpr} ${(0, transpile_1.transformAttrs)(element, context)}`;
+        element.removeAttribute("display-name");
+        if (displayName) {
+            element.setAttribute("displayName", displayName);
+        }
+        element.removeAttribute("action");
+        return `<WmTableRowAction listener={fragment} widgettype="${widgetType}" ${onClickExpr} ${(0, transpile_1.transformAttrs)(element, context)}`;
     },
     post: (element, context) => "/>",
     imports: (element, context) => exports.imports,

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

@@ -1 +1 @@
-{"version":3,"file":"table-row-action.transformer.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/table/table-row-action.transformer.ts"],"names":[],"mappings":";;;AACA,kDAA+F;AAC/F,mCAA0E;AAE7D,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,kBAAkB;QACxB,IAAI,EAAE,iEAAiE;KACxE;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;QACzD,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAClD,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC;QACnE,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;QAEvC,IAAI,WAAW,GAAG,EAAE,CAAC;QACrB,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,aAAa,GAAG,IAAA,0BAAkB,EAAC,OAAO,EAAE,cAAc,CAAC,CAAC;YAClE,MAAM,SAAS,GAAG,IAAA,0BAAkB,EAAC,OAAO,EAAE,UAAU,CAAC,CAAC;YAC1D,WAAW,GAAG,IAAA,mCAA2B,EAAC,UAAU,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;QAClF,CAAC;QAED,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;QAE1E,OAAO,qDAAqD,UAAU,KAAK,WAAW,CAAC,CAAC,CAAC,gBAAgB,WAAW,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,WAAW,IAAI,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC;IACpL,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"}
+{"version":3,"file":"table-row-action.transformer.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/table/table-row-action.transformer.ts"],"names":[],"mappings":";;;AACA,kDAA+F;AAC/F,mCAA0E;AAE7D,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,kBAAkB;QACxB,IAAI,EAAE,iEAAiE;KACxE;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;QACzD,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAClD,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC;QACnE,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;QAEvC,IAAI,WAAW,GAAG,EAAE,CAAC;QACrB,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,aAAa,GAAG,IAAA,0BAAkB,EAAC,OAAO,EAAE,cAAc,CAAC,CAAC;YAClE,MAAM,SAAS,GAAG,IAAA,0BAAkB,EAAC,OAAO,EAAE,UAAU,CAAC,CAAC;YAC1D,WAAW,GAAG,IAAA,mCAA2B,EAAC,UAAU,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;QAClF,CAAC;QAED,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QACxC,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,CAAC,YAAY,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;QACnD,CAAC;QACD,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAElC,OAAO,qDAAqD,UAAU,KAAK,WAAW,IAAI,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC;IAC/H,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/table/table-row.transformer.js

@@ -15,14 +15,17 @@ exports.default = {
         if (element.hasAttribute("content")) {
             element.setAttribute("is-table-row", "true");
             partial = partial_container_transformer_1.default.pre(element, context) || "";
-            partial = `renderPartial={(props:Record<string, any>, onLoad:()=>void) => (${partial})}`;
+            partial = `renderPartial={(props:Record<string, any>, onLoad:()=>void, currentItem:any) => (${partial})}`;
             element.removeAttribute("is-table-row");
         }
         const widgetType = element.getAttribute("widget-type") || "button";
         const displayName = element.getAttribute("display-name");
-        const columnwidth = element.getAttribute("columnwidth");
-        ["widget-type", "display-name", "columnwidth"].forEach(attr => element.removeAttribute(attr));
-        return `<WmTableRow listener={fragment} widgetType="${widgetType}" ${displayName ? `displayName="${displayName}"` : ""} ${columnwidth ? `columnwidth="${columnwidth}"` : ""} ${(0, transpile_1.transformAttrs)(element, context)} ${partial}`;
+        element.removeAttribute("display-name");
+        if (displayName) {
+            element.setAttribute("displayName", displayName);
+        }
+        element.removeAttribute("widget-type");
+        return `<WmTableRow listener={fragment} widgetType="${widgetType}" ${(0, transpile_1.transformAttrs)(element, context)} ${partial}`;
     },
     post: (element, context) => "/>",
     imports: (element, context) => exports.imports.concat(partial_container_transformer_1.default.imports(element, context)),

package/src/transpile/components/data/table/table-row.transformer.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-row.transformer.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/table/table-row.transformer.ts"],"names":[],"mappings":";;;;;;AACA,kDAA+F;AAC/F,6GAAmF;AAEtE,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,0DAA0D,EAAE;CACzF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,IAAI,OAAO,GAAG,EAAE,CAAC;QACjB,IAAI,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;YACpC,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;YAC7C,OAAO,GAAG,uCAA2B,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;YAClE,OAAO,GAAG,mEAAmE,OAAO,IAAI,CAAC;YACzF,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QAC1C,CAAC;QAED,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC;QACnE,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;QACzD,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;QAExD,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;QAE9F,OAAO,+CAA+C,UAAU,KAAK,WAAW,CAAC,CAAC,CAAC,gBAAgB,WAAW,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,WAAW,CAAC,CAAC,CAAC,gBAAgB,WAAW,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,OAAO,EAAE,CAAC;IAC/N,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,IAAI;IACnE,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAC/D,eAAO,CAAC,MAAM,CAAC,uCAA2B,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;CACzD,CAAC"}
+{"version":3,"file":"table-row.transformer.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/table/table-row.transformer.ts"],"names":[],"mappings":";;;;;;AACA,kDAA+F;AAC/F,6GAAmF;AAEtE,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,0DAA0D,EAAE;CACzF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,IAAI,OAAO,GAAG,EAAE,CAAC;QACjB,IAAI,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;YACpC,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;YAC7C,OAAO,GAAG,uCAA2B,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;YAClE,OAAO,GAAG,oFAAoF,OAAO,IAAI,CAAC;YAC1G,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QAC1C,CAAC;QAED,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC;QACnE,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;QAEzD,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QACxC,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,CAAC,YAAY,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;QACnD,CAAC;QACD,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;QAEvC,OAAO,+CAA+C,UAAU,KAAK,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,OAAO,EAAE,CAAC;IACrH,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,IAAI;IACnE,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/table/table.transformer.js

@@ -24,7 +24,35 @@ exports.default = {
                 }
             }
         }
-        return `<WmTable listener={fragment} ${(0, transpile_1.transformAttrs)(element, context)}>`;
+        const beforeRowDelete = element.getAttribute("on-beforerowdelete") || element.getAttribute("on-Beforerowdelete");
+        let returnBeforeRowDelete = "";
+        if (beforeRowDelete) {
+            // Remove both possible variations of the attribute
+            element.removeAttribute("on-beforerowdelete");
+            element.removeAttribute("on-Beforerowdelete");
+            // Split and trim each statement
+            const fnCalls = beforeRowDelete
+                .split(";")
+                .map(fn => fn.trim())
+                .filter(Boolean); // remove empty entries
+            // Join using `||`
+            returnBeforeRowDelete = `onBeforerowdelete={($event,widget,row,options) => {return (\n  ${fnCalls.join(" ||\n  ")}\n);}}`;
+        }
+        const beforeFilter = element.getAttribute("on-beforefilter") || element.getAttribute("on-Beforefilter");
+        let returnBeforeFilter = "";
+        if (beforeFilter) {
+            // Remove both possible variations of the attribute
+            element.removeAttribute("on-beforefilter");
+            element.removeAttribute("on-Beforefilter");
+            // Split and trim each statement
+            const fnCalls = beforeFilter
+                .split(";")
+                .map(fn => fn.trim())
+                .filter(Boolean); // remove empty entries
+            // Join using `||`
+            returnBeforeFilter = `onBeforefilter={(widget,columns) => {return (\n  ${fnCalls.join(" ||\n  ")}\n);}}`;
+        }
+        return `<WmTable listener={fragment} ${(0, transpile_1.transformAttrs)(element, context)} ${returnBeforeRowDelete} ${returnBeforeFilter}>`;
     },
     post: (element, context) => "</WmTable>",
     imports: (element, context) => exports.imports,

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

@@ -1 +1 @@
-{"version":3,"file":"table.transformer.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/table/table.transformer.ts"],"names":[],"mappings":";;;AACA,kDAA+F;AAElF,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,gDAAgD,EAAE;CAC5E,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QACpD,MAAM,cAAc,GAAG,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAC1D,MAAM,eAAe,GAAG,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;QAC5D,IACE,WAAW;YACX,WAAW,CAAC,UAAU,CAAC,0BAA0B,CAAC;YAClD,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,EAChC,CAAC;YACD,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,8CAA8C,CAAC,CAAC;YAChF,IAAI,KAAK,EAAE,CAAC;gBACV,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;gBAC9B,IAAI,CAAC,cAAc,EAAE,CAAC;oBACpB,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,yBAAyB,YAAY,GAAG,CAAC,CAAC;gBAC/E,CAAC;gBACD,IAAI,CAAC,eAAe,EAAE,CAAC;oBACrB,OAAO,CAAC,YAAY,CAAC,aAAa,EAAE,aAAa,YAAY,UAAU,CAAC,CAAC;gBAC3E,CAAC;YACH,CAAC;QACH,CAAC;QACD,OAAO,gCAAgC,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC;IAC7E,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,YAAY;IAC3E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}
+{"version":3,"file":"table.transformer.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/table/table.transformer.ts"],"names":[],"mappings":"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"}

package/src/transpile/components/data/table/utils.js

@@ -26,7 +26,9 @@ function convertActionToClickHandler(actionAttr, tableName, liveTableName) {
         if (cleaned.startsWith("event."))
             return cleaned;
         // Global scope: Variables/Fn/Actions
-        if (cleaned.startsWith("Actions") || cleaned.startsWith("Variables")) {
+        if (cleaned.startsWith("Actions") ||
+            cleaned.startsWith("Variables") ||
+            cleaned.startsWith("Widgets")) {
             return `fragment.${cleaned}`;
         }
         // Function call

package/src/transpile/components/data/table/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/table/utils.ts"],"names":[],"mappings":";;AAEA,gDAYC;AAED,kEAiDC;AA/DD,SAAgB,kBAAkB,CAAC,OAAoB,EAAE,OAAe;;IACtE,IAAI,OAAO,GAAuB,OAAO,CAAC,UAAgC,CAAC;IAC3E,MAAM,MAAM,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC;IAErC,OAAO,OAAO,EAAE,CAAC;QACf,IAAI,CAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,WAAW,EAAE,MAAK,MAAM,EAAE,CAAC;YAC9C,OAAO,MAAA,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,mCAAI,SAAS,CAAC;QACnD,CAAC;QACD,OAAO,GAAG,OAAO,CAAC,UAAgC,CAAC;IACrD,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAgB,2BAA2B,CACzC,UAAkB,EAClB,SAAkB,EAClB,aAAsB;IAEtB,MAAM,UAAU,GAAG,UAAU;SAC1B,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;SAClB,MAAM,CAAC,OAAO,CAAC,CAAC;IAEnB,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;QAC3C,4BAA4B;QAC5B,IAAI,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QAErD,iDAAiD;QACjD,IAAI,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC;YAAE,OAAO,OAAO,CAAC;QAEjD,qCAAqC;QACrC,IAAI,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC;YACrE,OAAO,YAAY,OAAO,EAAE,CAAC;QAC/B,CAAC;QAED,gBAAgB;QAChB,IAAI,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC1B,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAEvC,oCAAoC;YACpC,IAAI,SAAS,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,CAAC;gBACtD,OAAO,YAAY,OAAO,EAAE,CAAC;YAC/B,CAAC;YAED,8DAA8D;YAC9D,IAAI,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;gBAChC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;YAC/D,CAAC;YAED,gFAAgF;YAChF,IAAI,aAAa,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC;gBACtF,OAAO,oBAAoB,aAAa,IAAI,OAAO,EAAE,CAAC;YACxD,CAAC;YAED,OAAO,SAAS,CAAC,CAAC,CAAC,oBAAoB,SAAS,IAAI,OAAO,EAAE,CAAC,CAAC,CAAC,YAAY,OAAO,EAAE,CAAC;QACxF,CAAC;QAED,0CAA0C;QAC1C,OAAO,YAAY,OAAO,EAAE,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,OAAO,yCAAyC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;AAC/E,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/table/utils.ts"],"names":[],"mappings":";;AAEA,gDAYC;AAED,kEAqDC;AAnED,SAAgB,kBAAkB,CAAC,OAAoB,EAAE,OAAe;;IACtE,IAAI,OAAO,GAAuB,OAAO,CAAC,UAAgC,CAAC;IAC3E,MAAM,MAAM,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC;IAErC,OAAO,OAAO,EAAE,CAAC;QACf,IAAI,CAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,WAAW,EAAE,MAAK,MAAM,EAAE,CAAC;YAC9C,OAAO,MAAA,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,mCAAI,SAAS,CAAC;QACnD,CAAC;QACD,OAAO,GAAG,OAAO,CAAC,UAAgC,CAAC;IACrD,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAgB,2BAA2B,CACzC,UAAkB,EAClB,SAAkB,EAClB,aAAsB;IAEtB,MAAM,UAAU,GAAG,UAAU;SAC1B,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;SAClB,MAAM,CAAC,OAAO,CAAC,CAAC;IAEnB,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;QAC3C,4BAA4B;QAC5B,IAAI,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QAErD,iDAAiD;QACjD,IAAI,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC;YAAE,OAAO,OAAO,CAAC;QAEjD,qCAAqC;QACrC,IACE,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC;YAC7B,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC;YAC/B,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,EAC7B,CAAC;YACD,OAAO,YAAY,OAAO,EAAE,CAAC;QAC/B,CAAC;QAED,gBAAgB;QAChB,IAAI,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC1B,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAEvC,oCAAoC;YACpC,IAAI,SAAS,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,CAAC;gBACtD,OAAO,YAAY,OAAO,EAAE,CAAC;YAC/B,CAAC;YAED,8DAA8D;YAC9D,IAAI,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;gBAChC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;YAC/D,CAAC;YAED,gFAAgF;YAChF,IAAI,aAAa,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC;gBACtF,OAAO,oBAAoB,aAAa,IAAI,OAAO,EAAE,CAAC;YACxD,CAAC;YAED,OAAO,SAAS,CAAC,CAAC,CAAC,oBAAoB,SAAS,IAAI,OAAO,EAAE,CAAC,CAAC,CAAC,YAAY,OAAO,EAAE,CAAC;QACxF,CAAC;QAED,0CAA0C;QAC1C,OAAO,YAAY,OAAO,EAAE,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,OAAO,yCAAyC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;AAC/E,CAAC"}

package/src/transpile/components/form/button.transformer.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.imports = void 0;
 const transpile_1 = require("../../transpile");
+const utils_1 = require("../utils");
 exports.imports = [
     {
         name: "WmButton",
@@ -9,7 +10,17 @@ exports.imports = [
     },
 ];
 exports.default = {
-    pre: (element, context) => `<WmButton listener={fragment} ${(0, transpile_1.transformAttrs)(element, context)} >`,
+    pre: (element, context) => {
+        let formNameProp = "";
+        if ((element === null || element === void 0 ? void 0 : element.getAttribute("type")) === "reset") {
+            const enclosingFormName = (0, utils_1.getParentNode)(element, "wm-form");
+            enclosingFormName && element.setAttribute("formName", enclosingFormName);
+        }
+        // Check if button is inside a table column
+        const isInsideTableColumn = (0, utils_1.getParentNode)(element, "wm-table-column");
+        const stopPropagation = (context === null || context === void 0 ? void 0 : context.get("isInsideList")) || isInsideTableColumn ? " stopPropagation={true}" : "";
+        return `<WmButton listener={fragment} ${stopPropagation} ${(0, transpile_1.transformAttrs)(element, context)} >`;
+    },
     post: (element, context) => "</WmButton>",
     imports: (element, context) => exports.imports,
 };

package/src/transpile/components/form/button.transformer.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/form/button.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAA4F;AAE/E,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,iDAAiD;KACxD;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAC3D,iCAAiC,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI;IACvE,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,aAAa;IAC5E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}
+{"version":3,"file":"button.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/form/button.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAA4F;AAC5F,oCAAyC;AAE5B,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,iDAAiD;KACxD;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,MAAM,CAAC,MAAK,OAAO,EAAE,CAAC;YAC9C,MAAM,iBAAiB,GAAG,IAAA,qBAAa,EAAC,OAAO,EAAE,SAAS,CAAC,CAAC;YAC5D,iBAAiB,IAAI,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC;QAC3E,CAAC;QACD,2CAA2C;QAC3C,MAAM,mBAAmB,GAAG,IAAA,qBAAa,EAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;QACtE,MAAM,eAAe,GACnB,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,cAAc,CAAC,KAAI,mBAAmB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,CAAC;QAEvF,OAAO,iCAAiC,eAAe,IAAI,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC;IAClG,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/checkbox-set.transformer.js

@@ -21,7 +21,7 @@ exports.default = {
             element.removeAttribute("displayexpression");
         }
         const isFormField = element.getAttribute("formfield") === "true";
-        return `<WmCheckboxset ${isFormField ? " {...$formField}" : ""} listener={fragment} ${(0, utils_1.extractDatasetInfo)(element)} ${(0, transpile_1.transformAttrs)(element, context)} ${getDisplayExpression ? `displayExpression=${getDisplayExpression}` : ""} >`;
+        return `<WmCheckboxset ${isFormField ? " {...$formField}" : ""} listener={fragment} ${(0, utils_1.extractDatasetInfo)(element)} ${(0, transpile_1.transformAttrs)(element, context)} ${getDisplayExpression ? `getDisplayExpression=${getDisplayExpression}` : ""} >`;
     },
     post: (element) => "</WmCheckboxset>",
     imports: (element) => exports.imports,

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-set.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/input/checkbox-set.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAMyB;AACzB,oCAA8C;AAEjC,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,+DAA+D;KACtE;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,IAAI,EAAE,4DAA4D;KACnE;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,kBAAkB,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;IACvO,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,kBAAkB;IAClD,OAAO,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,eAAO;CAC5B,CAAC"}
+{"version":3,"file":"checkbox-set.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/input/checkbox-set.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAMyB;AACzB,oCAA8C;AAEjC,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,+DAA+D;KACtE;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,IAAI,EAAE,4DAA4D;KACnE;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,kBAAkB,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,IAAI,CAAC;IAC1O,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,kBAAkB;IAClD,OAAO,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,eAAO;CAC5B,CAAC"}

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

@@ -8,12 +8,13 @@ exports.imports = [
 ];
 exports.default = {
     pre: (element, context) => {
+        const isFormField = element.getAttribute("formfield") === "true";
         let getDisplayExpression;
         getDisplayExpression = (0, transpile_1.createExpression)(element, "displayexpression");
         if (getDisplayExpression) {
             element.removeAttribute("displayexpression");
         }
-        return `<WmChips listener={fragment}  ${getDisplayExpression ? `displayexpression=${getDisplayExpression}` : ""} ${(0, utils_1.extractDatasetInfo)(element)}  ${(0, transpile_1.transformAttrs)(element, context)}>`;
+        return `<WmChips listener={fragment} ${isFormField ? " {...$formField}" : ""} ${getDisplayExpression ? `displayexpression=${getDisplayExpression}` : ""} ${(0, utils_1.extractDatasetInfo)(element)}  ${(0, transpile_1.transformAttrs)(element, context)}>`;
     },
     post: (element, context) => "</WmChips>",
     imports: (element, context) => exports.imports,

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

@@ -1 +1 @@
-{"version":3,"file":"chips.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/input/chips.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAMyB;AACzB,oCAA8C;AAEjC,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,iDAAiD,EAAE;CAC7E,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,IAAI,oBAAoB,CAAC;QACzB,oBAAoB,GAAG,IAAA,4BAAgB,EAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;QACtE,IAAI,oBAAoB,EAAE,CAAC;YACzB,OAAO,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;QAC/C,CAAC;QAED,OAAO,iCAAiC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB,oBAAoB,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,IAAA,0BAAkB,EAAC,OAAO,CAAC,KAAK,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC;IACzL,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,YAAY;IAC3E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}
+{"version":3,"file":"chips.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/input/chips.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAMyB;AACzB,oCAA8C;AAEjC,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,iDAAiD,EAAE;CAC7E,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,IAAI,oBAAoB,CAAC;QACzB,oBAAoB,GAAG,IAAA,4BAAgB,EAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;QACtE,IAAI,oBAAoB,EAAE,CAAC;YACzB,OAAO,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;QAC/C,CAAC;QAED,OAAO,gCAAgC,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,IAAI,oBAAoB,CAAC,CAAC,CAAC,qBAAqB,oBAAoB,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,IAAA,0BAAkB,EAAC,OAAO,CAAC,KAAK,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC;IACjO,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,YAAY;IAC3E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}

package/src/transpile/components/input/color-picker.transformer.js

@@ -10,7 +10,8 @@ exports.imports = [
 ];
 exports.default = {
     pre: (element, context) => {
-        return `<WmColorPicker listener={fragment}  ${(0, transpile_1.transformAttrs)(element, context)}>`;
+        const isFormField = element.getAttribute("formfield") === "true";
+        return `<WmColorPicker  ${isFormField ? " {...$formField}" : ""} listener={fragment}  ${(0, transpile_1.transformAttrs)(element, context)}>`;
     },
     post: (element) => "</WmColorPicker>",
     imports: (element) => exports.imports,

package/src/transpile/components/input/color-picker.transformer.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/input/color-picker.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAA4F;AAE/E,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,wDAAwD;KAC/D;CACF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,OAAO,uCAAuC,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC;IACpF,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,kBAAkB;IAClD,OAAO,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,eAAO;CAC5B,CAAC"}
+{"version":3,"file":"color-picker.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/input/color-picker.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAA4F;AAE/E,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,wDAAwD;KAC/D;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,mBAAmB,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,yBAAyB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC;IAC9H,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,kBAAkB;IAClD,OAAO,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,eAAO;CAC5B,CAAC"}

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

@@ -12,7 +12,7 @@ exports.default = {
             element.removeAttribute("displayexpression");
         }
         const isFormField = element.getAttribute("formfield") === "true";
-        return `<WmRating ${isFormField ? " {...$formField}" : ""} ${(0, transpile_1.transformAttrs)(element, context)}  ${getDisplayExpression ? `getDisplayExpression=${getDisplayExpression}` : ""}>`;
+        return `<WmRating ${isFormField ? " {...$formField}" : ""}  listener={fragment} ${(0, transpile_1.transformAttrs)(element, context)}  ${getDisplayExpression ? `getDisplayExpression=${getDisplayExpression}` : ""}>`;
     },
     post: (element, context) => "</WmRating>",
     imports: (element, context) => exports.imports,

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

@@ -1 +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,kDAAkD,EAAE;CAC/E,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,IAAI,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,KAAK,oBAAoB,CAAC,CAAC,CAAC,wBAAwB,oBAAoB,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IAClL,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"}
+{"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,kDAAkD,EAAE;CAC/E,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

@@ -32,7 +32,7 @@ exports.default = {
             if (getDisplayExpression) {
                 element.removeAttribute("displayexpression");
             }
-            onChange = (0, utils_1.getOnChangeExprforFormWidget)(element, "on-change");
+            onChange = (0, utils_1.getOnChangeExprforFormWidget)(element, "on-change", context);
         }
         // Extract dataPath by getting everything after first [0] and removing all array indices
         let dataPath = "";

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

@@ -1 +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,kDAAkD,EAAE;CAC/E,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,CAAC,CAAC;QAChE,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"}
+{"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,kDAAkD,EAAE;CAC/E,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/text.transformer.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.imports = void 0;
 const transpile_1 = require("../../transpile");
+const utils_1 = require("../utils");
 exports.imports = [
     {
         name: "WmText",
@@ -11,7 +12,8 @@ exports.imports = [
 exports.default = {
     pre: (element, context) => {
         const isFormField = element.getAttribute("formfield") === "true";
-        return `<WmText ${isFormField ? " {...$formField}" : ""} listener={fragment} ${(0, transpile_1.transformAttrs)(element, context)} >`;
+        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,

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

@@ -1 +1 @@
-{"version":3,"file":"text.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/input/text.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAA4F;AAE/E,QAAA,OAAO,GAAa;IAC/B;QACE,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,gDAAgD;KACvD;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,WAAW,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,wBAAwB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC;IACtH,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"}
+{"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,gDAAgD;KACvD;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/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/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,kDAAkD;KACzD;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"}