151 lines
3.2 KiB
TypeScript
151 lines
3.2 KiB
TypeScript
import { FetchPageRequest } from "api/PageApi";
|
|
import { WidgetOperation, WidgetProps } from "widgets/BaseWidget";
|
|
import { WidgetType } from "constants/WidgetConstants";
|
|
import {
|
|
ReduxActionTypes,
|
|
ReduxAction,
|
|
UpdateCanvasPayload,
|
|
SavePageSuccessPayload,
|
|
FetchPageListPayload,
|
|
} from "constants/ReduxActionConstants";
|
|
import { FlattenedWidgetProps } from "reducers/entityReducers/canvasWidgetsReducer";
|
|
import { ContainerWidgetProps } from "widgets/ContainerWidget";
|
|
|
|
export const fetchPageList = (
|
|
applicationId: string,
|
|
): ReduxAction<FetchPageListPayload> => {
|
|
return {
|
|
type: ReduxActionTypes.FETCH_PAGE_LIST_INIT,
|
|
payload: {
|
|
applicationId,
|
|
},
|
|
};
|
|
};
|
|
|
|
export const fetchPage = (pageId: string): ReduxAction<FetchPageRequest> => {
|
|
return {
|
|
type: ReduxActionTypes.FETCH_PAGE_INIT,
|
|
payload: {
|
|
pageId,
|
|
},
|
|
};
|
|
};
|
|
|
|
export const fetchPageSuccess = () => {
|
|
return {
|
|
type: ReduxActionTypes.FETCH_PAGE_SUCCESS,
|
|
};
|
|
};
|
|
|
|
export type FetchPublishedPageSuccessPayload = {
|
|
pageId: string;
|
|
dsl: ContainerWidgetProps<WidgetProps>;
|
|
pageWidgetId: string;
|
|
};
|
|
|
|
export const fetchPublishedPageSuccess = (
|
|
payload: FetchPublishedPageSuccessPayload,
|
|
) => ({
|
|
type: ReduxActionTypes.FETCH_PUBLISHED_PAGE_SUCCESS,
|
|
payload,
|
|
});
|
|
|
|
export const updateCurrentPage = (id: string) => ({
|
|
type: ReduxActionTypes.UPDATE_CURRENT_PAGE,
|
|
payload: { id },
|
|
});
|
|
|
|
export const updateCanvas = (
|
|
payload: UpdateCanvasPayload,
|
|
): ReduxAction<UpdateCanvasPayload> => {
|
|
return {
|
|
type: ReduxActionTypes.UPDATE_CANVAS,
|
|
payload,
|
|
};
|
|
};
|
|
|
|
export const savePageSuccess = (payload: SavePageSuccessPayload) => {
|
|
return {
|
|
type: ReduxActionTypes.SAVE_PAGE_SUCCESS,
|
|
payload,
|
|
};
|
|
};
|
|
|
|
export const updateWidgetNameSuccess = () => {
|
|
return {
|
|
type: ReduxActionTypes.UPDATE_WIDGET_NAME_SUCCESS,
|
|
};
|
|
};
|
|
|
|
export const deletePageSuccess = () => {
|
|
return {
|
|
type: ReduxActionTypes.DELETE_PAGE_SUCCESS,
|
|
};
|
|
};
|
|
|
|
export const updateAndSaveLayout = (widgets: FlattenedWidgetProps) => {
|
|
return {
|
|
type: ReduxActionTypes.UPDATE_LAYOUT,
|
|
payload: { widgets },
|
|
};
|
|
};
|
|
|
|
export type WidgetAddChild = {
|
|
widgetId: string;
|
|
widgetName?: string;
|
|
type: WidgetType;
|
|
leftColumn: number;
|
|
topRow: number;
|
|
columns: number;
|
|
rows: number;
|
|
parentRowSpace: number;
|
|
parentColumnSpace: number;
|
|
newWidgetId: string;
|
|
tabId: string;
|
|
props?: Record<string, any>;
|
|
};
|
|
|
|
export type WidgetMove = {
|
|
widgetId: string;
|
|
leftColumn: number;
|
|
topRow: number;
|
|
parentId: string;
|
|
/*
|
|
If newParentId is different from what we have in redux store,
|
|
then we have to delete this,
|
|
as it has been dropped in another container somewhere.
|
|
*/
|
|
newParentId: string;
|
|
};
|
|
|
|
export type WidgetRemoveChild = {
|
|
widgetId: string;
|
|
childWidgetId: string;
|
|
};
|
|
|
|
export type WidgetDelete = {
|
|
widgetId: string;
|
|
parentId: string;
|
|
};
|
|
|
|
export type WidgetResize = {
|
|
widgetId: string;
|
|
leftColumn: number;
|
|
rightColumn: number;
|
|
topRow: number;
|
|
bottomRow: number;
|
|
};
|
|
|
|
export const updateWidget = (
|
|
operation: WidgetOperation,
|
|
widgetId: string,
|
|
payload: any,
|
|
): ReduxAction<
|
|
WidgetAddChild | WidgetMove | WidgetRemoveChild | WidgetResize | WidgetDelete
|
|
> => {
|
|
return {
|
|
type: ReduxActionTypes["WIDGET_" + operation],
|
|
payload: { widgetId, ...payload },
|
|
};
|
|
};
|