@wavemaker-ai/react-runtime 1.0.0-rc.324 → 1.0.0-rc.328

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 (124) hide show
  1. package/components/basic/anchor/index.js +3 -0
  2. package/components/basic/icon/index.js +36 -5
  3. package/components/basic/iframe/index.js +18 -8
  4. package/components/basic/label/index.js +4 -3
  5. package/components/basic/search/index.d.ts +72 -3
  6. package/components/basic/search/index.js +75 -21
  7. package/components/basic/search/props.d.ts +4 -0
  8. package/components/common/WmAppIcon/index.js +11 -8
  9. package/components/common/WmAppIcon/props.d.ts +2 -0
  10. package/components/container/accordion/accordion-pane/index.d.ts +1 -0
  11. package/components/container/accordion/accordion-pane/index.js +7 -3
  12. package/components/container/accordion/accordion-pane/props.d.ts +1 -0
  13. package/components/container/index.js +18 -5
  14. package/components/container/layout-grid/grid-row/index.js +1 -1
  15. package/components/container/panel/components/panel-header/index.js +1 -3
  16. package/components/container/tabs/tab-pane/index.d.ts +1 -0
  17. package/components/container/tabs/tab-pane/index.js +2 -2
  18. package/components/container/tabs/tab-pane/props.d.ts +1 -0
  19. package/components/container/wizard/index.js +11 -10
  20. package/components/container/wizard/utils.js +1 -0
  21. package/components/data/form/base-form/hooks/useFormSubmission.d.ts +1 -1
  22. package/components/data/form/base-form/hooks/useFormSubmission.js +3 -1
  23. package/components/data/form/base-form/index.js +11 -14
  24. package/components/data/form/base-form/props.d.ts +3 -0
  25. package/components/data/form/dynamic-fields/WmxDynamicFormField.d.ts +11 -0
  26. package/components/data/form/dynamic-fields/WmxDynamicFormField.js +77 -0
  27. package/components/data/form/dynamic-fields/index.js +12 -1
  28. package/components/data/form/form-controller/withFormController.js +19 -16
  29. package/components/data/form/form-field/base-field.js +8 -5
  30. package/components/data/form/form-field/index.js +15 -8
  31. package/components/data/form/form-field/props.d.ts +1 -0
  32. package/components/data/list/components/ListItemWithTemplate.js +5 -2
  33. package/components/data/list/hooks/useListEffects.js +1 -1
  34. package/components/data/list/index.js +14 -5
  35. package/components/data/list/utils/constants.d.ts +0 -1
  36. package/components/data/list/utils/constants.js +0 -2
  37. package/components/data/table/components/RowCells.js +20 -4
  38. package/components/data/table/components/TableBody.js +5 -3
  39. package/components/data/table/components/TableHeader.js +14 -8
  40. package/components/data/table/components/TablePanelHeading.js +1 -1
  41. package/components/data/table/hooks/useDynamicColumns.js +1 -1
  42. package/components/data/table/hooks/useRowExpansion.js +41 -31
  43. package/components/data/table/hooks/useRowHandlers.d.ts +4 -2
  44. package/components/data/table/hooks/useRowHandlers.js +23 -12
  45. package/components/data/table/hooks/useRowSelection.d.ts +1 -1
  46. package/components/data/table/hooks/useRowSelection.js +80 -66
  47. package/components/data/table/hooks/useServerSideSorting.js +0 -1
  48. package/components/data/table/hooks/useTableColumns.js +16 -8
  49. package/components/data/table/hooks/useTableData.js +0 -1
  50. package/components/data/table/hooks/useTableEdit.js +0 -1
  51. package/components/data/table/hooks/useTableState.js +14 -2
  52. package/components/data/table/index.js +94 -61
  53. package/components/data/table/live-table/index.js +0 -1
  54. package/components/data/table/props.d.ts +8 -0
  55. package/components/data/table/utils/buildSelectionColumns.js +2 -4
  56. package/components/data/table/utils/columnBuilder.d.ts +16 -2
  57. package/components/data/table/utils/columnBuilder.js +14 -9
  58. package/components/data/table/utils/columnWidthDistribution.js +10 -0
  59. package/components/data/table/utils/constants.d.ts +0 -4
  60. package/components/data/table/utils/constants.js +0 -7
  61. package/components/data/table/utils/dynamic-columns.d.ts +1 -1
  62. package/components/data/table/utils/dynamic-columns.js +3 -8
  63. package/components/data/table/utils/expansionColumn.d.ts +23 -0
  64. package/components/data/table/utils/expansionColumn.js +56 -0
  65. package/components/data/table/utils/index.d.ts +23 -3
  66. package/components/data/table/utils/index.js +60 -20
  67. package/components/data/table/utils/selectionUtils.d.ts +5 -0
  68. package/components/data/table/utils/selectionUtils.js +5 -0
  69. package/components/dialogs/dialog/index.js +3 -2
  70. package/components/dialogs/dialog-header/index.js +1 -1
  71. package/components/dialogs/index.js +14 -2
  72. package/components/input/chips/index.js +29 -5
  73. package/components/input/color-picker/index.js +4 -6
  74. package/components/input/default/radioset/index.js +2 -1
  75. package/components/input/epoch/date/index.js +1 -1
  76. package/components/input/select/index.js +3 -5
  77. package/components/input/text/index.js +2 -2
  78. package/components/input/textarea/index.js +42 -17
  79. package/components/navbar/nav/index.js +10 -5
  80. package/components/navigation/breadcrumb/index.js +2 -1
  81. package/components/navigation/popover/index.js +24 -8
  82. package/components/page/index.js +1 -1
  83. package/components/page/page-content/index.js +30 -6
  84. package/components/page/page-content/props.d.ts +1 -0
  85. package/components/page/partial-container/index.js +2 -1
  86. package/components/prefab/index.js +3 -2
  87. package/components/prefab/props.d.ts +1 -0
  88. package/components/wmx/WmxRenderer.d.ts +8 -0
  89. package/components/wmx/WmxRenderer.js +57 -0
  90. package/context/WidgetProvider.js +2 -1
  91. package/core/appstore.js +1 -1
  92. package/core/proxy-service.d.ts +1 -0
  93. package/core/proxy-service.js +53 -2
  94. package/core/util/index.d.ts +0 -2
  95. package/core/util/index.js +3 -30
  96. package/higherOrder/BasePage.js +36 -54
  97. package/higherOrder/DataNav.js +4 -1
  98. package/higherOrder/withBaseWrapper.js +9 -7
  99. package/hooks/useHttp.js +4 -2
  100. package/hooks/useLayoutSize.js +1 -1
  101. package/package-lock.json +240 -607
  102. package/package.json +3 -3
  103. package/runtime-dynamic/app-initializer.js +2 -1
  104. package/runtime-dynamic/components/partial-content.js +4 -1
  105. package/runtime-dynamic/components/wmx-placeholder.d.ts +18 -0
  106. package/runtime-dynamic/components/wmx-placeholder.js +48 -0
  107. package/runtime-dynamic/factories/dynamic-component.js +26 -3
  108. package/runtime-dynamic/main.js +6 -0
  109. package/runtime-dynamic/services/compile-render.js +75 -12
  110. package/runtime-dynamic/services/css-scoping.d.ts +2 -0
  111. package/runtime-dynamic/services/css-scoping.js +39 -20
  112. package/store/slices/i18nSlice.d.ts +0 -1
  113. package/store/slices/i18nSlice.js +0 -2
  114. package/utils/custom-expression/parser.js +11 -8
  115. package/utils/layoutsize-util.js +12 -7
  116. package/utils/style-utils.d.ts +6 -0
  117. package/utils/style-utils.js +10 -0
  118. package/utils/transformedDataset-utils.d.ts +3 -3
  119. package/utils/transformedDataset-utils.js +1 -2
  120. package/utils/wmx.utils.d.ts +6 -0
  121. package/utils/wmx.utils.js +41 -0
  122. package/variables/crud-variable.js +1 -1
  123. package/variables/live-variable.js +1 -1
  124. package/variables/service-variable.js +6 -3
