@wavemaker/rn-codegen 11.15.1-rc.248 → 11.15.2-rc.249

package/src/templates/foundation-theme/wavemaker/design-tokens/variables/accordion.variant.less

@@ -5,6 +5,10 @@
 .app-accordion-active-title-icon {
   --wm-accordion-header-border-color: var(--wm-color-primary);
   --wm-accordion-header-background-color: var(--wm-color-primary);
+  --wm-accordion-text-background-color: transparent;
+  --wm-accordion-text-border-width: var(--wm-border-width-0);
+  --wm-accordion-text-border-radius: 0px;
+  --wm-accordion-text-border-color: var(--wm-color-outline);
   --wm-accordion-text-color: var(--wm-color-white);
   --wm-accordion-title-icon-color: var(--wm-color-white);
   --wm-accordion-icon-color: var(--wm-color-white);

package/src/templates/foundation-theme/wavemaker/design-tokens/variables/button.variant.less

@@ -112,190 +112,133 @@
 .btn-text-default {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-on-surface);
 }
 
 .btn-text-primary {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-primary);
 }
 
 .btn-text-secondary {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-secondary);
 }
 
 .btn-text-tertiary {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-tertiary);
 }
 
 .btn-text-success {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-success);
 }
 
 .btn-text-info {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-info);
 }
 
 .btn-text-warning {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-warning);
 }
 
 .btn-text-danger {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-error);
 }
 
 .btn-text-error {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-error);
 }
 
 .btn-standard-default {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-on-surface);
 }
 
 .btn-standard-primary {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-primary);
 }
 
 .btn-standard-secondary {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-secondary);
 }
 
 .btn-standard-tertiary {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-tertiary);
 }
 
 .btn-standard-success {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-success);
 }
 
 .btn-standard-info {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-info);
 }
 
 .btn-standard-warning {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-warning);
 }
 
 .btn-standard-danger {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-error);
 }
 
 .btn-standard-error {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-error);
 }
 
 .btn-icon {
   --wm-btn-height: 40px;
   --wm-btn-min-width: 40px;
-  --wm-btn-padding-top: var(--wm-space-0);
-  --wm-btn-padding-bottom: var(--wm-space-0);
-  --wm-btn-padding-left: var(--wm-space-0);
-  --wm-btn-padding-right: var(--wm-space-0);
+  --wm-btn-padding: var(--wm-space-0);
   --wm-btn-icon-size: var(--wm-icon-size-md);
 }
 
@@ -304,9 +247,6 @@
 }
 
 .btn-fab {
-  --wm-btn-position: absolute;
-  --wm-btn-position-bottom: 10px;
-  --wm-btn-position-right: 10px;
   --wm-btn-height: 56px;
   --wm-btn-min-width: 56px;
   --wm-btn-border-radius: 16px;

package/src/templates/foundation-theme/wavemaker/design-tokens/variables/carousel.variant.less

@@ -6,7 +6,6 @@
   --wm-carousel-dots-border-color: var(--wm-color-primary-container);
   --wm-carousel-dots-border-radius: 5px;
   --wm-carousel-dots-border-width: var(--wm-border-width-base);
-  --wm-carousel-dots-margin-left: var(--wm-radius-xxs);
-  --wm-carousel-dots-margin-right: var(--wm-radius-xxs);
-  --wm-carousel-slide-padding-horizontal: var(--wm-space-4);
+  --wm-carousel-dots-margin: var(--wm-space-0) var(--wm-radius-xxs);
+  --wm-carousel-slide-padding: var(--wm-space-0) var(--wm-space-4);
 }

package/src/templates/foundation-theme/wavemaker/design-tokens/variables/container.variant.less

