@trendmicro/react-navbar/lib/index.js

Trend Micro Components: React Navbar

/*! react-navbar v0.3.0 | (c) 2018 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-navbar */
module.exports =
/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};
/******/
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/
/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId]) {
/******/ 			return installedModules[moduleId].exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			i: moduleId,
/******/ 			l: false,
/******/ 			exports: {}
/******/ 		};
/******/
/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ 		// Flag the module as loaded
/******/ 		module.l = true;
/******/
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/
/******/
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;
/******/
/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;
/******/
/******/ 	// define getter function for harmony exports
/******/ 	__webpack_require__.d = function(exports, name, getter) {
/******/ 		if(!__webpack_require__.o(exports, name)) {
/******/ 			Object.defineProperty(exports, name, {
/******/ 				configurable: false,
/******/ 				enumerable: true,
/******/ 				get: getter
/******/ 			});
/******/ 		}
/******/ 	};
/******/
/******/ 	// getDefaultExport function for compatibility with non-harmony modules
/******/ 	__webpack_require__.n = function(module) {
/******/ 		var getter = module && module.__esModule ?
/******/ 			function getDefault() { return module['default']; } :
/******/ 			function getModuleExports() { return module; };
/******/ 		__webpack_require__.d(getter, 'a', getter);
/******/ 		return getter;
/******/ 	};
/******/
/******/ 	// Object.prototype.hasOwnProperty.call
/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";
/******/
/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(__webpack_require__.s = 7);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports) {

module.exports = require("classnames");

/***/ }),
/* 1 */
/***/ (function(module, exports) {

module.exports = require("react");

/***/ }),
/* 2 */
/***/ (function(module, exports) {

// removed by extract-text-webpack-plugin
module.exports = {"navbar":"navbar---navbar---2JqF-","sr-only":"navbar---sr-only---zXHnu","srOnly":"navbar---sr-only---zXHnu","navbar-fixed-top":"navbar---navbar-fixed-top---3dov0","navbarFixedTop":"navbar---navbar-fixed-top---3dov0","navbar-fixed-bottom":"navbar---navbar-fixed-bottom---1XC9a","navbarFixedBottom":"navbar---navbar-fixed-bottom---1XC9a","navbar-default":"navbar---navbar-default---3rqTh","navbarDefault":"navbar---navbar-default---3rqTh","navbar-header":"navbar---navbar-header---3Al_7","navbarHeader":"navbar---navbar-header---3Al_7","navbar-brand":"navbar---navbar-brand---1ATO3","navbarBrand":"navbar---navbar-brand---1ATO3","container-fluid":"navbar---container-fluid---2FU10","containerFluid":"navbar---container-fluid---2FU10","container":"navbar---container---3HwUr","navbar-toggle":"navbar---navbar-toggle---19waF","navbarToggle":"navbar---navbar-toggle---19waF","icon-bar":"navbar---icon-bar---u1f02","iconBar":"navbar---icon-bar---u1f02","navbar-collapse":"navbar---navbar-collapse---2bR5O","navbarCollapse":"navbar---navbar-collapse---2bR5O","in":"navbar---in---1iDGq","collapse":"navbar---collapse---2uAfP"};

/***/ }),
/* 3 */
/***/ (function(module, exports) {

module.exports = require("prop-types");

/***/ }),
/* 4 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


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

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _classnames = __webpack_require__(0);

var _classnames2 = _interopRequireDefault(_classnames);

var _react = __webpack_require__(1);

var _react2 = _interopRequireDefault(_react);

var _index = __webpack_require__(2);

var _index2 = _interopRequireDefault(_index);

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

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var NavbarBrand = function (_Component) {
    _inherits(NavbarBrand, _Component);

    function NavbarBrand() {
        _classCallCheck(this, NavbarBrand);

        return _possibleConstructorReturn(this, (NavbarBrand.__proto__ || Object.getPrototypeOf(NavbarBrand)).apply(this, arguments));
    }

    _createClass(NavbarBrand, [{
        key: 'render',
        value: function render() {
            var _props = this.props,
                className = _props.className,
                children = _props.children,
                props = _objectWithoutProperties(_props, ['className', 'children']);

            return _react2.default.createElement(
                'span',
                _extends({}, props, {
                    className: (0, _classnames2.default)(className, _index2.default.navbarBrand)
                }),
                children
            );
        }
    }]);

    return NavbarBrand;
}(_react.Component);

exports.default = NavbarBrand;

/***/ }),
/* 5 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


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

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _classnames = __webpack_require__(0);

var _classnames2 = _interopRequireDefault(_classnames);

var _react = __webpack_require__(1);

var _react2 = _interopRequireDefault(_react);

var _index = __webpack_require__(2);

var _index2 = _interopRequireDefault(_index);

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

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var NavbarHeader = function (_Component) {
    _inherits(NavbarHeader, _Component);

    function NavbarHeader() {
        _classCallCheck(this, NavbarHeader);

        return _possibleConstructorReturn(this, (NavbarHeader.__proto__ || Object.getPrototypeOf(NavbarHeader)).apply(this, arguments));
    }

    _createClass(NavbarHeader, [{
        key: 'render',
        value: function render() {
            var _props = this.props,
                className = _props.className,
                props = _objectWithoutProperties(_props, ['className']);

            return _react2.default.createElement('div', _extends({}, props, {
                className: (0, _classnames2.default)(className, _index2.default.navbarHeader)
            }));
        }
    }]);

    return NavbarHeader;
}(_react.Component);

exports.default = NavbarHeader;

/***/ }),
/* 6 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


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

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp;

var _chainedFunction = __webpack_require__(10);

var _chainedFunction2 = _interopRequireDefault(_chainedFunction);

var _classnames = __webpack_require__(0);

var _classnames2 = _interopRequireDefault(_classnames);

var _propTypes = __webpack_require__(3);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _react = __webpack_require__(1);

var _react2 = _interopRequireDefault(_react);

var _index = __webpack_require__(2);

var _index2 = _interopRequireDefault(_index);

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

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var NavbarToggle = (_temp = _class = function (_PureComponent) {
    _inherits(NavbarToggle, _PureComponent);

    function NavbarToggle() {
        _classCallCheck(this, NavbarToggle);

        return _possibleConstructorReturn(this, (NavbarToggle.__proto__ || Object.getPrototypeOf(NavbarToggle)).apply(this, arguments));
    }

    _createClass(NavbarToggle, [{
        key: 'render',
        value: function render() {
            var _props = this.props,
                onClick = _props.onClick,
                className = _props.className,
                children = _props.children,
                props = _objectWithoutProperties(_props, ['onClick', 'className', 'children']);

            var navbar = this.context.$tm_navbar;

            var buttonProps = _extends({
                type: 'button'
            }, props, {
                onClick: (0, _chainedFunction2.default)(onClick, navbar && navbar.onToggle),
                className: (0, _classnames2.default)(className, _index2.default.navbarToggle, _defineProperty({}, _index2.default.collapsed, navbar && !navbar.expanded))
            });

            if (children) {
                return _react2.default.createElement(
                    'button',
                    buttonProps,
                    children
                );
            }

            return _react2.default.createElement(
                'button',
                buttonProps,
                _react2.default.createElement(
                    'span',
                    { className: _index2.default.srOnly },
                    'Toggle navigation'
                ),
                _react2.default.createElement('span', { className: _index2.default.iconBar }),
                _react2.default.createElement('span', { className: _index2.default.iconBar }),
                _react2.default.createElement('span', { className: _index2.default.iconBar })
            );
        }
    }]);

    return NavbarToggle;
}(_react.PureComponent), _class.propTypes = {
    onClick: _propTypes2.default.func,

    // The toggle content, if left empty it will render the default toggle.
    children: _propTypes2.default.node
}, _class.contextTypes = {
    $tm_navbar: _propTypes2.default.shape({
        expanded: _propTypes2.default.bool,
        onToggle: _propTypes2.default.func.isRequired
    })
}, _temp);
exports.default = NavbarToggle;

/***/ }),
/* 7 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


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

var _Navbar = __webpack_require__(8);

var _Navbar2 = _interopRequireDefault(_Navbar);

var _NavbarBrand = __webpack_require__(4);

var _NavbarBrand2 = _interopRequireDefault(_NavbarBrand);

var _NavbarHeader = __webpack_require__(5);

var _NavbarHeader2 = _interopRequireDefault(_NavbarHeader);

var _NavbarToggle = __webpack_require__(6);

var _NavbarToggle2 = _interopRequireDefault(_NavbarToggle);

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

_Navbar2.default.Brand = _NavbarBrand2.default;
_Navbar2.default.Header = _NavbarHeader2.default;
_Navbar2.default.Toggle = _NavbarToggle2.default;

exports.default = _Navbar2.default;

/***/ }),
/* 8 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


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

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _classnames = __webpack_require__(0);

var _classnames2 = _interopRequireDefault(_classnames);

var _propTypes = __webpack_require__(3);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _react = __webpack_require__(1);

var _react2 = _interopRequireDefault(_react);

var _uncontrollable = __webpack_require__(9);

var _uncontrollable2 = _interopRequireDefault(_uncontrollable);

var _NavbarBrand = __webpack_require__(4);

var _NavbarBrand2 = _interopRequireDefault(_NavbarBrand);

var _NavbarHeader = __webpack_require__(5);

var _NavbarHeader2 = _interopRequireDefault(_NavbarHeader);

var _NavbarToggle = __webpack_require__(6);

var _NavbarToggle2 = _interopRequireDefault(_NavbarToggle);

var _index = __webpack_require__(2);

var _index2 = _interopRequireDefault(_index);

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

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var Navbar = (_temp2 = _class = function (_PureComponent) {
    _inherits(Navbar, _PureComponent);

    function Navbar() {
        var _ref;

        var _temp, _this, _ret;

        _classCallCheck(this, Navbar);

        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
        }

        return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Navbar.__proto__ || Object.getPrototypeOf(Navbar)).call.apply(_ref, [this].concat(args))), _this), _this.actions = {
            handleToggle: function handleToggle() {
                var _this$props = _this.props,
                    onToggle = _this$props.onToggle,
                    expanded = _this$props.expanded;

                onToggle(!expanded);
            }
        }, _temp), _possibleConstructorReturn(_this, _ret);
    }

    _createClass(Navbar, [{
        key: 'getChildContext',
        value: function getChildContext() {
            var _props = this.props,
                expanded = _props.expanded,
                onSelect = _props.onSelect;


            return {
                $tm_navbar: {
                    navbarStyle: 'default', // TODO: Make it configurable
                    expanded: expanded,
                    onSelect: onSelect,
                    onToggle: this.actions.handleToggle
                }
            };
        }
    }, {
        key: 'render',
        value: function render() {
            var _props2 = this.props,
                Nav = _props2.componentClass,
                fixedTop = _props2.fixedTop,
                fixedBottom = _props2.fixedBottom,
                role = _props2.role,
                className = _props2.className,
                children = _props2.children,
                props = _objectWithoutProperties(_props2, ['componentClass', 'fixedTop', 'fixedBottom', 'role', 'className', 'children']);

            delete props.expanded;
            delete props.onSelect;
            delete props.onToggle;

            return _react2.default.createElement(
                Nav,
                _extends({}, props, {
                    role: role,
                    className: (0, _classnames2.default)(className, _defineProperty({}, _index2.default.navbarFixedTop, fixedTop), _defineProperty({}, _index2.default.navbarFixedBottom, fixedBottom), _index2.default.navbar, _index2.default.navbarDefault)
                }),
                children
            );
        }
    }]);

    return Navbar;
}(_react.PureComponent), _class.propTypes = {
    // Set a custom element for this component.
    componentClass: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.func]),

    // Create a fixed navbar along the top of the screen, that scrolls with the page.
    fixedTop: _propTypes2.default.bool,

    // Create a fixed navbar along the bottom of the screen, that scrolls with the page.
    fixedBottom: _propTypes2.default.bool,

    // Explicitly set the visibility of the navbar body.
    expanded: _propTypes2.default.bool,

    // A callback fired when a descendant of a child `<Nav>` is selected.
    // The callback is called with an eventKey, which is a prop from the selected `<Nav>` descendant, and an event.
    // ```js
    // function (
    //   Any eventKey,
    //   SyntheticEvent event?
    // )
    // ```
    onSelect: _propTypes2.default.func,

    // A callback fired when the `<Navbar>` body collapses or expands. Fired when a `<Navbar.Toggle` is clicked.
    onToggle: _propTypes2.default.func,

    role: _propTypes2.default.string
}, _class.defaultProps = {
    componentClass: 'nav',
    fixedTop: false,
    fixedBottom: false
}, _class.childContextTypes = {
    $tm_navbar: _propTypes2.default.shape({
        navbarStyle: _propTypes2.default.string,
        expanded: _propTypes2.default.bool,
        onToggle: _propTypes2.default.func.isRequired,
        onSelect: _propTypes2.default.func
    })
}, _temp2);


var UncontrollableNavbar = (0, _uncontrollable2.default)(Navbar, {
    // Define the pairs of prop/handlers you want to be uncontrollable
    open: 'onToggle'
});

UncontrollableNavbar.Brand = _NavbarBrand2.default;
UncontrollableNavbar.Header = _NavbarHeader2.default;
UncontrollableNavbar.Toggle = _NavbarToggle2.default;

exports.default = UncontrollableNavbar;

/***/ }),
/* 9 */
/***/ (function(module, exports) {

module.exports = require("uncontrollable");

/***/ }),
/* 10 */
/***/ (function(module, exports) {

module.exports = require("chained-function");

/***/ })
/******/ ]);
//# sourceMappingURL=index.js.map