npm - @wavemaker/rn-codegen - Versions diffs - 11.14.1-18.6421 → 11.14.1-18.6427 - Mend

@wavemaker/rn-codegen 11.14.1-18.6421 → 11.14.1-18.6427

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/src/templates/project/component/dynamic/form.generator.js CHANGED Viewed

@@ -1,6 +1,12 @@
 import {generate} from './component-generator';
 import {forEach, isArray} from "lodash";
+// Check if itemsperrow has any value > 1 (e.g., { xs: 1, sm: 2, md: 2, lg: 2 } → true)
+const isMultiColumnLayout = (itemsperrow) => {
+    if (!itemsperrow || typeof itemsperrow !== 'object') return false;
+    return Object.values(itemsperrow).some(value => value > 1);
+};
 // Generate the form field with given field definition. Add a grid column wrapper around the form field.
 const setMarkupForFormField = (field, columnWidth, isHorizontal) =>  {
     let propsTmpl = '';
@@ -12,13 +18,24 @@ const setMarkupForFormField = (field, columnWidth, isHorizontal) =>  {
         propsTmpl = `${propsTmpl} layoutposition="horizontal"`
     }
-    return `<wm-gridcolumn columnwidth="${columnWidth}"><wm-form-field ${propsTmpl}></wm-form-field></wm-gridcolumn>`;
+    return `<wm-gridcolumn columnwidth="${columnWidth}"><wm-form-field ${propsTmpl.trim()}></wm-form-field></wm-gridcolumn>`;
+};
+const setMarkupForFormFieldContainer = (field, isHorizontal) =>  {
+    let propsTmpl = '';
+    forEach(field, (value, key) => {
+        propsTmpl = `${propsTmpl} ${key}="${value}"`;
+    });
+    if(isHorizontal) {
+        propsTmpl = `${propsTmpl} layoutposition="horizontal"`
+    }
+    return `<wm-form-field ${propsTmpl.trim()}></wm-form-field>`;
 };
 // Function to generate and compile the form fields from the metadata
