preact-solids/drawer/index.js

CSS-only Material Design primitives for Preact

"use strict";

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

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

var _preact = require("preact");

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

var _classes2 = _interopRequireDefault(require("solids/drawer/classes"));

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

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

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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; }

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; }

var defaultClasses = _objectSpread({}, _classes.default, _classes2.default);

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

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

  var _props$temporary = props.temporary,
      temporary = _props$temporary === void 0 ? false : _props$temporary,
      _props$floating = props.floating,
      floating = _props$floating === void 0 ? false : _props$floating,
      _props$persistent = props.persistent,
      persistent = _props$persistent === void 0 ? false : _props$persistent,
      _props$permanent = props.permanent,
      permanent = _props$permanent === void 0 ? false : _props$permanent,
      _props$responsive = props.responsive,
      responsive = _props$responsive === void 0 ? !temporary && !persistent && !permanent : _props$responsive,
      _props$fixed = props.fixed,
      fixed = _props$fixed === void 0 ? false : _props$fixed,
      _props$title = props.title,
      title = _props$title === void 0 ? '' : _props$title,
      _props$footer = props.footer,
      footer = _props$footer === void 0 ? '' : _props$footer,
      _props$children = props.children,
      children = _props$children === void 0 ? undefined : _props$children,
      _props$start = props.start,
      start = _props$start === void 0 ? true : _props$start,
      _props$end = props.end,
      end = _props$end === void 0 ? !start : _props$end,
      _props$button = props.button,
      button = _props$button === void 0 ? (0, _preact.h)("i", {
    class: "material-icons"
  }, "menu") : _props$button,
      attributes = _objectWithoutProperties(props, ["temporary", "floating", "persistent", "permanent", "responsive", "fixed", "title", "footer", "children", "start", "end", "button"]);

  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({}, defaultClasses, classes);
    var classNames = (0, _styleClasses.createHelper)(classes, scope);
    attributes.className = classNames(classes.drawer, (_classNames = {}, _defineProperty(_classNames, classes.start, start), _defineProperty(_classNames, classes.end, end), _defineProperty(_classNames, classes.temporary, temporary), _defineProperty(_classNames, classes.persistent, persistent), _defineProperty(_classNames, classes.permanent, permanent), _defineProperty(_classNames, classes.responsive, responsive), _defineProperty(_classNames, classes.floating, floating), _defineProperty(_classNames, classes.fixed, fixed), _classNames));
    var id_temp = "".concat(classes.drawer, "_temporary_open_").concat(Math.floor(Math.random() * Number.MAX_SAFE_INTEGER).toString(36));
    var id_pers = "".concat(classes.drawer, "_persistent_collapsed_").concat(Math.floor(Math.random() * Number.MAX_SAFE_INTEGER).toString(36));
    return (0, _preact.h)("aside", attributes, (0, _preact.h)("input", {
      type: "checkbox",
      id: id_temp,
      class: classes.temporary
    }), (0, _preact.h)("label", {
      for: "".concat(id_temp)
    }, (0, _preact.h)("a", {
      class: classes.icon + ' ' + classes.action
    }, button)), (0, _preact.h)("input", {
      type: "checkbox",
      id: id_pers,
      class: classes.persistent
    }), (0, _preact.h)("label", {
      for: "".concat(id_pers)
    }, (0, _preact.h)("a", {
      class: classes.icon + ' ' + classes.action
    }, button)), (0, _preact.h)("div", null, (0, _preact.h)("div", null, (0, _preact.h)("nav", null, title ? (0, _preact.h)("header", null, (0, _preact.h)("div", null, title)) : '', children ? (0, _preact.h)("nav", null, children) : '', footer ? (0, _preact.h)("footer", null, footer) : ''))));
  });
};

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