@cxbox-ui/core 1.37.2-alpha.8 → 1.37.2-alpha.9

package/dist/cxbox-ui-core.cjs.development.js

@@ -60,6 +60,7 @@ __export(src_exports, {
     actions: function () { return actions_exports; },
     epics: function () { return epics_exports; },
     interfaces: function () { return interfaces_exports; },
+    middlewares: function () { return middlewares; },
     reducers: function () { return reducers_exports; },
     utils: function () { return utils_exports; }
 });
@@ -1588,7 +1589,7 @@ var sendOperationEpic = function (action$, state$, _a) {
         var record = (_c = state.data[bcName]) === null || _c === void 0 ? void 0 : _c.find(function (item) { return item.id === bc.cursor; });
         var filters = state.screen.filters[bcName];
         var sorters = state.screen.sorters[bcName];
-        var pendingRecordChange = (_d = state.view.pendingDataChanges[bcName]) === null || _d === void 0 ? void 0 : _d[bc.cursor];
+        var pendingRecordChange = __assign({}, (_d = state.view.pendingDataChanges[bcName]) === null || _d === void 0 ? void 0 : _d[bc.cursor]);
         var _loop_2 = function (key) {
             if (fields.find(function (item) { return item.key === key && item.disabled; })) {
                 delete pendingRecordChange[key];
@@ -2469,7 +2470,7 @@ var bcSaveDataEpic = function (action$, state$, _a) {
         var widgetName = action.payload.widgetName;
         var cursor = state.screen.bo.bc[bcName].cursor;
         var dataItem = state.data[bcName].find(function (item) { return item.id === cursor; });
-        var pendingChanges = (_b = state.view.pendingDataChanges[bcName]) === null || _b === void 0 ? void 0 : _b[cursor];
+        var pendingChanges = __assign({}, (_b = state.view.pendingDataChanges[bcName]) === null || _b === void 0 ? void 0 : _b[cursor]);
         var rowMeta = bcUrl && ((_c = state.view.rowMeta[bcName]) === null || _c === void 0 ? void 0 : _c[bcUrl]);
         var options = (_d = state.view.widgets.find(function (widget) { return widget.name === widgetName; })) === null || _d === void 0 ? void 0 : _d.options;
         if (rowMeta) {
@@ -3303,7 +3304,7 @@ var Api = /** @class */ (function () {
     };
     class_3.prototype.fetchRowMeta = function (screenName, bcUrl, params, cancelToken) {
         var url = applyParams(buildUrl(__makeTemplateObject(["row-meta/", "/"], ["row-meta/", "/"]), screenName) + bcUrl, params);
-        return this.api$.get(url, { cancelToken: cancelToken }).pipe((0, import_rxjs58.map)(function (response) { return response.data.row; }));
+        return this.api$.get(url, { cancelToken: cancelToken }).pipe((0, import_rxjs58.map)(function (response) { var _a; return (_a = response.data) === null || _a === void 0 ? void 0 : _a.row; }));
     };
     class_3.prototype.newBcData = function (screenName, bcUrl, context, params) {
         var url = applyParams(buildUrl(__makeTemplateObject(["row-meta-new/", "/"], ["row-meta-new/", "/"]), screenName) + bcUrl, params);
@@ -3371,4 +3372,241 @@ var Api = /** @class */ (function () {
     };
     return class_3;
 }());
+// src/utils/autosave.ts
+function autosaveRoutine(action, store, next) {
+    var _a, _b, _c;
+    var state = store.getState();
+    var dispatch = store.dispatch;
+    var pendingDataChanges = state.view.pendingDataChanges;
+    var bcList = Object.keys(pendingDataChanges);
+    var baseBcNameIndex = ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.bcName) && bcHasPendingAutosaveChanges(state, action.payload.bcName, (_b = state.screen.bo.bc[action.payload.bcName]) === null || _b === void 0 ? void 0 : _b.cursor) ? bcList.findIndex(function (bcName) { var _a; return bcName === ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.bcName); }) : bcList.findIndex(function (bcName) { var _a; return bcHasPendingAutosaveChanges(state, bcName, (_a = state.screen.bo.bc[bcName]) === null || _a === void 0 ? void 0 : _a.cursor); });
+    var baseBcName = bcList[baseBcNameIndex];
+    if (baseBcNameIndex > -1) {
+        bcList.splice(baseBcNameIndex, 1);
+    }
+    if (baseBcName) {
+        bcList.forEach(function (bcName) {
+            var _a, _b;
+            var widget = (_a = state.view.widgets) === null || _a === void 0 ? void 0 : _a.find(function (v) { return v.bcName === bcName; });
+            var cursor = (_b = state.screen.bo.bc[bcName]) === null || _b === void 0 ? void 0 : _b.cursor;
+            if (bcHasPendingAutosaveChanges(state, bcName, cursor)) {
+                dispatch(sendOperation({
+                    bcName: bcName,
+                    operationType: import_schema5.OperationTypeCrud.save,
+                    widgetName: widget === null || widget === void 0 ? void 0 : widget.name
+                }));
+            }
+        });
+        var baseWidget = (_c = state.view.widgets) === null || _c === void 0 ? void 0 : _c.find(function (v) { return v.bcName === baseBcName; });
+        return next(sendOperation({
+            bcName: baseBcName,
+            operationType: import_schema5.OperationTypeCrud.save,
+            widgetName: baseWidget === null || baseWidget === void 0 ? void 0 : baseWidget.name,
+            onSuccessAction: action
+        }));
+    }
+    return next(action);
+}
+function bcHasPendingAutosaveChanges(store, bcName, cursor) {
+    var _a;
+    var pendingChanges = store.view.pendingDataChanges;
+    var cursorChanges = (_a = pendingChanges[bcName]) === null || _a === void 0 ? void 0 : _a[cursor];
+    var result = cursorChanges && !Object.keys(cursorChanges).includes("_associate") && Object.values(cursorChanges).length > 0;
+    return result;
+}
+function checkUnsavedChangesOfBc(store, bcName) {
+    var _a, _b;
+    var pendingCursors = Object.keys((_b = (_a = store.view.pendingDataChanges) === null || _a === void 0 ? void 0 : _a[bcName]) !== null && _b !== void 0 ? _b : {});
+    return pendingCursors.some(function (cursor) { return bcHasPendingAutosaveChanges(store, bcName, cursor); });
+}
+// src/middlewares/autosaveMiddleware.ts
+var saveFormMiddleware = function (_a) {
+    var getState = _a.getState, dispatch = _a.dispatch;
+    return function (next) { return function (action) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        var state = getState();
+        var isSendOperation = sendOperation.match(action);
+        var isCoreSendOperation = isSendOperation && coreOperations.includes(action.payload.operationType);
+        var isSelectTableCellInit = selectTableCellInit.match(action);
+        var isSaveAction = isSendOperation && action.payload.operationType === import_schema5.OperationTypeCrud.save;
+        var isNotSaveAction = !isSaveAction;
+        var actionBcName = isSendOperation && action.payload.bcName;
+        var hasAnotherUnsavedBc = Object.keys(state.view.pendingDataChanges).filter(function (key) { return key !== actionBcName; }).filter(function (key) { return checkUnsavedChangesOfBc(state, key); }).length > 0;
+        var isSendOperationForAnotherBc = isCoreSendOperation && hasAnotherUnsavedBc;
+        var selectedCell = state.view.selectedCell;
+        var isSelectTableCellInitOnAnotherRowOrWidget = selectedCell && isSelectTableCellInit && (selectedCell.widgetName !== action.payload.widgetName || selectedCell.rowId !== action.payload.rowId);
+        var defaultSaveWidget = (_a = state.view.widgets) === null || _a === void 0 ? void 0 : _a.find(function (item) { var _a, _b; return (_b = (_a = item === null || item === void 0 ? void 0 : item.options) === null || _a === void 0 ? void 0 : _a.actionGroups) === null || _b === void 0 ? void 0 : _b.defaultSave; });
+        var defaultCursor = (_c = (_b = state.screen.bo.bc) === null || _b === void 0 ? void 0 : _b[defaultSaveWidget === null || defaultSaveWidget === void 0 ? void 0 : defaultSaveWidget.bcName]) === null || _c === void 0 ? void 0 : _c.cursor;
+        var pendingData = (_f = (_e = (_d = state.view) === null || _d === void 0 ? void 0 : _d.pendingDataChanges) === null || _e === void 0 ? void 0 : _e[defaultSaveWidget === null || defaultSaveWidget === void 0 ? void 0 : defaultSaveWidget.bcName]) === null || _f === void 0 ? void 0 : _f[defaultCursor];
+        var isChangeLocation = defaultSaveWidget && changeLocation.match(action) && Object.keys(pendingData || {}).length > 0;
+        if (isChangeLocation) {
+            return next(sendOperation({
+                bcName: defaultSaveWidget.bcName,
+                operationType: ((_g = defaultSaveWidget.options) === null || _g === void 0 ? void 0 : _g.actionGroups).defaultSave,
+                widgetName: defaultSaveWidget.name,
+                onSuccessAction: action
+            }));
+        }
+        var isNeedSaveCondition = isNotSaveAction && (isSendOperationForAnotherBc || isSelectTableCellInitOnAnotherRowOrWidget);
+        if (isNeedSaveCondition) {
+            return autosaveRoutine(action, { getState: getState, dispatch: dispatch }, next);
+        }
+        return next(action);
+    }; };
+};
+// src/middlewares/requiredFieldsMiddleware.ts
+var requiredFields = function (_a) {
+    var getState = _a.getState, dispatch = _a.dispatch;
+    return function (next) { return function (action) {
+        var _a, _b, _c, _d;
+        var state = getState();
+        if (sendOperation.match(action)) {
+            var _e = action.payload, bcName = _e.bcName, operationType = _e.operationType, widgetName_1 = _e.widgetName;
+            var cursor_1 = (_a = state.screen.bo.bc[bcName]) === null || _a === void 0 ? void 0 : _a.cursor;
+            if (cursor_1) {
+                var bcUrl = buildBcUrl(bcName, true, state);
+                var record = (_b = state.data[bcName]) === null || _b === void 0 ? void 0 : _b.find(function (item) { return item.id === cursor_1; });
+                var rowMeta_1 = bcUrl && ((_c = state.view.rowMeta[bcName]) === null || _c === void 0 ? void 0 : _c[bcUrl]);
+                var pendingValues = (_d = state.view.pendingDataChanges[bcName]) === null || _d === void 0 ? void 0 : _d[cursor_1];
+                var widget_1 = state.view.widgets.find(function (item) { return item.name === widgetName_1; });
+                if (operationRequiresAutosave(operationType, rowMeta_1 === null || rowMeta_1 === void 0 ? void 0 : rowMeta_1.actions)) {
+                    var fieldsToCheck_1 = {};
+                    state.view.widgets.filter(function (item) { return item.bcName === (widget_1 === null || widget_1 === void 0 ? void 0 : widget_1.bcName); }).forEach(function (item) {
+                        var itemFieldsCalc = item.fields;
+                        if (item.fields) {
+                            item.fields.forEach(function (block) {
+                                if (isWidgetFieldBlock(block)) {
+                                    block.fields.forEach(function (field) { return itemFieldsCalc.push(field); });
+                                }
+                            });
+                        }
+                        itemFieldsCalc.forEach(function (widgetField) {
+                            var _a;
+                            var matchingRowMeta = (_a = rowMeta_1 === null || rowMeta_1 === void 0 ? void 0 : rowMeta_1.fields) === null || _a === void 0 ? void 0 : _a.find(function (rowMetaField) { return rowMetaField.key === widgetField.key; });
+                            if (!fieldsToCheck_1[widgetField.key] && matchingRowMeta && !matchingRowMeta.hidden) {
+                                fieldsToCheck_1[widgetField.key] = matchingRowMeta;
+                            }
+                        });
+                    });
+                    var dataItem = getRequiredFieldsMissing(record, pendingValues, Object.values(fieldsToCheck_1));
+                    if (dataItem && TableLikeWidgetTypes.includes(widget_1 === null || widget_1 === void 0 ? void 0 : widget_1.type)) {
+                        dispatch(selectTableCellInit({ widgetName: widgetName_1, rowId: cursor_1, fieldKey: Object.keys(dataItem)[0] }));
+                    }
+                    return dataItem ? next(changeDataItem({ bcName: bcName, bcUrl: buildBcUrl(bcName, true, state), cursor: cursor_1, dataItem: dataItem })) : next(action);
+                }
+                if (hasPendingValidationFails(state, bcName)) {
+                    return addNotification({
+                        key: "requiredFieldsMissing",
+                        type: "buttonWarningNotification",
+                        message: "Required fields are missing",
+                        duration: 0,
+                        options: {
+                            buttonWarningNotificationOptions: {
+                                buttonText: "Cancel changes",
+                                actionsForClick: [bcCancelPendingChanges(null), clearValidationFails(null)]
+                            }
+                        }
+                    });
+                }
+            }
+        }
+        return next(action);
+    }; };
+};
+function operationRequiresAutosave(operationType, actions) {
+    var result = false;
+    if (!actions) {
+        console.error('rowMeta is missing in the middle of "sendOperation" action');
+        return result;
+    }
+    result = flattenOperations(actions).some(function (action) { return action.type === operationType && action.autoSaveBefore; });
+    return result;
+}
+function getRequiredFieldsMissing(record, pendingChanges, fieldsMeta) {
+    var result = {};
+    fieldsMeta.forEach(function (field) {
+        var value = record === null || record === void 0 ? void 0 : record[field.key];
+        var pendingValue = pendingChanges === null || pendingChanges === void 0 ? void 0 : pendingChanges[field.key];
+        var effectiveValue = pendingValue !== void 0 ? pendingValue : value;
+        var falsyValue = false;
+        if (effectiveValue === null || effectiveValue === void 0 || effectiveValue === "") {
+            falsyValue = true;
+        }
+        else if (Array.isArray(effectiveValue) && !effectiveValue.length) {
+            falsyValue = true;
+        }
+        else if (effectiveValue && typeof effectiveValue === "object" && !Object.keys(effectiveValue).length) {
+            falsyValue = true;
+        }
+        if (field.required && falsyValue) {
+            result[field.key] = Array.isArray(effectiveValue) ? [] : null;
+        }
+    });
+    return Object.keys(result).length > 0 ? result : null;
+}
+function hasPendingValidationFails(store, bcName) {
+    var _a;
+    if (store.view.pendingValidationFailsFormat !== "target" /* target */ && store.view.pendingValidationFails && Object.keys(store.view.pendingValidationFails).length) {
+        return true;
+    }
+    var checkResult = false;
+    var bcPendingValidations = (_a = store.view.pendingValidationFails) === null || _a === void 0 ? void 0 : _a[bcName];
+    var cursorsList = bcPendingValidations && Object.keys(bcPendingValidations);
+    if (!cursorsList) {
+        return false;
+    }
+    var i = 0;
+    for (; i < cursorsList.length; i++) {
+        if (Object.keys(bcPendingValidations[cursorsList[i]]).length) {
+            checkResult = true;
+            break;
+        }
+    }
+    return checkResult;
+}
+// src/middlewares/preInvokeMiddleware.ts
+var preInvokeAction = function (_a) {
+    var getState = _a.getState;
+    return function (next) { return function (action) {
+        var _a, _b, _c;
+        if (sendOperation.match(action)) {
+            var state = getState();
+            var _d = action.payload, operationType_1 = _d.operationType, widgetName_2 = _d.widgetName, confirm = _d.confirm;
+            var bcName = (_a = state.view.widgets.find(function (widgetItem) { return widgetItem.name === widgetName_2; })) === null || _a === void 0 ? void 0 : _a.bcName;
+            var bcUrl = buildBcUrl(bcName, true, state);
+            var rowMeta = bcUrl && ((_b = state.view.rowMeta[bcName]) === null || _b === void 0 ? void 0 : _b[bcUrl]);
+            var actions = rowMeta && flattenOperations(rowMeta.actions);
+            var preInvoke = (_c = actions === null || actions === void 0 ? void 0 : actions.find(function (item) { return item.type === operationType_1; })) === null || _c === void 0 ? void 0 : _c.preInvoke;
+            return preInvoke && !confirm ? next(processPreInvoke({
+                bcName: bcName,
+                operationType: operationType_1,
+                widgetName: widgetName_2,
+                preInvoke: preInvoke
+            })) : next(action);
+        }
+        return next(action);
+    }; };
+};
+// src/middlewares/popupMiddleware.ts
+var popupMiddleware = function (_a) {
+    var getState = _a.getState;
+    return function (next) { return function (action) {
+        var _a, _b, _c;
+        if (showViewPopup.match(action)) {
+            var state = getState();
+            var bcName_1 = action.payload.bcName;
+            var widgetValueKey = (_b = (_a = state.view.widgets.find(function (item) { return item.bcName === bcName_1; })) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.displayedValueKey;
+            var assocValueKey = (_c = action.payload.assocValueKey) !== null && _c !== void 0 ? _c : widgetValueKey;
+            return widgetValueKey ? next(showViewPopup(__assign(__assign({}, action.payload), { assocValueKey: assocValueKey }))) : next(action);
+        }
+        return next(action);
+    }; };
+};
+// src/middlewares/index.ts
+var middlewares = {
+    autosave: saveFormMiddleware,
+    requiredFields: requiredFields,
+    preInvoke: preInvokeAction,
+    popup: popupMiddleware
+};
 //# sourceMappingURL=cxbox-ui-core.cjs.development.js.map