-const generateFormFields = (metadata, formName, isHorizontal) => {
-    let noOfColumns = 1;
-    const columnWidth = 12 / noOfColumns;
+const generateFormFields = (metadata, formName, isHorizontal, enableDesignTokens, itemsperrow) => {
     let fieldTemplate = '';
     let colCount = 0;
     let fields = metadata;
@@ -27,23 +44,37 @@ const generateFormFields = (metadata, formName, isHorizontal) => {
         return;
     }
-    while (fields[colCount]) {
-        let colTmpl = '';
-        if (fields[colCount]) {
-            colTmpl += setMarkupForFormField(fields[colCount], columnWidth, isHorizontal);
+    if (enableDesignTokens) {
+        while (fields[colCount]) {
+            if (fields[colCount]) {
+                fieldTemplate += setMarkupForFormFieldContainer(fields[colCount], isHorizontal);
+            }
+            colCount++;
+        }
+        // Conditionally apply row layout attributes based on itemsperrow
+        const containerAttrs = isMultiColumnLayout(itemsperrow) ? 'width="100%" direction="row" wrap="true"' : '';
+        fieldTemplate = `<wm-container type="dynamic" dynamicForm="${formName}" ${containerAttrs}>${fieldTemplate}</wm-container>`;
+    } else {
+        let noOfColumns = 1;
+        const columnWidth = 12 / noOfColumns;
+        while (fields[colCount]) {
+            let colTmpl = '';
+            if (fields[colCount]) {
+                colTmpl += setMarkupForFormField(fields[colCount], columnWidth, isHorizontal);
+            }
+            colCount++;
+            fieldTemplate += `<wm-gridrow>${colTmpl}</wm-gridrow>`;
         }
-        colCount++;
-        fieldTemplate += `<wm-gridrow>${colTmpl}</wm-gridrow>`;
+        fieldTemplate = `<wm-layoutgrid type="dynamic" dynamicForm = "${formName}">${fieldTemplate}</wm-layoutgrid>`;
     }
-    fieldTemplate = `<wm-layoutgrid type="dynamic" dynamicForm = "${formName}">${fieldTemplate}</wm-layoutgrid>`;
     return fieldTemplate;
 }
-export const dynamicForm = (metadata, formName, fragment, isHorizontal) => {
+export const dynamicForm = (metadata, formName, fragment, isHorizontal, enableDesignTokens, itemsperrow) => {
     // convert metadata into wavemaker markup
-    const wmMarkup = generateFormFields(metadata, formName, isHorizontal);
+    const wmMarkup = generateFormFields(metadata, formName, isHorizontal, enableDesignTokens, itemsperrow);
    // using component generator transform wavemaker markup into react elements
     return generate(wmMarkup, fragment);

package/src/templates/project/package.json CHANGED Viewed

@@ -11,9 +11,9 @@
         "postinstall": "node ./scripts/post-build.js"
     },
     "dependencies": {
-        "@wavemaker/app-rn-runtime": "11.14.1-18.6421",
-        "@wavemaker/variables": "11.14.1-18.6421",
-        "@wavemaker/rn-codegen": "11.14.1-18.6421",
+        "@wavemaker/app-rn-runtime": "11.14.1-18.6427",
+        "@wavemaker/variables": "11.14.1-18.6427",
+        "@wavemaker/rn-codegen": "11.14.1-18.6427",
         "@wavemaker/wavepulse-agent": "1.0.11",
         "expo": "54.0.12",
         "expo-build-properties": "1.0.9",

package/src/templates/project/wavepulse/rn2css.json CHANGED Viewed

@@ -322,6 +322,8 @@
     "app-currency.label": ".app-currency-label",
     "app-currency.floatingLabel": ".app-currency-flotaing-label",
     "app-currency.activeFloatingLabel": ".app-currency-active-flotaing-label",
+    "app-currency.inactiveFloatingLabel": ".app-currency-inactive-floating-label",
+    "app-currency-with-label.inactiveFloatingLabel": ".app-currency-with-label.app-currency-inactive-floating-label",
     "app-currency.invalid": ".app-currency-invalid",
     "app-currency.focused": ".app-currency-focused",
     "app-currency.placeholderText": ".app-currency-placeholder",
@@ -371,6 +373,8 @@
     "app-number.skeleton": ".app-number-skeleton",
     "app-number.floatingLabel": ".app-number-flotaing-label",
     "app-number.activeFloatingLabel": ".app-number-active-flotaing-label",
+    "app-number.inactiveFloatingLabel": ".app-number-inactive-floating-label",
+    "app-number-with-label.inactiveFloatingLabel": ".app-number-with-label.app-number-inactive-floating-label",
     "app-number.skeletonLabel": ".app-number-label-skeleton",
     "app-radioset.root": ".app-radioset",
     "app-radioset.text": ".app-radioset-text",
@@ -436,14 +440,25 @@
     "app-text.text": ".app-text-text",
     "app-text.invalid": ".app-text-invalid",
     "app-text.focused": ".app-text-focused",
+    "app-text.placeholderText": ".app-text-place-holder-text",
     "app-text-disabled.root": ".app-text-disabled",
     "app-text.floatingLabel": ".app-text-flotaing-label",
     "app-text.activeFloatingLabel": ".app-text-active-flotaing-label",
+    "app-text-with-label.inactiveFloatingLabel": ".app-text-with-label.app-text-inactive-floating-label",
     "app-text.skeleton": ".app-text-skeleton",
+    "app-input.invalid": ".app-input-invalid",
+    "app-invalid.focused": ".app-invalid-focused",
+    "app-input.disabled": ".app-input-disabled",
+    "app-input.floatingLabel": ".app-input-flotaing-label",
+    "app-input.activeFloatingLabel": ".app-input-active-flotaing-label",
+    ".app-input-with-label.inputFlotaingLabelActive": ".app-input-with-label.app-input-active-flotaing-label",
+    ".app-input-with-label.inputFlotaingLabelActivea": ".app-input-with-label.app-input-flotaing-label",
     "app-textarea.root": ".app-textarea",
     "app-textarea.text": ".app-textarea-text",
     "app-textarea.invalid": ".app-textarea-invalid",
     "app-textarea.focused": ".app-textarea-focused",
+    "app-textarea.inactiveFloatingLabel": ".app-textarea-inactive-floating-label",
+    "app-textarea-with-label.inactiveFloatingLabel": ".app-textarea-with-label.app-textarea-inactive-floating-label",
     "app-textarea.placeholderText": ".app-textarea-placeholder",
     "app-textarea.helpText": ".app-textarea-help-text",
     "app-textarea.skeleton": ".app-textarea-skeleton",

package/src/theme/components/input/currency.styledef.js CHANGED Viewed

@@ -25,6 +25,14 @@ exports.default = {
             className: '.app-currency-active-flotaing-label',
             rnStyleSelector: 'app-currency.activeFloatingLabel',
             style: {}
+        }, {
+            className: '.app-currency-inactive-floating-label',
+            rnStyleSelector: 'app-currency.inactiveFloatingLabel',
+            style: {}
+        }, {
+            className: '.app-currency-with-label.app-currency-inactive-floating-label',
+            rnStyleSelector: 'app-currency-with-label.inactiveFloatingLabel',
+            style: {}
         }, {
             className: '.app-currency-invalid',
             rnStyleSelector: 'app-currency.invalid',

package/src/theme/components/input/currency.styledef.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"currency.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/currency.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAClB,SAAS,EAAE,eAAe;YAC1B,eAAe,EAAE,mBAAmB;YACpC,mBAAmB,EAAE,mCAAmC;YACxD,KAAK,EAAE;gBACH,cAAc,EAAE,mBAAmB;gBACnC,kBAAkB,EAAE,uBAAuB;aAC9C;SACJ,EAAE;YACC,SAAS,EAAE,qBAAqB;YAChC,eAAe,EAAE,oBAAoB;YACrC,mBAAmB,EAAE,oBAAoB;YACzC,KAAK,EAAE;gBACH,kBAAkB,EAAE,eAAe;gBACnC,OAAO,EAAE,uBAAuB;aACnC;SACJ,EAAE;YACC,SAAS,EAAE,8BAA8B;YACzC,eAAe,EAAE,4BAA4B;YAC7C,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,qCAAqC;YAChD,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,sBAAsB;YACvC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,qBAAqB,EAAE,0BAA0B;aACpD;SACJ,EAAC;YACE,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,sBAAsB;YACvC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,cAAc,EAAE,wBAAwB;aAC3C;SACJ,EAAC;YACE,SAAS,EAAE,2BAA2B;YACtC,eAAe,EAAE,8BAA8B;YAC/C,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,OAAO,EAAE,wBAAwB;aACpC;SACJ,EAAE;YACC,SAAS,EAAE,wBAAwB;YACnC,eAAe,EAAE,uBAAuB;YACxC,mBAAmB,EAAE,uBAAuB;YAC5C,KAAK,EAAE,EAAE;SACZ,EAAG;YACA,SAAS,EAAE,8BAA8B;YACzC,eAAe,EAAE,2BAA2B;YAC5C,mBAAmB,EAAE,6BAA6B;YAClD,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,sCAAsC;YACjD,eAAe,EAAE,mCAAmC;YACpD,mBAAmB,EAAE,qCAAqC;YAC1D,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,6BAA6B;YACxC,eAAe,EAAE,uCAAuC;YACxD,mBAAmB,EAAE,4BAA4B;YACjD,KAAK,EAAE,EAAE;SACZ;KACJ,CAAC;CACiB,CAAC"}
1	+ {"version":3,"file":"currency.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/currency.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAClB,SAAS,EAAE,eAAe;YAC1B,eAAe,EAAE,mBAAmB;YACpC,mBAAmB,EAAE,mCAAmC;YACxD,KAAK,EAAE;gBACH,cAAc,EAAE,mBAAmB;gBACnC,kBAAkB,EAAE,uBAAuB;aAC9C;SACJ,EAAE;YACC,SAAS,EAAE,qBAAqB;YAChC,eAAe,EAAE,oBAAoB;YACrC,mBAAmB,EAAE,oBAAoB;YACzC,KAAK,EAAE;gBACH,kBAAkB,EAAE,eAAe;gBACnC,OAAO,EAAE,uBAAuB;aACnC;SACJ,EAAE;YACC,SAAS,EAAE,8BAA8B;YACzC,eAAe,EAAE,4BAA4B;YAC7C,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,qCAAqC;YAChD,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,uCAAuC;YAClD,eAAe,EAAE,oCAAoC;YACrD,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,+DAA+D;YAC1E,eAAe,EAAE,+CAA+C;YAChE,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,sBAAsB;YACvC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,qBAAqB,EAAE,0BAA0B;aACpD;SACJ,EAAC;YACE,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,sBAAsB;YACvC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,cAAc,EAAE,wBAAwB;aAC3C;SACJ,EAAC;YACE,SAAS,EAAE,2BAA2B;YACtC,eAAe,EAAE,8BAA8B;YAC/C,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,OAAO,EAAE,wBAAwB;aACpC;SACJ,EAAE;YACC,SAAS,EAAE,wBAAwB;YACnC,eAAe,EAAE,uBAAuB;YACxC,mBAAmB,EAAE,uBAAuB;YAC5C,KAAK,EAAE,EAAE;SACZ,EAAG;YACA,SAAS,EAAE,8BAA8B;YACzC,eAAe,EAAE,2BAA2B;YAC5C,mBAAmB,EAAE,6BAA6B;YAClD,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,sCAAsC;YACjD,eAAe,EAAE,mCAAmC;YACpD,mBAAmB,EAAE,qCAAqC;YAC1D,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,6BAA6B;YACxC,eAAe,EAAE,uCAAuC;YACxD,mBAAmB,EAAE,4BAA4B;YACjD,KAAK,EAAE,EAAE;SACZ;KACJ,CAAC;CACiB,CAAC"}

package/src/theme/components/input/number.styledef.js CHANGED Viewed

@@ -8,6 +8,17 @@ exports.default = {
             style: {
                 'border-color': '@inputBorderColor',
                 'background-color': '@inputBackgroundColor'
+            },
+            dtStyle: {
+                'min-height': 'var(--wm-number-container-min-height)',
+                'padding-top': 'var(--wm-number-container-padding-top)',
+                'padding-bottom': 'var(--wm-number-container-padding-bottom)',
+                'padding-left': 'var(--wm-number-container-padding-left)',
+                'padding-right': 'var(--wm-number-container-padding-right)',
+                // 'border-width': 'var(--wm-number-container-border-width)',
+                'border-style': 'var(--wm-number-container-border-style)',
+                'border-radius': 'var(--wm-number-container-border-radius)',
+                'background-color': 'var(--wm-color-white)',
             }
         }, {
             className: '.app-number-invalid',
@@ -22,6 +33,10 @@ exports.default = {
             studioStyleSelector: '',
             style: {
                 'border-color': '@inputFocusBorderColor'
+            },
+            dtStyle: {
+                'border-color': 'var(--wm-form-control-border-color)'
+                // 'var(--wm-wizard-number-stepper-step-active-background)',
             }
         }, {
             className: '.app-number-placeholer',
@@ -43,6 +58,21 @@ exports.default = {
             className: '.app-number-active-flotaing-label',
             rnStyleSelector: 'app-number.activeFloatingLabel',
             style: {}
+        }, {
+            className: '.app-number-inactive-floating-label',
+            rnStyleSelector: 'app-number.inactiveFloatingLabel',
+            style: {}
+        }, {
+            className: '.app-number-with-label.app-number-inactive-floating-label',
+            rnStyleSelector: 'app-number-with-label.inactiveFloatingLabel',
+            style: {}
+        }, {
+            className: '.app-number-with-label.app-number-active-flotaing-label',
+            style: {},
+            dtStyle: {
+                'color': 'var(--wm-form-control-border-color)',
+                // 'var(--wm-wizard-number-stepper-step-current-background)',
+            }
         }, {
             className: '.app-number-skeleton',
             rnStyleSelector: 'app-number.skeleton',

package/src/theme/components/input/number.styledef.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"number.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/number.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAClB,SAAS,EAAE,aAAa;YACxB,eAAe,EAAE,iBAAiB;YAClC,mBAAmB,EAAE,6BAA6B;YAClD,KAAK,EAAE;gBACH,cAAc,EAAE,mBAAmB;gBACnC,kBAAkB,EAAE,uBAAuB;aAC9C;SACJ,EAAE;YACC,SAAS,EAAE,qBAAqB;YAChC,eAAe,EAAE,oBAAoB;YACrC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,qBAAqB,EAAE,0BAA0B;aACpD;SACJ,EAAC;YACE,SAAS,EAAE,qBAAqB;YAChC,eAAe,EAAE,oBAAoB;YACrC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,cAAc,EAAE,wBAAwB;aAC3C;SACJ,EAAE;YACC,SAAS,EAAE,wBAAwB;YACnC,eAAe,EAAE,4BAA4B;YAC7C,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,OAAO,EAAE,wBAAwB;aACpC;SACJ,EAAE;YACC,SAAS,EAAE,sBAAsB;YACjC,eAAe,EAAE,qBAAqB;YACtC,mBAAmB,EAAE,sBAAsB;YAC3C,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,4BAA4B;YACvC,eAAe,EAAE,0BAA0B;YAC3C,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,mCAAmC;YAC9C,eAAe,EAAE,gCAAgC;YACjD,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,sBAAsB;YACjC,eAAe,EAAE,qBAAqB;YACtC,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,4BAA4B;YACvC,eAAe,EAAE,0BAA0B;YAC3C,KAAK,EAAE,EAAE;SACZ,CAAC,CAAC;CACY,CAAC"}
1	+ {"version":3,"file":"number.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/number.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAClB,SAAS,EAAE,aAAa;YACxB,eAAe,EAAE,iBAAiB;YAClC,mBAAmB,EAAE,6BAA6B;YAClD,KAAK,EAAE;gBACH,cAAc,EAAE,mBAAmB;gBACnC,kBAAkB,EAAE,uBAAuB;aAC9C;YACD,OAAO,EAAE;gBACL,YAAY,EAAE,uCAAuC;gBACrD,aAAa,EAAE,wCAAwC;gBACvD,gBAAgB,EAAE,2CAA2C;gBAC7D,cAAc,EAAE,yCAAyC;gBACzD,eAAe,EAAE,0CAA0C;gBAC3D,6DAA6D;gBAC7D,cAAc,EAAE,yCAAyC;gBACzD,eAAe,EAAE,0CAA0C;gBAC3D,kBAAkB,EAAE,uBAAuB;aAC9C;SACJ,EAAE;YACC,SAAS,EAAE,qBAAqB;YAChC,eAAe,EAAE,oBAAoB;YACrC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,qBAAqB,EAAE,0BAA0B;aACpD;SACJ,EAAC;YACE,SAAS,EAAE,qBAAqB;YAChC,eAAe,EAAE,oBAAoB;YACrC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,cAAc,EAAE,wBAAwB;aAC3C;YACD,OAAO,EAAC;gBACJ,cAAc,EAAC,qCAAqC;gBACpD,4DAA4D;aAC/D;SACJ,EAAE;YACC,SAAS,EAAE,wBAAwB;YACnC,eAAe,EAAE,4BAA4B;YAC7C,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,OAAO,EAAE,wBAAwB;aACpC;SACJ,EAAE;YACC,SAAS,EAAE,sBAAsB;YACjC,eAAe,EAAE,qBAAqB;YACtC,mBAAmB,EAAE,sBAAsB;YAC3C,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,4BAA4B;YACvC,eAAe,EAAE,0BAA0B;YAC3C,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,mCAAmC;YAC9C,eAAe,EAAE,gCAAgC;YACjD,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,qCAAqC;YAChD,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,2DAA2D;YACtE,eAAe,EAAE,6CAA6C;YAC9D,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,yDAAyD;YACpE,KAAK,EAAE,EAAE;YACT,OAAO,EAAC;gBACJ,OAAO,EAAC,qCAAqC;gBAC7C,6DAA6D;aAEhE;SACJ,EAAE;YACC,SAAS,EAAE,sBAAsB;YACjC,eAAe,EAAE,qBAAqB;YACtC,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,4BAA4B;YACvC,eAAe,EAAE,0BAA0B;YAC3C,KAAK,EAAE,EAAE;SACZ,CAAC,CAAC;CACY,CAAC"}

package/src/theme/components/input/text.styledef.js CHANGED Viewed

@@ -8,18 +8,42 @@ exports.default = {
             style: {
                 'border-color': '@inputBorderColor',
                 'background-color': '@inputBackgroundColor',
+            },
+            dtStyle: {
+                'background-color': 'var(--wm-form-control-background)',
+                'border-width': 'var(--wm-form-control-border-width)',
+                'border-style': 'var(--wm-form-control-border-style)',
+                'border-radius': 'var(--wm-form-control-radius)',
+                'padding-left': 'var(--wm-form-control-padding)',
+                'padding-right': 'var(--wm-form-control-padding)',
+                'min-height': 'var(--wm-text-min-height)',
+                'padding-top': 'var(--wm-text-padding-top)',
+                'padding-bottom': 'var(--wm-text-padding-bottom)',
+                'border-color': 'var(--wm-text-border-color)',
+                'font-family': 'var(--wm-text-font-family)'
             }
         }, {
             className: '.app-text-text',
             rnStyleSelector: 'app-text.text',
             studioStyleSelector: '.app-textbox',
-            style: {}
+            style: {},
+            dtStyle: {
+                'color': 'var(--wm-form-control-color)',
+                'font-family': 'var(--wm-form-control-font-family)',
+                'font-size': 'var(--wm-form-control-font-size)',
+                // 'font-weight':'var(--wm-form-control-font-weight)',
+                'line-height': 'var(--wm-form-control-line-height)',
+                'letter-spacing': 'var(--wm-form-control-letter-spacing)'
+            }
         }, {
             className: '.app-text-invalid',
             rnStyleSelector: 'app-text.invalid',
             studioStyleSelector: '.app-textbox.invalid',
             style: {
                 'border-bottom-color': '@inputInvalidBorderColor',
+            },
+            dtStyle: {
+                'border-bottom-color': 'var(--wm-text-invalid-border-bottom-color)'
             }
         }, {
             className: '.app-text-focused',
@@ -27,12 +51,24 @@ exports.default = {
             studioStyleSelector: '.app-textbox.focused',
             style: {
                 'border-color': '@inputFocusBorderColor',
+            },
+            dtStyle: {
+                'border-color': 'var(--wm-form-control-border-color)',
+            }
+        }, {
+            className: '.app-text-place-holder-text',
+            rnStyleSelector: 'app-text.placeholderText',
+            dtStyle: {
+                'color': 'var(--wm-form-control-border-color)',
             }
         }, {
             className: '.app-text-disabled',
             rnStyleSelector: 'app-text-disabled.root',
             studioStyleSelector: '',
-            style: {}
+            style: {},
+            dtStyle: {
+                'background-color': 'var(--wm-text-disabled-background-color)',
+            }
         }, {
             className: '.app-text-flotaing-label',
             rnStyleSelector: 'app-text.floatingLabel',
@@ -41,11 +77,94 @@ exports.default = {
             className: '.app-text-active-flotaing-label',
             rnStyleSelector: 'app-text.activeFloatingLabel',
             style: {}
+        },
+        {
+            className: '.app-text-with-label.app-text-active-flotaing-label',
+            style: {},
+            dtStyle: {
+                'color': 'var(--wm-form-control-border-color)',
+            }
+        }, {
+            className: '.app-text-with-label.app-text-inactive-floating-label',
+            rnStyleSelector: 'app-text-with-label.inactiveFloatingLabel',
+            style: {}
+        }, {
+            className: '.app-text-with-label.app-text-flotaing-label',
+            dtStyle: {
+                'top': 'var(--wm-text-floating-label-top)',
+                'left': 'var(--wm-text-floating-label-left)',
+                'font-size': 'var(--wm-text-floating-label-font-size)',
+                'color': ' var(--wm-form-control-border-color)',
+            }
+        }, {
+            className: '.app-text-with-label.app-text',
+            dtStyle: {
+                'min-height': 'var(--wm-text-floating-label-min-height)'
+            }
         }, {
             className: '.app-text-skeleton',
             rnStyleSelector: 'app-text.skeleton',
             studioStyleSelector: '.app-text-skeleton',
+            style: {},
+            dtStyle: {
+                'width': 'var(--wm-text-skeleton-width)',
+                'height': 'var(--wm-text-skeleton-height)',
+                'border-radius': 'var(--wm-space-1)'
+            }
+        }, {
+            className: '.app-input-invalid',
+            rnStyleSelector: 'app-input.invalid',
+            studioStyleSelector: '.app-textbox.invalid',
+            style: {
+                'border-bottom-color': '@inputInvalidBorderColor',
+            },
+            dtStyle: {
+                'border-bottom-color': 'var(--wm-text-invalid-border-bottom-color)'
+            }
+        }, {
+            className: '.app-invalid-focused',
+            rnStyleSelector: 'app-invalid.focused',
+            studioStyleSelector: '.app-textbox.focused',
+            style: {
+                'border-color': '@inputFocusBorderColor',
+            },
+            dtStyle: {
+                'border-color': 'var(--wm-form-control-border-color)',
+            }
+        }, {
+            className: '.app-input-disabled',
+            rnStyleSelector: 'app-input.disabled',
+            studioStyleSelector: '',
+            style: {},
+            dtStyle: {
+                'background-color': 'var(--wm-text-disabled-background-color)',
+            }
+        },
+        {
+            className: '.app-input-flotaing-label',
+            rnStyleSelector: 'app-input.floatingLabel',
+            style: {}
+        }, {
+            className: '.app-input-active-flotaing-label',
+            rnStyleSelector: 'app-input.activeFloatingLabel',
             style: {}
+        },
+        {
+            className: '.app-input-with-label.app-input-active-flotaing-label',
+            rnStyleSelector: ".app-input-with-label.inputFlotaingLabelActive",
+            style: {},
+            dtStyle: {
+                'color': 'var(--wm-form-control-border-color)',
+            }
+        }, {
+            className: '.app-input-with-label.app-input-flotaing-label',
+            rnStyleSelector: ".app-input-with-label.inputFlotaingLabelActivea",
+            dtStyle: {
+                'top': 'var(--wm-input-floating-label-top)',
+                'left': 'var(--wm-input-floating-label-left)',
+                'font-size': 'var(--wm-input-floating-label-font-size)',
+                'color': ' var(--wm-form-control-border-color)',
+            }
         }])
 };
 //# sourceMappingURL=text.styledef.js.map

package/src/theme/components/input/text.styledef.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/text.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAClB,SAAS,EAAE,WAAW;YACtB,eAAe,EAAE,eAAe;YAChC,mBAAmB,EAAE,cAAc;YACnC,KAAK,EAAE;gBACH,cAAc,EAAE,mBAAmB;gBACnC,kBAAkB,EAAE,uBAAuB;aAC9C;SACJ,EAAE;YACC,SAAS,EAAE,gBAAgB;YAC3B,eAAe,EAAE,eAAe;YAChC,mBAAmB,EAAE,cAAc;YACnC,KAAK,EAAE,EAAE;~~SACZ~~,EAAE;YACC,SAAS,EAAE,mBAAmB;YAC9B,eAAe,EAAE,kBAAkB;YACnC,mBAAmB,EAAE,sBAAsB;YAC3C,KAAK,EAAE;gBACH,qBAAqB,EAAE,0BAA0B;aACpD;SACJ,~~EAAC~~;~~YACE~~,SAAS,EAAE,mBAAmB;YAC9B,eAAe,EAAE,kBAAkB;YACnC,mBAAmB,EAAE,sBAAsB;YAC3C,KAAK,EAAE;gBACH,cAAc,EAAE,wBAAwB;aAC3C;SACJ,~~EAAC~~;~~YACE~~,SAAS,EAAE,oBAAoB;YAC/B,eAAe,EAAE,wBAAwB;YACzC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EAAE;~~SACZ~~,EAAE;YACC,SAAS,EAAE,0BAA0B;YACrC,eAAe,EAAE,wBAAwB;YACzC,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,iCAAiC;YAC5C,eAAe,EAAE,8BAA8B;YAC/C,KAAK,EAAE,EAAE;SACZ,~~EAAG~~;~~YACA~~,SAAS,EAAE,oBAAoB;YAC/B,eAAe,EAAE,mBAAmB;YACpC,mBAAmB,EAAE,oBAAoB;YACzC,KAAK,EAAE,EAAE;SACZ,CAAC,CAAC;CACY,CAAC"}
1	+ {"version":3,"file":"text.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/text.styledef.ts"],"names":[],"mappings":"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"}

package/src/theme/components/input/textarea.styledef.js CHANGED Viewed

@@ -8,18 +8,40 @@ exports.default = {
             style: {
                 'border-color': '@inputBorderColor',
                 'background-color': '@inputBackgroundColor',
+            },
+            dtStyle: {
+                'background-color': 'var(--wm-form-control-background)',
+                'border-width': 'var(--wm-form-control-border-width)',
+                'border-style': 'var(--wm-form-control-border-style)',
+                'border-radius': 'var(--wm-text-area-border-radius)',
+                'padding': 'var(--wm-text-area-padding)',
+                'border-color': 'var(--wm-text-area-border-color)',
+                'min-height': 'var(--wm-text-area-min-height)',
+                'font-family': 'var(--wm-text-font-family)'
             }
         }, {
             className: '.app-textarea-text',
             rnStyleSelector: 'app-textarea.text',
             studioStyleSelector: '.app-textarea',
-            style: {}
+            style: {},
+            dtStyle: {
+                'color': 'var(--wm-form-control-color)',
+                'font-family': 'var(--wm-form-control-font-family)',
+                'font-size': 'var(--wm-form-control-font-size)',
+                // 'font-weight':'var(--wm-form-control-font-weight)',
+                'line-height': 'var(--wm-form-control-line-height)',
+                'letter-spacing': 'var(--wm-form-control-letter-spacing)',
+                'text-align-vertical': 'var(--wm-text-area-text-align-vertical)'
+            }
         }, {
             className: '.app-textarea-invalid',
             rnStyleSelector: 'app-textarea.invalid',
             studioStyleSelector: '.app-textarea.invalid',
             style: {
                 'border-bottom-color': 'red'
+            },
+            dtStyle: {
+                'border-bottom-color': 'var(--wm-color-error)'
             }
         }, {
             className: '.app-textarea-focused',
@@ -27,6 +49,9 @@ exports.default = {
             studioStyleSelector: '.app-textarea.focused',
             style: {
                 'border-color': '@inputFocusBorderColor'
+            },
+            dtStyle: {
+                'border-color': 'var(--wm-form-control-border-color)',
             }
         }, {
             className: '.app-textarea-flotaing-label',
@@ -36,12 +61,42 @@ exports.default = {
             className: '.app-textarea-active-flotaing-label',
             rnStyleSelector: 'app-textarea.activeFloatingLabel',
             style: {}
+        }, {
+            className: '.app-textarea-inactive-floating-label',
+            rnStyleSelector: 'app-textarea.inactiveFloatingLabel',
+            style: {}
+        }, {
+            className: '.app-textarea-with-label.app-textarea-inactive-floating-label',
+            rnStyleSelector: 'app-textarea-with-label.inactiveFloatingLabel',
+            style: {}
+        }, {
+            className: '.app-textarea-with-label.app-textarea-active-flotaing-label',
+            style: {},
+            dtStyle: {
+                'color': 'var(--wm-form-control-border-color)',
+            }
+        }, {
+            className: '.app-textarea-with-label.app-textarea-flotaing-label',
+            dtStyle: {
+                'top': 'var(--wm-text-floating-label-top)',
+                'left': 'var(--wm-text-floating-label-left)',
+                'font-size': 'var(--wm-text-floating-label-font-size)',
+                'color': ' var(--wm-form-control-border-color)',
+            }
+        }, {
+            className: '.app-textarea-with-label.app-textarea-text',
+            dtStyle: {
+                'padding-top': 'var(--wm-text-area-label-padding-top)'
+            }
         }, {
             className: '.app-textarea-placeholder',
             rnStyleSelector: 'app-textarea.placeholderText',
             studioStyleSelector: '',
             style: {
                 'color': '@inputPlaceholderColor'
+            },
+            dtStyle: {
+                'color': 'var(--wm-text-area-text-place-holder)'
             }
         }, {
             className: '.app-textarea-help-text',
@@ -52,7 +107,12 @@ exports.default = {
             className: '.app-textarea-skeleton',
             rnStyleSelector: 'app-textarea.skeleton',
             studioStyleSelector: '.app-textarea-skeleton',
-            style: {}
+            style: {},
+            dtStyle: {
+                'width': 'var(--wm-text-skeleton-width)',
+                'height': 'var(--wm-text-area-skeleton-height)',
+                'border-radius': 'var(--wm-space-1)'
+            }
         }])
 };
 //# sourceMappingURL=textarea.styledef.js.map

package/src/theme/components/input/textarea.styledef.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/textarea.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAClB,SAAS,EAAE,eAAe;YAC1B,eAAe,EAAE,mBAAmB;YACpC,mBAAmB,EAAE,eAAe;YACpC,KAAK,EAAE;gBACH,cAAc,EAAE,mBAAmB;gBACnC,kBAAkB,EAAE,uBAAuB;aAC9C;SACJ,EAAE;YACC,SAAS,EAAE,oBAAoB;YAC/B,eAAe,EAAE,mBAAmB;YACpC,mBAAmB,EAAE,eAAe;YACpC,KAAK,EAAE,EAAE;~~SACZ~~,EAAE;YACC,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,sBAAsB;YACvC,mBAAmB,EAAE,uBAAuB;YAC5C,KAAK,EAAE;gBACH,qBAAqB,EAAE,KAAK;aAC/B;SACJ,EAAC;YACE,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,sBAAsB;YACvC,mBAAmB,EAAE,uBAAuB;YAC5C,KAAK,EAAE;gBACH,cAAc,EAAE,wBAAwB;aAC3C;SACJ,EAAC;YACE,SAAS,EAAE,8BAA8B;YACzC,eAAe,EAAE,4BAA4B;YAC7C,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,qCAAqC;YAChD,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,EAAE;SACZ,~~EAAG~~;~~YACA~~,SAAS,EAAE,2BAA2B;YACtC,eAAe,EAAE,8BAA8B;YAC/C,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,OAAO,EAAE,wBAAwB;aACpC;SACJ,EAAC;YACE,SAAS,EAAE,yBAAyB;YACpC,eAAe,EAAE,uBAAuB;YACxC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,wBAAwB;YACnC,eAAe,EAAE,uBAAuB;YACxC,mBAAmB,EAAE,wBAAwB;YAC7C,KAAK,EAAE,EAAE;~~SACZ~~,CAAC,CAAC;CACY,CAAC"}
1	+ {"version":3,"file":"textarea.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/textarea.styledef.ts"],"names":[],"mappings":"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"}

package/src/transpile/components/container/container.transformer.js CHANGED Viewed

@@ -15,6 +15,14 @@ exports.default = {
         if (partial) {
             partial = `renderPartial={(props, onLoad) => (${partial})}`;
         }
+        // Check parent for direction attribute and set parentDirection on current element if applicable
+        const parent = element.parentNode;
+        if (parent && parent.tagName && parent.tagName.toLowerCase() === 'wm-container') {
+            const direction = parent.getAttribute('direction');
+            if (direction) {
+                element.setAttribute('parent-direction', direction);
+            }
+        }
         return `<WmContainer ${(0, transpile_1.transformAttrs)(element, context)} ${partial}>`;
     },
     post: (element, context) => '</WmContainer>',

package/src/transpile/components/container/container.transformer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"container.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/container/container.transformer.ts"],"names":[],"mappings":";;;;;;AAEA,+CAA4F;AAC5F,0GAAgF;AAEnE,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,oEAAoE,EAAC;CACnG,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;YACX,OAAO,GAAG,sCAAsC,OAAO,IAAI,CAAC;SAC7D;QACD,OAAO,gBAAgB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,OAAO,GAAG,CAAC;IACxE,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,gBAAgB;IAC/E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO,CAAC,MAAM,CAAC,uCAA2B,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;CACzH,CAAC"}
1	+ {"version":3,"file":"container.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/container/container.transformer.ts"],"names":[],"mappings":";;;;;;AAEA,+CAA4F;AAC5F,0GAAgF;AAEnE,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,oEAAoE,EAAC;CACnG,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;YACX,OAAO,GAAG,sCAAsC,OAAO,IAAI,CAAC;SAC7D;QAED,gGAAgG;QAChG,MAAM,MAAM,GAAG,OAAO,CAAC,UAAgC,CAAC;QACxD,IAAI,MAAM,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,cAAc,EAAE;YAC/E,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;YACnD,IAAI,SAAS,EAAE;gBACb,OAAO,CAAC,YAAY,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;aACrD;SACF;QACD,OAAO,gBAAgB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,OAAO,GAAG,CAAC;IACxE,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,gBAAgB;IAC/E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO,CAAC,MAAM,CAAC,uCAA2B,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;CACzH,CAAC"}

package/src/transpile/components/data/form/form-field.transformer.js CHANGED Viewed

@@ -60,6 +60,14 @@ const getFormWidgetTemplate = (widgetType, widgetName, element, formDataVariable
     if (onTap) {
         element.removeAttribute('on-tap');
     }
+    const onKeyPress = getAttribute(element, 'on-keypress');
+    if (onKeyPress) {
+        element.removeAttribute('on-keypress');
+    }
+    const onSubmitEditing = getAttribute(element, 'on-submitediting');
+    if (onSubmitEditing) {
+        element.removeAttribute('on-submitediting');
+    }
     const placeholder = getAttribute(element, 'placeholder');
     if (placeholder) {
         element.removeAttribute('placeholder');
@@ -69,6 +77,7 @@ const getFormWidgetTemplate = (widgetType, widgetName, element, formDataVariable
     // Add horizontal class to form inputs when in horizontal layout
     const inputHorizontalClass = isHorizontalLayout ? `form-${widgetType}-input-horizontal ` : '';
     const widgetSpecificClass = widgetType === 'select' ? 'form-widget-select' : '';
+    const customClass = element.getAttribute('class') || '';
     var commonFields = `name="${widgetName}"
                       formfieldname="${formfieldName}"
                       formfield="true"
@@ -79,12 +88,14 @@ const getFormWidgetTemplate = (widgetType, widgetName, element, formDataVariable
                       datavalue="bind:$formField.defaultvalue"
                       disabled="bind:$formField.disabled"
                       readonly="bind:$formField.readonly"
-                      class="${widgetSpecificClass}${inputHorizontalClass}form-input form-${widgetType} form-${widgetName}-input"
+                       class="${widgetSpecificClass}${inputHorizontalClass}form-input form-${widgetType} form-${widgetName}-input ${customClass}"
                       conditionalclass="fragment.getFormFieldStyles($formField, 'commonField')"
                       ${placeholder ? 'placeholder="' + placeholder + '"' : ''}
                       ${onFocus ? 'on-focus=' + onFocus : ''}
                       ${onBlur ? 'on-blur=' + onBlur : ''}
                       ${onTap ? 'on-tap=' + onTap : ''}
+                      ${onKeyPress ? 'on-keypress=' + onKeyPress : ''}
+                      ${onSubmitEditing ? 'on-submitediting=' + onSubmitEditing : ''}
                       skipscripteventtrigger=${skipscripteventtrigger}`;
     var widgetMarkup = getWidgetMarkup(widgetType, widgetName, commonFields, element);
     const formFieldTags = ['text', 'password', 'number', 'currency', 'textarea'];