1821e31943
* fix * move stylesheet to widget level * fix types * fix types * fix types * fix types ( thanks to ashit ) * fix type issue * add config for list widget * fix jest tests
111 lines
3.0 KiB
TypeScript
111 lines
3.0 KiB
TypeScript
import { ButtonVariantTypes, RecaptchaTypes } from "components/constants";
|
|
import { Colors } from "constants/Colors";
|
|
import IconSVG from "./icon.svg";
|
|
import Widget from "./widget";
|
|
|
|
export const CONFIG = {
|
|
type: Widget.getWidgetType(),
|
|
name: "Form",
|
|
iconSVG: IconSVG,
|
|
needsMeta: true,
|
|
isCanvas: true,
|
|
features: {
|
|
dynamicHeight: {
|
|
sectionIndex: 0,
|
|
active: true,
|
|
},
|
|
},
|
|
searchTags: ["group"],
|
|
defaults: {
|
|
rows: 40,
|
|
columns: 24,
|
|
borderColor: Colors.GREY_5,
|
|
borderWidth: "1",
|
|
animateLoading: true,
|
|
widgetName: "Form",
|
|
backgroundColor: Colors.WHITE,
|
|
children: [],
|
|
blueprint: {
|
|
view: [
|
|
{
|
|
type: "CANVAS_WIDGET",
|
|
position: { top: 0, left: 0 },
|
|
props: {
|
|
containerStyle: "none",
|
|
canExtend: false,
|
|
detachFromLayout: true,
|
|
children: [],
|
|
version: 1,
|
|
blueprint: {
|
|
view: [
|
|
{
|
|
type: "TEXT_WIDGET",
|
|
size: {
|
|
rows: 4,
|
|
cols: 24,
|
|
},
|
|
position: { top: 1, left: 1.5 },
|
|
props: {
|
|
text: "Form",
|
|
fontSize: "1.25rem",
|
|
version: 1,
|
|
},
|
|
},
|
|
{
|
|
type: "BUTTON_WIDGET",
|
|
size: {
|
|
rows: 4,
|
|
cols: 16,
|
|
},
|
|
position: {
|
|
top: 33,
|
|
left: 46,
|
|
},
|
|
props: {
|
|
text: "Submit",
|
|
buttonVariant: ButtonVariantTypes.PRIMARY,
|
|
disabledWhenInvalid: true,
|
|
resetFormOnClick: true,
|
|
recaptchaType: RecaptchaTypes.V3,
|
|
version: 1,
|
|
},
|
|
},
|
|
{
|
|
type: "BUTTON_WIDGET",
|
|
size: {
|
|
rows: 4,
|
|
cols: 16,
|
|
},
|
|
position: {
|
|
top: 33,
|
|
left: 30,
|
|
},
|
|
props: {
|
|
text: "Reset",
|
|
buttonVariant: ButtonVariantTypes.SECONDARY,
|
|
disabledWhenInvalid: false,
|
|
resetFormOnClick: true,
|
|
recaptchaType: RecaptchaTypes.V3,
|
|
version: 1,
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
properties: {
|
|
derived: Widget.getDerivedPropertiesMap(),
|
|
default: Widget.getDefaultPropertiesMap(),
|
|
meta: Widget.getMetaPropertiesMap(),
|
|
config: Widget.getPropertyPaneConfig(),
|
|
contentConfig: Widget.getPropertyPaneContentConfig(),
|
|
styleConfig: Widget.getPropertyPaneStyleConfig(),
|
|
stylesheetConfig: Widget.getStylesheetConfig(),
|
|
},
|
|
};
|
|
|
|
export default Widget;
|