preact-solids/menu/index.js

CSS-only Material Design primitives for Preact

"use strict";

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

var _ulog = _interopRequireDefault(require("ulog"));

var _preact = require("preact");

var _classes = _interopRequireDefault(require("solids/menu/classes"));

var _styleClasses = require("../style-classes");

var _theme = require("../theme");

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

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }

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(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

var log = (0, _ulog.default)('preact-solids:menu');

var Menu = function Menu() {
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
  log('Menu', 'render', props);

  var _props$action = props.action,
      action = _props$action === void 0 ? (0, _preact.h)("i", {
    class: "material-icons"
  }, "account_circle") : _props$action,
      _props$interactive = props.interactive,
      interactive = _props$interactive === void 0 ? false : _props$interactive,
      _props$Component = props.Component,
      Component = _props$Component === void 0 ? 'div' : _props$Component,
      children = props.children,
      attributes = _objectWithoutProperties(props, ["action", "interactive", "Component", "children"]);

  return (0, _preact.h)(_theme.Consumer, null, function (_ref) {
    var _ref$classes = _ref.classes,
        classes = _ref$classes === void 0 ? {} : _ref$classes,
        _ref$scope = _ref.scope,
        scope = _ref$scope === void 0 ? 'local' : _ref$scope;
    classes = _objectSpread({}, _classes.default, classes);
    var classNames = (0, _styleClasses.createHelper)(classes, scope);
    attributes.className = classNames(classes.anchor, _defineProperty({}, attributes.className || attributes.class, attributes.className || attributes.class));
    var id = "".concat(classes.menu, "_toggle_").concat(Math.floor(Math.random() * Number.MAX_SAFE_INTEGER).toString(36));
    return (0, _preact.h)(Component, attributes, (0, _preact.h)("input", {
      type: "checkbox",
      id: id
    }), (0, _preact.h)("label", {
      for: id
    }, action), (0, _preact.h)("div", {
      class: classNames(classes.menu)
    }, children));
  });
};

exports.Menu = Menu;
var _default = Menu;
exports.default = _default;
log('Initialized');