windmill/frontend/src/lib/components/apps/editor/componentsPanel/data.ts

import type { AppComponent } from '../../types'
import { defaultAlignement, defaultProps } from './componentDefaultProps'

const windmillComponents = {
	title: 'Windmill Components',
	components: [
		{
			...defaultProps,
			id: 'displaycomponent',
			type: 'displaycomponent',
			componentInputs: {
				result: {
					id: undefined,
					name: undefined,
					type: 'output',
					defaultValue: undefined
				}
			}
		},
		{
			...defaultProps,
			id: 'runformcomponent',
			type: 'runformcomponent'
		}
	] as AppComponent[]
}

const plainComponents = {
	title: 'Plain Components',
	components: [
		{
			...defaultProps,
			...defaultAlignement,
			id: 'textcomponent',
			type: 'textcomponent',
			componentInputs: {
				content: {
					type: 'static',
					visible: true,
					value: 'Lorem ipsum',
					fieldType: 'textarea'
				}
			}
		},
		{
			...defaultProps,
			id: 'buttoncomponent',
			type: 'buttoncomponent',
			componentInputs: {
				label: {
					type: 'static',
					visible: true,
					value: 'Lorem ipsum',
					fieldType: 'textarea'
				}
			},
			runnable: true
		},
		{
			...defaultProps,
			id: 'imagecomponent',
			type: 'imagecomponent'
		},
		{
			...defaultProps,
			id: 'inputcomponent',
			type: 'inputcomponent'
		},
		{
			...defaultProps,
			id: 'selectcomponent',
			type: 'selectcomponent'
		},
		{
			...defaultProps,
			id: 'checkboxcomponent',
			type: 'checkboxcomponent'
		},
		{
			...defaultProps,
			id: 'radiocomponent',
			type: 'radiocomponent'
		}
	] as AppComponent[]
}

const chartComponents = {
	title: 'Charts',
	components: [
		{
			...defaultProps,
			id: 'piechartcomponent',
			type: 'piechartcomponent',
			componentInputs: {
				dataset: {
					type: 'static',
					visible: true,
					value: {},
					fieldType: 'textarea'
				}
			}
		},
		{
			...defaultProps,
			id: 'barchartcomponent',
			type: 'barchartcomponent'
		}
	] as AppComponent[]
}

const tableComponents = {
	title: 'Table',
	components: [
		{
			...defaultProps,
			id: 'tablecomponent',
			type: 'tablecomponent',
			componentInputs: {
				searchEnabled: {
					type: 'static',
					value: false,
					fieldType: 'boolean'
				},
				paginationEnabled: {
					type: 'static',
					value: false,
					fieldType: 'boolean'
				}
			},
			runnable: true
		}
	] as AppComponent[]
}

const componentSets = [windmillComponents, plainComponents, chartComponents, tableComponents]

export { componentSets }