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

package/dist/cxbox-ui-core.modern.js

@@ -1531,7 +1531,7 @@ var sendOperationEpic = (action$, state$, { api }) => action$.pipe(filter(sendOp
     const record = (_c = state.data[bcName]) == null ? void 0 : _c.find((item) => item.id === bc.cursor);
     const filters = state.screen.filters[bcName];
     const sorters = state.screen.sorters[bcName];
-    const pendingRecordChange = (_d = state.view.pendingDataChanges[bcName]) == null ? void 0 : _d[bc.cursor];
+    const pendingRecordChange = __spreadValues({}, (_d = state.view.pendingDataChanges[bcName]) == null ? void 0 : _d[bc.cursor]);
     for (const key in pendingRecordChange) {
         if (fields.find((item) => item.key === key && item.disabled)) {
             delete pendingRecordChange[key];
@@ -2382,7 +2382,7 @@ var bcSaveDataEpic = (action$, state$, { api }) => action$.pipe(filter38(sendOpe
     const widgetName = action.payload.widgetName;
     const cursor = state.screen.bo.bc[bcName].cursor;
     const dataItem = state.data[bcName].find((item) => item.id === cursor);
-    const pendingChanges = (_b = state.view.pendingDataChanges[bcName]) == null ? void 0 : _b[cursor];
+    const pendingChanges = __spreadValues({}, (_b = state.view.pendingDataChanges[bcName]) == null ? void 0 : _b[cursor]);
     const rowMeta = bcUrl && ((_c = state.view.rowMeta[bcName]) == null ? void 0 : _c[bcUrl]);
     const options = (_d = state.view.widgets.find((widget) => widget.name === widgetName)) == null ? void 0 : _d.options;
     if (rowMeta) {
@@ -3207,7 +3207,10 @@ var Api = class {
     }
     fetchRowMeta(screenName, bcUrl, params, cancelToken) {
         const url = applyParams(buildUrl `row-meta/${screenName}/` + bcUrl, params);
-        return this.api$.get(url, { cancelToken }).pipe(map11((response) => response.data.row));
+        return this.api$.get(url, { cancelToken }).pipe(map11((response) => {
+            var _a;
+            return (_a = response.data) == null ? void 0 : _a.row;
+        }));
     }
     newBcData(screenName, bcUrl, context, params) {
         const url = applyParams(buildUrl `row-meta-new/${screenName}/` + bcUrl, params);
@@ -3269,5 +3272,239 @@ var Api = class {
         };
     }
 };
-export { Api, actions_exports as actions, epics_exports as epics, interfaces_exports as interfaces, reducers_exports as reducers, utils_exports as utils };
+// src/utils/autosave.ts
+function autosaveRoutine(action, store, next) {
+    var _a, _b, _c;
+    const state = store.getState();
+    const dispatch = store.dispatch;
+    const pendingDataChanges = state.view.pendingDataChanges;
+    const bcList = Object.keys(pendingDataChanges);
+    const baseBcNameIndex = ((_a = action.payload) == null ? void 0 : _a.bcName) && bcHasPendingAutosaveChanges(state, action.payload.bcName, (_b = state.screen.bo.bc[action.payload.bcName]) == null ? void 0 : _b.cursor) ? bcList.findIndex((bcName) => {
+        var _a2;
+        return bcName === ((_a2 = action.payload) == null ? void 0 : _a2.bcName);
+    }) : bcList.findIndex((bcName) => {
+        var _a2;
+        return bcHasPendingAutosaveChanges(state, bcName, (_a2 = state.screen.bo.bc[bcName]) == null ? void 0 : _a2.cursor);
+    });
+    const baseBcName = bcList[baseBcNameIndex];
+    if (baseBcNameIndex > -1) {
+        bcList.splice(baseBcNameIndex, 1);
+    }
+    if (baseBcName) {
+        bcList.forEach((bcName) => {
+            var _a2, _b2;
+            const widget = (_a2 = state.view.widgets) == null ? void 0 : _a2.find((v) => v.bcName === bcName);
+            const cursor = (_b2 = state.screen.bo.bc[bcName]) == null ? void 0 : _b2.cursor;
+            if (bcHasPendingAutosaveChanges(state, bcName, cursor)) {
+                dispatch(sendOperation({
+                    bcName,
+                    operationType: OperationTypeCrud.save,
+                    widgetName: widget == null ? void 0 : widget.name
+                }));
+            }
+        });
+        const baseWidget = (_c = state.view.widgets) == null ? void 0 : _c.find((v) => v.bcName === baseBcName);
+        return next(sendOperation({
+            bcName: baseBcName,
+            operationType: OperationTypeCrud.save,
+            widgetName: baseWidget == null ? void 0 : baseWidget.name,
+            onSuccessAction: action
+        }));
+    }
+    return next(action);
+}
+function bcHasPendingAutosaveChanges(store, bcName, cursor) {
+    var _a;
+    const pendingChanges = store.view.pendingDataChanges;
+    const cursorChanges = (_a = pendingChanges[bcName]) == null ? void 0 : _a[cursor];
+    const result = cursorChanges && !Object.keys(cursorChanges).includes("_associate") && Object.values(cursorChanges).length > 0;
+    return result;
+}
+function checkUnsavedChangesOfBc(store, bcName) {
+    var _a, _b;
+    const pendingCursors = Object.keys((_b = (_a = store.view.pendingDataChanges) == null ? void 0 : _a[bcName]) != null ? _b : {});
+    return pendingCursors.some((cursor) => bcHasPendingAutosaveChanges(store, bcName, cursor));
+}
+// src/middlewares/autosaveMiddleware.ts
+var saveFormMiddleware = ({ getState, dispatch }) => (next) => (action) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const state = getState();
+    const isSendOperation = sendOperation.match(action);
+    const isCoreSendOperation = isSendOperation && coreOperations.includes(action.payload.operationType);
+    const isSelectTableCellInit = selectTableCellInit.match(action);
+    const isSaveAction = isSendOperation && action.payload.operationType === OperationTypeCrud.save;
+    const isNotSaveAction = !isSaveAction;
+    const actionBcName = isSendOperation && action.payload.bcName;
+    const hasAnotherUnsavedBc = Object.keys(state.view.pendingDataChanges).filter((key) => key !== actionBcName).filter((key) => checkUnsavedChangesOfBc(state, key)).length > 0;
+    const isSendOperationForAnotherBc = isCoreSendOperation && hasAnotherUnsavedBc;
+    const selectedCell = state.view.selectedCell;
+    const isSelectTableCellInitOnAnotherRowOrWidget = selectedCell && isSelectTableCellInit && (selectedCell.widgetName !== action.payload.widgetName || selectedCell.rowId !== action.payload.rowId);
+    const defaultSaveWidget = (_a = state.view.widgets) == null ? void 0 : _a.find((item) => {
+        var _a2, _b2;
+        return (_b2 = (_a2 = item == null ? void 0 : item.options) == null ? void 0 : _a2.actionGroups) == null ? void 0 : _b2.defaultSave;
+    });
+    const defaultCursor = (_c = (_b = state.screen.bo.bc) == null ? void 0 : _b[defaultSaveWidget == null ? void 0 : defaultSaveWidget.bcName]) == null ? void 0 : _c.cursor;
+    const pendingData = (_f = (_e = (_d = state.view) == null ? void 0 : _d.pendingDataChanges) == null ? void 0 : _e[defaultSaveWidget == null ? void 0 : defaultSaveWidget.bcName]) == null ? void 0 : _f[defaultCursor];
+    const isChangeLocation = defaultSaveWidget && changeLocation.match(action) && Object.keys(pendingData || {}).length > 0;
+    if (isChangeLocation) {
+        return next(sendOperation({
+            bcName: defaultSaveWidget.bcName,
+            operationType: ((_g = defaultSaveWidget.options) == null ? void 0 : _g.actionGroups).defaultSave,
+            widgetName: defaultSaveWidget.name,
+            onSuccessAction: action
+        }));
+    }
+    const isNeedSaveCondition = isNotSaveAction && (isSendOperationForAnotherBc || isSelectTableCellInitOnAnotherRowOrWidget);
+    if (isNeedSaveCondition) {
+        return autosaveRoutine(action, { getState, dispatch }, next);
+    }
+    return next(action);
+};
+// src/middlewares/requiredFieldsMiddleware.ts
+var requiredFields = ({ getState, dispatch }) => (next) => (action) => {
+    var _a, _b, _c, _d;
+    const state = getState();
+    if (sendOperation.match(action)) {
+        const { bcName, operationType, widgetName } = action.payload;
+        const cursor = (_a = state.screen.bo.bc[bcName]) == null ? void 0 : _a.cursor;
+        if (cursor) {
+            const bcUrl = buildBcUrl(bcName, true, state);
+            const record = (_b = state.data[bcName]) == null ? void 0 : _b.find((item) => item.id === cursor);
+            const rowMeta = bcUrl && ((_c = state.view.rowMeta[bcName]) == null ? void 0 : _c[bcUrl]);
+            const pendingValues = (_d = state.view.pendingDataChanges[bcName]) == null ? void 0 : _d[cursor];
+            const widget = state.view.widgets.find((item) => item.name === widgetName);
+            if (operationRequiresAutosave(operationType, rowMeta == null ? void 0 : rowMeta.actions)) {
+                const fieldsToCheck = {};
+                state.view.widgets.filter((item) => item.bcName === (widget == null ? void 0 : widget.bcName)).forEach((item) => {
+                    const itemFieldsCalc = item.fields;
+                    if (item.fields) {
+                        item.fields.forEach((block) => {
+                            if (isWidgetFieldBlock(block)) {
+                                block.fields.forEach((field) => itemFieldsCalc.push(field));
+                            }
+                        });
+                    }
+                    itemFieldsCalc.forEach((widgetField) => {
+                        var _a2;
+                        const matchingRowMeta = (_a2 = rowMeta == null ? void 0 : rowMeta.fields) == null ? void 0 : _a2.find((rowMetaField) => rowMetaField.key === widgetField.key);
+                        if (!fieldsToCheck[widgetField.key] && matchingRowMeta && !matchingRowMeta.hidden) {
+                            fieldsToCheck[widgetField.key] = matchingRowMeta;
+                        }
+                    });
+                });
+                const dataItem = getRequiredFieldsMissing(record, pendingValues, Object.values(fieldsToCheck));
+                if (dataItem && TableLikeWidgetTypes.includes(widget == null ? void 0 : widget.type)) {
+                    dispatch(selectTableCellInit({ widgetName, rowId: cursor, fieldKey: Object.keys(dataItem)[0] }));
+                }
+                return dataItem ? next(changeDataItem({ bcName, bcUrl: buildBcUrl(bcName, true, state), cursor, 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) {
+    let result = false;
+    if (!actions) {
+        console.error('rowMeta is missing in the middle of "sendOperation" action');
+        return result;
+    }
+    result = flattenOperations(actions).some((action) => action.type === operationType && action.autoSaveBefore);
+    return result;
+}
+function getRequiredFieldsMissing(record, pendingChanges, fieldsMeta) {
+    const result = {};
+    fieldsMeta.forEach((field) => {
+        const value = record == null ? void 0 : record[field.key];
+        const pendingValue = pendingChanges == null ? void 0 : pendingChanges[field.key];
+        const effectiveValue = pendingValue !== void 0 ? pendingValue : value;
+        let 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;
+    }
+    let checkResult = false;
+    const bcPendingValidations = (_a = store.view.pendingValidationFails) == null ? void 0 : _a[bcName];
+    const cursorsList = bcPendingValidations && Object.keys(bcPendingValidations);
+    if (!cursorsList) {
+        return false;
+    }
+    let 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 = ({ getState }) => (next) => (action) => {
+    var _a, _b, _c;
+    if (sendOperation.match(action)) {
+        const state = getState();
+        const { operationType, widgetName, confirm } = action.payload;
+        const bcName = (_a = state.view.widgets.find((widgetItem) => widgetItem.name === widgetName)) == null ? void 0 : _a.bcName;
+        const bcUrl = buildBcUrl(bcName, true, state);
+        const rowMeta = bcUrl && ((_b = state.view.rowMeta[bcName]) == null ? void 0 : _b[bcUrl]);
+        const actions = rowMeta && flattenOperations(rowMeta.actions);
+        const preInvoke = (_c = actions == null ? void 0 : actions.find((item) => item.type === operationType)) == null ? void 0 : _c.preInvoke;
+        return preInvoke && !confirm ? next(processPreInvoke({
+            bcName,
+            operationType,
+            widgetName,
+            preInvoke
+        })) : next(action);
+    }
+    return next(action);
+};
+// src/middlewares/popupMiddleware.ts
+var popupMiddleware = ({ getState }) => (next) => (action) => {
+    var _a, _b, _c;
+    if (showViewPopup.match(action)) {
+        const state = getState();
+        const bcName = action.payload.bcName;
+        const widgetValueKey = (_b = (_a = state.view.widgets.find((item) => item.bcName === bcName)) == null ? void 0 : _a.options) == null ? void 0 : _b.displayedValueKey;
+        const assocValueKey = (_c = action.payload.assocValueKey) != null ? _c : widgetValueKey;
+        return widgetValueKey ? next(showViewPopup(__spreadProps(__spreadValues({}, action.payload), { assocValueKey }))) : next(action);
+    }
+    return next(action);
+};
+// src/middlewares/index.ts
+var middlewares = {
+    autosave: saveFormMiddleware,
+    requiredFields,
+    preInvoke: preInvokeAction,
+    popup: popupMiddleware
+};
+export { Api, actions_exports as actions, epics_exports as epics, interfaces_exports as interfaces, middlewares, reducers_exports as reducers, utils_exports as utils };
 //# sourceMappingURL=cxbox-ui-core.modern.js.map