react-router-class-tools/dist/index.d.ts.map

Class Component utilities for React Router 6+

{"mappings":";;;AAOA;IACI,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,uBACI,MAAM,SAAS,OAAO,CAAC,MAAM,CAAC,MAAM,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,EAAE;IAEzD,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,qCACI,MAAM,SAAS,OAAO,CAAC,MAAM,CAAC,MAAM,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,EAAE,EACzD,OAAO,SAAS,aAAa,GAAG,aAAa,EAC7C,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE;IAEtC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,MAAM,CAAC,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,OAAO,MAAM,aACT,CAAC,SAAS,mBAAmB,EAC7B,CAAC,SAAS,eAAe,CAAC,CAAC,EAE3B,OAAO,CAAC,EACR,UAAU,qBAAqB,CAAC,CAAC,CAAC;;eAevB,QAAQ,CAAC,EAAE,CAAC;;2CAKJ,QAAQ,CAAC,CAAC,CAAC,aACX,QAAQ,CAAC,EAAE,CAAC;yCAIZ,QAAQ,CAAC,CAAC,CAAC,aACX,QAAQ,CAAC,EAAE,CAAC,eACV,GAAG;sCAML,QAAQ,CAAC,CAAC,CAAC,aACX,QAAQ,CAAC,EAAE,CAAC,aACZ,GAAG;iCAGO,KAAK,aAAa,SAAS;;;;;;;;;;;;;;;;wCA/BrC,QAAQ,CAAC,CAAC,CAAC,aACX,QAAQ,CAAC,EAAE,CAAC;oCAKY,KAAK;;;;KAgC/C,CAAC","sources":["source/source/index.tsx","source/index.tsx"],"sourcesContent":[null,"import { Constructor, parseURLData } from 'web-utility';\nimport { Location } from 'history';\nimport { Component, ComponentClass, ErrorInfo, FC } from 'react';\nimport { useLocation, useParams } from 'react-router-dom';\n\n// Types come from https://cdn.jsdelivr.net/npm/@types/react-router/index.d.ts\n\nexport interface StaticContext {\n    statusCode?: number | undefined;\n}\n\nexport interface match<\n    Params extends Partial<Record<keyof Params, string>> = {}\n> {\n    url: string;\n    path: string;\n    params: Params;\n}\n\nexport interface RouteComponentProps<\n    Params extends Partial<Record<keyof Params, string>> = {},\n    Context extends StaticContext = StaticContext,\n    Query extends Record<string, any> = {}\n> {\n    location?: Location;\n    match?: match<Params>;\n    query?: Query;\n    staticContext?: Context;\n}\n\nconst HooksWrapper: FC<{ ClassComponent: ComponentClass }> = ({\n    ClassComponent\n}) => {\n    const location = useLocation(),\n        params = useParams();\n\n    const { pathname = '/', search = '', hash = '' } = location;\n\n    const path = pathname + search + hash;\n\n    const match = {\n            url: globalThis.location.origin + path,\n            path,\n            params\n        },\n        query = parseURLData(search);\n\n    return <ClassComponent {...{ location, match, query }} />;\n};\n\n/**\n * @see https://v5.reactrouter.com/web/api/withRouter\n *\n * @example\n * ```tsx\n * import { Component } from 'react';\n * import { RouteComponentProps, withRouter } from 'react-router-class-tools';\n *\n * @withRouter\n * export class PageWithRouterDecorator extends Component<RouteComponentProps> {\n *     render() {\n *         const { location, match, query } = this.props;\n *\n *         return (\n *             <pre>{JSON.stringify({ location, match, query }, null, 4)}</pre>\n *         );\n *     }\n * }\n * ```\n *\n * @example\n * ```tsx\n * import { Component } from 'react';\n * import { RouteComponentProps, withRouter } from 'react-router-class-tools';\n *\n * export default withRouter(class PageWithRouterFunction extends Component<RouteComponentProps> {\n *     render() {\n *         const { location, match, query } = this.props;\n *\n *         return (\n *             <pre>{JSON.stringify({ location, match, query }, null, 4)}</pre>\n *         );\n *     }\n * }\n * ```\n */\nexport const withRouter = <\n    P extends RouteComponentProps,\n    C extends ComponentClass<P>\n>(\n    Class: C,\n    context?: ClassDecoratorContext<C>\n) =>\n    class ComponentWithRouter extends (Class as Constructor<Component<P>> & C) {\n        static WrappedComponent = Class;\n        static displayName = `withRouter(${Class.displayName || Class.name})`;\n\n        static getDerivedStateFromProps(\n            nextProps: Readonly<P>,\n            prevState: Readonly<{}>\n        ) {\n            return {};\n        }\n\n        static getDerivedStateFromError(error: Error) {}\n\n        state: Readonly<{}> = {};\n\n        componentDidMount() {}\n\n        getSnapshotBeforeUpdate(\n            prevProps: Readonly<P>,\n            prevState: Readonly<{}>\n        ) {}\n\n        shouldComponentUpdate(\n            nextProps: Readonly<P>,\n            nextState: Readonly<{}>,\n            nextContext: any\n        ) {\n            return true;\n        }\n\n        componentDidUpdate(\n            prevProps: Readonly<P>,\n            prevState: Readonly<{}>,\n            snapshot?: any\n        ) {}\n\n        componentDidCatch(error: Error, errorInfo: ErrorInfo) {}\n\n        componentWillUnmount() {}\n\n        render() {\n            return <HooksWrapper ClassComponent={Class} />;\n        }\n    };\n"],"names":[],"version":3,"file":"index.d.ts.map"}