wix-redraft/lib/createBlockRenderer.js

Based on github.com/lokiuz/redraft. Adjusted for wix-rich-content needs.

"use strict";

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

function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }

function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }

function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }

function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }

function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }

var KEY_DELIMITER = ','; // Return either a single key if present or joined keys array from props;

var getKey = function getKey(_ref, key) {
  var keys = _ref.keys;

  if (key) {
    return key;
  }

  if (!keys) {
    return undefined;
  }

  return keys.join(KEY_DELIMITER);
}; // Call the wrapper with element, props, and spread children
// this order is specific to React.createElement


var getBlock = function getBlock(element, wrapper, withDepth) {
  return function (children, properties, key) {
    var props = Object.assign({}, properties);

    if (!withDepth) {
      delete props.depth;
    }

    return wrapper.apply(void 0, [element, Object.assign({}, props, {
      key: getKey(props, key)
    })].concat(_toConsumableArray(children)));
  };
}; // Handle blocks with wrapper element defined


var getWrappedChildren = function getWrappedChildren(callback, block, _ref2) {
  var children = _ref2.children,
      props = _ref2.props,
      key = _ref2.key;
  var wrapperBlockFn = getBlock(block.wrapper, callback);
  var blockFn = getBlock(block.element, callback, true);
  return wrapperBlockFn(children.map(function (child, ii) {
    return blockFn(child, {}, props.keys && props.keys[ii]);
  }), props, key);
};
/**
* Returns a blockRenderer crated from a blockRendererMap using a callback ie. React.createElement
*/


var createBlockRenderer = function createBlockRenderer(callback, blockMap) {
  var renderer = {};
  Object.keys(blockMap).forEach(function (item) {
    var block = blockMap[item]; // If wrapper is present children need to be nested inside

    if (block.wrapper) {
      renderer[item] = function (children, props, key) {
        return getWrappedChildren(callback, block, {
          children: children,
          props: props,
          key: key
        });
      };

      return;
    } // Wrapper is not present


    renderer[item] = getBlock(block.element, callback);
  });
  return renderer;
};

var _default = createBlockRenderer;
exports["default"] = _default;