semantic-ui-react
Version:
The official Semantic-UI-React integration.
29 lines (27 loc) • 971 B
JavaScript
import _isEqual from 'lodash/isEqual';
import _has from 'lodash/has';
import _transform from 'lodash/transform';
/**
* Naive and inefficient object difference, intended for development / debugging use only.
* Deleted keys are shown as [DELETED].
* @param {{}} source The source object
* @param {{}} target The target object.
* @returns {{}} A new object containing new/modified/deleted keys.
* @example
* import { objectDiff } from 'src/lib'
*
* const a = { key: 'val', foo: 'bar' }
* const b = { key: 'val', foo: 'baz' }
*
* objectDiff(a, b)
* //=> { foo: 'baz' }
*/
export default (function (source, target) {
return _transform(source, function (res, val, key) {
// deleted keys
if (!_has(target, key)) res[key] = '[DELETED]';
// new keys / changed values
// Note, we tolerate isEqual here as this is a dev only utility and not included in production code
else if (!_isEqual(val, target[key])) res[key] = target[key];
}, {});
});