import { jsx as _jsx } from "react/jsx-runtime";
import { isReactServerComponentOrFunction, serverProps } from 'payload/shared';
import React from 'react';
/**
* Creates a higher-order component (HOC) that merges predefined properties (`toMergeIntoProps`)
* with any properties passed to the resulting component.
*
* Use this when you want to pre-specify some props for a component, while also allowing users to
* pass in their own props. The HOC ensures the passed props and predefined props are combined before
* rendering the original component.
*
* @example
* const PredefinedComponent = getMergedPropsComponent({
* Component: OriginalComponent,
* toMergeIntoProps: { someExtraValue: 5 }
* });
* // Using will result in
* //
*
* @returns A higher-order component with combined properties.
*
* @param Component - The original component to wrap.
* @param sanitizeServerOnlyProps - If true, server-only props will be removed from the merged props. @default true if the component is not a server component, false otherwise.
* @param toMergeIntoProps - The properties to merge into the passed props.
*/
export function withMergedProps({
Component,
sanitizeServerOnlyProps,
toMergeIntoProps
}) {
if (sanitizeServerOnlyProps === undefined) {
sanitizeServerOnlyProps = !isReactServerComponentOrFunction(Component);
}
// A wrapper around the args.Component to inject the args.toMergeArgs as props, which are merged with the passed props
const MergedPropsComponent = passedProps => {
const mergedProps = simpleMergeProps(passedProps, toMergeIntoProps);
if (sanitizeServerOnlyProps) {
serverProps.forEach(prop => {
delete mergedProps[prop];
});
}
return /*#__PURE__*/_jsx(Component, {
...mergedProps
});
};
return MergedPropsComponent;
}
function simpleMergeProps(props, toMerge) {
return {
...props,
...toMerge
};
}
//# sourceMappingURL=index.js.map