@tomino/dynamic-form-semantic-ui
Version:
Semantic UI form renderer based on dynamic form generation
38 lines • 1.36 kB
JavaScript
import React from 'react';
import { AuthItem } from './auth_item_view';
import { prop, propGroup } from '../editor/editor_common';
import { observer } from 'mobx-react';
import { createComponents } from '../common';
export const AuthItemEditorComponent = observer(props => props.formElement.props.disable ? React.createElement(React.Fragment, null, createComponents(props)) : React.createElement(AuthItem, Object.assign({}, props)));
AuthItemEditorComponent.displayName = 'ApolloProviderEditor';
export const AuthItemEditor = {
provider: true,
Component: AuthItemEditorComponent,
title: 'Auth Item',
control: 'AuthItem',
icon: 'lock',
group: 'Auth',
props: propGroup('Auth', {
roles: prop({
control: 'Table',
props: { text: 'Roles' },
type: 'array',
elements: [
{
control: 'Input'
}
],
items: { type: 'string' }
}),
disable: {
control: {
documentation: 'This is useful during testing when a mocked provider can be used instead.',
props: { label: 'Disable' },
group: 'Auth',
control: 'Checkbox'
},
schema: { type: 'boolean' }
}
})
};
//# sourceMappingURL=auth_item_editor.js.map