react-better-html 1.1.162 → 1.1.163

package/dist/index.d.mts

@@ -2,7 +2,6 @@ import { WebTarget } from 'styled-components';
 import * as react from 'react';
 import { ComponentProps, ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as reactRouterDomLib from 'react-router-dom';
 
 type PluginName = "alerts" | "react-router-dom" | "localStorage";
 type BetterHtmlPluginConstructor<T extends object = object> = (config?: T) => BetterHtmlPlugin<T>;
@@ -1012,9 +1011,7 @@ type AlertsPluginOptions = {
 declare const defaultAlertsPluginOptions: Required<AlertsPluginOptions>;
 declare const alertsPlugin: BetterHtmlPluginConstructor<AlertsPluginOptions>;
 
-type ReactRouterDomPluginOptions = {
-    reactRouterDomLib: typeof reactRouterDomLib;
-};
+type ReactRouterDomPluginOptions = {};
 declare const defaultReactRouterDomPluginOptions: Required<ReactRouterDomPluginOptions>;
 declare const reactRouterDomPlugin: BetterHtmlPluginConstructor<ReactRouterDomPluginOptions>;
 

package/dist/index.d.ts

@@ -2,7 +2,6 @@ import { WebTarget } from 'styled-components';
 import * as react from 'react';
 import { ComponentProps, ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as reactRouterDomLib from 'react-router-dom';
 
 type PluginName = "alerts" | "react-router-dom" | "localStorage";
 type BetterHtmlPluginConstructor<T extends object = object> = (config?: T) => BetterHtmlPlugin<T>;
@@ -1012,9 +1011,7 @@ type AlertsPluginOptions = {
 declare const defaultAlertsPluginOptions: Required<AlertsPluginOptions>;
 declare const alertsPlugin: BetterHtmlPluginConstructor<AlertsPluginOptions>;
 
-type ReactRouterDomPluginOptions = {
-    reactRouterDomLib: typeof reactRouterDomLib;
-};
+type ReactRouterDomPluginOptions = {};
 declare const defaultReactRouterDomPluginOptions: Required<ReactRouterDomPluginOptions>;
 declare const reactRouterDomPlugin: BetterHtmlPluginConstructor<ReactRouterDomPluginOptions>;
 

package/dist/index.js

@@ -102,6 +102,7 @@ var isMobileDevice = /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Op
 
 // src/utils/hooks.ts
 var import_react10 = require("react");
+var import_react_router_dom = require("react-router-dom");
 
 // src/constants/css.ts
 var cssProps = {
@@ -1639,10 +1640,7 @@ var alertsPlugin = (options) => ({
 });
 
 // src/plugins/reactRouterDom.ts
-var reactRouterDomLib = __toESM(require("react-router-dom"));
-var defaultReactRouterDomPluginOptions = {
-  reactRouterDomLib
-};
+var defaultReactRouterDomPluginOptions = {};
 var reactRouterDomPlugin = (options) => ({
   name: "react-router-dom",
   initialize: () => {
@@ -3153,15 +3151,14 @@ function useUrlQuery() {
       "`useUrlQuery` hook requires the `react-router-dom` plugin to be added to the `plugins` prop in `<BetterHtmlProvider>`."
     );
   }
-  const reactRouterDomPluginConfig = reactRouterDomPlugin2.getConfig();
-  const isInRouterContext = reactRouterDomPluginConfig.reactRouterDomLib.useInRouterContext();
+  const isInRouterContext = (0, import_react_router_dom.useInRouterContext)();
   if (!isInRouterContext) {
     throw new Error(
       "`useUrlQuery` hook must be used inside a React Router context. Make sure your component is wrapped in a `<BrowserRouter>`, or another Router component."
     );
   }
-  const navigate = reactRouterDomPluginConfig.reactRouterDomLib.useNavigate();
-  const [searchParams] = reactRouterDomPluginConfig.reactRouterDomLib.useSearchParams();
+  const navigate = (0, import_react_router_dom.useNavigate)();
+  const [searchParams] = (0, import_react_router_dom.useSearchParams)();
   const setQuery = (0, import_react10.useCallback)(
     (query, keepHistory = true) => {
       const currentSearchParams = {};
@@ -3170,7 +3167,7 @@ function useUrlQuery() {
       });
       navigate(
         {
-          search: reactRouterDomPluginConfig.reactRouterDomLib.createSearchParams({
+          search: (0, import_react_router_dom.createSearchParams)({
             ...currentSearchParams,
             ...Object.fromEntries(Object.entries(query).map(([key, value]) => [key, value.toString()]))
           }).toString()