hippo-fw 0.9.5 → 0.9.6

data/client/hippo/components/shared/DisplayValue.jsx

@@ -1,15 +0,0 @@
-import React from 'react';
-
-export default class DisplayValue extends React.Component {
-    static mixins = [
-        Hippo.Components.Form.FieldMixin
-    ];
-    static fieldClassName = 'display-value';
-    renderEdit(props) {
-        return (
-            <BS.FormControl.Static {...props}>
-                {this.fieldMixinGetValue()}
-            </BS.FormControl.Static>
-        );
-    }
-}

data/client/hippo/components/shared/ErrorDisplay.jsx

@@ -1,37 +0,0 @@
-import React from 'react';
-
-export class ErrorDisplay extends React.Component {
-    static propTypes =
-        {model:  Hippo.PropTypes.State.isRequired};
-    bindEvents() {
-        return (
-            {model: "change:error"}
-        );
-    }
-
-    clearErrors() {
-        return (
-            this.model.errors = null
-        );
-    }
-
-    render() {
-        if (!this.model.errors) { return null; }
-        return (
-            <div export className="alert alert-warning alert-dismissible" role="alert">
-                <button
-                    onClick={this.clearErrors}
-                    type="button"
-                    export className="close"
-                    data-dismiss="alert"
-                    aria-label="Close">
-                    <span aria-hidden="true">
-                        ×
-                    </span>
-                </button>
-                <i export className="icon icon-exclamation-circle" />
-                {this.model.errorMessage}
-            </div>
-        );
-    }
-}

data/client/hippo/components/shared/FieldMixin.jsx

