@tanstack/router-devtools 1.112.17 → 1.114.0

package/dist/cjs/TanStackRouterDevtools.d.cts

@@ -1,41 +0,0 @@
-import { default as React } from 'react';
-import { AnyRouter } from '@tanstack/react-router';
-interface DevtoolsOptions {
-    /**
-     * Set this true if you want the dev tools to default to being open
-     */
-    initialIsOpen?: boolean;
-    /**
-     * Use this to add props to the panel. For example, you can add className, style (merge and override default style), etc.
-     */
-    panelProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-    /**
-     * Use this to add props to the close button. For example, you can add className, style (merge and override default style), onClick (extend default handler), etc.
-     */
-    closeButtonProps?: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
-    /**
-     * Use this to add props to the toggle button. For example, you can add className, style (merge and override default style), onClick (extend default handler), etc.
-     */
-    toggleButtonProps?: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
-    /**
-     * The position of the TanStack Router logo to open and close the devtools panel.
-     * Defaults to 'bottom-left'.
-     */
-    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-    /**
-     * Use this to render the devtools inside a different type of container element for a11y purposes.
-     * Any string which corresponds to a valid intrinsic JSX element is allowed.
-     * Defaults to 'footer'.
-     */
-    containerElement?: string | any;
-    /**
-     * A boolean variable indicating if the "lite" version of the library is being used
-     */
-    router?: AnyRouter;
-    /**
-     * Use this to attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-}
-export declare function TanStackRouterDevtools(props: DevtoolsOptions): React.ReactElement | null;
-export {};

package/dist/cjs/TanStackRouterDevtoolsPanel.cjs

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const context = require("./context.cjs");
-const BaseTanStackRouterDevtoolsPanel = require("./BaseTanStackRouterDevtoolsPanel.cjs");
-const TanStackRouterDevtoolsPanel = React.forwardRef(function TanStackRouterDevtoolsPanel2(props, ref) {
-  const { shadowDOMTarget } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(context.ShadowDomTargetContext.Provider, { value: shadowDOMTarget, children: /* @__PURE__ */ jsxRuntime.jsx(
-    context.DevtoolsOnCloseContext.Provider,
-    {
-      value: {
-        onCloseClick: () => {
-        }
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(BaseTanStackRouterDevtoolsPanel.BaseTanStackRouterDevtoolsPanel, { ref, ...props })
-    }
-  ) });
-});
-exports.TanStackRouterDevtoolsPanel = TanStackRouterDevtoolsPanel;
-//# sourceMappingURL=TanStackRouterDevtoolsPanel.cjs.map

package/dist/cjs/TanStackRouterDevtoolsPanel.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TanStackRouterDevtoolsPanel.cjs","sources":["../../src/TanStackRouterDevtoolsPanel.tsx"],"sourcesContent":["import React from 'react'\nimport { DevtoolsOnCloseContext, ShadowDomTargetContext } from './context'\nimport { BaseTanStackRouterDevtoolsPanel } from './BaseTanStackRouterDevtoolsPanel'\nimport type { AnyRouter } from '@tanstack/react-router'\n\nexport interface DevtoolsPanelOptions {\n  /**\n   * The standard React style object used to style a component with inline styles\n   */\n  style?: React.CSSProperties\n  /**\n   * The standard React className property used to style a component with classes\n   */\n  className?: string\n  /**\n   * A boolean variable indicating whether the panel is open or closed\n   */\n  isOpen?: boolean\n  /**\n   * A function that toggles the open and close state of the panel\n   */\n  setIsOpen: (isOpen: boolean) => void\n  /**\n   * Handles the opening and closing the devtools panel\n   */\n  handleDragStart?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void\n  /**\n   * A boolean variable indicating if the \"lite\" version of the library is being used\n   */\n  router?: AnyRouter\n  /**\n   * Use this to attach the devtool's styles to specific element in the DOM.\n   */\n  shadowDOMTarget?: ShadowRoot\n}\n\nexport const TanStackRouterDevtoolsPanel = React.forwardRef<\n  HTMLDivElement,\n  DevtoolsPanelOptions\n>(function TanStackRouterDevtoolsPanel(props, ref) {\n  const { shadowDOMTarget } = props\n\n  return (\n    <ShadowDomTargetContext.Provider value={shadowDOMTarget}>\n      <DevtoolsOnCloseContext.Provider\n        value={{\n          onCloseClick: () => {},\n        }}\n      >\n        <BaseTanStackRouterDevtoolsPanel ref={ref} {...props} />\n      </DevtoolsOnCloseContext.Provider>\n    </ShadowDomTargetContext.Provider>\n  )\n})\n"],"names":["TanStackRouterDevtoolsPanel","jsx","ShadowDomTargetContext","DevtoolsOnCloseContext","BaseTanStackRouterDevtoolsPanel"],"mappings":";;;;;;AAoCO,MAAM,8BAA8B,MAAM,WAG/C,SAASA,6BAA4B,OAAO,KAAK;AAC3C,QAAA,EAAE,oBAAoB;AAE5B,SACGC,2BAAAA,IAAAC,QAAAA,uBAAuB,UAAvB,EAAgC,OAAO,iBACtC,UAAAD,2BAAA;AAAA,IAACE,QAAAA,uBAAuB;AAAA,IAAvB;AAAA,MACC,OAAO;AAAA,QACL,cAAc,MAAM;AAAA,QAAA;AAAA,MACtB;AAAA,MAEA,UAACF,2BAAAA,IAAAG,gCAAAA,iCAAA,EAAgC,KAAW,GAAG,MAAO,CAAA;AAAA,IAAA;AAAA,EAAA,GAE1D;AAEJ,CAAC;;"}

