@wavemaker/react-runtime 11.14.2-rc.6311 → 11.14.4-rc.647538
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.
- package/actions/navigation-action.js +3 -5
- package/actions/notification-action.js +3 -6
- package/components/basic/anchor/index.js +7 -6
- package/components/basic/label/index.js +2 -2
- package/components/basic/search/index.js +3 -7
- package/components/chart/components/barColumnChart/index.js +4 -2
- package/components/chart/components/pieDonutChart/index.js +1 -3
- package/components/chart/index.js +39 -72
- package/components/chart/utils.js +12 -23
- package/components/container/index.js +7 -6
- package/components/container/panel/components/panel-header/index.js +2 -3
- package/components/container/panel/index.js +9 -13
- package/components/container/tabs/index.js +0 -1
- package/components/container/tabs/tab-pane/index.js +3 -39
- package/components/container/wizard/index.js +57 -187
- package/components/container/wizard/utils.js +1 -1
- package/components/container/wizard/wizard-action/index.js +4 -9
- package/components/container/wizard/wizard-step/index.js +8 -21
- package/components/data/form/base-form/index.js +11 -51
- package/components/data/form/form-controller/withFormController.js +10 -7
- package/components/data/list/components/GroupedListItems.js +1 -5
- package/components/data/list/components/ListItemWithTemplate.js +1 -4
- package/components/data/list/hooks/useListEffects.js +14 -34
- package/components/data/list/hooks/useListEventHandlers.js +2 -18
- package/components/data/list/hooks/useListState.js +2 -15
- package/components/data/list/index.js +0 -1
- package/components/data/list/utils/list-helpers.js +5 -3
- package/components/data/list/utils/list-widget-methods.js +1 -1
- package/components/data/live-filter/index.js +5 -6
- package/components/data/live-form/index.js +14 -24
- package/components/data/table/components/TableBody.js +21 -5
- package/components/data/table/components/TableHeader.js +1 -5
- package/components/data/table/index.js +5 -21
- package/components/data/utils/field-data-utils.js +1 -1
- package/components/dialogs/index.js +16 -14
- package/components/input/currency/index.js +7 -11
- package/components/input/default/checkbox/index.js +3 -2
- package/components/input/default/checkboxset/index.js +22 -2
- package/components/input/default/radioset/index.js +4 -5
- package/components/input/epoch/datetime/index.js +2 -6
- package/components/input/epoch/time/index.js +1 -2
- package/components/input/number/index.js +2 -2
- package/components/input/text/util.js +0 -2
- package/components/input/textarea/index.js +24 -22
- package/components/layout/leftnav/index.js +1 -1
- package/components/navbar/nav/index.js +7 -97
- package/components/navbar/nav-item/index.js +2 -5
- package/components/navigation/menu/index.js +12 -73
- package/components/navigation/popover/index.js +0 -2
- package/components/page/error-boundary/index.js +0 -1
- package/components/prefab/container/index.js +3 -10
- package/context/LocalizationProvider.js +0 -1
- package/context/PrefabContext.js +13 -138
- package/context/WidgetProvider.js +2 -2
- package/core/constants/events.js +6 -12
- package/core/constants/index.js +11 -6
- package/core/formatter/number-formatters.js +1 -1
- package/core/proxy-service.js +36 -72
- package/core/util/utils.js +4 -23
- package/higherOrder/BaseApp.js +18 -60
- package/higherOrder/BasePage.js +77 -99
- package/higherOrder/BasePrefab.js +5 -13
- package/higherOrder/withBaseWrapper.js +3 -3
- package/hooks/useDataSourceSubscription.js +1 -1
- package/hooks/useHttp.js +13 -20
- package/mui-config/theme.js +0 -3
- package/package-lock.json +1115 -1013
- package/package.json +3 -3
- package/store/index.js +1 -5
- package/variables/service-variable.js +14 -17
- package/components/chart/hooks/useBarYAxisExtras.js +0 -52
- package/components/chart/hooks/useXAxisConfig.js +0 -98
- package/utils/lib-error-skipper.js +0 -196
package/higherOrder/BasePage.js
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.withPageContext = exports["default"] = void 0;
|
|
9
9
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
-
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
12
11
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
13
12
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -32,14 +31,14 @@ var _appstore = _interopRequireDefault(require("@wavemaker/react-runtime/core/ap
|
|
|
32
31
|
var _scriptRegistry = require("@wavemaker/react-runtime/core/script-registry");
|
|
33
32
|
var _formatters = _interopRequireDefault(require("../core/formatters"));
|
|
34
33
|
var _AppContext2 = require("../context/AppContext");
|
|
34
|
+
var _utils = require("../core/util/utils");
|
|
35
35
|
var _widgetCleanupUtil = require("../utils/widget-cleanup-util");
|
|
36
36
|
var _pageParamsUtil = require("../utils/page-params-util");
|
|
37
37
|
var _constants = require("../core/constants");
|
|
38
38
|
var _AppSpinnerProvider = require("../context/AppSpinnerProvider");
|
|
39
39
|
var _lodash = require("lodash");
|
|
40
40
|
var _events = require("../core/constants/events");
|
|
41
|
-
var
|
|
42
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
|
|
41
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
|
|
43
42
|
var __jsx = _react["default"].createElement;
|
|
44
43
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
45
44
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -95,6 +94,9 @@ var withPageContext = exports.withPageContext = function withPageContext(Wrapped
|
|
|
95
94
|
var _useState = (0, _react.useState)(false),
|
|
96
95
|
isInitialized = _useState[0],
|
|
97
96
|
setIsInitialized = _useState[1];
|
|
97
|
+
var _useState2 = (0, _react.useState)(false),
|
|
98
|
+
startupComplete = _useState2[0],
|
|
99
|
+
setStartupComplete = _useState2[1];
|
|
98
100
|
var redirectHandledRef = (0, _react.useRef)(false);
|
|
99
101
|
|
|
100
102
|
// Refs for managing component lifecycle
|
|
@@ -104,14 +106,14 @@ var withPageContext = exports.withPageContext = function withPageContext(Wrapped
|
|
|
104
106
|
var pageProxyRef = (0, _react.useRef)(null);
|
|
105
107
|
var isInitializingRef = (0, _react.useRef)(false);
|
|
106
108
|
var isMountedRef = (0, _react.useRef)(true);
|
|
109
|
+
var startupInvokedRef = (0, _react.useRef)(false);
|
|
107
110
|
var usedFallbackAppVarsRef = (0, _react.useRef)(false);
|
|
108
111
|
var appVarSubscriptionsDoneRef = (0, _react.useRef)(false);
|
|
109
112
|
var subscribedVariableNamesRef = (0, _react.useRef)(new Set());
|
|
110
113
|
var cleanupUtilRef = (0, _react.useRef)(null);
|
|
111
|
-
var isContentReadyRef = (0, _react.useRef)(false);
|
|
112
114
|
|
|
113
115
|
// Initial page context state
|
|
114
|
-
var
|
|
116
|
+
var _useState3 = (0, _react.useState)(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
115
117
|
Widgets: {},
|
|
116
118
|
Variables: {},
|
|
117
119
|
Actions: {},
|
|
@@ -132,8 +134,9 @@ var withPageContext = exports.withPageContext = function withPageContext(Wrapped
|
|
|
132
134
|
executeStartup: executeStartup,
|
|
133
135
|
formatters: _formatters["default"]
|
|
134
136
|
})),
|
|
135
|
-
pageContext =
|
|
136
|
-
setPageContext =
|
|
137
|
+
pageContext = _useState3[0],
|
|
138
|
+
setPageContext = _useState3[1];
|
|
139
|
+
|
|
137
140
|
// Enhanced initial app config that inherits from app context if available
|
|
138
141
|
var initialAppConfig = (0, _react.useMemo)(function () {
|
|
139
142
|
return appContext;
|
|
@@ -294,30 +297,31 @@ var withPageContext = exports.withPageContext = function withPageContext(Wrapped
|
|
|
294
297
|
newParams = (0, _pageParamsUtil.computeMergedPageParams)(urlParams, {
|
|
295
298
|
componentType: componentInfo === null || componentInfo === void 0 ? void 0 : componentInfo.componentType,
|
|
296
299
|
props: props
|
|
297
|
-
});
|
|
298
|
-
appProxy.appLocale = i18n.appLocale || {};
|
|
299
|
-
|
|
300
|
-
// Update proxy with merged variables and actions
|
|
300
|
+
}); // Update proxy with merged variables and actions
|
|
301
301
|
pageProxy.Variables = Variables;
|
|
302
302
|
pageProxy.Actions = Actions;
|
|
303
303
|
pageProxy.pageParams = _objectSpread({}, newParams);
|
|
304
|
-
pageProxy.App = _objectSpread(_objectSpread({},
|
|
305
|
-
|
|
306
|
-
|
|
304
|
+
pageProxy.App = _objectSpread(_objectSpread(_objectSpread({}, initialAppConfig), appVariables), {}, {
|
|
305
|
+
pageParams: _objectSpread({}, newParams),
|
|
306
|
+
selectedLocale: i18n.selectedLocale || "en"
|
|
307
|
+
});
|
|
307
308
|
|
|
308
309
|
// Setup variable event handlers
|
|
309
310
|
setupVariableSubscriptions(pageVariables.Variables);
|
|
310
311
|
if ((componentInfo === null || componentInfo === void 0 ? void 0 : componentInfo.componentType) === "PAGE" && appProxy) {
|
|
311
312
|
pageName = componentInfo === null || componentInfo === void 0 ? void 0 : componentInfo.componentName;
|
|
312
313
|
appProxy.updateActivePage(pageName);
|
|
313
|
-
appProxy.activePage = pageProxy;
|
|
314
314
|
}
|
|
315
315
|
|
|
316
316
|
// Initialize page script
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
317
|
+
try {
|
|
318
|
+
addPageScript(appProxy, pageProxy);
|
|
319
|
+
} catch (e) {
|
|
320
|
+
if ((0, _utils.isJQueryError)(e)) {
|
|
321
|
+
appContext === null || appContext === void 0 || appContext.notifyApp("React App is not supporting this functionality check console for more details", "Error");
|
|
322
|
+
}
|
|
323
|
+
console.error(e);
|
|
324
|
+
}
|
|
321
325
|
|
|
322
326
|
// Setup global wm object for pages
|
|
323
327
|
if ((componentInfo === null || componentInfo === void 0 ? void 0 : componentInfo.componentType) === "PAGE") {
|
|
@@ -428,25 +432,18 @@ var withPageContext = exports.withPageContext = function withPageContext(Wrapped
|
|
|
428
432
|
(0, _react.useEffect)(function () {
|
|
429
433
|
if (prefabInfo && (componentInfo === null || componentInfo === void 0 ? void 0 : componentInfo.componentType) === "PREFAB") {
|
|
430
434
|
var handlePrefabStateRefresh = function handlePrefabStateRefresh(data) {
|
|
431
|
-
var proxy = pageProxyRef.current;
|
|
432
435
|
Object.keys(data).forEach(function (key) {
|
|
433
|
-
var
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
}
|
|
439
|
-
|
|
440
|
-
// Call onPropertyChange if available
|
|
441
|
-
if (proxy && proxy.onPropertyChange) {
|
|
442
|
-
proxy[propKey] = newValue;
|
|
443
|
-
proxy.onPropertyChange(propKey, newValue, data[key].oldValue);
|
|
436
|
+
var onPropertyChange = pageProxyRef.current.onPropertyChange;
|
|
437
|
+
if (onPropertyChange) {
|
|
438
|
+
onPropertyChange(data[key].key, data[key].newValue, data[key].oldValue);
|
|
439
|
+
// pageProxyRef.current[data[key].key] = data[key].newValue;
|
|
440
|
+
pageContext.Widgets[data[key].key] = data[key].newValue;
|
|
444
441
|
}
|
|
445
442
|
});
|
|
446
443
|
};
|
|
447
|
-
_events.EVENTEMITTER_METHODS.PREFAB_STATE_SYNC_ON(
|
|
444
|
+
_events.EVENTEMITTER_METHODS.PREFAB_STATE_SYNC_ON(handlePrefabStateRefresh);
|
|
448
445
|
return function () {
|
|
449
|
-
_events.EVENTEMITTER_METHODS.PREFAB_STATE_SYNC_OFF(
|
|
446
|
+
_events.EVENTEMITTER_METHODS.PREFAB_STATE_SYNC_OFF(handlePrefabStateRefresh);
|
|
450
447
|
};
|
|
451
448
|
}
|
|
452
449
|
}, [prefabInfo, componentInfo === null || componentInfo === void 0 ? void 0 : componentInfo.componentType]);
|
|
@@ -535,12 +532,17 @@ var withPageContext = exports.withPageContext = function withPageContext(Wrapped
|
|
|
535
532
|
|
|
536
533
|
// If no startup operations, mark as complete immediately
|
|
537
534
|
if (!(startUpActions.length === 0 && startUpVariables.length === 0)) {
|
|
538
|
-
_context2.next =
|
|
535
|
+
_context2.next = 6;
|
|
539
536
|
break;
|
|
540
537
|
}
|
|
538
|
+
setTimeout(function () {
|
|
539
|
+
if (isMountedRef.current) {
|
|
540
|
+
setStartupComplete(true);
|
|
541
|
+
}
|
|
542
|
+
}, 100);
|
|
541
543
|
return _context2.abrupt("return");
|
|
542
|
-
case
|
|
543
|
-
_context2.prev =
|
|
544
|
+
case 6:
|
|
545
|
+
_context2.prev = 6;
|
|
544
546
|
// Execute startup actions
|
|
545
547
|
startUpActions.forEach(function (actionName) {
|
|
546
548
|
var _Actions$actionName;
|
|
@@ -561,22 +563,28 @@ var withPageContext = exports.withPageContext = function withPageContext(Wrapped
|
|
|
561
563
|
}
|
|
562
564
|
return Promise.resolve();
|
|
563
565
|
});
|
|
564
|
-
_context2.next =
|
|
566
|
+
_context2.next = 11;
|
|
565
567
|
return Promise.allSettled(variablePromises);
|
|
566
|
-
case
|
|
568
|
+
case 11:
|
|
567
569
|
startUpVariableLoadedRef.current = true;
|
|
568
570
|
pendingStartupOpsRef.current.clear();
|
|
569
|
-
|
|
571
|
+
if (isMountedRef.current) {
|
|
572
|
+
setStartupComplete(true);
|
|
573
|
+
}
|
|
574
|
+
_context2.next = 20;
|
|
570
575
|
break;
|
|
571
|
-
case
|
|
572
|
-
_context2.prev =
|
|
573
|
-
_context2.t0 = _context2["catch"](
|
|
576
|
+
case 16:
|
|
577
|
+
_context2.prev = 16;
|
|
578
|
+
_context2.t0 = _context2["catch"](6);
|
|
574
579
|
console.error("Error during startup operations:", _context2.t0);
|
|
575
|
-
|
|
580
|
+
if (isMountedRef.current) {
|
|
581
|
+
setStartupComplete(true); // Set complete even on error to prevent hanging
|
|
582
|
+
}
|
|
583
|
+
case 20:
|
|
576
584
|
case "end":
|
|
577
585
|
return _context2.stop();
|
|
578
586
|
}
|
|
579
|
-
}, _callee2, null, [[
|
|
587
|
+
}, _callee2, null, [[6, 16]]);
|
|
580
588
|
}));
|
|
581
589
|
return function executeStartupOperations(_x, _x2) {
|
|
582
590
|
return _ref9.apply(this, arguments);
|
|
@@ -608,30 +616,36 @@ var withPageContext = exports.withPageContext = function withPageContext(Wrapped
|
|
|
608
616
|
|
|
609
617
|
// Content ready callback
|
|
610
618
|
function onContentReady() {
|
|
611
|
-
if (pageContext.
|
|
612
|
-
pageContext.onReady();
|
|
613
|
-
}
|
|
614
|
-
if (appContext !== null && appContext !== void 0 && appContext.onPageReady && pageContext.componentType === "PAGE") {
|
|
619
|
+
if (appContext !== null && appContext !== void 0 && appContext.onPageReady && pageContext.type === "PAGE") {
|
|
615
620
|
appContext.onPageReady(pageContext.componentName, pageProxyRef.current, undefined);
|
|
616
621
|
}
|
|
617
|
-
|
|
622
|
+
if (pageContext.onReady) {
|
|
623
|
+
try {
|
|
624
|
+
pageContext.onReady();
|
|
625
|
+
} catch (e) {
|
|
626
|
+
if ((0, _utils.isJQueryError)(e)) {
|
|
627
|
+
appContext === null || appContext === void 0 || appContext.notifyApp("React App is not supporting this functionality check console for more details", "Error");
|
|
628
|
+
}
|
|
629
|
+
console.error(e);
|
|
630
|
+
}
|
|
631
|
+
}
|
|
618
632
|
}
|
|
619
633
|
function executeStartup() {
|
|
620
634
|
return _executeStartup.apply(this, arguments);
|
|
621
635
|
} // Update pageContext.appLocale when i18n.appLocale changes
|
|
622
636
|
function _executeStartup() {
|
|
623
|
-
_executeStartup = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function
|
|
624
|
-
return _regenerator["default"].wrap(function
|
|
625
|
-
while (1) switch (
|
|
637
|
+
_executeStartup = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
|
|
638
|
+
return _regenerator["default"].wrap(function _callee3$(_context3) {
|
|
639
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
626
640
|
case 0:
|
|
627
641
|
appContext === null || appContext === void 0 || appContext.executeStartAppOperations();
|
|
628
|
-
|
|
642
|
+
_context3.next = 3;
|
|
629
643
|
return executeStartupOperations(pageContext.Variables, pageContext.Actions);
|
|
630
644
|
case 3:
|
|
631
645
|
case "end":
|
|
632
|
-
return
|
|
646
|
+
return _context3.stop();
|
|
633
647
|
}
|
|
634
|
-
},
|
|
648
|
+
}, _callee3);
|
|
635
649
|
}));
|
|
636
650
|
return _executeStartup.apply(this, arguments);
|
|
637
651
|
}
|
|
@@ -643,46 +657,17 @@ var withPageContext = exports.withPageContext = function withPageContext(Wrapped
|
|
|
643
657
|
appLocale: newAppLocale
|
|
644
658
|
});
|
|
645
659
|
});
|
|
646
|
-
pageContextRef.current.App.appLocale = newAppLocale;
|
|
647
660
|
}
|
|
648
661
|
}, [i18n.appLocale]);
|
|
649
|
-
|
|
650
|
-
var onStartupCompletedRef = (0, _react.useRef)(false);
|
|
662
|
+
|
|
651
663
|
// Call onContentReady when startup operations are complete
|
|
652
664
|
(0, _react.useEffect)(function () {
|
|
653
|
-
if (
|
|
654
|
-
|
|
655
|
-
onContentReadyCalledRef.current = true;
|
|
656
|
-
|
|
657
|
-
// 1. First RAF: waits for browser to schedule the next paint
|
|
658
|
-
// 2. Second RAF: waits for the paint to complete and any nested renders
|
|
659
|
-
// This is a reliable pattern to ensure component is fully rendered
|
|
660
|
-
requestAnimationFrame(function () {
|
|
661
|
-
if (!isMountedRef.current) return;
|
|
662
|
-
requestAnimationFrame(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
|
|
663
|
-
return _regenerator["default"].wrap(function _callee3$(_context3) {
|
|
664
|
-
while (1) switch (_context3.prev = _context3.next) {
|
|
665
|
-
case 0:
|
|
666
|
-
if (!(isMountedRef.current && pageProxyRef.current)) {
|
|
667
|
-
_context3.next = 6;
|
|
668
|
-
break;
|
|
669
|
-
}
|
|
670
|
-
_context3.next = 3;
|
|
671
|
-
return onContentReady();
|
|
672
|
-
case 3:
|
|
673
|
-
_context3.next = 5;
|
|
674
|
-
return executeStartup();
|
|
675
|
-
case 5:
|
|
676
|
-
onStartupCompletedRef.current = true;
|
|
677
|
-
case 6:
|
|
678
|
-
case "end":
|
|
679
|
-
return _context3.stop();
|
|
680
|
-
}
|
|
681
|
-
}, _callee3);
|
|
682
|
-
})));
|
|
683
|
-
});
|
|
665
|
+
if (isMountedRef.current) {
|
|
666
|
+
onContentReady();
|
|
684
667
|
}
|
|
685
|
-
}, [
|
|
668
|
+
}, []);
|
|
669
|
+
|
|
670
|
+
// Cleanup on unmount
|
|
686
671
|
(0, _react.useEffect)(function () {
|
|
687
672
|
return function () {
|
|
688
673
|
isMountedRef.current = false;
|
|
@@ -708,14 +693,7 @@ var withPageContext = exports.withPageContext = function withPageContext(Wrapped
|
|
|
708
693
|
listener: {}
|
|
709
694
|
});
|
|
710
695
|
}
|
|
711
|
-
if (
|
|
712
|
-
var appVariables = appContext.Variables;
|
|
713
|
-
appContext.autoUpdateVariables.forEach(function (value) {
|
|
714
|
-
var _appVariables$value, _appVariables$value2;
|
|
715
|
-
((_appVariables$value = appVariables[value]) === null || _appVariables$value === void 0 ? void 0 : _appVariables$value.invokeOnParamChange) && ((_appVariables$value2 = appVariables[value]) === null || _appVariables$value2 === void 0 ? void 0 : _appVariables$value2.invokeOnParamChange());
|
|
716
|
-
});
|
|
717
|
-
}
|
|
718
|
-
if (pageContext.autoUpdateVariables && onStartupCompletedRef.current) {
|
|
696
|
+
if (pageContext.autoUpdateVariables) {
|
|
719
697
|
var pageVariables = pageContext.Variables;
|
|
720
698
|
componentInfo.autoUpdateVariables.forEach(function (value) {
|
|
721
699
|
var _pageVariables$value, _pageVariables$value2;
|
|
@@ -17,7 +17,6 @@ var _BasePage = _interopRequireDefault(require("@wavemaker/react-runtime/higherO
|
|
|
17
17
|
var _appstore = _interopRequireDefault(require("@wavemaker/react-runtime/core/appstore"));
|
|
18
18
|
var _appConfigSlice = require("@wavemaker/react-runtime/store/slices/appConfigSlice");
|
|
19
19
|
var _PrefabContext = _interopRequireDefault(require("@wavemaker/react-runtime/context/PrefabContext"));
|
|
20
|
-
var _spinner = require("../components/basic/spinner");
|
|
21
20
|
var _excluded = ["pages", "partials", "componentType"];
|
|
22
21
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
|
|
23
22
|
var __jsx = _react["default"].createElement;
|
|
@@ -110,13 +109,10 @@ var BasePrefab = exports.BasePrefab = function BasePrefab(WrappedComponent, addP
|
|
|
110
109
|
if (!prefabname) {
|
|
111
110
|
return null;
|
|
112
111
|
}
|
|
112
|
+
var appLocale = (0, _merge["default"])({}, (i18n === null || i18n === void 0 ? void 0 : i18n.appLocale) || {}, (i18n === null || i18n === void 0 || (_i18n$prefabMessages = i18n.prefabMessages) === null || _i18n$prefabMessages === void 0 ? void 0 : _i18n$prefabMessages[prefabname]) || {});
|
|
113
113
|
if (loading) {
|
|
114
|
-
return __jsx(
|
|
115
|
-
show: true,
|
|
116
|
-
className: "baseprefab-spinner"
|
|
117
|
-
});
|
|
114
|
+
return __jsx("div", null, "Loading....");
|
|
118
115
|
}
|
|
119
|
-
var appLocale = (0, _merge["default"])({}, (i18n === null || i18n === void 0 ? void 0 : i18n.appLocale) || {}, (i18n === null || i18n === void 0 || (_i18n$prefabMessages = i18n.prefabMessages) === null || _i18n$prefabMessages === void 0 ? void 0 : _i18n$prefabMessages[prefabname]) || {});
|
|
120
116
|
var FragmentConsumer = function FragmentConsumer(fragmentProps) {
|
|
121
117
|
var combinedProps = _objectSpread(_objectSpread({}, props), fragmentProps);
|
|
122
118
|
return __jsx(WrappedComponent, combinedProps);
|
|
@@ -130,24 +126,20 @@ var BasePrefab = exports.BasePrefab = function BasePrefab(WrappedComponent, addP
|
|
|
130
126
|
serviceDefs: (serviceDefs === null || serviceDefs === void 0 ? void 0 : serviceDefs.serviceDefs) || {},
|
|
131
127
|
appLocale: appLocale,
|
|
132
128
|
prefab: true,
|
|
133
|
-
prefabName: prefabname
|
|
134
|
-
name: props.name
|
|
129
|
+
prefabName: prefabname
|
|
135
130
|
});
|
|
136
|
-
return __jsx(
|
|
131
|
+
return __jsx(EnhancedComponent, props);
|
|
137
132
|
}, function (next, prev) {
|
|
138
133
|
return next.prefabname === prev.prefabname;
|
|
139
134
|
});
|
|
140
|
-
BasePrefabWrapper.displayName = "BasePrefabWrapper";
|
|
141
135
|
var BasePrefabWithProvider = function BasePrefabWithProvider(props) {
|
|
142
136
|
return __jsx(_PrefabContext["default"], {
|
|
143
137
|
value: {
|
|
144
138
|
inbound: props.inbound || {},
|
|
145
|
-
outbound: props.outbound || {}
|
|
146
|
-
prefabName: props.name
|
|
139
|
+
outbound: props.outbound || {}
|
|
147
140
|
}
|
|
148
141
|
}, __jsx(BasePrefabWrapper, props));
|
|
149
142
|
};
|
|
150
|
-
BasePrefabWithProvider.displayName = "BasePrefabWithProvider";
|
|
151
143
|
return BasePrefabWithProvider;
|
|
152
144
|
};
|
|
153
145
|
var _default = exports["default"] = BasePrefab;
|
|
@@ -33,7 +33,7 @@ var withBaseWrapper = exports.withBaseWrapper = function withBaseWrapper(Wrapped
|
|
|
33
33
|
rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
34
34
|
|
|
35
35
|
// All hooks must be called before any early returns
|
|
36
|
-
var _useDeviceVisibility = (0, _useDeviceVisibility2.useDeviceVisibility)(props.
|
|
36
|
+
var _useDeviceVisibility = (0, _useDeviceVisibility2.useDeviceVisibility)(props.showindevices || ["all"]),
|
|
37
37
|
isHidden = _useDeviceVisibility.isHidden;
|
|
38
38
|
var _usePageContext = (0, _WidgetProvider.usePageContext)(),
|
|
39
39
|
pageContext = _usePageContext.pageContext,
|
|
@@ -61,7 +61,7 @@ var withBaseWrapper = exports.withBaseWrapper = function withBaseWrapper(Wrapped
|
|
|
61
61
|
|
|
62
62
|
// Compute merged props in a memoized way
|
|
63
63
|
var mergedProps = (0, _react.useMemo)(function () {
|
|
64
|
-
var
|
|
64
|
+
var _widget$datavalue;
|
|
65
65
|
if (!name || !(pageContext !== null && pageContext !== void 0 && pageContext.Widgets) || (props === null || props === void 0 ? void 0 : props.iswidget) === "false") {
|
|
66
66
|
return props;
|
|
67
67
|
}
|
|
@@ -74,7 +74,7 @@ var withBaseWrapper = exports.withBaseWrapper = function withBaseWrapper(Wrapped
|
|
|
74
74
|
// OR if no widget-id filtering is needed (backward compatibility)
|
|
75
75
|
var shouldMergeFromContext = !componentWidgetId || !contextWidgetId || componentWidgetId === contextWidgetId;
|
|
76
76
|
var mergedState = _objectSpread({}, props);
|
|
77
|
-
var datavalue = (
|
|
77
|
+
var datavalue = (_widget$datavalue = widget.datavalue) !== null && _widget$datavalue !== void 0 ? _widget$datavalue : props.datavalue;
|
|
78
78
|
if (shouldMergeFromContext && (0, _scriptRegistry.isWidgetOverridden)(name, componentWidgetId)) {
|
|
79
79
|
// Apply widget-id specific overridden properties from the registry
|
|
80
80
|
var widgetOverrides = (0, _scriptRegistry.getWidgetOverrides)(name, componentWidgetId);
|
|
@@ -74,7 +74,7 @@ var useDataSourceSubscription = exports.useDataSourceSubscription = function use
|
|
|
74
74
|
}
|
|
75
75
|
if (datasource && datasource.execute && datasource.execute(_types.DataSource.Operation.IS_API_AWARE) && isDataSourceEqual(data.variable, datasource)) {
|
|
76
76
|
// Handle state params only on page load (first time)
|
|
77
|
-
if (pageLoadRef.current && statehandler
|
|
77
|
+
if (pageLoadRef.current && statehandler.toLowerCase() !== "none") {
|
|
78
78
|
pageLoadRef.current = false; // Mark as handled
|
|
79
79
|
|
|
80
80
|
// Use appropriate state getter based on widget type
|
package/hooks/useHttp.js
CHANGED
|
@@ -87,25 +87,18 @@ var ModernHttpService = /*#__PURE__*/function () {
|
|
|
87
87
|
key: "send",
|
|
88
88
|
value: function () {
|
|
89
89
|
var _send = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(options, variable) {
|
|
90
|
-
var serviceInfo, headers, requestBody, url,
|
|
90
|
+
var serviceInfo, headers, requestBody, url, _options$url$replace, methodType, isNonDataMethod, axiosConfig, response;
|
|
91
91
|
return _regenerator["default"].wrap(function _callee2$(_context2) {
|
|
92
92
|
while (1) switch (_context2.prev = _context2.next) {
|
|
93
93
|
case 0:
|
|
94
94
|
serviceInfo = variable.serviceInfo;
|
|
95
95
|
headers = new _axios.AxiosHeaders(options.headers);
|
|
96
96
|
requestBody = options.data;
|
|
97
|
-
variable.cancelTokenSource = _axios["default"].CancelToken.source();
|
|
98
97
|
url = options.url;
|
|
99
|
-
|
|
100
|
-
serviceInfo.proxySettings = (serviceInfo === null || serviceInfo === void 0 ? void 0 : serviceInfo.proxySettings) || {
|
|
101
|
-
web: true
|
|
102
|
-
};
|
|
103
|
-
isProxyCall = serviceInfo === null || serviceInfo === void 0 || (_serviceInfo$proxySet = serviceInfo.proxySettings) === null || _serviceInfo$proxySet === void 0 ? void 0 : _serviceInfo$proxySet.web;
|
|
104
|
-
url = isProxyCall ? options.url : serviceInfo === null || serviceInfo === void 0 ? void 0 : serviceInfo.directPath;
|
|
105
|
-
}
|
|
98
|
+
variable.cancelTokenSource = _axios["default"].CancelToken.source();
|
|
106
99
|
if (variable.category === "wm.LiveVariable" && !(url.startsWith("http://") || url.startsWith("https://"))) {
|
|
107
100
|
url = variable.config.baseUrl + options.url.replace("./", "/");
|
|
108
|
-
} else if (
|
|
101
|
+
} else if (options.isExtURL && options.url.startsWith("http")) {
|
|
109
102
|
url = options.url;
|
|
110
103
|
} else {
|
|
111
104
|
url = variable.config.baseUrl + ((_options$url$replace = options.url.replace("./services", "")) === null || _options$url$replace === void 0 ? void 0 : _options$url$replace.replace("./", "/"));
|
|
@@ -140,27 +133,27 @@ var ModernHttpService = /*#__PURE__*/function () {
|
|
|
140
133
|
if (options !== null && options !== void 0 && options.onUploadProgress) {
|
|
141
134
|
axiosConfig.onUploadProgress = options.onUploadProgress;
|
|
142
135
|
}
|
|
143
|
-
_context2.prev =
|
|
144
|
-
_context2.next =
|
|
136
|
+
_context2.prev = 12;
|
|
137
|
+
_context2.next = 15;
|
|
145
138
|
return this.axiosInstance.request(axiosConfig);
|
|
146
|
-
case
|
|
139
|
+
case 15:
|
|
147
140
|
response = _context2.sent;
|
|
148
141
|
if (!(variable.operation === "getDownloadFile" || (serviceInfo === null || serviceInfo === void 0 ? void 0 : serviceInfo.operationId) === "FileController_getDownloadFile")) {
|
|
149
|
-
_context2.next =
|
|
142
|
+
_context2.next = 18;
|
|
150
143
|
break;
|
|
151
144
|
}
|
|
152
145
|
return _context2.abrupt("return", this.handleFileDownload(response, options, variable));
|
|
153
|
-
case
|
|
146
|
+
case 18:
|
|
154
147
|
return _context2.abrupt("return", response);
|
|
155
|
-
case
|
|
156
|
-
_context2.prev =
|
|
157
|
-
_context2.t0 = _context2["catch"](
|
|
148
|
+
case 21:
|
|
149
|
+
_context2.prev = 21;
|
|
150
|
+
_context2.t0 = _context2["catch"](12);
|
|
158
151
|
throw _context2.t0.response || _context2.t0;
|
|
159
|
-
case
|
|
152
|
+
case 24:
|
|
160
153
|
case "end":
|
|
161
154
|
return _context2.stop();
|
|
162
155
|
}
|
|
163
|
-
}, _callee2, this, [[
|
|
156
|
+
}, _callee2, this, [[12, 21]]);
|
|
164
157
|
}));
|
|
165
158
|
function send(_x2, _x3) {
|
|
166
159
|
return _send.apply(this, arguments);
|