@wavemaker-ai/rn-codegen 1.0.0-rc.647499 → 1.0.0-rc.647565

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 (31) hide show
  1. package/npm-shrinkwrap.json +218 -215
  2. package/package-lock.json +218 -215
  3. package/package.json +3 -3
  4. package/src/app.generator.js +7 -2
  5. package/src/app.generator.js.map +1 -1
  6. package/src/project.service.js +8 -0
  7. package/src/project.service.js.map +1 -1
  8. package/src/templates/app.template +7 -4
  9. package/src/templates/app.theme.template +15 -1
  10. package/src/templates/babel.config.js.template +3 -1
  11. package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/device/camera.less +1 -0
  12. package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/navigation/menu.less +2 -1
  13. package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/navigation/popover.less +0 -4
  14. package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/tokens.light.css +1 -1
  15. package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/device/camera.less +1 -0
  16. package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/navigation/menu.less +2 -1
  17. package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/navigation/popover.less +0 -4
  18. package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/tokens.light.css +1 -1
  19. package/src/templates/foundation-theme/dist/android/style.css +2 -2
  20. package/src/templates/foundation-theme/dist/android/style.js +76 -79
  21. package/src/templates/foundation-theme/dist/android/tokens.js +1 -1
  22. package/src/templates/foundation-theme/dist/ios/style.css +2 -2
  23. package/src/templates/foundation-theme/dist/ios/style.js +76 -79
  24. package/src/templates/foundation-theme/dist/ios/tokens.js +1 -1
  25. package/src/templates/foundation-theme/wavemaker/design-tokens/device/camera.less +1 -0
  26. package/src/templates/foundation-theme/wavemaker/design-tokens/navigation/menu.less +2 -1
  27. package/src/templates/foundation-theme/wavemaker/design-tokens/navigation/popover.less +0 -4
  28. package/src/templates/foundation-theme/wavemaker/design-tokens/tokens.light.css +1 -1
  29. package/src/templates/package.web.json +3 -3
  30. package/src/templates/project/esbuild/esbuild.script.js +53 -1
  31. package/src/templates/project/package.json +3 -3
@@ -3851,7 +3851,8 @@ export default {
3851
3851
  "borderRadius": "var(--wm-camera-border-radius)",
3852
3852
  "minHeight": "var(--wm-camera-min-height)",
3853
3853
  "minWidth": "var(--wm-camera-min-width)",
3854
- "padding": "var(--wm-camera-padding)"
3854
+ "padding": "var(--wm-camera-padding)",
3855
+ "rippleColor": "var(--wm-camera-ripple-color)"
3855
3856
  },
