UNPKG

use-query-params

Version:

React Hook for managing state in URL query parameters with easy serialization.

56 lines (54 loc) 2.05 kB
"use strict"; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // src/index.ts var src_exports = {}; __export(src_exports, { ReactRouter6Adapter: () => ReactRouter6Adapter }); module.exports = __toCommonJS(src_exports); var import_react = require("react"); var import_react_router_dom = require("react-router-dom"); var ReactRouter6Adapter = ({ children }) => { var _a; const { navigator } = (0, import_react.useContext)(import_react_router_dom.UNSAFE_NavigationContext); const navigate = (0, import_react_router_dom.useNavigate)(); const router = (_a = (0, import_react.useContext)(import_react_router_dom.UNSAFE_DataRouterContext)) == null ? void 0 : _a.router; const location = (0, import_react_router_dom.useLocation)(); const adapter = { replace(location2) { navigate(location2.search || "?", { replace: true, state: location2.state }); }, push(location2) { navigate(location2.search || "?", { replace: false, state: location2.state }); }, get location() { var _a2, _b, _c; return (_c = (_b = (_a2 = router == null ? void 0 : router.state) == null ? void 0 : _a2.location) != null ? _b : navigator == null ? void 0 : navigator.location) != null ? _c : location; } }; return children(adapter); };