@aappddeevv/dynamics-client-ui/lib/Components/Lines.js

## What is it? A library to help you create great dynamics applications.

"use strict";

Object.defineProperty(exports, "__esModule", {
    value: true
});
exports.Lines = undefined;

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _common = require("../Dynamics/common.css");

var _common2 = _interopRequireDefault(_common);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/**
 * Presentational component that lays out children vertically and ensures that
 * content is truncated so no text wrapping internally occurs. Expands to fill 
 * all space.
 */

var Lines = exports.Lines = function Lines(_ref) {
    var children = _ref.children;

    return _react2.default.createElement(
        "table",
        { style: { font: "inherit",
                width: "100%",
                borderSpacing: 0,
                borderCollapse: "collapse",
                tableLayout: "fixed" } },
        _react2.default.createElement(
            "tbody",
            null,
            _react2.default.Children.map(children, function (c, idx) {
                return _react2.default.createElement(
                    "tr",
                    { key: idx },
                    _react2.default.createElement(
                        "td",
                        { style: { width: "100%", whiteSpace: "nowrap" } },
                        _react2.default.createElement(
                            "span",
                            { className: _common2.default.textOverflowContainer },
                            _react2.default.createElement(
                                "span",
                                { className: _common2.default.textOverflowEllipsis },
                                c
                            )
                        )
                    )
                );
            })
        )
    );
};

exports.default = Lines;
//# sourceMappingURL=Lines.js.map