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