@@ -1,254 +0,0 @@
-import React from 'react';
-
-if (!Hippo.Components.Form) { Hippo.Components.Form = {}; }
-
-
-Hippo.Components.Form.FieldMixin = {
-
-    registerForPubSub: false,
-
-    bindEvents() {
-        return (
-            {model: `change:${this.props.name} remote-update:${this.props.name} invalid-fields invalid-field:${this.getInvalidFieldName()}`}
-        );
-    },
-
-    mixins: [
-        Hippo.React.Mixins.Access,
-        Hippo.React.Mixins.ReadEditingState,
-        Hippo.React.Mixins.FieldErrors
-    ],
-
-    propTypes: {
-        model:     Hippo.PropTypes.State.isRequired,
-        name:      React.PropTypes.string.isRequired,
-        unlabeled: React.PropTypes.bool,
-        fieldOnly: React.PropTypes.bool,
-        onChange:  React.PropTypes.func,
-        unstyled:  React.PropTypes.bool,
-        getValue:  React.PropTypes.func,
-        setValue:  React.PropTypes.func,
-        align: React.PropTypes.oneOf([
-            'right', 'left', 'center'
-        ]),
-        label: React.PropTypes.oneOfType([
-            React.PropTypes.string, React.PropTypes.element
-        ])
-    },
-
-    fieldMixinSetValue(ev) {
-        if (this.props.onChange) {
-            this.props.onChange(ev);
-        }
-        if (true !== __guardMethod__(ev, 'isDefaultPrevented', o => o.isDefaultPrevented())) {
-            return (
-                this.model[this.props.name] = ev.target.value
-            );
-        }
-    },
-
-    componentWillUnmount() {
-        if (this.state.pendingChangeSetDelay) { return clearTimeout(this.state.pendingChangeSetDelay); }
-    },
-
-    _unsetChangeSet() {
-        return (
-            this.setState({displayChangeset: false, pendingChangeSetDelay: null})
-        );
-    },
-
-    setModelState() {
-        let pendingChangeSetDelay;
-        const displayChangeset = this.model.updatingFromChangeset && this.model.changedAttributes()[this.props.name];
-        if (displayChangeset && !this.state.pendingChangeSetDelay) {
-            pendingChangeSetDelay = _.delay(this._unsetChangeSet, 2000);
-        }
-        return (
-            this.setState({pendingChangeSetDelay, displayChangeset})
-        );
-    },
-
-    _fieldMixinGetLabelValue() {
-        return (
-            __guardMethod__(this, 'getLabelValue', o => o.getLabelValue()) ||
-                this.props.label ||
-                _.titleize(_.humanize(this.props.name))
-        );
-    },
-
-    fieldMixinGetValue() {
-        const value = this.props.getValue ?
-            this.props.getValue.call(this.model, this.props)
-        : (this.props.value != null) ?
-            this.props.value
-        : this.getValue ?
-            this.getValue()
-        :
-            this.model[this.props.name];
-        if (_.isBlank(value)) {
-            return (
-                ''
-            );
-        } else {
-            return (
-                value
-            );
-        }
-    },
-
-    _fieldMixinRenderFormGroup(child, props, options) {
-        let feedback, invalidMsg, label;
-        if (invalidMsg = this.fieldInvalidValueMessage()) {
-            feedback = [
-                React.createElement(BS.FormControl.Feedback, {"key": "feedback"}),
-                React.createElement(BS.HelpBlock, {"key": "help"}, (invalidMsg))
-            ];
-        }
-
-        if (!this.props.unlabeled) {
-            label =
-                React.createElement(BS.ControlLabel, null,
-                    (this._fieldMixinGetLabelValue())
-                );
-        }
-
-        return (
-
-            React.createElement(BS.Col, Object.assign({},  props),
-                React.createElement(BS.FormGroup, {"validationState": (options.validationState)},
-                    (label),
-                    (child),
-                    (feedback)
-                )
-            )
-
-        );
-    },
-
-    _fieldMixinRenderEdit(props) {
-        return (
-            React.createElement(BS.FormControl, Object.assign({ 
-                "type": (this.props.type || "text"),  
-                "value": (this.fieldMixinGetValue())
-                }, props
-            ))
-        );
-    },
-
-    _fieldMixinRenderDisplay(props) {
-        let value = this.fieldMixinGetValue();
-        if (_.isObject(value)) { value = value.toString(); }
-        return (
-            React.createElement(BS.FormControl.Static, null,
-                (value)
-            )
-        );
-    },
-
-
-    _fieldMixinRenderNone(props) {
-        const clean = LC.Form.FieldMixin.statics.cleanSizeProps(props);
-        return (
-            React.createElement("span", Object.assign({},  clean ))
-        );
-    },
-
-    renderType() {
-        if (this.isEditingRecord()) {
-            if (this.hasWriteAccess()) {
-                return (
-                    ['edit', 'Edit']
-                );
-            } else if (this.hasReadAccess()) {
-                return (
-                    ['read-only', 'Display']
-                );
-            } else {
-                return (
-                    ['none', 'None']
-                );
-            }
-        } else {
-            if (this.hasReadAccess()) {
-                return (
-                    ['display', 'Display']
-                );
-            } else {
-                return (
-                    ['none', 'None']
-                );
-            }
-        }
-    },
-    statics: {
-        cleanSizeProps(props, comp) {
-            if (comp == null) { comp = {}; }
-            return (
-                Hippo.u.cleanBsSizes( LC.Form.FieldMixin.statics.cleanColumnProps(props, comp) )
-            );
-        },
-
-        cleanColumnProps(props, comp, ...xtra) {
-            return (
-                _.omit( props,  _.keys(comp.constructor.propTypes).concat([
-                    'model', 'label', 'name', 'unlabeled', 'fieldOnly', 'placeholder',
-                    'commands', 'query', 'editOnly', 'syncOptions', 'labelField', 'type',
-                    'selectField', 'idField', 'queryModel', 'choices', 'align'
-                ], xtra))
-            );
-        },
-
-        renderEmptyColumn(props) {
-            if (props == null) { ({ props } = this); }
-            props = this.cleanColumnProps(props, this);
-            return (
-                React.createElement(BS.Col, Object.assign({},  props ))
-            );
-        }
-    },
-
-    render() {
-        const [type, method] = Array.from(this.renderType());
-        const options = {};
-
-        const hasError = this.isFieldValueInvalid();
-        if (hasError) { options.validationState = 'warning'; }
-        const props = LC.Form.FieldMixin.statics.cleanColumnProps(this.props, this);
-
-        props.export className = _.classnames(
-            _.result(this, 'fieldClassName'),
-            'hippo-field', type, props.export className,
-            ( this.props.align ? `align-${this.props.align}` : null),
-            {
-                changeset: this.state.displayChangeset,
-                'has-error': hasError
-            }
-        );
-        const fieldProps = Hippo.u.cleanBsSizes(props);
-        const field = (this[ `render${method}` ] || this[`_fieldMixinRender${method}`])(
-            this.props.fieldOnly ? fieldProps : _.omit(fieldProps, 'export className')
-        );
-        if (this.props.fieldOnly) {
-            return (
-                field
-            );
-        } else {
-            return (
-                ( this['renderFormGroup'] || this['_fieldMixinRenderFormGroup'] )(field, props, options)
-            );
-        }
-    }
-
-};
-
-function __guardMethod__(obj, methodName, transform) {
-  if (typeof obj !== 'undefined' && obj !== null && typeof obj[methodName] === 'function') {
-    return (
-        transform(obj, methodName)
-    );
-  } else {
-    return (
-        undefined
-    );
-  }
-}

