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

Semantic UI form renderer based on dynamic form generation

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const editor_common_1 = require("./editor_common");
const semantic_ui_react_1 = require("semantic-ui-react");
const form_view_1 = require("../form_view");
const editor_context_1 = require("./editor_context");
const common_1 = require("../common");
exports.Preview = () => {
    const state = React.useContext(editor_context_1.EditorContext);
    const editorState = React.useContext(editor_context_1.EditorContext);
    const formModel = editor_common_1.randomData(state);
    const mainForm = state.form;
    const formElement = common_1.addProviders(mainForm, formModel);
    return (React.createElement(form_view_1.FormView, { formElement: formElement, owner: formModel.dataSet, readOnly: false, handlers: editorState.handlers, catalogue: editorState.componentCatalogue }));
};
exports.ModalPreview = () => {
    return (React.createElement(semantic_ui_react_1.Modal, { trigger: React.createElement(semantic_ui_react_1.Menu.Item, { icon: "search", title: "Preview Form" }) },
        React.createElement(semantic_ui_react_1.Modal.Header, null, "Form Preview"),
        React.createElement(semantic_ui_react_1.Modal.Content, null,
            React.createElement(semantic_ui_react_1.Modal.Description, null,
                React.createElement(exports.Preview, null)))));
};
//# sourceMappingURL=modal_preview.js.map