@tomino/dynamic-form-semantic-ui
Version:
Semantic UI form renderer based on dynamic form generation
81 lines • 2.75 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const react_alert_1 = require("react-alert");
const react_alert_provider_view_1 = require("./react_alert_provider_view");
const mobx_react_1 = require("mobx-react");
const editor_common_1 = require("../editor/editor_common");
exports.AlertProviderEditor = {
Component: mobx_react_1.observer(react_alert_provider_view_1.AlertProvider),
title: 'Alert Provider',
control: 'AlertProvider',
icon: 'exclamation',
group: 'Data',
defaultProps: {
position: react_alert_1.positions.TOP_RIGHT,
timeout: 5000,
transition: react_alert_1.transitions.SCALE,
offset: '30px'
},
props: editor_common_1.propGroup('Alert', {
position: editor_common_1.boundProp({
control: 'Select',
group: 'Alert',
type: 'string',
$enum: [
{
text: 'Top Right',
value: react_alert_1.positions.TOP_RIGHT
},
{
text: 'Top Center',
value: react_alert_1.positions.TOP_CENTER
},
{
text: 'Top Left',
value: react_alert_1.positions.TOP_LEFT
},
{
text: 'Bottom Center',
value: react_alert_1.positions.BOTTOM_CENTER
},
{
text: 'Bottom Left',
value: react_alert_1.positions.BOTTOM_LEFT
},
{
text: 'Bottom Right',
value: react_alert_1.positions.BOTTOM_RIGHT
},
{
text: 'Middle',
value: react_alert_1.positions.MIDDLE
},
{
text: 'Middle Left',
value: react_alert_1.positions.MIDDLE_LEFT
},
{
text: 'Middle Right',
value: react_alert_1.positions.MIDDLE_RIGHT
}
]
}),
timeout: editor_common_1.prop({ type: 'number' }),
offset: editor_common_1.prop(),
transition: editor_common_1.prop({
control: 'Select',
type: 'string',
$enum: [
{
text: 'Fade',
value: react_alert_1.transitions.FADE
},
{
text: 'Scale',
value: react_alert_1.transitions.SCALE
}
]
})
})
};
//# sourceMappingURL=react_alert_provider_editor.js.map