index.js

/*
 * Copyright (c) 2016, salesforce.com, inc.
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without modification, are permitted provided
 * that the following conditions are met:
 *
 * Redistributions of source code must retain the above copyright notice, this list of conditions and the
 * following disclaimer.
 *
 * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and
 * the following disclaimer in the documentation and/or other materials provided with the distribution.
 *
 * Neither the name of salesforce.com, inc. nor the names of its contributors may be used to endorse or
 * promote products derived from this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED
 * WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A
 * PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
 * TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
 * HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
 * POSSIBILITY OF SUCH DAMAGE.
 */

'use strict';

import React from 'react';
import { View } from 'react-native';

const Text = require('../Text');
const ValueText = require('./valueText');

import styles from './styles';

module.exports = React.createClass({
  getDefaultProps() {
    return {
      label:'',
    };
  },
  setNativeProps(nativeProps) {
    this._root.setNativeProps(nativeProps);
  },
  render: function() {
    return (
      <View ref={component => this._root = component} {...this.props}
        style={[styles['View slds-form-element'],{marginRight:12,marginLeft:12,marginTop:6,marginBottom:6},this.props.style]}>
        <Text
          style={styles['Text slds-form-element__label']}
          numberOfLines={1}
        >{this.props.label}</Text>
        <View
          style={[
            styles['View slds-form-element__control slds-has-divider--bottom'],
            {paddingBottom:8,marginTop:-6,backgroundColor:'transparent'}
          ]}>
          {this.props.value&&this.props.value.length?<Text
            style={styles['Text slds-form-element__static']}
          >
            {this.props.value}
          </Text>:null}
          {this.props.children}
        </View>
      </View>
    );
  }
});
module.exports.ValueText = ValueText;