@panneau/field-page/lib/PageField.js

Page fields for Panneau

"use strict";

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

var _typeof = require("@babel/runtime/helpers/typeof");

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

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

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

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

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

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

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

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

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

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

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

var _fieldItem = _interopRequireDefault(require("@panneau/field-item"));

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }

function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }

var messages = (0, _reactIntl.defineMessages)({
  placeholder: {
    id: 'fields.page.placeholder',
    description: 'Placeholder of the page autosuggest input',
    defaultMessage: 'Search for a page...'
  }
});
var propTypes = {
  urlGenerator: _core.PropTypes.urlGenerator,
  definition: _core.PropTypes.definition,
  placeholder: _core.PropTypes.message,
  resourceId: _propTypes["default"].string,
  endpoint: _propTypes["default"].string
};
var defaultProps = {
  urlGenerator: null,
  definition: null,
  placeholder: messages.placeholder,
  resourceId: 'pages',
  endpoint: null
};

var PageField = /*#__PURE__*/function (_PureComponent) {
  (0, _inherits2["default"])(PageField, _PureComponent);

  var _super = _createSuper(PageField);

  function PageField() {
    (0, _classCallCheck2["default"])(this, PageField);
    return _super.apply(this, arguments);
  }

  (0, _createClass2["default"])(PageField, [{
    key: "getEndpoint",
    value: function getEndpoint() {
      var _this$props = this.props,
          resourceId = _this$props.resourceId,
          urlGenerator = _this$props.urlGenerator,
          definition = _this$props.definition,
          endpoint = _this$props.endpoint;

      if (endpoint !== null) {
        return endpoint;
      }

      if (urlGenerator === null || definition === null) {
        return null;
      }

      var _definition$resources = definition.resources,
          resources = _definition$resources === void 0 ? [] : _definition$resources;
      var resource = resources.find(function (it) {
        return it.id === resourceId;
      }) || null;

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

      return urlGenerator.route(typeof resource.routes !== 'undefined' ? "resource.".concat(resource.id, ".index") : 'resource.index', {
        resource: resource.id
      });
    }
  }, {
    key: "render",
    value: function render() {
      return /*#__PURE__*/_react["default"].createElement(_fieldItem["default"], (0, _extends2["default"])({
        cardItemMap: {
          name: 'title',
          created_at: 'created_at',
          thumbnail: 'image'
        },
        autosuggestProps: {
          suggestionsEndpoint: this.getEndpoint(),
          suggestionValuePath: 'title',
          suggestionTitlePath: 'title'
        }
      }, this.props));
    }
  }]);
  return PageField;
}(_react.PureComponent);

PageField.propTypes = propTypes;
PageField.defaultProps = defaultProps;
var WithUrlGeneratorContainer = (0, _core.withUrlGenerator)()(PageField);
var WithDefinitionContainer = (0, _core.withDefinition)()(WithUrlGeneratorContainer);
var _default = WithDefinitionContainer;
exports["default"] = _default;