@tomino/dynamic-form-semantic-ui/dist/mjs/editor/modal_preview.js

Semantic UI form renderer based on dynamic form generation

import * as React from 'react';
import { randomData } from './editor_common';
import { Modal, Menu } from 'semantic-ui-react';
import { FormView } from '../form_view';
import { EditorContext } from './editor_context';
import { addProviders } from '../common';
export const Preview = () => {
    const state = React.useContext(EditorContext);
    const editorState = React.useContext(EditorContext);
    const formModel = randomData(state);
    const mainForm = state.form;
    const formElement = addProviders(mainForm, formModel);
    return (React.createElement(FormView, { formElement: formElement, owner: formModel.dataSet, readOnly: false, handlers: editorState.handlers, catalogue: editorState.componentCatalogue }));
};
export const ModalPreview = () => {
    return (React.createElement(Modal, { trigger: React.createElement(Menu.Item, { icon: "search", title: "Preview Form" }) },
        React.createElement(Modal.Header, null, "Form Preview"),
        React.createElement(Modal.Content, null,
            React.createElement(Modal.Description, null,
                React.createElement(Preview, null)))));
};
//# sourceMappingURL=modal_preview.js.map