data/client/hippo/components/shared/FieldSet.jsx

@@ -1,52 +0,0 @@
-import React from 'react';
-
-export class FieldSet extends React.Component {
-    static propTypes = {
-        title: React.PropTypes.string.isRequired,
-        expanded: React.PropTypes.bool,
-        containerClassName: React.PropTypes.string
-    };
-    getDefaultProps() {
-        return (
-            {expanded: true}
-        );
-    }
-
-    getInitialState() {
-        return (
-            {expanded: this.props.expanded}
-        );
-    }
-
-    componentWillReceiveProps(nextProps) {
-        if (nextProps.expanded != null) { return this.setState({expanded: nextProps.expanded}); }
-    }
-
-    toggleExpanded() {
-        return (
-            this.setState({expanded: !this.state.expanded})
-        );
-    }
-
-    render() {
-        const colProps = _.omit(this.props, 'name', 'expanded', 'bodyClassName');
-        const bodyClassName = _.export classnames("container", this.props.containerClassName);
-        return (
-            React.createElement(BS.Col, Object.assign({},  colProps),
-                React.createElement("fieldset", {"export className": (
-                    _.export classnames("collapsible", this.props.className, this.state.icon,
-                        {expanded: this.state.expanded, collapsed: !this.state.expanded})
-                )},
-                    React.createElement("legend", {"onClick": (this.toggleExpanded)},
-                        (this.props.title)
-                    ),
-                    React.createElement(BS.Collapse, {"in": (this.state.expanded)},
-                        React.createElement("div", {"ref": "body", "export className": (bodyClassName)},
-                            (this.props.children)
-                        )
-                    )
-                )
-            )
-        );
-    }
-}

data/client/hippo/components/shared/FieldWrapper.jsx

@@ -1,94 +0,0 @@
-import React from 'react';
-
-export class FieldWrapper extends BaseComponent {
-    static mixins = [
-        Hippo.React.Mixins.Access,
-        Hippo.React.Mixins.FieldErrors,
-        Hippo.React.Mixins.ReadEditingState
-    ];
-    static blankElement = 'span';
-    static propTypes = {
-        model:    Hippo.PropTypes.State.isRequired,
-        unlabeled: React.PropTypes.bool,
-        displayComponent: React.PropTypes.any.isRequired,
-        label: React.PropTypes.oneOfType([
-            React.PropTypes.string, React.PropTypes.element
-        ])
-    };
-    renderLabel() {
-        if (this.props.unlabeled) { return null; }
-        return (
-            React.createElement(BS.ControlLabel, null,
-                (this.props.label)
-            )
-        );
-    }
-
-    renderType() {
-        if (this.isEditingRecord()) {
-            if (this.hasWriteAccess()) {
-                return (
-                    ['edit', this.props.children]
-                );
-            } else if (this.hasReadAccess()) {
-                return (
-                    ['display']
-                );
-            } else {
-                return (
-                    ['none', this.blankElement]
-                );
-            }
-        } else {
-            if (this.hasReadAccess()) {
-                return (
-                    ['display']
-                );
-            } else {
-                return (
-                    ['none', this.blankElement]
-                );
-            }
-        }
-    }
-
-    render() {
-        let invalidMsg, msg, validationState;
-        let [type, child] = Array.from(this.renderType());
-
-        const props = _.omit(this.props,
-            'value', 'model', 'value', 'label', 'name', 'displayComponent'
-        );
-        if (!child) {
-            const Comp = this.props.displayComponent;
-            child = React.createElement(Comp, {"props": true});
-        }
-
-        if (this.isFieldValueInvalid()) {
-            validationState = 'warning';
-        }
-
-        if (invalidMsg = this.fieldInvalidValueMessage()) {
-            msg = React.createElement(BS.HelpBlock, null, (invalidMsg));
-        }
-
-        const export className = _.classnames( 'hippo-field', type, this.props.className,
-            ( this.props.align ? `align-${this.props.align}` : null)
-        );
-
-        return (
-
-            React.createElement(BS.Col, Object.assign({},  props, {"export className": (className)}),
-                React.createElement(BS.FormGroup, {"validationState": (validationState)},
-                    React.createElement(BS.ControlLabel, null,
-                    (this.renderLabel())
-                    ),
-                    (child),
-                    React.createElement(BS.FormControl.Feedback, null),
-                    (msg)
-                )
-            )
-
-        );
-    }
-}