@brightleaf/elements/lib/navigation-view/navigation-view.js

React UI elements styled with Bulma CSS

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.NavigationView = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _classnames = _interopRequireDefault(require("classnames"));

var _modal = require("../modal");

require("./navigation-view.css");

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

function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }

function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

var NavigationView = function NavigationView(_ref) {
  var children = _ref.children,
      className = _ref.className,
      isStatic = _ref.isStatic;

  var _useToggle = (0, _modal.useToggle)(false),
      _useToggle2 = _slicedToArray(_useToggle, 2),
      isActive = _useToggle2[0],
      setIsActive = _useToggle2[1];

  return _react.default.createElement("div", {
    className: (0, _classnames.default)('navigation-view', className, {
      'is-static': isStatic,
      'is-active': isActive
    })
  }, _react.default.createElement("a", {
    className: (0, _classnames.default)('navbar-burger', {
      'is-active': !isActive
    }),
    role: "button",
    "aria-expanded": "false",
    "aria-label": "menu",
    onClick: function onClick() {
      setIsActive(!isActive);
    }
  }, _react.default.createElement("span", {
    "aria-hidden": "true"
  }), _react.default.createElement("span", {
    "aria-hidden": "true"
  }), _react.default.createElement("span", {
    "aria-hidden": "true"
  })), children);
};

exports.NavigationView = NavigationView;
NavigationView.propTypes = {
  className: _propTypes.default.string,
  isStatic: _propTypes.default.bool
};
NavigationView.defaultProps = {
  isStatic: true
};
var _default = NavigationView;
exports.default = _default;