@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
65 lines (64 loc) • 3.58 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.mergeProps = void 0;
const mergeCallback_1 = require("./mergeCallback");
// This file suppresses TS errors that come from merging interfaces of elements that aren't
// determined within components. Element interfaces are determined only when used, so TS errors
// aren't even useful here. Things get complicated when merging interfaces of callbacks.
/**
* Merges source props into target props, overwriting target props that are also defined on source
* props. Callback will be merged in such a way that both callbacks will be called. `css` and
* `style` props will be merged in such a way that source props have the final override.
*
* If `targetProps` has a `null` set, it will remove the prop from the `sourceProps`. This allows
* passing of props from merged hooks to another without passing out to the final element props.
*/
function mergeProps(targetProps, sourceProps) {
const returnProps = { ...targetProps };
for (const key in sourceProps) {
if (sourceProps.hasOwnProperty(key)) {
if (key === 'css' && targetProps.hasOwnProperty('css')) {
// @ts-ignore
const css = [].concat(targetProps[key], sourceProps[key]);
// @ts-ignore
returnProps[key] = css;
}
else if (key === 'style' && targetProps.hasOwnProperty('style')) {
// merge style objects
// @ts-ignore TS complains that key might not be on targetProps, but typeof returns
returnProps[key] = { ...targetProps[key], ...sourceProps[key] };
}
else if (key === 'ref' && sourceProps.hasOwnProperty('ref')) {
// refs should never be overridden. This doesn't happen normally, but happens with hook
// composition
returnProps.ref = returnProps.ref || sourceProps.ref;
}
else if (typeof sourceProps[key] === 'function' &&
// @ts-ignore TS complains that key might not be on targetProps, but typeof returns
// `undefined` in that case, so this is safe
typeof targetProps[key] === 'function') {
// @ts-ignore TS complains that T and S aren't compatible, but this isn't useful for us
returnProps[key] = (0, mergeCallback_1.mergeCallback)(targetProps[key], sourceProps[key]);
}
else if (typeof sourceProps[key] === 'undefined' &&
// @ts-ignore T and S, blah, blah, blah
typeof targetProps[key] === 'function') {
// we don't support removing callbacks via `undefined`, so do nothing here
// @ts-ignore Typescript complains that key might not exist in `targetProps` since we're iterating over sourceProps. At runtime this doesn't matter
}
else if (targetProps[key] === null) {
// target props is trying to disable the prop for whatever reason. Consider `null` a "remove this prop"
}
else if (key === 'className' && targetProps.hasOwnProperty(key)) {
// @ts-ignore merging class names
returnProps[key] = `${targetProps[key]} ${sourceProps[key]}`;
}
else {
// @ts-ignore TS has more object constraint complaints that aren't useful here
returnProps[key] = sourceProps[key];
}
}
}
return returnProps;
}
exports.mergeProps = mergeProps;