@tomino/dynamic-form-semantic-ui/src/semantic/catalogue_editor.ts

Semantic UI form renderer based on dynamic form generation

import { EditorComponentCatalogue } from '@tomino/dynamic-form';

import { CheckboxEditor } from './checkbox_editor';
import { InputEditor } from './input_editor';
import { RadioEditor } from './radio_editor';
import { TableEditor } from './table_editor';
import { SignatureEditor } from './signature_editor';
import { TextAreaEditor } from './textarea_editor';
import { CommentEditor } from './comment_editor';
import { DropdownEditor } from './dropdown_editor';
// import { DateEditor } from './date_time_editor';
import { ButtonEditor } from './buttons_editor';
import { FormEditor } from '../form_editor';
import { MenuEditor, MenuItemEditor } from './menu_editor';
import { IconEditor } from './icon_editor';
import { SegmentEditor } from './segment_editor';
import { TabsEditor } from './tab_editor';
import { HeaderEditor } from './header_editor';
import { IfEditor } from '../vanilla/if_editor';
import { SearchEditor } from './search_editor';

export const catalogueEditor: EditorComponentCatalogue = {
  cssClass: 'ui form',
  components: {
    Button: ButtonEditor,
    Checkbox: CheckboxEditor,
    Comment: CommentEditor,
    // Date: DateEditor,
    Dropdown: DropdownEditor,
    Form: FormEditor,
    Header: HeaderEditor,
    Icon: IconEditor,
    If: IfEditor,
    Input: InputEditor,
    Lookup: SearchEditor,
    MenuItem: MenuItemEditor,
    Menu: MenuEditor,
    Radio: RadioEditor,
    // Search: SearchEditor,
    Segment: SegmentEditor,
    Signature: SignatureEditor,
    Table: TableEditor,
    Tabs: TabsEditor,
    Textarea: TextAreaEditor
  }
};