vs-form-mui-4x/dist/Button-34afdaa0.js

A schema-based form generator component for React using material-ui 4.x

'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var React = require('react');
var React__default = _interopDefault(React);
require('lodash/capitalize');
require('lodash/cloneDeep');
require('lodash/get');
require('lodash/has');
require('lodash/isArray');
require('lodash/isDate');
require('lodash/isBoolean');
require('lodash/isEmpty');
require('lodash/isFunction');
require('lodash/isInteger');
require('lodash/isNull');
require('lodash/isNumber');
require('lodash/isObject');
require('lodash/isPlainObject');
require('lodash/isRegExp');
require('lodash/isString');
var isUndefined = _interopDefault(require('lodash/isUndefined'));
require('lodash/merge');
require('lodash/set');
require('lodash/toInteger');
require('lodash/toNumber');
require('lodash/trimEnd');
require('lodash/uniq');
require('lodash/debounce');
require('lodash/throttle');
var index = require('./index-7e71e00b.js');
require('@material-ui/core/FormControl');
require('@material-ui/core/FormHelperText');
require('@material-ui/core/FormLabel');
require('@material-ui/core/TextField');
require('@material-ui/core/InputAdornment');
require('@material-ui/core/Tooltip');
require('@material-ui/core/styles');
require('classnames');
require('@material-ui/core/Icon');
require('@material-ui/core/SvgIcon');
require('date-fns');
require('events');
require('@material-ui/core/Typography');
require('@material-ui/core/Grid');
require('@material-ui/core/IconButton');
require('./strings-7db01665.js');
var Button = _interopDefault(require('@material-ui/core/Button'));
var ButtonBase = require('./ButtonBase-433ddd49.js');

const styles = {
    icon: {
        fontSize: '1.5em',
        height: '1.5em',
    }
};
class VsButton extends React.Component {
    constructor(props) {
        super(props);
        this.ButtonProps = {};
        this.LabelProps = {};
        this.IconProps = {};
        this.renderComp = (_p) => {
            const iconRight = !!this.comp.iconRight;
            const Icon = this.comp.iconComp;
            return (React.createElement(Button, Object.assign({}, this.ButtonProps),
                Icon && !iconRight && React.createElement(Icon, Object.assign({ style: { marginRight: 8 } }, this.IconProps)),
                this.LabelProps ? (React.createElement(index.Text, Object.assign({ text: this.comp.label }, this.LabelProps))) : this.comp.label,
                Icon && iconRight && React.createElement(Icon, Object.assign({ style: { marginLeft: 8 } }, this.IconProps))));
        };
        this.initProps();
    }
    get comp() { return this.props.comp; }
    render() {
        return (React.createElement(ButtonBase.VsButtonBase, { comp: this.comp, schemaManager: this.props.schemaManager, buttonProps: this.ButtonProps, IconProps: this.IconProps, classes: this.props.classes, designMode: this.props.designMode }, this.renderComp));
    }
    initProps() {
        const { LabelProps, IconProps, ...buttonProps } = this.comp.props;
        if (buttonProps) {
            this.ButtonProps = buttonProps;
        }
        if (IconProps) {
            this.IconProps = IconProps;
        }
        if (LabelProps) {
            this.LabelProps = LabelProps;
        }
        if (isUndefined(this.ButtonProps.variant)) {
            this.ButtonProps.variant = 'outlined';
        }
    }
}
index.registerComponent(index.Component.button, VsButton, styles);

exports.default = VsButton;
exports.styles = styles;