@@ -0,0 +1,41 @@
1
+ let _registeredModule = null;
2
+ const registerWmxComponents = (module) => {
3
+ _registeredModule = module;
4
+ };
5
+ const getWmxModule = () => _registeredModule;
6
+ const getWmxComponentName = (widgetName) => {
7
+ var _a;
8
+ if (!(widgetName == null ? void 0 : widgetName.includes("wmx-"))) return null;
9
+ const componentName = (_a = widgetName.split("-")) == null ? void 0 : _a[1];
10
+ return componentName || null;
11
+ };
12
+ const resolveWmxComponent = (module, componentName) => {
13
+ const prefixedComponentName = `Wmx${componentName}`;
14
+ const namedExport = module[prefixedComponentName];
15
+ return namedExport;
16
+ };
17
+ const loadWmxComponent = async (componentName) => {
18
+ try {
19
+ const module = _registeredModule;
20
+ if (!module) {
21
+ console.warn("wmx modules not found");
22
+ const fallbackModule = await import("../components/input/text");
23
+ return fallbackModule.default;
24
+ }
25
+ const component = resolveWmxComponent(module, componentName);
26
+ if (!component) {
27
+ throw new Error(`WMX component "${componentName}" has no default export.`);
28
+ }
29
+ return component;
30
+ } catch (error) {
31
+ console.warn(`WMX component "${componentName}" failed to load, falling back to WmText.`, error);
32
+ const fallbackModule = await import("../components/input/text");
33
+ return fallbackModule.default;
34
+ }
35
+ };
36
+ export {
37
+ getWmxComponentName,
38
+ getWmxModule,
39
+ loadWmxComponent,
40
+ registerWmxComponents
41
+ };
@@ -59,7 +59,7 @@ class CrudVariable extends _CrudVariable {
59
59
  onError: (context, args) => {
60
60
  this.notify(VariableEvents.AFTER_INVOKE, [args.variable, args.data, args.options]);
61
61
  this.notify(VariableEvents.ERROR, [args.variable, args.data, args.options]);
62
- if (args.data.includes("Violation")) {
62
+ if (args.data.includes("Violation") && !config.onError) {
63
63
  EventNotifier.ROOT.notify("SERVICE_ERROR", [args.variable, args.data, args.options]);
64
64
  }
65
65
  return config.onError && config.onError(args.variable, args.data, args.options);
@@ -62,7 +62,7 @@ class LiveVariable extends _LiveVariable {
62
62
  onError: (context, args) => {
63
63
  this.notify(VariableEvents.AFTER_INVOKE, [args.variable, args.data, args.options]);
64
64
  this.notify(VariableEvents.ERROR, [args.variable, args.data, args.options]);
65
- if (args.data.includes("Violation")) {
65
+ if (args.data.includes("Violation") && !config.onError) {
66
66
  EventNotifier.ROOT.notify("SERVICE_ERROR", [args.variable, args.data, args.options]);
67
67
  }
68
68
  return config.onError && config.onError(args.variable, args.data, args.options);
@@ -20,8 +20,11 @@ class ServiceVariable extends _ServiceVariable {
20
20
  }
21
21
  let variableConfig = {
22
22
  name: config.name,
23
- dataSet: config.paramProvider(),
24
- // Default empty value
23
+ // List variables must start empty ([]), not with the request-parameter object
24
+ // paramProvider() builds (filters/offset/limit/sort etc.) — otherwise a table bound
25
+ // to this variable briefly renders that params object as a phantom row before the
26
+ // real response arrives. Non-list variables (e.g. forms) still seed from paramProvider.
27
+ dataSet: config.isList !== false ? [] : config.paramProvider(),
25
28
  dataBinding: {},
26
29
  firstRecord: {},
27
30
  lastRecord: {},
@@ -49,7 +52,7 @@ class ServiceVariable extends _ServiceVariable {
49
52
  onError: (context, args) => {
50
53
  this.notify(VariableEvents.AFTER_INVOKE, [args.variable, args.data, args.options]);
51
54
  this.notify(VariableEvents.ERROR, [args.variable, args.data, args.options]);
52
- if (args.data.includes("Violation")) {
55
+ if (args.data.includes("Violation") || !config.onError) {
53
56
  EventNotifier.ROOT.notify("SERVICE_ERROR", [args.variable, args.data, args.options]);
54
57
  }
55
58
  return config.onError && config.onError(args.variable, args.data, args.options);