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

package/src/transpile/style.transformer.js

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const lodash_1 = require("lodash");
+const style_parser_1 = require("./style/style.parser");
+const dimension_style_parser_1 = require("./style/dimension-style.parser");
+const margin_parser_1 = require("./style/margin.parser");
+const padding_parser_1 = require("./style/padding.parser");
+const border_width_parser_1 = require("./style/border-width.parser");
+const numeric_style_parser_1 = require("./style/numeric-style.parser");
+const horizontal_align_parser_1 = require("./style/horizontal-align.parser");
+const background_image_parser_1 = require("./style/background-image.parser");
+const StyleProps = new Map([
+    ["backgroundimage", new background_image_parser_1.BackgroundImageParser()],
+    ["backgroundsize", new style_parser_1.StyleParser("backgroundSize")],
+    ["backgroundrepeat", new style_parser_1.StyleParser("backgroundRepeat")],
+    ["backgroundresizemode", new style_parser_1.StyleParser("backgroundResizeMode")],
+    ["backgroundposition", new style_parser_1.StyleParser("backgroundPosition")],
+    ["backgroundattachment", new style_parser_1.StyleParser("backgroundAttachment")],
+    ["backgroundcolor", new style_parser_1.StyleParser("backgroundColor")],
+    ["bordercolor", new style_parser_1.StyleParser("borderColor")],
+    ["borderradius", new dimension_style_parser_1.DimensionStyleParser("borderRadius")],
+    ["borderstyle", new style_parser_1.StyleParser("borderStyle")],
+    ["borderwidth", new border_width_parser_1.BorderWidthParser("borderWidth")],
+    ["borderbottomwidth", new dimension_style_parser_1.DimensionStyleParser("borderBottomWidth")],
+    ["borderleftwidth", new dimension_style_parser_1.DimensionStyleParser("borderLeftWidth")],
+    ["borderrightwidth", new dimension_style_parser_1.DimensionStyleParser("borderRightWidth")],
+    ["bordertopwidth", new dimension_style_parser_1.DimensionStyleParser("borderTopWidth")],
+    ["color", new style_parser_1.StyleParser("color")],
+    //['cursor', ''],
+    //['display', ''],
+    ["fontsize", new dimension_style_parser_1.DimensionStyleParser("fontSize")],
+    ["fontunit", new style_parser_1.StyleParser("fontUnit")],
+    ["fontfamily", new style_parser_1.StyleParser("fontFamily")],
+    ["fontstyle", new style_parser_1.StyleParser("fontStyle")],
+    ["fontvariant", new style_parser_1.StyleParser("fontVariant")],
+    ["fontweight", new style_parser_1.StyleParser("fontWeight")],
+    ["height", new dimension_style_parser_1.DimensionStyleParser("height")],
+    ["horizontalalign", new dimension_style_parser_1.DimensionStyleParser("horizontalAlign")],
+    ["lineheight", new dimension_style_parser_1.DimensionStyleParser("lineHeight")],
+    ["margin", new margin_parser_1.MarginParser()],
+    ["marginbottom", new dimension_style_parser_1.DimensionStyleParser("marginBottom")],
+    ["marginleft", new dimension_style_parser_1.DimensionStyleParser("marginLeft")],
+    ["marginheight", new dimension_style_parser_1.DimensionStyleParser("marginHeight")],
+    ["marginwidth", new dimension_style_parser_1.DimensionStyleParser("marginWidth")],
+    ["frameborder", new dimension_style_parser_1.DimensionStyleParser("frameBorder")],
+    ["marginright", new dimension_style_parser_1.DimensionStyleParser("marginRight")],
+    ["margintop", new dimension_style_parser_1.DimensionStyleParser("marginTop")],
+    ["opacity", new numeric_style_parser_1.NumericalStyleParser("opacity")],
+    ["overflow", new style_parser_1.StyleParser("overflow")],
+    ["padding", new padding_parser_1.PaddingParser()],
+    ["paddingbottom", new dimension_style_parser_1.DimensionStyleParser("paddingBottom")],
+    ["paddingleft", new dimension_style_parser_1.DimensionStyleParser("paddingLeft")],
+    ["paddingright", new dimension_style_parser_1.DimensionStyleParser("paddingRight")],
+    ["paddingtop", new dimension_style_parser_1.DimensionStyleParser("paddingTop")],
+    //['picturesource', ''],
+    ["textalign", new style_parser_1.StyleParser("textAlign")],
+    ["textdecoration", new style_parser_1.StyleParser("textDecorationLine")],
+    ["horizontalalign", new horizontal_align_parser_1.HorizontalAlignParser()],
+    ["verticalalign", new style_parser_1.StyleParser("textAlignVertical")],
+    //['visibility', ''],
+    //['whitespace', ''],
+    ["width", new dimension_style_parser_1.DimensionStyleParser("width")],
+    //['wordbreak', ''],
+    ["zindex", new numeric_style_parser_1.NumericalStyleParser("zIndex")],
+]);
+const TextStyleProps = [
+    "color",
+    "fontSize",
+    "fontFamily",
+    "fontStyle",
+    "fontVariant",
+    "fontWeight",
+    "lineHeight",
+    "textAlign",
+    "textDecorationLine",
+    "textAlignVertical",
+];
+exports.default = (element, isStyleProperty) => {
+    const style = {};
+    const textStyle = {};
+    let fontUnit = "";
+    StyleProps.forEach((parser, k) => {
+        if (!!element.hasAttribute(k) && isStyleProperty && isStyleProperty(k)) {
+            const value = element.getAttribute(k);
+            element.removeAttribute(k);
+            if (value) {
+                if (value.startsWith("bind:")) {
+                    if (k === "backgroundimage" && value.startsWith('bind:"') && value.endsWith('"')) {
+                        const literal = value.substring(6, value.length - 1);
+                        (0, lodash_1.merge)(style, parser.parse(literal, element));
+                    }
+                    else {
+                        style[parser.styleName || k] = value;
+                    }
+                }
+                else {
+                    if (k === "fontunit") {
+                        fontUnit = value;
+                    }
+                    else {
+                        (0, lodash_1.merge)(style, parser.parse(value, element));
+                    }
+                }
+            }
+        }
+    });
+    if (style.fontSize && fontUnit) {
+        style.fontSize = `${style.fontSize}${fontUnit}`;
+    }
+    Object.keys(style).forEach(k => {
+        if ((0, lodash_1.isNil)(style[k])) {
+            delete style[k];
+        }
+    });
+    if ((0, lodash_1.isEmpty)(style)) {
+        return null;
+    }
+    if (style["borderStyle"] === "none") {
+        delete style["borderStyle"];
+    }
+    const styles = style;
+    return styles;
+};
+//# sourceMappingURL=style.transformer.js.map

