klz-cables.com/.pnpm-store/v10/files/32/0d36931023f62c787f7b756cffbbb035d5e526b09f5f05db370a8a4fa2c602ef669d65c84ef6740ab2ab0220023365b317cfeaa37a389934b4c81197a19d3e

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 <PredefinedComponent customProp="value" /> will result in
 * // <OriginalComponent customProp="value" someExtraValue={5} />
 *
 * @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