import { WidgetConfigReducerState } from "reducers/entityReducers/widgetConfigReducer"; const WidgetConfigResponse: WidgetConfigReducerState = { config: { BUTTON_WIDGET: { text: "Submit", buttonStyle: "PRIMARY_BUTTON", rows: 1, columns: 5, widgetName: "Button", isDisabled: false, isVisible: true, isDefaultClickDisabled: true, }, TEXT_WIDGET: { text: "Label me", textStyle: "LABEL", rows: 1, columns: 3, widgetName: "Text", }, RICH_TEXT_EDITOR_WIDGET: { text: "This is the initial content of the editor", rows: 5, columns: 8, isDisabled: false, isVisible: true, widgetName: "RichTextEditor", }, IMAGE_WIDGET: { defaultImage: "https://www.cowgirlcontractcleaning.com/wp-content/uploads/sites/360/2018/05/placeholder-img-5.jpg", imageShape: "RECTANGLE", image: "", rows: 3, columns: 3, widgetName: "Image", }, INPUT_WIDGET: { inputType: "TEXT", label: "Label me", rows: 1, columns: 8, widgetName: "Input", }, SWITCH_WIDGET: { isOn: false, label: "Switch", rows: 1, columns: 4, widgetName: "Switch", }, CONTAINER_WIDGET: { backgroundColor: "#FFFFFF", rows: 8, columns: 8, widgetName: "Container", containerStyle: "card", children: [], blueprint: { view: [ { type: "CANVAS_WIDGET", position: { top: 0, left: 0 }, props: { containerStyle: "none", canExtend: false, detachFromLayout: true, children: [], }, }, ], }, }, SPINNER_WIDGET: { rows: 1, columns: 1, widgetName: "Spinner", }, DATE_PICKER_WIDGET: { enableTimePicker: true, isDisabled: false, datePickerType: "DATE_PICKER", rows: 1, dateFormat: "DD/MM/YYYY", columns: 8, label: "Date", widgetName: "DatePicker", }, TABLE_WIDGET: { rows: 7, columns: 14, label: "Data", widgetName: "Table", tableData: [ { id: 2381224, email: "michael.lawson@reqres.in", userName: "Michael Lawson", productName: "Chicken Sandwich", orderAmount: 4.99, }, { id: 2736212, email: "lindsay.ferguson@reqres.in", userName: "Lindsay Ferguson", productName: "Tuna Salad", orderAmount: 9.99, }, { id: 6788734, email: "tobias.funke@reqres.in", userName: "Tobias Funke", productName: "Beef steak", orderAmount: 19.99, }, { id: 7434532, email: "byron.fields@reqres.in", userName: "Byron Fields", productName: "Chicken Sandwich", orderAmount: 4.99, }, { id: 7434532, email: "ryan.holmes@reqres.in", userName: "Ryan Holmes", productName: "Avocado Panini", orderAmount: 7.99, }, ], }, DROP_DOWN_WIDGET: { rows: 1, columns: 8, selectionType: "SINGLE_SELECT", label: "Select", options: [ { label: "Option 1", value: "1" }, { label: "Option 2", value: "2" }, { label: "Option 3", value: "3" }, { label: "Option 4", value: "4" }, { label: "Option 5", value: "5" }, ], widgetName: "Dropdown", }, CHECKBOX_WIDGET: { rows: 1, columns: 3, label: "Label me", defaultCheckedState: true, widgetName: "Checkbox", }, RADIO_GROUP_WIDGET: { rows: 2, columns: 5, label: "Label", options: [ { id: "1", label: "Alpha", value: "1" }, { id: "2", label: "Bravo", value: "2" }, { id: "3", label: "Charlie", value: "3" }, ], defaultOptionValue: "1", widgetName: "RadioGroup", }, ALERT_WIDGET: { alertType: "NOTIFICATION", intent: "SUCCESS", rows: 3, columns: 3, header: "", message: "", widgetName: "Alert", }, FILE_PICKER_WIDGET: { rows: 1, files: [], label: "Select Files", columns: 4, widgetName: "FilePicker", isDefaultClickDisabled: true, }, MODAL_WIDGET: { rows: 456, columns: 456, size: "MODAL_SMALL", canEscapeKeyClose: true, detachFromLayout: true, canOutsideClickClose: true, isVisible: false, widgetName: "Modal", children: [], blueprint: { view: [ { type: "CANVAS_WIDGET", position: { left: 0, top: 0 }, props: { detachFromLayout: true, canExtend: true, isVisible: true, isDisabled: false, shouldScrollContents: false, children: [], blueprint: { view: [ { type: "TEXT_WIDGET", position: { left: 0, top: 0 }, size: { rows: 1, cols: 16 }, props: { text: "Modal Title", textStyle: "HEADING", }, }, { type: "BUTTON_WIDGET", position: { left: 10, top: 4 }, size: { rows: 1, cols: 3 }, props: { text: "Cancel", buttonStyle: "SECONDARY_BUTTON", }, }, { type: "BUTTON_WIDGET", position: { left: 13, top: 4 }, size: { rows: 1, cols: 3 }, props: { text: "Confirm", buttonStyle: "PRIMARY_BUTTON", }, }, ], }, }, }, ], }, }, CANVAS_WIDGET: { rows: 0, columns: 0, widgetName: "Canvas", }, CHART_WIDGET: { rows: 8, columns: 6, widgetName: "Chart", chartType: "LINE_CHART", chartName: "Sales on working days", chartData: [ { x: "Mon", y: 10000, }, { x: "Tue", y: 12000, }, { x: "Wed", y: 32000, }, { x: "Thu", y: 28000, }, { x: "Fri", y: 14000, }, { x: "Sat", y: 19000, }, { x: "Sun", y: 36000, }, ], xAxisName: "Last Week", yAxisName: "Total Order Revenue $", }, FORM_BUTTON_WIDGET: { rows: 1, columns: 3, widgetName: "FormButton", text: "Submit", isDefaultClickDisabled: true, }, FORM_WIDGET: { rows: 13, columns: 6, widgetName: "Form", backgroundColor: "white", children: [], blueprint: { view: [ { type: "CANVAS_WIDGET", position: { top: 0, left: 0 }, props: { containerStyle: "none", canExtend: false, detachFromLayout: true, children: [], blueprint: { view: [ { type: "TEXT_WIDGET", size: { rows: 1, cols: 12 }, position: { top: 0, left: 0 }, props: { text: "Title", textStyle: "HEADING", }, }, { type: "FORM_BUTTON_WIDGET", size: { rows: 1, cols: 4 }, position: { top: 11, left: 12 }, props: { text: "Submit", buttonStyle: "PRIMARY_BUTTON", disabledWhenInvalid: true, resetFormOnClick: false, }, }, { type: "FORM_BUTTON_WIDGET", size: { rows: 1, cols: 4 }, position: { top: 11, left: 8 }, props: { text: "Reset", buttonStyle: "SECONDARY_BUTTON", disabledWhenInvalid: false, resetFormOnClick: true, }, }, ], }, }, }, ], }, }, }, configVersion: 1, }; export default WidgetConfigResponse;