@tomino/dynamic-form-semantic-ui
Version:
Semantic UI form renderer based on dynamic form generation
31 lines • 1.11 kB
JavaScript
import * as React from 'react';
import { observer } from 'mobx-react';
import { Label } from 'semantic-ui-react';
export function renderError(error, pointing) {
return (React.createElement(Label, { pointing: pointing, color: "red" }, error));
}
const ErrorViewComponent = ({ owner, source, newLine, inline, pointing = true }) => {
if (!owner.getError) {
return null;
}
pointing = inline ? 'left' : pointing;
let error = source && owner.getError(source);
if (!error) {
return null;
}
if (newLine) {
return React.createElement("div", null, renderError(error, pointing));
}
return renderError(error, pointing);
};
ErrorViewComponent.displayName = 'ErrorView';
export const ErrorView = observer(ErrorViewComponent);
const ErrorLabelComponent = ({ error, pointing = true }) => {
if (!error) {
return null;
}
return (React.createElement(Label, { color: "red", pointing: pointing }, error));
};
ErrorLabelComponent.displayName = 'ErrorLabel';
export const ErrorLabel = observer(ErrorLabelComponent);
//# sourceMappingURL=error_view.js.map