@@ -1,44 +1,26 @@
 .app-default-container {
   --wm-container-border-style: var(--wm-border-style-base);
-  --wm-container-border-width-top: var(--wm-border-width-0);
-  --wm-container-border-width-bottom: var(--wm-border-width-0);
-  --wm-container-border-width-left: var(--wm-border-width-0);
-  --wm-container-border-width-right: var(--wm-border-width-0);
+  --wm-container-border-width: var(--wm-border-width-0);
   --wm-container-border-color: transparent;
   --wm-container-border-radius: var(--wm-radius-none);
   --wm-container-box-shadow: var(--wm-elevation-shadow-none);
-  --wm-container-padding-top: var(--wm-space-0);
-  --wm-container-padding-bottom: var(--wm-space-0);
-  --wm-container-padding-left: var(--wm-space-0);
-  --wm-container-padding-right: var(--wm-space-0);
+  --wm-container-padding: var(--wm-space-0);
 }
 
 .app-outlined-container {
   --wm-container-border-style: var(--wm-border-style-base);
-  --wm-container-border-width-top: var(--wm-border-width-base);
-  --wm-container-border-width-bottom: var(--wm-border-width-base);
-  --wm-container-border-width-left: var(--wm-border-width-base);
-  --wm-container-border-width-right: var(--wm-border-width-base);
+  --wm-container-border-width: var(--wm-border-width-base);
   --wm-container-border-color: var(--wm-color-outline-variant);
   --wm-container-border-radius: 1px;
   --wm-container-box-shadow: var(--wm-elevation-shadow-none);
-  --wm-container-padding-top: var(--wm-space-0);
-  --wm-container-padding-bottom: var(--wm-space-0);
-  --wm-container-padding-left: var(--wm-space-0);
-  --wm-container-padding-right: var(--wm-space-0);
+  --wm-container-padding: var(--wm-space-0);
 }
 
 .app-elevated-container {
   --wm-container-box-shadow: var(--wm-elevation-shadow-1);
   --wm-container-border-style: var(--wm-border-style-base);
   --wm-container-border-color: transparent;
-  --wm-container-border-width-top: var(--wm-border-width-base);
-  --wm-container-border-width-bottom: var(--wm-border-width-base);
-  --wm-container-border-width-left: var(--wm-border-width-base);
-  --wm-container-border-width-right: var(--wm-border-width-base);
+  --wm-container-border-width: var(--wm-border-width-base);
   --wm-container-border-radius: var(--wm-radius-sm);
-  --wm-container-padding-top: var(--wm-space-0);
-  --wm-container-padding-bottom: var(--wm-space-0);
-  --wm-container-padding-left: var(--wm-space-0);
-  --wm-container-padding-right: var(--wm-space-0);
+  --wm-container-padding: var(--wm-space-0);
 }

package/src/templates/foundation-theme/wavemaker/design-tokens/variables/form-controls.variant.less

