PromucFlow_constructor/app/client/src/reducers/entityReducers/canvasWidgetsReducer.tsx
2019-10-24 05:24:45 +00:00

50 lines
1.4 KiB
TypeScript

import { createReducer } from "../../utils/AppsmithUtils";
import {
ReduxActionTypes,
UpdateCanvasPayload,
ReduxAction,
} from "../../constants/ReduxActionConstants";
import { WidgetProps } from "../../widgets/BaseWidget";
import { ContainerWidgetProps } from "../../widgets/ContainerWidget";
import { UpdateWidgetPropertyPayload } from "../../actions/controlActions";
const initialState: CanvasWidgetsReduxState = {};
export type FlattenedWidgetProps = ContainerWidgetProps<WidgetProps> & {
children?: string[];
};
const canvasWidgetsReducer = createReducer(initialState, {
[ReduxActionTypes.UPDATE_CANVAS]: (
state: CanvasWidgetsReduxState,
action: ReduxAction<UpdateCanvasPayload>,
) => {
return { ...action.payload.widgets };
},
[ReduxActionTypes.UPDATE_LAYOUT]: (
state: CanvasWidgetsReduxState,
action: ReduxAction<UpdateCanvasPayload>,
) => {
return { ...action.payload.widgets };
},
[ReduxActionTypes.UPDATE_WIDGET_PROPERTY]: (
state: CanvasWidgetsReduxState,
action: ReduxAction<UpdateWidgetPropertyPayload>,
) => {
const widget = state[action.payload.widgetId];
return {
...state,
[action.payload.widgetId]: {
...widget,
[action.payload.propertyName]: action.payload.propertyValue,
},
};
},
});
export interface CanvasWidgetsReduxState {
[widgetId: string]: FlattenedWidgetProps;
}
export default canvasWidgetsReducer;