@wavemaker-ai/rn-codegen 1.0.0-rc.312 → 1.0.0-rc.314

package/src/templates/foundation-theme/dist/ios/style.js

@@ -3851,7 +3851,8 @@ export default {
                 "borderRadius": "var(--wm-camera-border-radius)",
                 "minHeight": "var(--wm-camera-min-height)",
                 "minWidth": "var(--wm-camera-min-width)",
-                "padding": "var(--wm-camera-padding)"
+                "padding": "var(--wm-camera-padding)",
+                "rippleColor": "var(--wm-camera-ripple-color)"
             },
             "text": {
                 "color": "var(--wm-camera-color)"
@@ -4823,10 +4824,7 @@ export default {
             "backgroundColor": "var(--wm-dropdown-menu-background)",
             "borderRadius": "var(--wm-dropdown-menu-border-radius)",
             "borderWidth": "var(--wm-dropdown-menu-border-width)",
-            "borderColor": "var(--wm-dropdown-menu-border-color)",
-            "modalContent": {
-                "boxShadow": "var(--wm-dropdown-menu-box-shadow)"
-            }
+            "borderColor": "var(--wm-dropdown-menu-border-color)"
         },
         "link": {
             "icon": {
@@ -4886,6 +4884,79 @@ export default {
             }
         }
     },
+    "app-popover": {
+        "modalContent": {
+            "boxShadow": "var(--wm-dropdown-menu-box-shadow)"
+        },
+        "popover": {
+            "backgroundColor": "var(--wm-popover-background-color)",
+            "padding": "var(--wm-popover-padding)",
+            "borderRadius": "var(--wm-popover-border-radius)",
+            "borderWidth": "var(--wm-popover-border-width)",
+            "borderStyle": "var(--wm-popover-border-style)",
+            "borderColor": "var(--wm-popover-border-color)"
+        },
+        "title": {
+            "backgroundColor": "var(--wm-popover-header-background-color)",
+            "color": "var(--wm-popover-header-color)",
+            "padding": "var(--wm-popover-header-padding)",
+            "fontFamily": "var(--wm-popover-header-font-family)",
+            "fontSize": "var(--wm-popover-header-font-size)",
+            "fontWeight": "var(--wm-popover-header-font-weight)",
+            "lineHeight": "var(--wm-popover-header-line-height)",
+            "letterSpacing": "var(--wm-popover-header-letter-spacing)"
+        },
+        "popoverContent": {
+            "root": {
+                "backgroundColor": "var(--wm-popover-content-background-color)",
+                "boxShadow": "var(--wm-popover-content-shadow)",
+                "borderWidth": "var(--wm-popover-content-border-width)",
+                "borderStyle": "var(--wm-popover-content-border-style)",
+                "borderColor": "var(--wm-popover-content-border-color)",
+                "borderRadius": "var(--wm-popover-content-border-radius)"
+            }
+        },
+        "root": {
+            "backgroundColor": "var(--wm-popover-link-background-color)",
+            "borderColor": "var(--wm-popover-link-border-color)",
+            "borderWidth": "var(--wm-popover-link-border-width)",
+            "borderStyle": "var(--wm-popover-link-border-style)",
+            "borderRadius": "var(--wm-popover-link-border-radius)",
+            "padding": "var(--wm-popover-link-padding)",
+            "width": "var(--wm-popover-link-width)",
+            "height": "var(--wm-popover-link-height)",
+            "minHeight": "var(--wm-popover-link-min-height)"
+        },
+        "link": {
+            "icon": {
+                "root": {
+                    "minWidth": "var(--wm-popover-link-icon-size)",
+                    "width": "var(--wm-popover-link-icon-size)",
+                    "height": "var(--wm-popover-link-icon-size)"
+                },
+                "icon": {
+                    "color": "var(--wm-popover-link-icon-color)",
+                    "fontSize": "var(--wm-popover-link-icon-size)",
+                    "minWidth": "var(--wm-popover-link-icon-size)",
+                    "width": "var(--wm-popover-link-icon-size)",
+                    "height": "var(--wm-popover-link-icon-size)",
+                    "lineHeight": "var(--wm-popover-link-icon-size)"
+                }
+            },
+            "text": {
+                "color": "var(--wm-popover-link-color)",
+                "paddingLeft": "var(--wm-space-2)",
+                "paddingRight": "var(--wm-space-2)",
+                "fontSize": "var(--wm-popover-link-font-size)",
+                "fontFamily": "var(--wm-popover-link-font-family)",
+                "fontWeight": "var(--wm-popover-link-font-weight)",
+                "lineHeight": "var(--wm-popover-link-line-height)",
+                "letterSpacing": "var(--wm-popover-link-letter-spacing)",
+                "textDecoration": "var(--wm-popover-link-text-decoration)",
+                "textDecorationLine": "var(--wm-popover-link-text-decoration)"
+            }
+        }
+    },
     "app-navitem": {
         "root": {
             "borderColor": "#ccc",
@@ -5113,80 +5184,6 @@ export default {
             "flex": "var(--wm-navitem-text-flex)"
         }
     },
-    "app-popover": {
-        "popover": {
-            "backgroundColor": "var(--wm-popover-background-color)",
-            "padding": "var(--wm-popover-padding)",
-            "boxShadow": "var(--wm-popover-shadow)",
-            "borderRadius": "var(--wm-popover-border-radius)",
-            "borderWidth": "var(--wm-popover-border-width)",
-            "borderStyle": "var(--wm-popover-border-style)",
-            "borderColor": "var(--wm-popover-border-color)"
-        },
-        "title": {
-            "backgroundColor": "var(--wm-popover-header-background-color)",
-            "color": "var(--wm-popover-header-color)",
-            "padding": "var(--wm-popover-header-padding)",
-            "fontFamily": "var(--wm-popover-header-font-family)",
-            "fontSize": "var(--wm-popover-header-font-size)",
-            "fontWeight": "var(--wm-popover-header-font-weight)",
-            "lineHeight": "var(--wm-popover-header-line-height)",
-            "letterSpacing": "var(--wm-popover-header-letter-spacing)"
-        },
-        "popoverContent": {
-            "root": {
-                "backgroundColor": "var(--wm-popover-content-background-color)",
-                "boxShadow": "var(--wm-popover-content-shadow)",
-                "borderWidth": "var(--wm-popover-content-border-width)",
-                "borderStyle": "var(--wm-popover-content-border-style)",
-                "borderColor": "var(--wm-popover-content-border-color)",
-                "borderRadius": "var(--wm-popover-content-border-radius)"
-            }
-        },
-        "modalContent": {
-            "boxShadow": "var(--wm-popover-modal-content-shadow)"
-        },
-        "root": {
-            "backgroundColor": "var(--wm-popover-link-background-color)",
-            "borderColor": "var(--wm-popover-link-border-color)",
-            "borderWidth": "var(--wm-popover-link-border-width)",
-            "borderStyle": "var(--wm-popover-link-border-style)",
-            "borderRadius": "var(--wm-popover-link-border-radius)",
-            "padding": "var(--wm-popover-link-padding)",
-            "width": "var(--wm-popover-link-width)",
-            "height": "var(--wm-popover-link-height)",
-            "minHeight": "var(--wm-popover-link-min-height)"
-        },
-        "link": {
-            "icon": {
-                "root": {
-                    "minWidth": "var(--wm-popover-link-icon-size)",
-                    "width": "var(--wm-popover-link-icon-size)",
-                    "height": "var(--wm-popover-link-icon-size)"
-                },
-                "icon": {
-                    "color": "var(--wm-popover-link-icon-color)",
-                    "fontSize": "var(--wm-popover-link-icon-size)",
-                    "minWidth": "var(--wm-popover-link-icon-size)",
-                    "width": "var(--wm-popover-link-icon-size)",
-                    "height": "var(--wm-popover-link-icon-size)",
-                    "lineHeight": "var(--wm-popover-link-icon-size)"
-                }
-            },
-            "text": {
-                "color": "var(--wm-popover-link-color)",
-                "paddingLeft": "var(--wm-space-2)",
-                "paddingRight": "var(--wm-space-2)",
-                "fontSize": "var(--wm-popover-link-font-size)",
-                "fontFamily": "var(--wm-popover-link-font-family)",
-                "fontWeight": "var(--wm-popover-link-font-weight)",
-                "lineHeight": "var(--wm-popover-link-line-height)",
-                "letterSpacing": "var(--wm-popover-link-letter-spacing)",
-                "textDecoration": "var(--wm-popover-link-text-decoration)",
-                "textDecorationLine": "var(--wm-popover-link-text-decoration)"
-            }
-        }
-    },
     "app-popover-action-sheet": {
         "popover": {
             "left": "var(--wm-popover-left)",

package/src/templates/foundation-theme/dist/ios/tokens.js

@@ -67,6 +67,7 @@ export default {
                 "--wm-camera-border-radius": 20,
                 "--wm-camera-min-height": 30,
                 "--wm-camera-min-width": 40,
+                "--wm-camera-ripple-color": "transparent",
                 "--wm-card-header-width": "100%",
                 "--wm-card-header-background-color": "transparent",
                 "--wm-card-border-radius": 6,
@@ -976,7 +977,6 @@ export default {
                 "--wm-popover-content-border-radius": "var(--wm-radius-none)",
                 "--wm-popover-content-background-color": "var(--wm-color-transparent)",
                 "--wm-popover-content-shadow": "var(--wm-elevation-shadow-none)",
-                "--wm-popover-modal-content-shadow": "var(--wm-elevation-shadow-none)",
                 "--wm-progress-bar-background-inactive": "var(--wm-color-primary-container)",
                 "--wm-progress-bar-background-active": "var(--wm-color-primary)",
                 "--wm-progress-bar-radius": "var(--wm-radius-lg)",

package/src/templates/foundation-theme/wavemaker/design-tokens/device/camera.less

@@ -7,6 +7,7 @@
     min-height: var(--wm-camera-min-height);
     min-width: var(--wm-camera-min-width);
     padding: var(--wm-camera-padding);
+    ripple-color: var(--wm-camera-ripple-color);
 }
 
 .app-camera-text {

package/src/templates/foundation-theme/wavemaker/design-tokens/navigation/menu.less

@@ -29,7 +29,8 @@
   padding: var(--wm-dropdown-menu-padding);
 }
 
-.app-menu.modalContent{
+.app-popover-modal-content{
+  //boxshadow should work for menu only not for popover and this class is the wrapper for menu modal or dialog box
   box-shadow: var(--wm-dropdown-menu-box-shadow);
 }
 

package/src/templates/foundation-theme/wavemaker/design-tokens/navigation/popover.less

@@ -1,7 +1,6 @@
 .app-popover{
     padding: var(--wm-popover-padding);
     background-color: var(--wm-popover-background-color);
-    box-shadow: var(--wm-popover-shadow);
     border-radius: var(--wm-popover-border-radius);
     border-width: var(--wm-popover-border-width);
     border-style: var(--wm-popover-border-style);
@@ -17,9 +16,6 @@
     border-radius: var(--wm-popover-content-border-radius);
 }
 
-.app-popover-modal-content{
-    box-shadow: var(--wm-popover-modal-content-shadow);
-}
 .app-popover-wrapper{
     background-color: var(--wm-popover-link-background-color);
     border-color: var(--wm-popover-link-border-color);

package/src/templates/foundation-theme/wavemaker/design-tokens/tokens.light.css

@@ -63,6 +63,7 @@
   --wm-camera-border-radius: 20px;
   --wm-camera-min-height: 30px;
   --wm-camera-min-width: 40px;
+  --wm-camera-ripple-color: transparent;
   --wm-card-header-width: 100%;
   --wm-card-header-background-color: transparent;
   --wm-card-border-radius: 6px;
@@ -967,7 +968,6 @@
   --wm-popover-content-border-radius: var(--wm-radius-none);
   --wm-popover-content-background-color: var(--wm-color-transparent);
   --wm-popover-content-shadow: var(--wm-elevation-shadow-none);
-  --wm-popover-modal-content-shadow: var(--wm-elevation-shadow-none);
   --wm-progress-bar-background-inactive: var(--wm-color-primary-container);
   --wm-progress-bar-background-active: var(--wm-color-primary);
   --wm-progress-bar-radius: var(--wm-radius-lg);

package/src/templates/package.web.json

@@ -11,9 +11,9 @@
         "postinstall": ""
     },
     "dependencies": {
-        "@wavemaker-ai/app-rn-runtime": "1.0.0-rc.312",
-        "@wavemaker-ai/variables": "1.0.0-rc.312",
-        "@wavemaker-ai/rn-codegen": "1.0.0-rc.312",
+        "@wavemaker-ai/app-rn-runtime": "1.0.0-rc.314",
+        "@wavemaker-ai/variables": "1.0.0-rc.314",
+        "@wavemaker-ai/rn-codegen": "1.0.0-rc.314",
         "@wavemaker/wavepulse-agent": "1.0.11",
         "expo": "54.0.12",
         "expo-build-properties": "1.0.9",

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

@@ -430,9 +430,61 @@ class EsBuilder {
             'react-native-reanimated/plugin',
           ]
         }
+      }), babel({
+        filter: /node_modules\/@wavemaker-ai\/.*\.(js|jsx)$/,
+        config: {
+          plugins: ['react-native-reanimated/plugin']
+        }
+      }), babel({
+        // Strip Flow types from React Native packages that ship Flow source
+        // (e.g. @react-native/assets-registry/registry.js).
+        filter: /node_modules\/@react-native\/.*\.(js|jsx)$/,
+        config: {
+          babelrc: false,
+          configFile: false,
+          plugins: [require.resolve('@babel/plugin-transform-flow-strip-types')]
+        }
       }), resolve({
         'victory-native': 'victory'
-      })]
+      }), {
+        // This plugin resolves @wavemaker-ai/wmx-component/<name>/index.wmx.js
+        // directly to node_modules/@wavemaker-ai/wmx-component/src/<name>/index.wmx.js.
+        name: 'wmx-component-resolver',
+        setup(build) {
+          const WMX_PKG_PREFIX = `${WM_NPM_SCOPE}/wmx-component/`;
+          const WMX_SRC_ROOT = path.resolve(__dirname, `../node_modules/${WM_NPM_SCOPE}/wmx-component/src`);
+          const filterRegex = new RegExp(`^${WM_NPM_SCOPE.replace(/\//g, '\\/')}\\/wmx-component\\/`);
+          build.onResolve({ filter: filterRegex }, (args) => {
+            const subpath = args.path.slice(WMX_PKG_PREFIX.length);
+            return { path: path.join(WMX_SRC_ROOT, subpath) };
+          });
+        }
+      }, {
+        // Fallback resolver: if a bare specifier like `expo-asset` or
+        // `@expo/<x>` isn't installed at top-level node_modules (because
+        // npm hoisting put it under expo/node_modules/), look for it
+        // inside `node_modules/expo/node_modules/` instead.
+        name: 'expo-nested-resolver',
+        setup(build) {
+          const projectModules = path.resolve(__dirname, '../node_modules');
+          const expoNested = path.join(projectModules, 'expo/node_modules');
+          build.onResolve({ filter: /^(@expo\/|expo-)/ }, (args) => {
+            const pkg = args.path.startsWith('@')
+              ? args.path.split('/').slice(0, 2).join('/')
+              : args.path.split('/')[0];
+            // Top-level present → let esbuild resolve normally.
+            if (fs.existsSync(path.join(projectModules, pkg, 'package.json'))) {
+              return null;
+            }
+            // Top-level missing → try the nested copy under expo/.
+            try {
+              return { path: require.resolve(args.path, { paths: [expoNested] }) };
+            } catch (e) {
+              return null;
+            }
+          });
+        }
+      }]
     })
   }
 

package/src/templates/project/package.json

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