3856
3857
  "text": {
3857
3858
  "color": "var(--wm-camera-color)"
@@ -4823,10 +4824,7 @@ export default {
4823
4824
  "backgroundColor": "var(--wm-dropdown-menu-background)",
4824
4825
  "borderRadius": "var(--wm-dropdown-menu-border-radius)",
4825
4826
  "borderWidth": "var(--wm-dropdown-menu-border-width)",
4826
- "borderColor": "var(--wm-dropdown-menu-border-color)",
4827
- "modalContent": {
4828
- "boxShadow": "var(--wm-dropdown-menu-box-shadow)"
4829
- }
4827
+ "borderColor": "var(--wm-dropdown-menu-border-color)"
4830
4828
  },
4831
4829
  "link": {
4832
4830
  "icon": {
@@ -4886,6 +4884,79 @@ export default {
4886
4884
  }
4887
4885
  }
4888
4886
  },
4887
+ "app-popover": {
4888
+ "modalContent": {
4889
+ "boxShadow": "var(--wm-dropdown-menu-box-shadow)"
4890
+ },
4891
+ "popover": {
4892
+ "backgroundColor": "var(--wm-popover-background-color)",
4893
+ "padding": "var(--wm-popover-padding)",
4894
+ "borderRadius": "var(--wm-popover-border-radius)",
4895
+ "borderWidth": "var(--wm-popover-border-width)",
4896
+ "borderStyle": "var(--wm-popover-border-style)",
4897
+ "borderColor": "var(--wm-popover-border-color)"
4898
+ },
4899
+ "title": {
4900
+ "backgroundColor": "var(--wm-popover-header-background-color)",
4901
+ "color": "var(--wm-popover-header-color)",
4902
+ "padding": "var(--wm-popover-header-padding)",
4903
+ "fontFamily": "var(--wm-popover-header-font-family)",
4904
+ "fontSize": "var(--wm-popover-header-font-size)",
4905
+ "fontWeight": "var(--wm-popover-header-font-weight)",
4906
+ "lineHeight": "var(--wm-popover-header-line-height)",
4907
+ "letterSpacing": "var(--wm-popover-header-letter-spacing)"
4908
+ },
4909
+ "popoverContent": {
4910
+ "root": {
4911
+ "backgroundColor": "var(--wm-popover-content-background-color)",
4912
+ "boxShadow": "var(--wm-popover-content-shadow)",
4913
+ "borderWidth": "var(--wm-popover-content-border-width)",
4914
+ "borderStyle": "var(--wm-popover-content-border-style)",
4915
+ "borderColor": "var(--wm-popover-content-border-color)",
4916
+ "borderRadius": "var(--wm-popover-content-border-radius)"
4917
+ }
4918
+ },
4919
+ "root": {
4920
+ "backgroundColor": "var(--wm-popover-link-background-color)",
4921
+ "borderColor": "var(--wm-popover-link-border-color)",
4922
+ "borderWidth": "var(--wm-popover-link-border-width)",
4923
+ "borderStyle": "var(--wm-popover-link-border-style)",
4924
+ "borderRadius": "var(--wm-popover-link-border-radius)",
4925
+ "padding": "var(--wm-popover-link-padding)",
4926
+ "width": "var(--wm-popover-link-width)",
4927
+ "height": "var(--wm-popover-link-height)",
4928
+ "minHeight": "var(--wm-popover-link-min-height)"
4929
+ },
4930
+ "link": {
4931
+ "icon": {
4932
+ "root": {
4933
+ "minWidth": "var(--wm-popover-link-icon-size)",
4934
+ "width": "var(--wm-popover-link-icon-size)",
4935
+ "height": "var(--wm-popover-link-icon-size)"
4936
+ },
4937
+ "icon": {
4938
+ "color": "var(--wm-popover-link-icon-color)",
4939
+ "fontSize": "var(--wm-popover-link-icon-size)",
4940
+ "minWidth": "var(--wm-popover-link-icon-size)",
4941
+ "width": "var(--wm-popover-link-icon-size)",
4942
+ "height": "var(--wm-popover-link-icon-size)",
4943
+ "lineHeight": "var(--wm-popover-link-icon-size)"
4944
+ }
4945
+ },
4946
+ "text": {
4947
+ "color": "var(--wm-popover-link-color)",
4948
+ "paddingLeft": "var(--wm-space-2)",
4949
+ "paddingRight": "var(--wm-space-2)",
4950
+ "fontSize": "var(--wm-popover-link-font-size)",
4951
+ "fontFamily": "var(--wm-popover-link-font-family)",
4952
+ "fontWeight": "var(--wm-popover-link-font-weight)",
4953
+ "lineHeight": "var(--wm-popover-link-line-height)",
4954
+ "letterSpacing": "var(--wm-popover-link-letter-spacing)",
4955
+ "textDecoration": "var(--wm-popover-link-text-decoration)",
4956
+ "textDecorationLine": "var(--wm-popover-link-text-decoration)"
4957
+ }
4958
+ }
4959
+ },
4889
4960
  "app-navitem": {
4890
4961
  "root": {
4891
4962
  "borderColor": "#ccc",
@@ -5113,80 +5184,6 @@ export default {
5113
5184
  "flex": "var(--wm-navitem-text-flex)"
5114
5185
  }
5115
5186
  },
5116
- "app-popover": {
5117
- "popover": {
5118
- "backgroundColor": "var(--wm-popover-background-color)",
5119
- "padding": "var(--wm-popover-padding)",
5120
- "boxShadow": "var(--wm-popover-shadow)",
5121
- "borderRadius": "var(--wm-popover-border-radius)",
5122
- "borderWidth": "var(--wm-popover-border-width)",
5123
- "borderStyle": "var(--wm-popover-border-style)",
5124
- "borderColor": "var(--wm-popover-border-color)"
5125
- },
5126
- "title": {
5127
- "backgroundColor": "var(--wm-popover-header-background-color)",
5128
- "color": "var(--wm-popover-header-color)",
5129
- "padding": "var(--wm-popover-header-padding)",
5130
- "fontFamily": "var(--wm-popover-header-font-family)",
5131
- "fontSize": "var(--wm-popover-header-font-size)",
5132
- "fontWeight": "var(--wm-popover-header-font-weight)",
5133
- "lineHeight": "var(--wm-popover-header-line-height)",
5134
- "letterSpacing": "var(--wm-popover-header-letter-spacing)"
5135
- },
5136
- "popoverContent": {
5137
- "root": {
5138
- "backgroundColor": "var(--wm-popover-content-background-color)",
5139
- "boxShadow": "var(--wm-popover-content-shadow)",
5140
- "borderWidth": "var(--wm-popover-content-border-width)",
5141
- "borderStyle": "var(--wm-popover-content-border-style)",
5142
- "borderColor": "var(--wm-popover-content-border-color)",
5143
- "borderRadius": "var(--wm-popover-content-border-radius)"
5144
- }
5145
- },
5146
- "modalContent": {
5147
- "boxShadow": "var(--wm-popover-modal-content-shadow)"
5148
- },
5149
- "root": {
5150
- "backgroundColor": "var(--wm-popover-link-background-color)",
5151
- "borderColor": "var(--wm-popover-link-border-color)",
5152
- "borderWidth": "var(--wm-popover-link-border-width)",
5153
- "borderStyle": "var(--wm-popover-link-border-style)",
5154
- "borderRadius": "var(--wm-popover-link-border-radius)",
5155
- "padding": "var(--wm-popover-link-padding)",
5156
- "width": "var(--wm-popover-link-width)",
5157
- "height": "var(--wm-popover-link-height)",
5158
- "minHeight": "var(--wm-popover-link-min-height)"
5159
- },
5160
- "link": {
5161
- "icon": {
5162
- "root": {
5163
- "minWidth": "var(--wm-popover-link-icon-size)",
5164
- "width": "var(--wm-popover-link-icon-size)",
5165
- "height": "var(--wm-popover-link-icon-size)"
5166
- },
5167
- "icon": {
5168
- "color": "var(--wm-popover-link-icon-color)",
5169
- "fontSize": "var(--wm-popover-link-icon-size)",
5170
- "minWidth": "var(--wm-popover-link-icon-size)",
5171
- "width": "var(--wm-popover-link-icon-size)",
5172
- "height": "var(--wm-popover-link-icon-size)",
5173
- "lineHeight": "var(--wm-popover-link-icon-size)"
5174
- }
5175
- },
5176
- "text": {
5177
- "color": "var(--wm-popover-link-color)",
5178
- "paddingLeft": "var(--wm-space-2)",
5179
- "paddingRight": "var(--wm-space-2)",
5180
- "fontSize": "var(--wm-popover-link-font-size)",
5181
- "fontFamily": "var(--wm-popover-link-font-family)",
5182
- "fontWeight": "var(--wm-popover-link-font-weight)",
5183
- "lineHeight": "var(--wm-popover-link-line-height)",
5184
- "letterSpacing": "var(--wm-popover-link-letter-spacing)",
5185
- "textDecoration": "var(--wm-popover-link-text-decoration)",
5186
- "textDecorationLine": "var(--wm-popover-link-text-decoration)"
5187
- }
5188
- }
5189
- },
5190
5187
  "app-popover-action-sheet": {
5191
5188
  "popover": {
5192
5189
  "left": "var(--wm-popover-left)",
@@ -67,6 +67,7 @@ export default {
67
67
  "--wm-camera-border-radius": 20,
68
68
  "--wm-camera-min-height": 30,
69
69
  "--wm-camera-min-width": 40,
70
+ "--wm-camera-ripple-color": "transparent",
70
71
  "--wm-card-header-width": "100%",
71
72
  "--wm-card-header-background-color": "transparent",
72
73
  "--wm-card-border-radius": 6,
@@ -976,7 +977,6 @@ export default {
976
977
  "--wm-popover-content-border-radius": "var(--wm-radius-none)",
977
978
  "--wm-popover-content-background-color": "var(--wm-color-transparent)",
978
979
  "--wm-popover-content-shadow": "var(--wm-elevation-shadow-none)",
979
- "--wm-popover-modal-content-shadow": "var(--wm-elevation-shadow-none)",
980
980
  "--wm-progress-bar-background-inactive": "var(--wm-color-primary-container)",
981
981
  "--wm-progress-bar-background-active": "var(--wm-color-primary)",
982
982
  "--wm-progress-bar-radius": "var(--wm-radius-lg)",
@@ -7,6 +7,7 @@
7
7
  min-height: var(--wm-camera-min-height);
8
8
  min-width: var(--wm-camera-min-width);
9
9
  padding: var(--wm-camera-padding);
10
+ ripple-color: var(--wm-camera-ripple-color);
10
11
  }
11
12
 
12
13
  .app-camera-text {
@@ -29,7 +29,8 @@
29
29
  padding: var(--wm-dropdown-menu-padding);
30
30
  }
31
31
 
32
- .app-menu.modalContent{
32
+ .app-popover-modal-content{
33
+ //boxshadow should work for menu only not for popover and this class is the wrapper for menu modal or dialog box
33
34
  box-shadow: var(--wm-dropdown-menu-box-shadow);
34
35
  }
35
36
 
@@ -1,7 +1,6 @@
1
1
  .app-popover{
2
2
  padding: var(--wm-popover-padding);
3
3
  background-color: var(--wm-popover-background-color);
4
- box-shadow: var(--wm-popover-shadow);
5
4
  border-radius: var(--wm-popover-border-radius);
6
5
  border-width: var(--wm-popover-border-width);
7
6
  border-style: var(--wm-popover-border-style);
@@ -17,9 +16,6 @@
17
16
  border-radius: var(--wm-popover-content-border-radius);
18
17
  }
19
18
 
20
- .app-popover-modal-content{
21
- box-shadow: var(--wm-popover-modal-content-shadow);
22
- }
23
19
  .app-popover-wrapper{
24
20
  background-color: var(--wm-popover-link-background-color);
25
21
  border-color: var(--wm-popover-link-border-color);
@@ -63,6 +63,7 @@
63
63
  --wm-camera-border-radius: 20px;
64
64
  --wm-camera-min-height: 30px;
65
65
  --wm-camera-min-width: 40px;
66
+ --wm-camera-ripple-color: transparent;
66
67
  --wm-card-header-width: 100%;
67
68
  --wm-card-header-background-color: transparent;
68
69
  --wm-card-border-radius: 6px;
@@ -967,7 +968,6 @@
967
968
  --wm-popover-content-border-radius: var(--wm-radius-none);
968
969
  --wm-popover-content-background-color: var(--wm-color-transparent);
969
970
  --wm-popover-content-shadow: var(--wm-elevation-shadow-none);
970
- --wm-popover-modal-content-shadow: var(--wm-elevation-shadow-none);
971
971
  --wm-progress-bar-background-inactive: var(--wm-color-primary-container);
972
972
  --wm-progress-bar-background-active: var(--wm-color-primary);
973
973
  --wm-progress-bar-radius: var(--wm-radius-lg);
@@ -11,9 +11,9 @@
11
11
  "postinstall": ""
12
12
  },
13
13
  "dependencies": {
14
- "@wavemaker-ai/app-rn-runtime": "1.0.0-rc.647499",
15
- "@wavemaker-ai/variables": "1.0.0-rc.647499",
16
- "@wavemaker-ai/rn-codegen": "1.0.0-rc.647499",
14
+ "@wavemaker-ai/app-rn-runtime": "1.0.0-rc.647565",
15
+ "@wavemaker-ai/variables": "1.0.0-rc.647565",
16
+ "@wavemaker-ai/rn-codegen": "1.0.0-rc.647565",
17
17
  "@wavemaker/wavepulse-agent": "1.0.11",
18
18
  "expo": "54.0.12",
19
19
  "expo-build-properties": "1.0.9",
@@ -430,9 +430,61 @@ class EsBuilder {
430
430
  'react-native-reanimated/plugin',
431
431
  ]
432
432
  }
433
+ }), babel({
434
+ filter: /node_modules\/@wavemaker-ai\/.*\.(js|jsx)$/,
435
+ config: {
436
+ plugins: ['react-native-reanimated/plugin']
437
+ }
438
+ }), babel({
439
+ // Strip Flow types from React Native packages that ship Flow source
440
+ // (e.g. @react-native/assets-registry/registry.js).
441
+ filter: /node_modules\/@react-native\/.*\.(js|jsx)$/,
442
+ config: {
443
+ babelrc: false,
444
+ configFile: false,
445
+ plugins: [require.resolve('@babel/plugin-transform-flow-strip-types')]
446
+ }
433
447
  }), resolve({
434
448
  'victory-native': 'victory'
435
- })]
449
+ }), {
450
+ // This plugin resolves @wavemaker-ai/wmx-component/<name>/index.wmx.js
451
+ // directly to node_modules/@wavemaker-ai/wmx-component/src/<name>/index.wmx.js.
452
+ name: 'wmx-component-resolver',
453
+ setup(build) {
454
+ const WMX_PKG_PREFIX = `${WM_NPM_SCOPE}/wmx-component/`;
455
+ const WMX_SRC_ROOT = path.resolve(__dirname, `../node_modules/${WM_NPM_SCOPE}/wmx-component/src`);
456
+ const filterRegex = new RegExp(`^${WM_NPM_SCOPE.replace(/\//g, '\\/')}\\/wmx-component\\/`);
457
+ build.onResolve({ filter: filterRegex }, (args) => {
458
+ const subpath = args.path.slice(WMX_PKG_PREFIX.length);
459
+ return { path: path.join(WMX_SRC_ROOT, subpath) };
460
+ });
461
+ }
462
+ }, {
463
+ // Fallback resolver: if a bare specifier like `expo-asset` or
464
+ // `@expo/<x>` isn't installed at top-level node_modules (because
465
+ // npm hoisting put it under expo/node_modules/), look for it
466
+ // inside `node_modules/expo/node_modules/` instead.
467
+ name: 'expo-nested-resolver',
468
+ setup(build) {
469
+ const projectModules = path.resolve(__dirname, '../node_modules');
470
+ const expoNested = path.join(projectModules, 'expo/node_modules');
471
+ build.onResolve({ filter: /^(@expo\/|expo-)/ }, (args) => {
472
+ const pkg = args.path.startsWith('@')
473
+ ? args.path.split('/').slice(0, 2).join('/')
474
+ : args.path.split('/')[0];
475
+ // Top-level present → let esbuild resolve normally.
476
+ if (fs.existsSync(path.join(projectModules, pkg, 'package.json'))) {
477
+ return null;
478
+ }
479
+ // Top-level missing → try the nested copy under expo/.
480
+ try {
481
+ return { path: require.resolve(args.path, { paths: [expoNested] }) };
482
+ } catch (e) {
483
+ return null;
484
+ }
485
+ });
486
+ }
487
+ }]
436
488
  })
437
489
  }
438
490
 
@@ -11,9 +11,9 @@
11
11
  "postinstall": "node ./scripts/post-build.js"
12
12
  },
13
13
  "dependencies": {
14
- "@wavemaker-ai/app-rn-runtime": "1.0.0-rc.647499",
15
- "@wavemaker-ai/variables": "1.0.0-rc.647499",
16
- "@wavemaker-ai/rn-codegen": "1.0.0-rc.647499",
14
+ "@wavemaker-ai/app-rn-runtime": "1.0.0-rc.647565",
15
+ "@wavemaker-ai/variables": "1.0.0-rc.647565",
16
+ "@wavemaker-ai/rn-codegen": "1.0.0-rc.647565",
17
17
  "@wavemaker/wavepulse-agent": "1.0.11",
18
18
  "expo": "54.0.12",
19
19
  "expo-build-properties": "1.0.9",