react-with-hoc/lib/module/hocs/withRenames.d.ts

Work with React and HOCs (Higher-Order Components)

import { Fn, ToSchema } from "../types/Fn";
import { Hoc } from "../types/Hoc";
interface WithRenamesFn<T extends [string | number | symbol, string]> extends Fn {
    return: {
        [K in Extract<this["arg0"], any[]>[0]]: [
            K extends T[1] ? Extract<T, [any, K]>[0] : K,
            Extract<this["arg0"], [K, any]>[1]
        ];
    }[Extract<this["arg0"], any[]>[0]];
}
type WithRenamesHoc = <const Map extends Record<string, string>>(
/**
 * @example
 * function Box({ handleClick, handleHover }: { handleClick: () => void; handleHover: () => void }) {
 *   ...
 * }
 * const NewBox = withRenames({
 *   onClick: "handleClick",
 *   onMouseOver: "handleHover"
 *   //           ↑ oldProps goes to right
 *   // ↑ newProps goes to left
 * })(Box);
 * <NewBox onClick={() => {}} onMouseOver={() => {}} />
 * // is equivalent to
 * <Box handleClick={() => {}} handleHover={() => {}} />
 */
map: Map) => Hoc<[WithRenamesFn<ToSchema<Map>>]>;
/**
 * Make your component receive new props by renaming them.
 *
 * @see {@link withRename}
 * @example
 * function Box({ handleClick, handleHover }: { handleClick: () => void; handleHover: () => void }) {
 *   ...
 * }
 * const NewBox = withRenames({
 *   onClick: "handleClick",
 *   onMouseOver: "handleHover"
 *   //           ↑ oldProps goes to right
 *   // ↑ newProps goes to left
 * })(Box);
 * <NewBox onClick={() => {}} onMouseOver={() => {}} />
 * // is equivalent to
 * <Box handleClick={() => {}} handleHover={() => {}} />
 */
export declare const withRenames: WithRenamesHoc;
export {};
//# sourceMappingURL=withRenames.d.ts.map