package/dist/cjs/TanStackRouterDevtoolsPanel.d.cts

@@ -1,33 +0,0 @@
-import { default as React } from 'react';
-import { AnyRouter } from '@tanstack/react-router';
-export interface DevtoolsPanelOptions {
-    /**
-     * The standard React style object used to style a component with inline styles
-     */
-    style?: React.CSSProperties;
-    /**
-     * The standard React className property used to style a component with classes
-     */
-    className?: string;
-    /**
-     * A boolean variable indicating whether the panel is open or closed
-     */
-    isOpen?: boolean;
-    /**
-     * A function that toggles the open and close state of the panel
-     */
-    setIsOpen: (isOpen: boolean) => void;
-    /**
-     * Handles the opening and closing the devtools panel
-     */
-    handleDragStart?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    /**
-     * A boolean variable indicating if the "lite" version of the library is being used
-     */
-    router?: AnyRouter;
-    /**
-     * Use this to attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-}
-export declare const TanStackRouterDevtoolsPanel: React.ForwardRefExoticComponent<DevtoolsPanelOptions & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/context.cjs

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const ShadowDomTargetContext = React.createContext(void 0);
-const DevtoolsOnCloseContext = React.createContext(void 0);
-const useDevtoolsOnClose = () => {
-  const context = React.useContext(DevtoolsOnCloseContext);
-  if (!context) {
-    throw new Error(
-      "useDevtoolsOnClose must be used within a TanStackRouterDevtools component"
-    );
-  }
-  return context;
-};
-exports.DevtoolsOnCloseContext = DevtoolsOnCloseContext;
-exports.ShadowDomTargetContext = ShadowDomTargetContext;
-exports.useDevtoolsOnClose = useDevtoolsOnClose;
-//# sourceMappingURL=context.cjs.map

package/dist/cjs/context.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.cjs","sources":["../../src/context.ts"],"sourcesContent":["import React from 'react'\n\nexport const ShadowDomTargetContext = React.createContext<\n  ShadowRoot | undefined\n>(undefined)\n\nexport const DevtoolsOnCloseContext = React.createContext<\n  | {\n      onCloseClick: (e: React.MouseEvent<HTMLButtonElement>) => void\n    }\n  | undefined\n>(undefined)\n\nexport const useDevtoolsOnClose = () => {\n  const context = React.useContext(DevtoolsOnCloseContext)\n  if (!context) {\n    throw new Error(\n      'useDevtoolsOnClose must be used within a TanStackRouterDevtools component',\n    )\n  }\n  return context\n}\n"],"names":[],"mappings":";;;AAEa,MAAA,yBAAyB,MAAM,cAE1C,MAAS;AAEE,MAAA,yBAAyB,MAAM,cAK1C,MAAS;AAEJ,MAAM,qBAAqB,MAAM;AAChC,QAAA,UAAU,MAAM,WAAW,sBAAsB;AACvD,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EAAA;AAEK,SAAA;AACT;;;;"}

package/dist/cjs/context.d.cts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-export declare const ShadowDomTargetContext: React.Context<ShadowRoot | undefined>;
-export declare const DevtoolsOnCloseContext: React.Context<{
-    onCloseClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
-} | undefined>;
-export declare const useDevtoolsOnClose: () => {
-    onCloseClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
-};