@panneau/layout/lib/NavbarResource.js

Layout core for Panneau

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

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

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

var _get = _interopRequireDefault(require("lodash/get"));

var _isString = _interopRequireDefault(require("lodash/isString"));

var _core = require("@panneau/core");

var _reactIntl = require("react-intl");

var _NavbarItem = _interopRequireDefault(require("./NavbarItem"));

var _excluded = ["urlGenerator", "resource", "link", "label", "items"];

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

var messages = (0, _reactIntl.defineMessages)({
  index: {
    id: 'layouts.navbar.resource.index',
    description: 'The label for a resource "index" navbar menu',
    defaultMessage: 'View all { resource }'
  },
  create: {
    id: 'layouts.navbar.resource.create',
    description: 'The label for a resource "create" navbar menu',
    defaultMessage: 'Create { resource }'
  }
});
var propTypes = {
  urlGenerator: _core.PropTypes.urlGenerator,
  resource: _core.PropTypes.resource,
  link: _propTypes["default"].string,
  label: _core.PropTypes.label,
  items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
    type: _propTypes["default"].string,
    label: _core.PropTypes.label
  }))
};
var defaultProps = {
  urlGenerator: null,
  resource: null,
  link: null,
  label: null,
  items: [{
    type: 'action',
    action: 'index',
    label: messages.viewAll
  }, {
    type: 'divider'
  }, {
    type: 'action',
    action: 'create',
    label: messages.addNew
  }]
};

var NavbarResource = function NavbarResource(_ref) {
  var urlGenerator = _ref.urlGenerator,
      resource = _ref.resource,
      link = _ref.link,
      label = _ref.label,
      items = _ref.items,
      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);

  if (resource === null) {
    return null;
  }

  var routeKeyPrefix = (0, _get["default"])(resource, 'routes', null) ? "resource.".concat(resource.id) : 'resource';
  var finalLabel = label || (0, _get["default"])(resource, 'messages.names.plural', (0, _get["default"])(resource, 'name', null)) || resource.id;
  var finalLink = link || (urlGenerator !== null ? urlGenerator.route("".concat(routeKeyPrefix, ".index"), {
    resource: resource.id
  }) : null);
  var actions = ['index', 'create'];
  var actionsLabels = actions.reduce(function (labels, action) {
    var message = (0, _get["default"])(resource, "messages.navbar.".concat(action), messages[action]);
    return _objectSpread(_objectSpread({}, labels), {}, (0, _defineProperty2["default"])({}, action, (0, _isString["default"])(message) ? message : _objectSpread(_objectSpread({}, message), {}, {
      values: {
        resource: (0, _get["default"])(resource, action === 'index' ? 'messages.names.a_plural' : 'messages.names.a', (0, _get["default"])(resource, 'name', resource.id))
      }
    })));
  }, {});
  var finalItems = (items || []).map(function (it) {
    return (0, _get["default"])(it, 'type', 'link') === 'action' ? _objectSpread(_objectSpread({}, it), {}, {
      label: it.label || (0, _get["default"])(actionsLabels, it.action, null),
      link: it.link || (urlGenerator !== null ? urlGenerator.route("".concat(routeKeyPrefix, ".").concat(it.action), {
        resource: resource.id
      }) : null)
    }) : it;
  });
  return /*#__PURE__*/_react["default"].createElement(_NavbarItem["default"], (0, _extends2["default"])({}, props, {
    link: finalLink,
    label: finalLabel,
    items: finalItems
  }));
};

exports.NavbarResource = NavbarResource;
NavbarResource.propTypes = propTypes;
NavbarResource.defaultProps = defaultProps;

var mapResourceFromDefinition = function mapResourceFromDefinition(definition, _ref2) {
  var resource = _ref2.resource;
  return {
    resource: (0, _get["default"])(definition, 'resources', []).find(function (it) {
      return it.id === resource;
    }) || null
  };
};

var WithDefinitionContainer = (0, _core.withDefinition)(mapResourceFromDefinition)(NavbarResource);
var WithUrlGeneratorContainer = (0, _core.withUrlGenerator)()(WithDefinitionContainer);
var _default = WithUrlGeneratorContainer;
exports["default"] = _default;