75 lines
2.2 KiB
TypeScript
75 lines
2.2 KiB
TypeScript
import React from "react";
|
|
import _ from "lodash";
|
|
import { WidgetProps } from "./BaseWidget";
|
|
import { WidgetType } from "constants/WidgetConstants";
|
|
import ContainerWidget, { ContainerWidgetProps } from "widgets/ContainerWidget";
|
|
import { ContainerComponentProps } from "components/designSystems/appsmith/ContainerComponent";
|
|
import shallowEqual from "shallowequal";
|
|
|
|
class FormWidget extends ContainerWidget {
|
|
checkInvalidChildren = (children: WidgetProps[]): boolean => {
|
|
return _.some(children, child => {
|
|
if ("children" in child) return this.checkInvalidChildren(child.children);
|
|
if ("isValid" in child) return !child.isValid;
|
|
return false;
|
|
});
|
|
};
|
|
|
|
handleResetInputs = () => {
|
|
super.resetChildrenMetaProperty(this.props.widgetId);
|
|
};
|
|
|
|
componentDidMount() {
|
|
super.componentDidMount();
|
|
this.updateFormData();
|
|
}
|
|
|
|
componentDidUpdate(prevProps: ContainerWidgetProps<any>) {
|
|
super.componentDidUpdate(prevProps);
|
|
this.updateFormData();
|
|
}
|
|
|
|
updateFormData() {
|
|
if (this.props.children) {
|
|
const formData = this.getFormData(this.props.children[0]);
|
|
if (!shallowEqual(formData, this.props.data)) {
|
|
this.updateWidgetMetaProperty("data", formData);
|
|
}
|
|
}
|
|
}
|
|
|
|
getFormData(formWidget: ContainerWidgetProps<WidgetProps>) {
|
|
const formData: any = {};
|
|
if (formWidget.children)
|
|
formWidget.children.forEach(widgetData => {
|
|
if (widgetData.value) {
|
|
formData[widgetData.widgetName] = widgetData.value;
|
|
}
|
|
});
|
|
return formData;
|
|
}
|
|
|
|
renderChildWidget(childWidgetData: WidgetProps): React.ReactNode {
|
|
if (childWidgetData.children) {
|
|
const isInvalid = this.checkInvalidChildren(childWidgetData.children);
|
|
childWidgetData.children.forEach((grandChild: WidgetProps) => {
|
|
if (isInvalid) grandChild.isFormValid = false;
|
|
// Add submit and reset handlers
|
|
grandChild.onReset = this.handleResetInputs;
|
|
});
|
|
}
|
|
return super.renderChildWidget(childWidgetData);
|
|
}
|
|
|
|
getWidgetType(): WidgetType {
|
|
return "FORM_WIDGET";
|
|
}
|
|
}
|
|
|
|
export interface FormWidgetProps extends ContainerComponentProps {
|
|
name: string;
|
|
data: object;
|
|
}
|
|
|
|
export default FormWidget;
|