PromucFlow_constructor/app/client/src/sagas/editorContextSagas.ts

78 lines
2.2 KiB
TypeScript

import type { ReduxAction } from "actions/ReduxActionTypes";
import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
import {
setPanelPropertySectionState,
setPanelSelectedPropertyTabIndex,
setWidgetPropertySectionState,
setWidgetSelectedPropertyTabIndex,
} from "actions/editorContextActions";
import type { CodeEditorFocusState } from "actions/editorContextActions";
import {
setCodeEditorCursorAction,
setFocusableInputField,
} from "actions/editorContextActions";
import { FocusEntity, identifyEntityFromPath } from "navigation/FocusEntity";
import { all, put, takeLatest } from "redux-saga/effects";
/**
* This method appends the PageId along with the focusable propertyPath
* @param action
*/
function* setEditorFieldFocus(action: ReduxAction<CodeEditorFocusState>) {
const { cursorPosition, key } = action.payload;
const entityInfo = identifyEntityFromPath(window.location.pathname);
const ignoredEntities = [FocusEntity.DATASOURCE, FocusEntity.WIDGET];
if (key) {
if (!ignoredEntities.includes(entityInfo.entity)) {
yield put(setFocusableInputField(key));
}
yield put(setCodeEditorCursorAction(key, cursorPosition));
}
}
function* setPropertySectionStateSaga(
action: ReduxAction<{
key: string;
isOpen: boolean;
panelPropertyPath?: string;
}>,
) {
const { isOpen, key, panelPropertyPath } = action.payload;
if (panelPropertyPath) {
yield put(setPanelPropertySectionState(key, isOpen, panelPropertyPath));
} else {
yield put(setWidgetPropertySectionState(key, isOpen));
}
}
function* setSelectedPropertyTabIndexSaga(
action: ReduxAction<{ index: number; panelPropertyPath?: string }>,
) {
const { index, panelPropertyPath } = action.payload;
if (panelPropertyPath) {
yield put(setPanelSelectedPropertyTabIndex(index, panelPropertyPath));
} else {
yield put(setWidgetSelectedPropertyTabIndex(index));
}
}
export default function* editorContextSagas() {
yield all([
takeLatest(
ReduxActionTypes.SET_PROPERTY_SECTION_STATE,
setPropertySectionStateSaga,
),
takeLatest(
ReduxActionTypes.SET_SELECTED_PROPERTY_TAB_INDEX,
setSelectedPropertyTabIndexSaga,
),
takeLatest(ReduxActionTypes.SET_EDITOR_FIELD_FOCUS, setEditorFieldFocus),
]);
}