react-elegant-ui
Version:
Elegant UI components, made by BEM best practices for react
69 lines (68 loc) • 2.05 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.MergeReactHandlers = void 0;
var _makeChain = require("../../makeChain");
var __read = void 0 && (void 0).__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 = void 0 && (void 0).__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));
};
/**
* Merge react component handlers
*
* It's should be property which name start from `on[A-Z]` and be function or undefined
*/
var MergeReactHandlers = exports.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.makeChain.apply(void 0, __spreadArray([], __read(handlers[key]), false));
});
}
};