package/src/transpile/style.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.transformer.js","sourceRoot":"","sources":["../../../src/transpile/style.transformer.ts"],"names":[],"mappings":";;AAAA,mCAA+C;AAE/C,uDAAmD;AACnD,2EAAsE;AACtE,yDAAqD;AACrD,2DAAuD;AACvD,qEAAgE;AAChE,uEAAoE;AACpE,6EAAwE;AACxE,6EAAwE;AAExE,MAAM,UAAU,GAAG,IAAI,GAAG,CAAsB;IAC9C,CAAC,iBAAiB,EAAE,IAAI,+CAAqB,EAAE,CAAC;IAChD,CAAC,gBAAgB,EAAE,IAAI,0BAAW,CAAC,gBAAgB,CAAC,CAAC;IACrD,CAAC,kBAAkB,EAAE,IAAI,0BAAW,CAAC,kBAAkB,CAAC,CAAC;IACzD,CAAC,sBAAsB,EAAE,IAAI,0BAAW,CAAC,sBAAsB,CAAC,CAAC;IACjE,CAAC,oBAAoB,EAAE,IAAI,0BAAW,CAAC,oBAAoB,CAAC,CAAC;IAC7D,CAAC,sBAAsB,EAAE,IAAI,0BAAW,CAAC,sBAAsB,CAAC,CAAC;IACjE,CAAC,iBAAiB,EAAE,IAAI,0BAAW,CAAC,iBAAiB,CAAC,CAAC;IACvD,CAAC,aAAa,EAAE,IAAI,0BAAW,CAAC,aAAa,CAAC,CAAC;IAC/C,CAAC,cAAc,EAAE,IAAI,6CAAoB,CAAC,cAAc,CAAC,CAAC;IAC1D,CAAC,aAAa,EAAE,IAAI,0BAAW,CAAC,aAAa,CAAC,CAAC;IAC/C,CAAC,aAAa,EAAE,IAAI,uCAAiB,CAAC,aAAa,CAAC,CAAC;IACrD,CAAC,mBAAmB,EAAE,IAAI,6CAAoB,CAAC,mBAAmB,CAAC,CAAC;IACpE,CAAC,iBAAiB,EAAE,IAAI,6CAAoB,CAAC,iBAAiB,CAAC,CAAC;IAChE,CAAC,kBAAkB,EAAE,IAAI,6CAAoB,CAAC,kBAAkB,CAAC,CAAC;IAClE,CAAC,gBAAgB,EAAE,IAAI,6CAAoB,CAAC,gBAAgB,CAAC,CAAC;IAC9D,CAAC,OAAO,EAAE,IAAI,0BAAW,CAAC,OAAO,CAAC,CAAC;IACnC,iBAAiB;IACjB,kBAAkB;IAClB,CAAC,UAAU,EAAE,IAAI,6CAAoB,CAAC,UAAU,CAAC,CAAC;IAClD,CAAC,UAAU,EAAE,IAAI,0BAAW,CAAC,UAAU,CAAC,CAAC;IACzC,CAAC,YAAY,EAAE,IAAI,0BAAW,CAAC,YAAY,CAAC,CAAC;IAC7C,CAAC,WAAW,EAAE,IAAI,0BAAW,CAAC,WAAW,CAAC,CAAC;IAC3C,CAAC,aAAa,EAAE,IAAI,0BAAW,CAAC,aAAa,CAAC,CAAC;IAC/C,CAAC,YAAY,EAAE,IAAI,0BAAW,CAAC,YAAY,CAAC,CAAC;IAC7C,CAAC,QAAQ,EAAE,IAAI,6CAAoB,CAAC,QAAQ,CAAC,CAAC;IAC9C,CAAC,iBAAiB,EAAE,IAAI,6CAAoB,CAAC,iBAAiB,CAAC,CAAC;IAChE,CAAC,YAAY,EAAE,IAAI,6CAAoB,CAAC,YAAY,CAAC,CAAC;IACtD,CAAC,QAAQ,EAAE,IAAI,4BAAY,EAAE,CAAC;IAC9B,CAAC,cAAc,EAAE,IAAI,6CAAoB,CAAC,cAAc,CAAC,CAAC;IAC1D,CAAC,YAAY,EAAE,IAAI,6CAAoB,CAAC,YAAY,CAAC,CAAC;IACtD,CAAC,cAAc,EAAE,IAAI,6CAAoB,CAAC,cAAc,CAAC,CAAC;IAC1D,CAAC,aAAa,EAAE,IAAI,6CAAoB,CAAC,aAAa,CAAC,CAAC;IACxD,CAAC,aAAa,EAAE,IAAI,6CAAoB,CAAC,aAAa,CAAC,CAAC;IACxD,CAAC,aAAa,EAAE,IAAI,6CAAoB,CAAC,aAAa,CAAC,CAAC;IACxD,CAAC,WAAW,EAAE,IAAI,6CAAoB,CAAC,WAAW,CAAC,CAAC;IACpD,CAAC,SAAS,EAAE,IAAI,2CAAoB,CAAC,SAAS,CAAC,CAAC;IAChD,CAAC,UAAU,EAAE,IAAI,0BAAW,CAAC,UAAU,CAAC,CAAC;IACzC,CAAC,SAAS,EAAE,IAAI,8BAAa,EAAE,CAAC;IAChC,CAAC,eAAe,EAAE,IAAI,6CAAoB,CAAC,eAAe,CAAC,CAAC;IAC5D,CAAC,aAAa,EAAE,IAAI,6CAAoB,CAAC,aAAa,CAAC,CAAC;IACxD,CAAC,cAAc,EAAE,IAAI,6CAAoB,CAAC,cAAc,CAAC,CAAC;IAC1D,CAAC,YAAY,EAAE,IAAI,6CAAoB,CAAC,YAAY,CAAC,CAAC;IACtD,wBAAwB;IACxB,CAAC,WAAW,EAAE,IAAI,0BAAW,CAAC,WAAW,CAAC,CAAC;IAC3C,CAAC,gBAAgB,EAAE,IAAI,0BAAW,CAAC,oBAAoB,CAAC,CAAC;IACzD,CAAC,iBAAiB,EAAE,IAAI,+CAAqB,EAAE,CAAC;IAChD,CAAC,eAAe,EAAE,IAAI,0BAAW,CAAC,mBAAmB,CAAC,CAAC;IACvD,qBAAqB;IACrB,qBAAqB;IACrB,CAAC,OAAO,EAAE,IAAI,6CAAoB,CAAC,OAAO,CAAC,CAAC;IAC5C,oBAAoB;IACpB,CAAC,QAAQ,EAAE,IAAI,2CAAoB,CAAC,QAAQ,CAAC,CAAC;CAC/C,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG;IACrB,OAAO;IACP,UAAU;IACV,YAAY;IACZ,WAAW;IACX,aAAa;IACb,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,oBAAoB;IACpB,mBAAmB;CACpB,CAAC;AAEF,kBAAe,CAAC,OAAoB,EAAE,eAAgD,EAAE,EAAE;IACxF,MAAM,KAAK,GAAQ,EAAE,CAAC;IACtB,MAAM,SAAS,GAAQ,EAAE,CAAC;IAC1B,IAAI,QAAQ,GAAG,EAAE,CAAC;IAClB,UAAU,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC/B,IAAI,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,eAAe,IAAI,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;YACvE,MAAM,KAAK,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YACtC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;YAC3B,IAAI,KAAK,EAAE,CAAC;gBACV,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;oBAC9B,IAAI,CAAC,KAAK,iBAAiB,IAAI,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;wBACjF,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;wBACrD,IAAA,cAAK,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;oBAC/C,CAAC;yBAAM,CAAC;wBACN,KAAK,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC;oBACvC,CAAC;gBACH,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,KAAK,UAAU,EAAE,CAAC;wBACrB,QAAQ,GAAG,KAAK,CAAC;oBACnB,CAAC;yBAAM,CAAC;wBACN,IAAA,cAAK,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;oBAC7C,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,KAAK,CAAC,QAAQ,IAAI,QAAQ,EAAE,CAAC;QAC/B,KAAK,CAAC,QAAQ,GAAG,GAAG,KAAK,CAAC,QAAQ,GAAG,QAAQ,EAAE,CAAC;IAClD,CAAC;IACD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QAC7B,IAAI,IAAA,cAAK,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACpB,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,CAAC,CAAC;IACH,IAAI,IAAA,gBAAO,EAAC,KAAK,CAAC,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,KAAK,CAAC,aAAa,CAAC,KAAK,MAAM,EAAE,CAAC;QACpC,OAAO,KAAK,CAAC,aAAa,CAAC,CAAC;IAC9B,CAAC;IACD,MAAM,MAAM,GAAQ,KAAK,CAAC;IAC1B,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}