f59f33c1f8
* update rich text editor styles * fix disalbed text color * add border * fix gaps and borders in json form * fix disabled state * fix checkbox disabled state color on checkbox + font size of title in json * fix disabled state of rte not re-rendering * remove unused import * fix cypress test
87 lines
2.4 KiB
TypeScript
87 lines
2.4 KiB
TypeScript
import IconSVG from "./icon.svg";
|
|
import { Colors } from "constants/Colors";
|
|
import Widget, { JSONFormWidgetProps } from "./widget";
|
|
import { ButtonVariantTypes } from "components/constants";
|
|
import { BlueprintOperationTypes } from "widgets/constants";
|
|
|
|
const SUBMIT_BUTTON_DEFAULT_STYLES = {
|
|
buttonVariant: ButtonVariantTypes.PRIMARY,
|
|
};
|
|
|
|
const RESET_BUTTON_DEFAULT_STYLES = {
|
|
buttonVariant: ButtonVariantTypes.SECONDARY,
|
|
};
|
|
|
|
export const CONFIG = {
|
|
type: Widget.getWidgetType(),
|
|
name: "JSON Form",
|
|
iconSVG: IconSVG,
|
|
needsMeta: true,
|
|
defaults: {
|
|
animateLoading: true,
|
|
backgroundColor: "#fff",
|
|
columns: 25,
|
|
disabledWhenInvalid: true,
|
|
fixedFooter: true,
|
|
rows: 50,
|
|
schema: {},
|
|
scrollContents: true,
|
|
showReset: true,
|
|
title: "Form",
|
|
version: 1,
|
|
borderWidth: "1",
|
|
borderColor: Colors.GREY_5,
|
|
widgetName: "JSONForm",
|
|
autoGenerateForm: true,
|
|
fieldLimitExceeded: false,
|
|
sourceData: {
|
|
name: "John",
|
|
date_of_birth: "20/02/1990",
|
|
employee_id: 1001,
|
|
},
|
|
submitButtonLabel: "Submit",
|
|
resetButtonLabel: "Reset",
|
|
blueprint: {
|
|
operations: [
|
|
{
|
|
type: BlueprintOperationTypes.MODIFY_PROPS,
|
|
fn: (widget: JSONFormWidgetProps) => {
|
|
/**
|
|
* As submitButtonStyles are objects, the tend to override the submitButtonStyles
|
|
* present in the defaults so a merge is necessary to incorporate non theme related props.
|
|
*/
|
|
return [
|
|
{
|
|
widgetId: widget.widgetId,
|
|
propertyName: "submitButtonStyles",
|
|
propertyValue: {
|
|
...widget.submitButtonStyles,
|
|
...SUBMIT_BUTTON_DEFAULT_STYLES,
|
|
},
|
|
},
|
|
{
|
|
widgetId: widget.widgetId,
|
|
propertyName: "resetButtonStyles",
|
|
propertyValue: {
|
|
...widget.resetButtonStyles,
|
|
...RESET_BUTTON_DEFAULT_STYLES,
|
|
},
|
|
},
|
|
];
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
properties: {
|
|
derived: Widget.getDerivedPropertiesMap(),
|
|
default: Widget.getDefaultPropertiesMap(),
|
|
meta: Widget.getMetaPropertiesMap(),
|
|
config: Widget.getPropertyPaneConfig(),
|
|
contentConfig: Widget.getPropertyPaneContentConfig(),
|
|
styleConfig: Widget.getPropertyPaneStyleConfig(),
|
|
},
|
|
};
|
|
|
|
export default Widget;
|