PromucFlow_constructor/app/client/src/actions/widgetActions.tsx
rahulramesha e128b2daf3
feat: new Widget Copy paste experience (#12906)
* copy paste commit

* class name generator changes

* modal widget fixes change

* addressing review comments

* bug fix for after deleting a widget by undoing action

* additional fix for modal widget

* additional tests for fixes
2022-05-04 13:28:57 +05:30

156 lines
3.1 KiB
TypeScript

import {
ReduxActionTypes,
ReduxAction,
WidgetReduxActionTypes,
} from "@appsmith/constants/ReduxActionConstants";
import { ExecuteTriggerPayload } from "constants/AppsmithActionConstants/ActionConstants";
import { BatchAction, batchAction } from "actions/batchActions";
import PerformanceTracker, {
PerformanceTransactionName,
} from "utils/PerformanceTracker";
import { WidgetProps } from "widgets/BaseWidget";
export const executeTrigger = (
payload: ExecuteTriggerPayload,
): BatchAction<ExecuteTriggerPayload> =>
batchAction({
type: ReduxActionTypes.EXECUTE_TRIGGER_REQUEST,
payload,
});
export const disableDragAction = (
isDraggingDisabled: boolean,
): ReduxAction<{ isDraggingDisabled: boolean }> => {
return {
type: ReduxActionTypes.DISABLE_WIDGET_DRAG,
payload: {
isDraggingDisabled,
},
};
};
export const createModalAction = (
modalName: string,
): ReduxAction<{ modalName: string }> => {
return {
type: ReduxActionTypes.CREATE_MODAL_INIT,
payload: {
modalName,
},
};
};
export const focusWidget = (
widgetId?: string,
): ReduxAction<{ widgetId?: string }> => ({
type: ReduxActionTypes.FOCUS_WIDGET,
payload: { widgetId },
});
export const showModal = (id: string) => {
return {
type: ReduxActionTypes.SHOW_MODAL,
payload: {
modalId: id,
},
};
};
export const closeAllModals = () => {
return {
type: ReduxActionTypes.CLOSE_MODAL,
payload: {},
};
};
export const forceOpenPropertyPane = (id: string) => {
PerformanceTracker.startTracking(
PerformanceTransactionName.OPEN_PROPERTY_PANE,
);
return {
type: ReduxActionTypes.SHOW_PROPERTY_PANE,
payload: {
widgetId: id,
force: true,
},
};
};
export const closePropertyPane = () => {
return {
type: ReduxActionTypes.HIDE_PROPERTY_PANE,
payload: {
force: false,
},
};
};
export const closeTableFilterPane = () => {
return {
type: ReduxActionTypes.HIDE_TABLE_FILTER_PANE,
payload: {
force: false,
},
};
};
export const copyWidget = (isShortcut: boolean) => {
return {
type: ReduxActionTypes.COPY_SELECTED_WIDGET_INIT,
payload: {
isShortcut: !!isShortcut,
},
};
};
export const pasteWidget = (
groupWidgets = false,
mouseLocation: { x: number; y: number },
) => {
return {
type: ReduxActionTypes.PASTE_COPIED_WIDGET_INIT,
payload: {
groupWidgets: groupWidgets,
mouseLocation,
},
};
};
export const deleteSelectedWidget = (
isShortcut: boolean,
disallowUndo = false,
) => {
return {
type: WidgetReduxActionTypes.WIDGET_DELETE,
payload: {
isShortcut,
disallowUndo,
},
};
};
export const cutWidget = () => {
return {
type: ReduxActionTypes.CUT_SELECTED_WIDGET,
};
};
export const addSuggestedWidget = (payload: Partial<WidgetProps>) => {
return {
type: ReduxActionTypes.ADD_SUGGESTED_WIDGET,
payload,
};
};
/**
* action to group selected widgets into container
*
* @param queryName
* @returns
*/
export const groupWidgets = () => {
return {
type: ReduxActionTypes.GROUP_WIDGETS_INIT,
};
};