react-elegant-ui/esm/lib/merge/handlers/MergeReactHandlers.js

Elegant UI components, made by BEM best practices for react

var __read = this && this.__read || function (o, n) {
  var m = typeof Symbol === "function" && o[Symbol.iterator];
  if (!m) return o;
  var i = m.call(o),
    r,
    ar = [],
    e;
  try {
    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
  } catch (error) {
    e = {
      error: error
    };
  } finally {
    try {
      if (r && !r.done && (m = i["return"])) m.call(i);
    } finally {
      if (e) throw e.error;
    }
  }
  return ar;
};
var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
    if (ar || !(i in from)) {
      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
      ar[i] = from[i];
    }
  }
  return to.concat(ar || Array.prototype.slice.call(from));
};
import { makeChain } from '../../makeChain';
/**
 * Merge react component handlers
 *
 * It's should be property which name start from `on[A-Z]` and be function or undefined
 */
export var MergeReactHandlers = {
  fn: function (_a, storage) {
    var key = _a.key,
      currentValue = _a.currentValue,
      value = _a.value,
      setValue = _a.setValue;
    if (!key.match(/^on[A-Z]/) || currentValue !== undefined && typeof currentValue !== 'function' || value !== undefined && typeof value !== 'function') return;
    // add handlers to store
    if (!(key in storage)) {
      // initialize slot in first time
      storage[key] = [currentValue, value];
    } else {
      storage[key].push(value);
    }
    // temporary set undefined
    setValue(undefined);
  },
  onEnd: function (resultObj, storage) {
    var handlers = storage;
    // Wrap all handlers to one
    Object.keys(handlers).forEach(function (key) {
      // direct redifine
      resultObj[key] = makeChain.apply(void 0, __spreadArray([], __read(handlers[key]), false));
    });
  }
};