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