react-usemap-render-component/dist/index.d.ts

An npm package for rendering ReactJS components in a cleaner and more beautiful way, allowing elements to be passed to the components from the hook’s props.

import { FC, ReactNode, ReactElement } from 'react';

type NewProps = {
    index: number;
    children: ReactNode;
};
type Component<Props> = FC<Props>;
type UseMapProps<Props> = FC<Props>["arguments"];
type UseMapReturn<Props> = ReactElement<Props>[];
type DataNoObject = string | number;
type UseMapTypeData = object | DataNoObject;
type UseMapPropsPropagation<Props, Data> = Omit<Props, keyof Data | keyof NewProps>;
type KeyConfigObject<Data> = "index" | keyof Data;
type KeyConfigNotObject = "item";
type KeyConfig<Data> = Data extends object ? KeyConfigObject<Data> : KeyConfigNotObject;
type UseMapParams<Data, Props> = {
    data: Data[];
    Component: Component<Props> & Component<UseMapProps<Props>>;
    config?: {
        key?: KeyConfig<Data>;
    };
} & UseMapPropsPropagation<Props, Data>;
type UseMap = <Data extends UseMapTypeData, Props>(props: UseMapParams<Data, Props>) => UseMapReturn<NewProps & Data & Props>;

declare const useMap: UseMap;

export { type Component, useMap as default };