@@ -1,19 +1,20 @@
 .app-input-focused {
   --wm-form-controls-border-color: var(--wm-color-primary);
-  --wm-form-controls-border-top-width: var(--wm-border-width-1);
-  --wm-form-controls-border-left-width: var(--wm-border-width-1);
-  --wm-form-controls-border-right-width: var(--wm-border-width-1);
-  --wm-form-controls-border-bottom-width: var(--wm-border-width-1);
+  --wm-form-controls-border-width: var(--wm-border-width-1);
   --wm-form-controls-background: var(--wm-color-outline-variant);
   --wm-form-controls-color: var(--wm-color-black);
+  --wm-form-controls-floating-color: var(--wm-color-surface-dim);
+  --wm-form-controls-floating-font-size: var(--wm-body-medium-font-size);
+  --wm-form-controls-floating-font-weight: var(--wm-body-medium-font-weight);
+  --wm-form-controls-floating-font-family: var(--wm-body-medium-font-family);
+  --wm-form-controls-floating-top: var(--wm-space-3);
+  --wm-form-controls-floating-left: var(--wm-space-4);
+  --wm-form-controls-floating-padding: var(--wm-space-0);
 }
 
 .app-input-disabled {
   --wm-form-controls-border-color: var(--wm-color-shadow);
-  --wm-form-controls-border-top-width: var(--wm-border-width-1);
-  --wm-form-controls-border-left-width: var(--wm-border-width-1);
-  --wm-form-controls-border-right-width: var(--wm-border-width-1);
-  --wm-form-controls-border-bottom-width: var(--wm-border-width-1);
+  --wm-form-controls-border-width: var(--wm-border-width-1);
   --wm-form-controls-background: var(--wm-color-surface-dim);
   --wm-form-controls-color: var(--wm-color-scrim);
   --wm-form-controls-opacity: 0.67;

package/src/templates/foundation-theme/wavemaker/design-tokens/variables/picture.variant.less

@@ -1,9 +1,6 @@
 .rounded-image.app-picture {
   --wm-picture-radius: var(--wm-radius-none);
-  --wm-picture-padding-top: var(--wm-space-0);
-  --wm-picture-padding-bottom: var(--wm-space-0);
-  --wm-picture-padding-left: var(--wm-space-0);
-  --wm-picture-padding-right: var(--wm-space-0);
+  --wm-picture-padding: var(--wm-space-0);
   --wm-picture-border-color: var(--wm-color-border);
   --wm-picture-border-style: var(--wm-border-style-base);
   --wm-picture-border-width: var(--wm-border-width-0);
@@ -13,10 +10,7 @@
 
 .circle-image.app-picture {
   --wm-picture-radius: var(--wm-radius-none);
-  --wm-picture-padding-top: var(--wm-space-0);
-  --wm-picture-padding-bottom: var(--wm-space-0);
-  --wm-picture-padding-left: var(--wm-space-0);
-  --wm-picture-padding-right: var(--wm-space-0);
+  --wm-picture-padding: var(--wm-space-0);
   --wm-picture-border-color: var(--wm-color-border);
   --wm-picture-border-style: var(--wm-border-style-base);
   --wm-picture-border-width: var(--wm-border-width-0);
@@ -26,10 +20,7 @@
 
 .thumbnail-image.app-picture {
   --wm-picture-radius: var(--wm-radius-xs);
-  --wm-picture-padding-top: var(--wm-space-1);
-  --wm-picture-padding-bottom: var(--wm-space-1);
-  --wm-picture-padding-left: var(--wm-space-1);
-  --wm-picture-padding-right: var(--wm-space-1);
+  --wm-picture-padding: var(--wm-space-1);
   --wm-picture-border-color: var(--wm-color-border);
   --wm-picture-border-style: var(--wm-border-style-base);
   --wm-picture-border-width: var(--wm-border-width-base);

package/src/templates/foundation-theme/wavemaker/design-tokens/variables/tabbar.variant.less

@@ -2,6 +2,7 @@
 .app-tabbar-active-icon,
 .app-tabbar-active-label {
   --wm-tabbar-item-border-radius: 50px;
+  --wm-tabbar-item-border-width: var(--wm-border-width-0);
   --wm-tabbar-item-background-color: var(--wm-color-primary-container);
   --wm-tabbar-item-margin-bottom: -2;
   --wm-tabbar-icon-color: var(--wm-color-primary);

package/src/templates/foundation-theme/wavemaker/design-tokens/variables/tabs.variant.less

@@ -2,9 +2,16 @@
 .app-tabheader-active-item-text,
 .app-tabheader-active-item-icon,
 .app-tabheader-active-indicator {
+  --wm-tabs-item-heading-padding: var(--wm-space-2);
+  --wm-tabs-item-heading-border-radius: var(--wm-radius-none);
+  --wm-tabs-item-heading-border-style: var(--wm-border-style-base);
+  --wm-tabs-item-heading-border-color: var(--wm-color-surface);
+  --wm-tabs-item-heading-border-width: var(--wm-border-width-0);
   --wm-tabs-item-heading-font-size: var(--wm-h6-font-size);
   --wm-tabs-item-heading-font-weight: var(--wm-h6-font-weight);
+  --wm-tabs-item-heading-font-family: var(--wm-h6-font-family);
   --wm-tabs-item-heading-line-height: var(--wm-h6-line-height);
+  --wm-tabs-item-heading-indicator-margin: var(--wm-space-0);
   --wm-tabs-item-heading-indicator-height: 3px;
   --wm-tabs-item-heading-indicator-background: var(--wm-color-primary);
   --wm-tabs-item-heading-background: var(--wm-color-surface);

package/src/templates/package.web.json

@@ -11,9 +11,9 @@
         "postinstall": ""
     },
     "dependencies": {
-        "@wavemaker/app-rn-runtime": "11.15.1-rc.248",
-        "@wavemaker/variables": "11.15.1-rc.248",
-        "@wavemaker/rn-codegen": "11.15.1-rc.248",
+        "@wavemaker/app-rn-runtime": "11.15.2-rc.249",
+        "@wavemaker/variables": "11.15.2-rc.249",
+        "@wavemaker/rn-codegen": "11.15.2-rc.249",
         "@wavemaker/wavepulse-agent": "1.0.11",
         "expo": "54.0.12",
         "expo-build-properties": "1.0.9",
@@ -101,5 +101,8 @@
         "@types/babel__standalone": "7.1.7",
         "@expo/config-plugins": "54.0.1"
     },
+    "overrides": {
+        "@react-navigation/core": "7.16.1"
+    },
     "private": true
 }

package/src/templates/project/esbuild/esbuild.script.js

@@ -127,6 +127,22 @@ class EsBuilder {
       .replace(` | $TEMPORARY$string<'raw'> `, '');
     });
   }
+  
+   async patchReactNativePaperDates() {
+    let path = `${__dirname}/../node_modules/react-native-paper-dates/lib/module/Date/Calendar.js`;
+    if(fs.existsSync(path)) {
+      await readAndReplaceFileContent(path, (content) => {
+        return content.replace("scrollMode === 'horizontal'", "scrollMode === 'horizontal' && selectingYear ");
+      });  
+    }
+    path = `${__dirname}/../node_modules/react-native-paper-dates/lib/module/Date/AnimatedCrossView.js`;
+    if(fs.existsSync(path)) {
+    await readAndReplaceFileContent(path, (content) => {
+        return content.replace("calendar), /*#__PURE__*/React.createElement(Animated.View", "calendar), collapsed ? null : /*#__PURE__*/React.createElement(Animated.View");
+      });
+    }
+    console.log('Patched react-native-paper-dates Calendar.js and AnimatedCrossView.js');
+  }
 
   async patchReactNativeWeb() {
     const path = `${__dirname}/../node_modules/react-native-web/dist/cjs/exports/render/index.js`;
@@ -386,6 +402,7 @@ class EsBuilder {
         .then(() => this.patchTouchableRipple())
         .then(() => this.patchReactNativeReanimated())
         .then(() => this.patchExpoVideo())
+        .then(() => this.patchReactNativePaperDates())
         .then(() => {
           console.log('*********** LIBRARIES ARE BUILT FOR ESBUILD **************');
         }, (e) => {

package/src/templates/project/package.json

@@ -11,9 +11,9 @@
         "postinstall": "node ./scripts/post-build.js"
     },
     "dependencies": {
-        "@wavemaker/app-rn-runtime": "11.15.1-rc.248",
-        "@wavemaker/variables": "11.15.1-rc.248",
-        "@wavemaker/rn-codegen": "11.15.1-rc.248",
+        "@wavemaker/app-rn-runtime": "11.15.2-rc.249",
+        "@wavemaker/variables": "11.15.2-rc.249",
+        "@wavemaker/rn-codegen": "11.15.2-rc.249",
         "@wavemaker/wavepulse-agent": "1.0.11",
         "expo": "54.0.12",
         "expo-build-properties": "1.0.9",
@@ -101,5 +101,8 @@
         "@types/babel__standalone": "7.1.7",
         "@expo/config-plugins": "54.0.1"
     },
+    "overrides": {
+        "@react-navigation/core": "7.16.1"
+    },
     "private": true
 }