preact-solids/appbar/index.js

CSS-only Material Design primitives for Preact

"use strict";

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

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

var _preact = require("preact");

var _classes = _interopRequireDefault(require("solids/appbar/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:appbar');

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

  var _props$dense = props.dense,
      dense = _props$dense === void 0 ? false : _props$dense,
      _props$prominent = props.prominent,
      prominent = _props$prominent === void 0 ? false : _props$prominent,
      _props$fixed = props.fixed,
      fixed = _props$fixed === void 0 ? false : _props$fixed,
      _props$short = props.short,
      short = _props$short === void 0 ? false : _props$short,
      _props$floating = props.floating,
      floating = _props$floating === void 0 ? false : _props$floating,
      _props$shrink = props.shrink,
      shrink = _props$shrink === void 0 ? false : _props$shrink,
      _props$collapsed = props.collapsed,
      collapsed = _props$collapsed === void 0 ? false : _props$collapsed,
      _props$hasAction = props.hasAction,
      hasAction = _props$hasAction === void 0 ? false : _props$hasAction,
      _props$title = props.title,
      title = _props$title === void 0 ? '' : _props$title,
      children = props.children,
      _props$reserveStart = props.reserveStart,
      reserveStart = _props$reserveStart === void 0 ? false : _props$reserveStart,
      _props$reserveEnd = props.reserveEnd,
      reserveEnd = _props$reserveEnd === void 0 ? false : _props$reserveEnd,
      _props$tactile = props.tactile,
      tactile = _props$tactile === void 0 ? false : _props$tactile,
      attributes = _objectWithoutProperties(props, ["dense", "prominent", "fixed", "short", "floating", "shrink", "collapsed", "hasAction", "title", "children", "reserveStart", "reserveEnd", "tactile"]);

  return (0, _preact.h)(_theme.Consumer, null, function (_ref) {
    var _classNames;

    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.appbar, (_classNames = {}, _defineProperty(_classNames, attributes.className || attributes.class, attributes.className || attributes.class), _defineProperty(_classNames, classes.fixed, fixed), _defineProperty(_classNames, classes.dense, dense), _defineProperty(_classNames, classes.prominent, prominent), _defineProperty(_classNames, classes.short, short), _defineProperty(_classNames, classes.collapsed, collapsed), _defineProperty(_classNames, classes.has_action, hasAction), _defineProperty(_classNames, classes.shrink, shrink), _defineProperty(_classNames, classes.floating, floating), _defineProperty(_classNames, classes.tactile, tactile), _classNames));
    return (0, _preact.h)("header", attributes, (0, _preact.h)("div", null, (0, _preact.h)("section", {
      class: classNames(classes.start, _defineProperty({}, classes.reserve, reserveStart))
    }, (0, _preact.h)("span", {
      class: classNames(classes.title)
    }, title)), (0, _preact.h)("section", {
      class: classNames(classes.end, _defineProperty({}, classes.reserve, reserveEnd))
    }, children)));
  });
};

var _default = AppBar;
exports.default = _default;

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

  var _props$Component = props.Component,
      Component = _props$Component === void 0 ? 'a' : _props$Component,
      children = props.children,
      attributes = _objectWithoutProperties(props, ["Component", "children"]);

  return (0, _preact.h)(_theme.Consumer, null, function (_ref2) {
    var _ref2$classes = _ref2.classes,
        classes = _ref2$classes === void 0 ? {} : _ref2$classes,
        _ref2$scope = _ref2.scope,
        scope = _ref2$scope === void 0 ? 'local' : _ref2$scope;
    classes = _objectSpread({}, _classes.default, classes);
    var classNames = (0, _styleClasses.createHelper)(classes, scope);
    attributes.className = classNames(classes.action, _defineProperty({}, attributes.className || attributes.class, attributes.className || attributes.class));
    return (0, _preact.h)(Component, attributes, children);
  });
};

exports.AppBarAction = AppBarAction;
log('Initialized');