@refinedev/devtools 1.2.4 → 1.2.5

package/dist/components/apply-styles.d.mts.map

@@ -1 +1,6 @@
-{"version":3,"file":"apply-styles.d.ts","sourceRoot":"","sources":["../../src/components/apply-styles.tsx"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,WAAW,iBAAkB,KAAK,SAY9C,CAAC"}
+type Props = {
+    children: string;
+};
+export declare const ApplyStyles: ({ children }: Props) => null;
+export {};
+//# sourceMappingURL=apply-styles.d.ts.map

package/dist/components/devtools-pin.d.mts.map

@@ -1 +1,11 @@
-{"version":3,"file":"devtools-pin.d.ts","sourceRoot":"","sources":["../../src/components/devtools-pin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAClE,CAAC;AAEF,eAAO,MAAM,WAAW,yEAKrB,KAAK,sBAqDP,CAAC"}
+import React from "react";
+type Props = {
+    onClick?: () => void;
+    groupHover?: boolean;
+    onSelectorHighlight: (name: string) => void;
+    selectorActive: boolean;
+    setSelectorActive: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export declare const DevtoolsPin: ({ onClick, onSelectorHighlight, selectorActive, setSelectorActive, }: Props) => React.JSX.Element;
+export {};
+//# sourceMappingURL=devtools-pin.d.ts.map

package/dist/components/devtools-selector.d.mts.map

@@ -1 +1,11 @@
-{"version":3,"file":"devtools-selector.d.ts","sourceRoot":"","sources":["../../src/components/devtools-selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACzD,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,qDAM1B,KAAK,sBA8CP,CAAC"}
+import React from "react";
+type Props = {
+    active: boolean;
+    setActive: React.Dispatch<React.SetStateAction<boolean>>;
+    onHighlight: (name: string) => void;
+    icon?: React.ReactNode;
+    style?: React.CSSProperties;
+};
+export declare const DevtoolsSelector: ({ active, setActive, onHighlight, icon, style, }: Props) => React.JSX.Element;
+export {};
+//# sourceMappingURL=devtools-selector.d.ts.map

package/dist/components/icons/arrow-union-icon.d.mts.map

@@ -1 +1,4 @@
-{"version":3,"file":"arrow-union-icon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/arrow-union-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,cAAc,UAAW,SAAS,aAAa,CAAC,sBA6B5D,CAAC"}
+import * as React from "react";
+import type { SVGProps } from "react";
+export declare const ArrowUnionIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+//# sourceMappingURL=arrow-union-icon.d.ts.map

package/dist/components/icons/devtools-icon.d.mts.map

@@ -1 +1,4 @@
-{"version":3,"file":"devtools-icon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/devtools-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,YAAY,UAAW,SAAS,aAAa,CAAC,sBA+B1D,CAAC"}
+import * as React from "react";
+import type { SVGProps } from "react";
+export declare const DevtoolsIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+//# sourceMappingURL=devtools-icon.d.ts.map

package/dist/components/icons/resize-handle-icon.d.mts.map

@@ -1 +1,3 @@
-{"version":3,"file":"resize-handle-icon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/resize-handle-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,gBAAgB,UAAW,MAAM,QAAQ,CAAC,aAAa,CAAC,sBAwBpE,CAAC"}
+import React from "react";
+export declare const ResizeHandleIcon: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+//# sourceMappingURL=resize-handle-icon.d.ts.map

package/dist/components/icons/selector-button.d.mts.map

@@ -1 +1,4 @@
-{"version":3,"file":"selector-button.d.ts","sourceRoot":"","sources":["../../../src/components/icons/selector-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,kBAAkB,UAAW,MAAM,QAAQ,CAAC,aAAa,CAAC,sBAgBtE,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,QAAQ,CAAC,aAAa,CAAC,sBAgBhE,CAAC"}
+import React from "react";
+export declare const SelectorButtonIcon: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const SelectorIcon: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+//# sourceMappingURL=selector-button.d.ts.map

package/dist/components/resizable-pane.d.mts.map

@@ -1 +1,19 @@
-{"version":3,"file":"resizable-pane.d.ts","sourceRoot":"","sources":["../../src/components/resizable-pane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAa1D,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;QAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACzE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,aAAa,qCAAsC,KAAK,sBA+PpE,CAAC"}
+import React from "react";
+import type { Placement } from "src/interfaces/placement";
+type Props = {
+    placement: Placement;
+    defaultWidth?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    defaultHeight?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    children: ({ resizing }: {
+        resizing: string | null;
+    }) => React.ReactNode;
+    onResize?: (width: number, height: number) => void;
+    visible?: boolean;
+};
+export declare const ResizablePane: ({ placement, visible, children }: Props) => React.JSX.Element;
+export {};
+//# sourceMappingURL=resizable-pane.d.ts.map

package/dist/components/selectable-elements.d.mts.map

@@ -1 +1,9 @@
-{"version":3,"file":"selectable-elements.d.ts","sourceRoot":"","sources":["../../src/components/selectable-elements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqJ1B,eAAO,MAAM,kBAAkB,4BAG5B;IACD,QAAQ,EAAE,MAAM;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACxD,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,6BAmGA,CAAC"}
+import React from "react";
+export declare const SelectableElements: ({ elements, onSelect, }: {
+    elements: Array<{
+        element: HTMLElement;
+        name: string;
+    }>;
+    onSelect: (name: string) => void;
+}) => React.JSX.Element | null;
+//# sourceMappingURL=selectable-elements.d.ts.map

package/dist/index.cjs

@@ -1,5 +1,5 @@
 "use client"
-var ie=Object.create;var A=Object.defineProperty;var se=Object.getOwnPropertyDescriptor;var le=Object.getOwnPropertyNames;var ae=Object.getPrototypeOf,ce=Object.prototype.hasOwnProperty;var de=(e,n)=>{for(var d in n)A(e,d,{get:n[d],enumerable:!0})},k=(e,n,d,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of le(n))!ce.call(e,s)&&s!==d&&A(e,s,{get:()=>n[s],enumerable:!(o=se(n,s))||o.enumerable});return e};var y=(e,n,d)=>(d=e!=null?ie(ae(e)):{},k(n||!e||!e.__esModule?A(d,"default",{value:e,enumerable:!0}):d,e)),pe=e=>k(A({},"__esModule",{value:!0}),e);var ve={};de(ve,{DevtoolsPanel:()=>te,DevtoolsProvider:()=>re});module.exports=pe(ve);var g=y(require("react"));var H=y(require("react"));var T=y(require("react"));var b=y(require("react")),v=require("@aliemir/dom-to-fiber-utils"),U=require("@refinedev/devtools-shared"),$=e=>{let{devtoolsUrl:n}=b.default.useContext(U.DevToolsContext),[d,o]=b.default.useState([]),s=b.default.useCallback(async()=>(await(await fetch(`${n??"http://localhost:5001"}/api/unique-trace-items`)).json()).data,[n]),r=b.default.useCallback((i,h)=>{let t=i,u,l,x=!1;for(;!x&&t;)u=(0,v.getFirstFiberHasName)(t),l=(0,v.getFirstStateNodeFiber)(u),x=h.includes((0,v.getNameFromFiber)(u)??""),x||(t=(0,v.getParentOfFiber)(t));return l&&u?{stateNode:l,nameFiber:u}:{stateNode:null,nameFiber:null}},[]),a=b.default.useCallback(i=>{let h=[];return i.forEach(t=>{h.find(l=>l.element===t.element)||h.push(t)}),h},[]),p=b.default.useCallback((i,h)=>{var x;if(!i)return[];let t=[],u=(0,v.getFiberFromElement)(i),l=r(u,h);if(l.nameFiber&&l.stateNode){let w=(0,v.getElementFromFiber)(l.stateNode),M=(0,v.getNameFromFiber)(l.nameFiber);w&&M&&t.push({element:w,name:M})}for(let w=0;w<((x=i==null?void 0:i.children)==null?void 0:x.length);w++)t.push(...p(i.children[w],h));return t},[r]),c=b.default.useCallback(async()=>{let i=await s(),h=p(document.body,i),t=a(h);o(t)},[s,p,a]);return b.default.useEffect(()=>{e&&c()},[e,c]),{selectableElements:d}};var G=y(require("react")),F=({children:e})=>(G.default.useEffect(()=>{let n=document.createElement("style");return n.innerHTML=e,document.head.appendChild(n),()=>{document.head.removeChild(n)}},[e]),null);var f=y(require("react")),N=y(require("lodash/debounce")),O=require("react-dom");var C=y(require("react")),X=e=>C.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 16 16",fill:"none",...e},C.default.createElement("path",{fill:"#0FBDBD",fillRule:"evenodd",d:"M9 1a1 1 0 0 0-2 0v2.1A5.006 5.006 0 0 0 3.1 7H1a1 1 0 0 0 0 2h2.1A5.006 5.006 0 0 0 7 12.9V15a1 1 0 1 0 2 0v-2.1A5.006 5.006 0 0 0 12.9 9H15a1 1 0 1 0 0-2h-2.1A5.006 5.006 0 0 0 9 3.1V1Zm2 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z",clipRule:"evenodd"})),Y=e=>C.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 16 16",fill:"none",...e},C.default.createElement("path",{fill:"#14141F",fillRule:"evenodd",d:"M9 1a1 1 0 0 0-2 0v2.1A5.006 5.006 0 0 0 3.1 7H1a1 1 0 0 0 0 2h2.1A5.006 5.006 0 0 0 7 12.9V15a1 1 0 1 0 2 0v-2.1A5.006 5.006 0 0 0 12.9 9H15a1 1 0 1 0 0-2h-2.1A5.006 5.006 0 0 0 9 3.1V1Zm2 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z",clipRule:"evenodd"}));var he=({element:e,name:n,onSelect:d})=>{let[o]=f.default.useState(()=>{let{top:a,left:p,width:c,height:i}=e.getBoundingClientRect(),{scrollLeft:h,scrollTop:t}=document.documentElement,u=p+h,l=a+t;return{left:u,top:l,width:c,height:i}}),s=f.default.useRef(null);f.default.useEffect(()=>{let a=(0,N.default)(()=>{var M,V,z,_,W;let{top:c,left:i,width:h,height:t}=e.getBoundingClientRect(),{scrollLeft:u,scrollTop:l}=document.documentElement,x=i+u,w=c+l;(M=s.current)==null||M.style.setProperty("left",`${x}px`),(V=s.current)==null||V.style.setProperty("top",`${w}px`),(z=s.current)==null||z.style.setProperty("width",`${h}px`),(_=s.current)==null||_.style.setProperty("height",`${t}px`),(W=s.current)==null||W.style.setProperty("opacity","1")},200,{leading:!1,trailing:!0}),p=(0,N.default)(()=>{var c;(c=s.current)==null||c.style.setProperty("opacity","0")},200,{leading:!0,trailing:!1});return document.addEventListener("scroll",a),document.addEventListener("scroll",p),()=>{document.removeEventListener("scroll",a),document.removeEventListener("scroll",p)}},[e]);let r=f.default.useMemo(()=>{let a={width:22,height:22},p=n.length*7.5,c={width:a.width+p,height:a.height},i=4;return o.top-c.height>0&&o.left+c.width<window.innerWidth&&o.width>c.width?{left:i/2,top:c.height*-1-i}:o.height>=c.height*1.5&&o.width>=c.width*1.5?{left:0+i,top:0+i}:o.left-c.width>0?{right:o.width+i,top:0-1}:o.left+o.width+c.width<window.innerWidth?{left:o.width+i,top:0-1}:o.top+o.height+c.height<document.documentElement.scrollHeight?{left:0-1,top:o.height+i}:{left:0,top:0}},[o,n.length]);return f.default.createElement("button",{type:"button",className:"selector-xray-box",onClick:a=>{a==null||a.preventDefault(),a==null||a.stopPropagation(),d(n)},ref:s,style:{position:"absolute",...o}},f.default.createElement("div",{style:{position:"absolute",...r},className:"selector-xray-info"},f.default.createElement("span",{className:"selector-xray-info-icon"},f.default.createElement(Y,{width:12,height:12,style:{pointerEvents:"none"}})),f.default.createElement("span",{className:"selector-xray-info-title"},` ${n}`)))},j=({elements:e,onSelect:n})=>{let[d,o]=f.default.useState(null);return f.default.useEffect(()=>{if(!d){let s=document.createElement("div");return s.id="selector-box-root",document.body.appendChild(s),o(s),()=>{document.body.removeChild(s),o(null)}}return()=>0},[]),d?f.default.createElement(f.default.Fragment,null,(0,O.createPortal)(e.map((s,r)=>f.default.createElement(he,{key:`selector-element-${r}-${s.name}`,...s,onSelect:n})),d),f.default.createElement(F,null,`
+var ie=Object.create;var A=Object.defineProperty;var se=Object.getOwnPropertyDescriptor;var le=Object.getOwnPropertyNames;var ae=Object.getPrototypeOf,ce=Object.prototype.hasOwnProperty;var de=(e,n)=>{for(var d in n)A(e,d,{get:n[d],enumerable:!0})},k=(e,n,d,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of le(n))!ce.call(e,s)&&s!==d&&A(e,s,{get:()=>n[s],enumerable:!(o=se(n,s))||o.enumerable});return e};var y=(e,n,d)=>(d=e!=null?ie(ae(e)):{},k(n||!e||!e.__esModule?A(d,"default",{value:e,enumerable:!0}):d,e)),pe=e=>k(A({},"__esModule",{value:!0}),e);var ve={};de(ve,{DevtoolsPanel:()=>te,DevtoolsProvider:()=>re});module.exports=pe(ve);var g=y(require("react"));var H=y(require("react"));var T=y(require("react"));var b=y(require("react")),v=require("@aliemir/dom-to-fiber-utils"),U=require("@refinedev/devtools-shared"),$=e=>{let{devtoolsUrl:n}=b.default.useContext(U.DevToolsContext),[d,o]=b.default.useState([]),s=b.default.useCallback(async()=>(await(await fetch(`${n}/api/unique-trace-items`)).json()).data,[n]),r=b.default.useCallback((i,h)=>{let t=i,u,l,x=!1;for(;!x&&t;)u=(0,v.getFirstFiberHasName)(t),l=(0,v.getFirstStateNodeFiber)(u),x=h.includes((0,v.getNameFromFiber)(u)??""),x||(t=(0,v.getParentOfFiber)(t));return l&&u?{stateNode:l,nameFiber:u}:{stateNode:null,nameFiber:null}},[]),a=b.default.useCallback(i=>{let h=[];return i.forEach(t=>{h.find(l=>l.element===t.element)||h.push(t)}),h},[]),p=b.default.useCallback((i,h)=>{var x;if(!i)return[];let t=[],u=(0,v.getFiberFromElement)(i),l=r(u,h);if(l.nameFiber&&l.stateNode){let w=(0,v.getElementFromFiber)(l.stateNode),M=(0,v.getNameFromFiber)(l.nameFiber);w&&M&&t.push({element:w,name:M})}for(let w=0;w<((x=i==null?void 0:i.children)==null?void 0:x.length);w++)t.push(...p(i.children[w],h));return t},[r]),c=b.default.useCallback(async()=>{let i=await s(),h=p(document.body,i),t=a(h);o(t)},[s,p,a]);return b.default.useEffect(()=>{e&&c()},[e,c]),{selectableElements:d}};var G=y(require("react")),F=({children:e})=>(G.default.useEffect(()=>{let n=document.createElement("style");return n.innerHTML=e,document.head.appendChild(n),()=>{document.head.removeChild(n)}},[e]),null);var f=y(require("react")),N=y(require("lodash/debounce")),O=require("react-dom");var C=y(require("react")),X=e=>C.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 16 16",fill:"none",...e},C.default.createElement("path",{fill:"#0FBDBD",fillRule:"evenodd",d:"M9 1a1 1 0 0 0-2 0v2.1A5.006 5.006 0 0 0 3.1 7H1a1 1 0 0 0 0 2h2.1A5.006 5.006 0 0 0 7 12.9V15a1 1 0 1 0 2 0v-2.1A5.006 5.006 0 0 0 12.9 9H15a1 1 0 1 0 0-2h-2.1A5.006 5.006 0 0 0 9 3.1V1Zm2 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z",clipRule:"evenodd"})),Y=e=>C.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 16 16",fill:"none",...e},C.default.createElement("path",{fill:"#14141F",fillRule:"evenodd",d:"M9 1a1 1 0 0 0-2 0v2.1A5.006 5.006 0 0 0 3.1 7H1a1 1 0 0 0 0 2h2.1A5.006 5.006 0 0 0 7 12.9V15a1 1 0 1 0 2 0v-2.1A5.006 5.006 0 0 0 12.9 9H15a1 1 0 1 0 0-2h-2.1A5.006 5.006 0 0 0 9 3.1V1Zm2 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z",clipRule:"evenodd"}));var he=({element:e,name:n,onSelect:d})=>{let[o]=f.default.useState(()=>{let{top:a,left:p,width:c,height:i}=e.getBoundingClientRect(),{scrollLeft:h,scrollTop:t}=document.documentElement,u=p+h,l=a+t;return{left:u,top:l,width:c,height:i}}),s=f.default.useRef(null);f.default.useEffect(()=>{let a=(0,N.default)(()=>{var M,V,z,_,W;let{top:c,left:i,width:h,height:t}=e.getBoundingClientRect(),{scrollLeft:u,scrollTop:l}=document.documentElement,x=i+u,w=c+l;(M=s.current)==null||M.style.setProperty("left",`${x}px`),(V=s.current)==null||V.style.setProperty("top",`${w}px`),(z=s.current)==null||z.style.setProperty("width",`${h}px`),(_=s.current)==null||_.style.setProperty("height",`${t}px`),(W=s.current)==null||W.style.setProperty("opacity","1")},200,{leading:!1,trailing:!0}),p=(0,N.default)(()=>{var c;(c=s.current)==null||c.style.setProperty("opacity","0")},200,{leading:!0,trailing:!1});return document.addEventListener("scroll",a),document.addEventListener("scroll",p),()=>{document.removeEventListener("scroll",a),document.removeEventListener("scroll",p)}},[e]);let r=f.default.useMemo(()=>{let a={width:22,height:22},p=n.length*7.5,c={width:a.width+p,height:a.height},i=4;return o.top-c.height>0&&o.left+c.width<window.innerWidth&&o.width>c.width?{left:i/2,top:c.height*-1-i}:o.height>=c.height*1.5&&o.width>=c.width*1.5?{left:0+i,top:0+i}:o.left-c.width>0?{right:o.width+i,top:0-1}:o.left+o.width+c.width<window.innerWidth?{left:o.width+i,top:0-1}:o.top+o.height+c.height<document.documentElement.scrollHeight?{left:0-1,top:o.height+i}:{left:0,top:0}},[o,n.length]);return f.default.createElement("button",{type:"button",className:"selector-xray-box",onClick:a=>{a==null||a.preventDefault(),a==null||a.stopPropagation(),d(n)},ref:s,style:{position:"absolute",...o}},f.default.createElement("div",{style:{position:"absolute",...r},className:"selector-xray-info"},f.default.createElement("span",{className:"selector-xray-info-icon"},f.default.createElement(Y,{width:12,height:12,style:{pointerEvents:"none"}})),f.default.createElement("span",{className:"selector-xray-info-title"},` ${n}`)))},j=({elements:e,onSelect:n})=>{let[d,o]=f.default.useState(null);return f.default.useEffect(()=>{if(!d){let s=document.createElement("div");return s.id="selector-box-root",document.body.appendChild(s),o(s),()=>{document.body.removeChild(s),o(null)}}return()=>0},[]),d?f.default.createElement(f.default.Fragment,null,(0,O.createPortal)(e.map((s,r)=>f.default.createElement(he,{key:`selector-element-${r}-${s.name}`,...s,onSelect:n})),d),f.default.createElement(F,null,`
           .selector-xray-box {
             display: flex;
             margin: 0;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/panel.tsx","../src/components/devtools-pin.tsx","../src/components/devtools-selector.tsx","../src/utilities/use-selector.tsx","../src/components/apply-styles.tsx","../src/components/selectable-elements.tsx","../src/components/icons/selector-button.tsx","../src/components/icons/devtools-icon.tsx","../src/components/resizable-pane.tsx","../src/utilities/index.ts","../src/components/icons/resize-handle-icon.tsx","../src/provider.tsx"],"sourcesContent":["export { DevtoolsPanel } from \"./panel.js\";\nexport { DevtoolsProvider } from \"./provider.js\";\n","import React from \"react\";\nimport { DevtoolsPin } from \"./components/devtools-pin\";\nimport { ResizablePane } from \"./components/resizable-pane\";\n\nimport {\n  DevToolsContext,\n  DevtoolsEvent,\n  send,\n} from \"@refinedev/devtools-shared\";\n\nimport type { Placement } from \"./interfaces/placement\";\n\nexport const DevtoolsPanel =\n  __DEV_CONDITION__ !== \"development\"\n    ? () => null\n    : () => {\n        const [browser, setBrowser] = React.useState<boolean>(false);\n        const [visible, setVisible] = React.useState(false);\n        const [placement] = React.useState<Placement>(\"bottom\");\n        const { devtoolsUrl, ws } = React.useContext(DevToolsContext);\n        const [width, setWidth] = React.useState<number>(0);\n        const [selectorActive, setSelectorActive] = React.useState(false);\n\n        const onSelectorHighlight = React.useCallback(\n          (name: string) => {\n            if (ws) {\n              send(ws, DevtoolsEvent.DEVTOOLS_HIGHLIGHT_IN_MONITOR, {\n                name,\n              });\n            }\n            setVisible(true);\n          },\n          [ws],\n        );\n\n        const onSelectorOpen = React.useCallback(() => {\n          setVisible(false);\n        }, []);\n\n        React.useEffect(() => {\n          if (selectorActive) {\n            setVisible(false);\n          }\n        }, [selectorActive]);\n\n        React.useEffect(() => {\n          if (typeof window !== \"undefined\") {\n            setBrowser(true);\n          }\n        }, []);\n\n        React.useEffect(() => {\n          if (browser) {\n            // set width by window size dynamically\n            setWidth(window.innerWidth);\n\n            const onResize = () => {\n              setWidth(window.innerWidth);\n            };\n\n            window.addEventListener(\"resize\", onResize);\n\n            return () => {\n              window.removeEventListener(\"resize\", onResize);\n            };\n          }\n\n          return () => undefined;\n        }, [browser]);\n\n        if (!browser) {\n          return null;\n        }\n\n        return (\n          <div\n            style={{\n              position: \"fixed\",\n              left: `${Math.round(width / 2)}px`,\n              transform: \"translateX(-50%)\",\n              bottom: 0,\n              zIndex: 99999,\n            }}\n          >\n            <DevtoolsPin\n              onClick={() => {\n                setVisible((v) => !v);\n                setSelectorActive(false);\n              }}\n              onSelectorHighlight={onSelectorHighlight}\n              selectorActive={selectorActive}\n              setSelectorActive={setSelectorActive}\n            />\n            <ResizablePane visible={visible} placement={placement}>\n              {({ resizing }) => (\n                <iframe\n                  allow=\"clipboard-write;\"\n                  src={devtoolsUrl}\n                  srcDoc={\n                    devtoolsUrl\n                      ? undefined\n                      : `\n                            <html style=\"height:100%;padding:0;margin:0;\">\n                                <body style=\"display:flex;justify-content:center;height:100%;padding:24px;margin:0;align-items:center;box-sizing:border-box;\">\n                                    <h1 style=\"font-family:ui-monospace,monospace;color:#CFD7E2;text-align:center;\">Could not connect to the devtools server</h1>\n                                </body>\n                            </html>\n                        `\n                  }\n                  style={{\n                    width: \"100%\",\n                    height: \"100%\",\n                    border: \"none\",\n                    borderRadius: \"7px\",\n                    pointerEvents: resizing ? \"none\" : \"auto\",\n                    background: \"#14141F\",\n                  }}\n                />\n              )}\n            </ResizablePane>\n          </div>\n        );\n      };\n","import React from \"react\";\nimport { DevtoolsSelector } from \"./devtools-selector\";\nimport { DevtoolsIcon } from \"./icons/devtools-icon\";\nimport { SelectorButtonIcon } from \"./icons/selector-button\";\nimport { ApplyStyles } from \"./apply-styles\";\n\ntype Props = {\n  onClick?: () => void;\n  groupHover?: boolean;\n  onSelectorHighlight: (name: string) => void;\n  selectorActive: boolean;\n  setSelectorActive: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const DevtoolsPin = ({\n  onClick,\n  onSelectorHighlight,\n  selectorActive,\n  setSelectorActive,\n}: Props) => {\n  return (\n    <div role=\"button\" className=\"devtools-selector-pin-box\" onClick={onClick}>\n      <DevtoolsIcon />\n      <DevtoolsSelector\n        style={{\n          position: \"absolute\",\n          top: 5,\n          right: 18,\n          width: \"16px\",\n          height: \"16px\",\n        }}\n        icon={\n          <SelectorButtonIcon\n            width={16}\n            height={16}\n            style={{ pointerEvents: \"none\" }}\n          />\n        }\n        onHighlight={onSelectorHighlight}\n        active={selectorActive}\n        setActive={setSelectorActive}\n      />\n      <ApplyStyles>\n        {\n          /* css */ `\n            .devtools-selector-pin-box {\n              z-index: 9999;\n              position: relative;\n              user-select: none;\n              -webkit-user-select: none;\n              background: none;\n              border: none;\n              padding: 0;\n              margin: 0;\n              appearance: none;\n              padding-right: 1px;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              cursor: pointer;\n              color: #6C7793;\n              transition: color 0.1s ease-in-out;\n            }\n\n            .devtools-selector-pin-box:hover {\n              color: #0FBDBD;\n            }\n          `\n        }\n      </ApplyStyles>\n    </div>\n  );\n};\n","import React from \"react\";\nimport { useSelector } from \"src/utilities/use-selector\";\nimport { ApplyStyles } from \"./apply-styles\";\nimport { SelectableElements } from \"./selectable-elements\";\n\ntype Props = {\n  active: boolean;\n  setActive: React.Dispatch<React.SetStateAction<boolean>>;\n  onHighlight: (name: string) => void;\n  icon?: React.ReactNode;\n  style?: React.CSSProperties;\n};\n\nexport const DevtoolsSelector = ({\n  active,\n  setActive,\n  onHighlight,\n  icon,\n  style,\n}: Props) => {\n  const { selectableElements } = useSelector(active);\n\n  const onSelect = (name: string) => {\n    onHighlight(name);\n    setActive(false);\n  };\n\n  return (\n    <div style={style}>\n      <div\n        role=\"button\"\n        title=\"Element Selector\"\n        className=\"refine-devtools-selector-button\"\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          (document?.activeElement as HTMLElement)?.blur();\n          setActive((active) => !active);\n        }}\n      >\n        {icon}\n      </div>\n      {active && (\n        <SelectableElements elements={selectableElements} onSelect={onSelect} />\n      )}\n      <ApplyStyles>\n        {\n          /* css */ `\n        .refine-devtools-selector-button {\n          padding: 0;\n          margin: 0;\n          height: 100%;\n          width: 100%;\n          transform: rotate(0deg);\n          transition: transform 0.2s ease-in-out;\n        }\n\n        .refine-devtools-selector-button:hover {\n          transform: rotate(180deg);\n        }\n    `\n        }\n      </ApplyStyles>\n    </div>\n  );\n};\n","import React from \"react\";\nimport {\n  getElementFromFiber,\n  getFiberFromElement,\n  getFirstFiberHasName,\n  getFirstStateNodeFiber,\n  getNameFromFiber,\n  getParentOfFiber,\n} from \"@aliemir/dom-to-fiber-utils\";\nimport { DevToolsContext } from \"@refinedev/devtools-shared\";\n\ntype Fiber = Exclude<ReturnType<typeof getFiberFromElement>, null>;\n\ntype SelectableElement = {\n  element: HTMLElement;\n  name: string;\n};\n\nexport const useSelector = (active: boolean) => {\n  const { devtoolsUrl } = React.useContext(DevToolsContext);\n  const [selectableElements, setSelectableElements] = React.useState<\n    SelectableElement[]\n  >([]);\n\n  const fetchTraceItems = React.useCallback(async () => {\n    const response = await fetch(\n      `${devtoolsUrl ?? \"http://localhost:5001\"}/api/unique-trace-items`,\n    );\n    const data = await response.json();\n\n    return data.data as string[];\n  }, [devtoolsUrl]);\n\n  const selectAppropriateFiber = React.useCallback(\n    (start: Fiber | null, activeTraceItems: string[]) => {\n      let fiber = start;\n      let firstParentOfNodeWithName: Fiber | null;\n      let fiberWithStateNode: Fiber | null;\n\n      let acceptedName = false;\n\n      while (!acceptedName && fiber) {\n        // Get the first fiber node that has a name (look up the tree)\n        firstParentOfNodeWithName = getFirstFiberHasName(fiber);\n        // Get the first fiber node that has a state node (look up the tree)\n        fiberWithStateNode = getFirstStateNodeFiber(firstParentOfNodeWithName);\n        acceptedName = activeTraceItems.includes(\n          getNameFromFiber(firstParentOfNodeWithName) ?? \"\",\n        );\n        if (!acceptedName) {\n          fiber = getParentOfFiber(fiber);\n        }\n      }\n\n      if (fiberWithStateNode && firstParentOfNodeWithName) {\n        return {\n          stateNode: fiberWithStateNode,\n          nameFiber: firstParentOfNodeWithName,\n        };\n      }\n      return {\n        stateNode: null,\n        nameFiber: null,\n      };\n    },\n    [],\n  );\n\n  const getUniqueNodes = React.useCallback((nodes: SelectableElement[]) => {\n    const uniques: SelectableElement[] = [];\n\n    nodes.forEach((node) => {\n      const isElementExist = uniques.find(\n        (item) => item.element === node.element,\n      );\n      if (!isElementExist) {\n        uniques.push(node);\n      }\n    });\n\n    return uniques;\n  }, []);\n\n  const traverseBodyNodes = React.useCallback(\n    (\n      node: HTMLElement | null,\n      activeTraceItems: string[],\n    ): SelectableElement[] => {\n      if (!node) {\n        return [];\n      }\n\n      const items: SelectableElement[] = [];\n\n      const fiber = getFiberFromElement(node);\n      const targetFiber = selectAppropriateFiber(fiber, activeTraceItems);\n\n      if (targetFiber.nameFiber && targetFiber.stateNode) {\n        const element = getElementFromFiber(targetFiber.stateNode);\n        const name = getNameFromFiber(targetFiber.nameFiber);\n        if (element && name) {\n          items.push({\n            element,\n            name,\n          });\n        }\n      }\n\n      for (let i = 0; i < node?.children?.length ?? 0; i++) {\n        items.push(\n          ...traverseBodyNodes(\n            node.children[i] as HTMLElement,\n            activeTraceItems,\n          ),\n        );\n      }\n\n      return items;\n    },\n    [selectAppropriateFiber],\n  );\n\n  const prepareSelector = React.useCallback(async () => {\n    const fetchedTraceItems = await fetchTraceItems();\n    const traversedNodes = traverseBodyNodes(document.body, fetchedTraceItems);\n    const uniqueNodes = getUniqueNodes(traversedNodes);\n\n    setSelectableElements(uniqueNodes);\n  }, [fetchTraceItems, traverseBodyNodes, getUniqueNodes]);\n\n  React.useEffect(() => {\n    if (active) {\n      prepareSelector();\n    }\n  }, [active, prepareSelector]);\n\n  return {\n    selectableElements,\n  };\n};\n","import React from \"react\";\n\ntype Props = {\n  children: string;\n};\n\nexport const ApplyStyles = ({ children }: Props) => {\n  React.useEffect(() => {\n    const element = document.createElement(\"style\");\n    element.innerHTML = children;\n    document.head.appendChild(element);\n\n    return () => {\n      document.head.removeChild(element);\n    };\n  }, [children]);\n\n  return null;\n};\n","import React from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { createPortal } from \"react-dom\";\nimport { ApplyStyles } from \"./apply-styles\";\nimport { SelectorIcon } from \"./icons/selector-button\";\n\nconst SelectableElement = ({\n  element,\n  name,\n  onSelect,\n}: {\n  element: HTMLElement;\n  name: string;\n  onSelect: (name: string) => void;\n}) => {\n  const [position] = React.useState(() => {\n    const { top, left, width, height } = element.getBoundingClientRect();\n    const { scrollLeft, scrollTop } = document.documentElement;\n    const positionLeft = left + scrollLeft;\n    const positionTop = top + scrollTop;\n\n    return { left: positionLeft, top: positionTop, width, height };\n  });\n\n  const elementRef = React.useRef<HTMLButtonElement | null>(null);\n\n  React.useEffect(() => {\n    // use scroll event listener\n    const onScroll = debounce(\n      () => {\n        const { top, left, width, height } = element.getBoundingClientRect();\n        const { scrollLeft, scrollTop } = document.documentElement;\n        const positionLeft = left + scrollLeft;\n        const positionTop = top + scrollTop;\n\n        elementRef.current?.style.setProperty(\"left\", `${positionLeft}px`);\n        elementRef.current?.style.setProperty(\"top\", `${positionTop}px`);\n        elementRef.current?.style.setProperty(\"width\", `${width}px`);\n        elementRef.current?.style.setProperty(\"height\", `${height}px`);\n        elementRef.current?.style.setProperty(\"opacity\", \"1\");\n      },\n      200,\n      {\n        leading: false,\n        trailing: true,\n      },\n    );\n\n    const opacityOnScroll = debounce(\n      () => {\n        elementRef.current?.style.setProperty(\"opacity\", \"0\");\n      },\n      200,\n      {\n        leading: true,\n        trailing: false,\n      },\n    );\n\n    document.addEventListener(\"scroll\", onScroll);\n    document.addEventListener(\"scroll\", opacityOnScroll);\n\n    return () => {\n      document.removeEventListener(\"scroll\", onScroll);\n      document.removeEventListener(\"scroll\", opacityOnScroll);\n    };\n  }, [element]);\n\n  const placement = React.useMemo(() => {\n    const tooltipBaseSize = { width: 22, height: 22 };\n    const nameWidth = name.length * 7.5;\n    const tooltipSize = {\n      width: tooltipBaseSize.width + nameWidth,\n      height: tooltipBaseSize.height,\n    };\n    const gap = 4;\n\n    // outside top start\n    if (\n      position.top - tooltipSize.height > 0 &&\n      position.left + tooltipSize.width < window.innerWidth &&\n      position.width > tooltipSize.width\n    ) {\n      return { left: gap / 2, top: tooltipSize.height * -1 - gap };\n    }\n    // inside top start\n    if (\n      position.height >= tooltipSize.height * 1.5 &&\n      position.width >= tooltipSize.width * 1.5\n    ) {\n      return { left: 0 + gap, top: 0 + gap };\n    }\n    // outside left start\n    if (position.left - tooltipSize.width > 0) {\n      return { right: position.width + gap, top: 0 - 1 };\n    }\n    // outside right start\n    if (\n      position.left + position.width + tooltipSize.width <\n      window.innerWidth\n    ) {\n      return { left: position.width + gap, top: 0 - 1 };\n    }\n    // outside bottom start\n    if (\n      position.top + position.height + tooltipSize.height <\n      document.documentElement.scrollHeight\n    ) {\n      return { left: 0 - 1, top: position.height + gap };\n    }\n\n    return { left: 0, top: 0 };\n  }, [position, name.length]);\n\n  return (\n    <button\n      type=\"button\"\n      className=\"selector-xray-box\"\n      onClick={(event) => {\n        event?.preventDefault();\n        event?.stopPropagation();\n        onSelect(name);\n      }}\n      ref={elementRef}\n      style={{\n        position: \"absolute\",\n        ...position,\n      }}\n    >\n      <div\n        style={{\n          position: \"absolute\",\n          ...placement,\n        }}\n        className=\"selector-xray-info\"\n      >\n        <span className=\"selector-xray-info-icon\">\n          <SelectorIcon\n            width={12}\n            height={12}\n            style={{ pointerEvents: \"none\" }}\n          />\n        </span>\n        <span className=\"selector-xray-info-title\">{` ${name}`}</span>\n      </div>\n    </button>\n  );\n};\n\nexport const SelectableElements = ({\n  elements,\n  onSelect,\n}: {\n  elements: Array<{ element: HTMLElement; name: string }>;\n  onSelect: (name: string) => void;\n}) => {\n  const [selectorBoxRoot, setSelectorBoxRoot] =\n    React.useState<HTMLElement | null>(null);\n\n  React.useEffect(() => {\n    if (!selectorBoxRoot) {\n      const element = document.createElement(\"div\");\n      element.id = \"selector-box-root\";\n\n      document.body.appendChild(element);\n\n      setSelectorBoxRoot(element);\n\n      return () => {\n        document.body.removeChild(element);\n        setSelectorBoxRoot(null);\n      };\n    }\n\n    return () => 0;\n  }, []);\n\n  if (!selectorBoxRoot) return null;\n\n  return (\n    <>\n      {createPortal(\n        elements.map((element, idx) => (\n          <SelectableElement\n            key={`selector-element-${idx}-${element.name}`}\n            {...element}\n            onSelect={onSelect}\n          />\n        )),\n        selectorBoxRoot,\n      )}\n      <ApplyStyles>\n        {\n          /* css */ `\n          .selector-xray-box {\n            display: flex;\n            margin: 0;\n            padding: 0;\n            appearance: none;\n            z-index: 9999;\n            border: 2px dashed #47EBEB;\n            border-radius: 6px;\n            background: rgba(71, 235, 235, 0.01);\n            transition: opacity 0.2s ease-in-out;\n            cursor: crosshair;\n          }\n        \n          .selector-xray-info {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n      \n            z-index: 10;\n      \n            padding: 3px 0;\n            min-width: 22px;\n            height: 22px;\n      \n            color: #14141F;\n            background: #47EBEB;\n      \n            font-size: 12px;\n            line-height: 16px;\n            font-family: monospace;\n            border-radius: 11px;\n          }\n      \n          .selector-xray-info-icon {\n            display: flex;\n            min-width: 22px;\n            justify-content: center;\n            align-items: center;\n            flex-shrink: 0;\n          }\n      \n          .selector-xray-info-title {\n            display: block;\n            max-width: 0;\n            overflow: hidden;\n            transition-property: max-width, padding-right;\n            transition-duration: 0.2s;\n            transition-timing-function: ease-in-out;\n            transition-delay: 0.1s;\n          }\n      \n          .selector-xray-box:hover .selector-xray-info-title {\n            max-width: 200px;\n            padding-right: 8px;\n          }\n        `\n        }\n      </ApplyStyles>\n    </>\n  );\n};\n","import React from \"react\";\n\nexport const SelectorButtonIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={16}\n    height={16}\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fill=\"#0FBDBD\"\n      fillRule=\"evenodd\"\n      d=\"M9 1a1 1 0 0 0-2 0v2.1A5.006 5.006 0 0 0 3.1 7H1a1 1 0 0 0 0 2h2.1A5.006 5.006 0 0 0 7 12.9V15a1 1 0 1 0 2 0v-2.1A5.006 5.006 0 0 0 12.9 9H15a1 1 0 1 0 0-2h-2.1A5.006 5.006 0 0 0 9 3.1V1Zm2 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\n\nexport const SelectorIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={16}\n    height={16}\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fill=\"#14141F\"\n      fillRule=\"evenodd\"\n      d=\"M9 1a1 1 0 0 0-2 0v2.1A5.006 5.006 0 0 0 3.1 7H1a1 1 0 0 0 0 2h2.1A5.006 5.006 0 0 0 7 12.9V15a1 1 0 1 0 2 0v-2.1A5.006 5.006 0 0 0 12.9 9H15a1 1 0 1 0 0-2h-2.1A5.006 5.006 0 0 0 9 3.1V1Zm2 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\n\nexport const DevtoolsIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={157}\n    height={25}\n    viewBox=\"0 0 157 25\"\n    fill=\"none\"\n    {...props}\n  >\n    <g>\n      <path fill=\"#1D1E30\" d=\"M17 1h123v24H17z\" />\n      <path\n        fill=\"#1D1E30\"\n        d=\"M6.265 9.205A12 12 0 0 1 17.649 1H25v24H1L6.265 9.205ZM150.735 9.205A12 12 0 0 0 139.351 1H132v24h24l-5.265-15.795Z\"\n      />\n      <path\n        fill=\"currentColor\"\n        d=\"M25 14.333A1.333 1.333 0 1 1 25 17a1.333 1.333 0 0 1 0-2.667Z\"\n      />\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M23.211 20.578a4 4 0 0 0 3.578 0l4-2A4 4 0 0 0 33 15v-4a4 4 0 0 0-2.211-3.578l-4-2a4 4 0 0 0-3.578 0l-4 2A4 4 0 0 0 17 11v4a4 4 0 0 0 2.211 3.578l4 2Zm-.878-4.911a2.667 2.667 0 0 0 5.334 0v-5.334a2.667 2.667 0 0 0-5.334 0v5.334Z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#CFD7E2\"\n        d=\"M42.152 17a.287.287 0 0 1-.192-.072.287.287 0 0 1-.072-.192V9.032c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h4.2c.288 0 .56.056.816.168a2.135 2.135 0 0 1 1.14 1.128c.112.256.168.532.168.828v3.984c0 .296-.056.572-.168.828a2.135 2.135 0 0 1-1.14 1.128 2.014 2.014 0 0 1-.816.168h-4.2Zm1.38-1.644h2.82a.455.455 0 0 0 .336-.132.497.497 0 0 0 .132-.348v-3.984a.455.455 0 0 0-.132-.336.436.436 0 0 0-.336-.144h-2.82v4.944Zm13.18-5.196a.244.244 0 0 1-.253.252h-4.44v1.656h4.02c.072 0 .132.024.18.072a.227.227 0 0 1 .084.18v1.128a.264.264 0 0 1-.084.192.244.244 0 0 1-.18.072h-4.02v1.644h4.44c.072 0 .132.028.18.084a.244.244 0 0 1 .072.18v1.116a.287.287 0 0 1-.072.192.244.244 0 0 1-.18.072h-5.832a.244.244 0 0 1-.18-.072.287.287 0 0 1-.072-.192V9.032c0-.072.024-.132.072-.18a.227.227 0 0 1 .18-.084h5.832c.072 0 .132.028.18.084a.244.244 0 0 1 .072.18v1.128ZM63.014 17h-2.232a.387.387 0 0 1-.216-.072.356.356 0 0 1-.144-.168l-1.716-4.296a.853.853 0 0 1-.072-.24 1.783 1.783 0 0 1-.024-.264V9.032c0-.072.024-.132.072-.18a.227.227 0 0 1 .18-.084h1.128c.072 0 .132.028.18.084a.227.227 0 0 1 .084.18v2.616c0 .072.008.156.024.252s.04.176.072.24l1.284 3.216h.528l1.284-3.216a.853.853 0 0 0 .072-.24c.016-.096.024-.18.024-.252V9.032c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h1.128c.072 0 .132.028.18.084a.244.244 0 0 1 .072.18v2.928c0 .072-.008.16-.024.264a.853.853 0 0 1-.072.24l-1.716 4.296a.356.356 0 0 1-.144.168.387.387 0 0 1-.216.072ZM73.29 8.768c.072 0 .132.028.18.084a.227.227 0 0 1 .084.18v1.128a.227.227 0 0 1-.084.18.244.244 0 0 1-.18.072h-2.208v6.324a.264.264 0 0 1-.084.192.244.244 0 0 1-.18.072H69.69a.244.244 0 0 1-.18-.072.287.287 0 0 1-.072-.192v-6.324H67.23a.287.287 0 0 1-.192-.072.244.244 0 0 1-.072-.18V9.032c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h6.06Zm6.507.012c.296 0 .572.056.828.168a2.171 2.171 0 0 1 1.128 1.128c.112.256.168.528.168.816v3.996c0 .288-.056.56-.168.816a2.171 2.171 0 0 1-1.128 1.128 2.043 2.043 0 0 1-.828.168h-2.34c-.296 0-.572-.056-.828-.168a2.171 2.171 0 0 1-1.128-1.128 2.014 2.014 0 0 1-.168-.816v-3.996c0-.288.056-.56.168-.816a2.171 2.171 0 0 1 1.128-1.128c.256-.112.532-.168.828-.168h2.34Zm.48 2.112a.436.436 0 0 0-.144-.336.455.455 0 0 0-.336-.132h-2.34a.497.497 0 0 0-.348.132.455.455 0 0 0-.132.336v3.996c0 .136.044.248.132.336a.497.497 0 0 0 .348.132h2.34a.455.455 0 0 0 .336-.132.436.436 0 0 0 .144-.336v-3.996Zm7.888-2.112c.295 0 .572.056.828.168a2.171 2.171 0 0 1 1.128 1.128c.112.256.168.528.168.816v3.996c0 .288-.056.56-.168.816a2.171 2.171 0 0 1-1.128 1.128 2.043 2.043 0 0 1-.828.168h-2.34c-.297 0-.573-.056-.829-.168a2.171 2.171 0 0 1-1.127-1.128 2.014 2.014 0 0 1-.168-.816v-3.996c0-.288.056-.56.168-.816a2.171 2.171 0 0 1 1.127-1.128c.257-.112.532-.168.829-.168h2.34Zm.48 2.112a.436.436 0 0 0-.144-.336.455.455 0 0 0-.337-.132h-2.34a.497.497 0 0 0-.347.132.455.455 0 0 0-.133.336v3.996c0 .136.044.248.133.336a.497.497 0 0 0 .347.132h2.34a.455.455 0 0 0 .337-.132.436.436 0 0 0 .143-.336v-3.996ZM98.294 17H92.68a.287.287 0 0 1-.192-.072.287.287 0 0 1-.072-.192V9.032c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h1.116c.072 0 .132.028.18.084a.227.227 0 0 1 .084.18v6.324h4.236c.072 0 .132.028.18.084a.244.244 0 0 1 .072.18v1.116a.287.287 0 0 1-.072.192.244.244 0 0 1-.18.072Zm7.336-5.76a.287.287 0 0 1-.192-.072.287.287 0 0 1-.072-.192v-.084a.455.455 0 0 0-.132-.336.436.436 0 0 0-.336-.144h-2.352a.46.46 0 0 0-.336.144.455.455 0 0 0-.132.336v.696c0 .136.044.252.132.348a.482.482 0 0 0 .336.132h2.352c.288 0 .56.056.816.168a2.171 2.171 0 0 1 1.128 1.128c.112.256.168.528.168.816v.696c0 .296-.056.572-.168.828a2.171 2.171 0 0 1-1.128 1.128 2.014 2.014 0 0 1-.816.168h-2.352c-.288 0-.56-.056-.816-.168a2.171 2.171 0 0 1-1.128-1.128 2.043 2.043 0 0 1-.168-.828v-.084c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h1.116c.072 0 .132.028.18.084a.227.227 0 0 1 .084.18v.084c0 .136.044.252.132.348a.482.482 0 0 0 .336.132h2.352a.455.455 0 0 0 .336-.132.497.497 0 0 0 .132-.348v-.696a.455.455 0 0 0-.132-.336.455.455 0 0 0-.336-.132h-2.352c-.288 0-.56-.056-.816-.168a2.171 2.171 0 0 1-1.128-1.128 2.099 2.099 0 0 1-.168-.828v-.696c0-.296.056-.572.168-.828a2.171 2.171 0 0 1 1.128-1.128c.256-.112.528-.168.816-.168h2.352c.288 0 .56.056.816.168a2.171 2.171 0 0 1 1.128 1.128c.112.256.168.532.168.828v.084a.287.287 0 0 1-.072.192.244.244 0 0 1-.18.072h-1.128Z\"\n      />\n    </g>\n  </svg>\n);\n","import React from \"react\";\nimport type { Placement } from \"src/interfaces/placement\";\nimport {\n  getDefaultPanelSize,\n  getMaxPanelHeight,\n  getMaxPanelWidth,\n  getPanelPosition,\n  getPanelToggleTransforms,\n  MIN_PANEL_HEIGHT,\n  MIN_PANEL_WIDTH,\n  roundToEven,\n} from \"src/utilities\";\nimport { ResizeHandleIcon } from \"./icons/resize-handle-icon\";\n\ntype Props = {\n  placement: Placement;\n  defaultWidth?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  defaultHeight?: number;\n  minHeight?: number;\n  maxHeight?: number;\n  children: ({ resizing }: { resizing: string | null }) => React.ReactNode;\n  onResize?: (width: number, height: number) => void;\n  visible?: boolean;\n};\n\nexport const ResizablePane = ({ placement, visible, children }: Props) => {\n  const [hover, setHover] = React.useState(false);\n  const [resizing, setResizing] = React.useState<\n    \"lx\" | \"rx\" | \"ty\" | \"by\" | null\n  >(null);\n  const [resizePosition, setResizePosition] = React.useState<{\n    x: number;\n    y: number;\n  } | null>(null);\n  const [panelSize, setPanelSize] = React.useState<\n    Record<\"width\" | \"height\", number>\n  >(() => {\n    const defaultSize = getDefaultPanelSize(placement);\n\n    return {\n      width: roundToEven(defaultSize.width),\n      height: roundToEven(defaultSize.height),\n    };\n  });\n\n  React.useEffect(() => {\n    const handleResize = () => {\n      setPanelSize((p) => {\n        const defaultSize = getDefaultPanelSize(placement, p);\n\n        return {\n          width: roundToEven(defaultSize.width),\n          height: roundToEven(defaultSize.height),\n        };\n      });\n    };\n\n    handleResize();\n\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, [placement]);\n\n  React.useEffect(() => {\n    const handleMouseUp = () => {\n      setResizing(null);\n    };\n\n    if (resizing !== null) {\n      window.addEventListener(\"mouseup\", handleMouseUp);\n\n      return () => {\n        window.removeEventListener(\"mouseup\", handleMouseUp);\n      };\n    }\n\n    return;\n  }, [resizing]);\n\n  React.useEffect(() => {\n    const currentCursor = document.body.style.cursor;\n\n    if (resizing?.includes(\"x\")) {\n      document.body.style.cursor = \"col-resize\";\n    } else if (resizing?.includes(\"y\")) {\n      document.body.style.cursor = \"row-resize\";\n    }\n\n    return () => {\n      document.body.style.cursor = currentCursor;\n    };\n  }, [resizing]);\n\n  React.useEffect(() => {\n    const handleMouseMove = (e: MouseEvent) => {\n      if (resizing?.[1] === \"x\") {\n        const diff = e.clientX - (resizePosition?.x ?? e.clientX);\n        const newWidth =\n          panelSize.width + (resizing === \"lx\" ? -diff : diff) * 2;\n\n        setPanelSize((p) => ({\n          ...p,\n          width: roundToEven(\n            Math.min(\n              getMaxPanelWidth(placement),\n              Math.max(MIN_PANEL_WIDTH, newWidth),\n            ),\n          ),\n        }));\n      } else if (resizing?.[1] === \"y\") {\n        const diff = e.clientY - (resizePosition?.y ?? e.clientY);\n        const newHeight =\n          panelSize.height + (resizing === \"ty\" ? -diff : diff) * 1;\n\n        setPanelSize((p) => ({\n          ...p,\n          height: roundToEven(\n            Math.min(\n              getMaxPanelHeight(placement),\n              Math.max(MIN_PANEL_HEIGHT, newHeight),\n            ),\n          ),\n        }));\n      }\n    };\n\n    if (resizing !== null) {\n      window.addEventListener(\"mousemove\", handleMouseMove);\n\n      return () => {\n        window.removeEventListener(\"mousemove\", handleMouseMove);\n      };\n    }\n\n    return;\n  }, [resizing, placement]);\n\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        borderRadius: \"8px\",\n        boxShadow: \"0 0 10px rgba(0, 0, 0, 0.5)\",\n        border: \"1px solid rgba(0, 0, 0, 0.5)\",\n        transitionProperty: \"transform, opacity\",\n        transitionTimingFunction: \"ease-in-out\",\n        transitionDuration: \"0.2s\",\n        ...getPanelPosition(placement),\n        opacity: visible ? 1 : 0,\n        transform: `${\n          getPanelPosition(placement).transform\n        } ${getPanelToggleTransforms(visible ?? false)}`,\n        ...panelSize,\n      }}\n      onMouseEnter={() => {\n        setHover(true);\n      }}\n      onMouseLeave={() => {\n        setHover(false);\n      }}\n    >\n      {children({ resizing })}\n      {/*  */}\n      <React.Fragment>\n        <div\n          style={{\n            position: \"absolute\",\n            left: 0,\n            top: \"50%\",\n            width: \"10px\",\n            height: \"26px\",\n            transform: \"translateY(-13px) translateX(-5px)\",\n            cursor: \"col-resize\",\n            transition: \"opacity ease-in-out 0.2s\",\n            pointerEvents: hover || resizing ? \"auto\" : \"none\",\n            opacity: hover || resizing ? 1 : 0,\n          }}\n          onMouseDown={(event) => {\n            setResizing(\"lx\");\n            setResizePosition({\n              x: event.clientX,\n              y: event.clientY,\n            });\n\n            event.preventDefault();\n          }}\n        >\n          <ResizeHandleIcon />\n        </div>\n        <div\n          style={{\n            position: \"absolute\",\n            right: 0,\n            top: \"50%\",\n            width: \"10px\",\n            height: \"26px\",\n            transform: \"translateY(-13px) translateX(5px)\",\n            cursor: \"col-resize\",\n            transition: \"opacity ease-in-out 0.2s\",\n            pointerEvents: hover || resizing ? \"auto\" : \"none\",\n            opacity: hover || resizing ? 1 : 0,\n          }}\n          onMouseDown={(event) => {\n            setResizing(\"rx\");\n            setResizePosition({\n              x: event.clientX,\n              y: event.clientY,\n            });\n\n            event.preventDefault();\n          }}\n        >\n          <ResizeHandleIcon />\n        </div>\n        <div\n          style={{\n            position: \"absolute\",\n            left: \"50%\",\n            top: 0,\n            width: \"26px\",\n            height: \"10px\",\n            transform: \"translateY(-5px) translateX(-13px)\",\n            cursor: \"row-resize\",\n            transition: \"opacity ease-in-out 0.2s\",\n            pointerEvents: hover || resizing ? \"auto\" : \"none\",\n            opacity: hover || resizing ? 1 : 0,\n          }}\n          onMouseDown={(event) => {\n            setResizing(\"ty\");\n            setResizePosition({\n              x: event.clientX,\n              y: event.clientY,\n            });\n\n            event.preventDefault();\n          }}\n        >\n          <ResizeHandleIcon\n            style={{\n              transform: \"rotate(90deg)\",\n              transformOrigin: \"13px 13px\",\n            }}\n          />\n        </div>\n        <div\n          style={{\n            position: \"absolute\",\n            left: \"50%\",\n            bottom: 0,\n            width: \"26px\",\n            height: \"10px\",\n            transform: \"translateY(5px) translateX(-13px)\",\n            cursor: \"row-resize\",\n            transition: \"opacity ease-in-out 0.2s\",\n            pointerEvents: hover || resizing ? \"auto\" : \"none\",\n            opacity: hover || resizing ? 1 : 0,\n          }}\n          onMouseDown={(event) => {\n            setResizing(\"by\");\n            setResizePosition({\n              x: event.clientX,\n              y: event.clientY,\n            });\n\n            event.preventDefault();\n          }}\n        >\n          <ResizeHandleIcon\n            style={{\n              transform: \"rotate(90deg)\",\n              transformOrigin: \"13px 13px\",\n            }}\n          />\n        </div>\n      </React.Fragment>\n    </div>\n  );\n};\n","import type { Placement } from \"src/interfaces/placement\";\n\nexport const getPanelToggleTransforms = (visible: boolean) => {\n  return visible ? \"scaleX(1) translateY(0)\" : \"scaleX(0) translateY(25vw)\";\n};\n\nexport const SIZE = 50;\nexport const BUFFER = 10;\n\nconst PREFERRED_DEFAULT_WIDTH = () =>\n  typeof window !== \"undefined\" ? window.innerWidth * 0.7 : 1440 * 0.7; // 70% of window width\nconst PREFERRED_DEFAULT_HEIGHT = () =>\n  typeof window !== \"undefined\" ? window.innerHeight * 0.7 : 900 * 0.7; // 70% of window height\n\nexport const MIN_PANEL_WIDTH = 640;\nexport const MIN_PANEL_HEIGHT = 360;\n\nexport const getPinButtonTransform = (hover?: boolean) => {\n  return `translateY(${hover ? \"0\" : \"50%\"})`;\n};\n\nexport const getPanelPosition = (placement: Placement) => {\n  switch (placement) {\n    case \"left\":\n      return {\n        left: `calc(${SIZE}px + ${BUFFER}px)`,\n        top: \"50%\",\n        transform: \"translateY(-50%)\",\n      };\n    case \"right\":\n      return {\n        right: `calc(${SIZE}px + ${BUFFER}px)`,\n        top: \"50%\",\n        transform: \"translateY(-50%)\",\n      };\n    case \"top\":\n      return {\n        left: \"50%\",\n        top: `calc(${SIZE}px + ${BUFFER}px)`,\n        transform: \"translateX(-50%)\",\n      };\n    case \"bottom\":\n      return {\n        left: \"50%\",\n        bottom: `calc(${SIZE}px + ${BUFFER}px)`,\n        transform: \"translateX(-50%)\",\n      };\n  }\n};\n\nexport const getMaxPanelWidth = (placement: Placement) => {\n  switch (placement) {\n    case \"left\":\n    case \"right\":\n      return (\n        -BUFFER -\n        SIZE -\n        BUFFER +\n        (typeof window !== \"undefined\" ? window.innerWidth : 1440) -\n        BUFFER\n      );\n    case \"top\":\n    case \"bottom\":\n      return (\n        -BUFFER +\n        (typeof window !== \"undefined\" ? window.innerWidth : 1440) -\n        BUFFER\n      );\n  }\n};\n\nexport const getMaxPanelHeight = (placement: Placement) => {\n  switch (placement) {\n    case \"left\":\n    case \"right\":\n      return (\n        -BUFFER +\n        (typeof window !== \"undefined\" ? window.innerHeight : 900) -\n        BUFFER\n      );\n    case \"top\":\n    case \"bottom\":\n      return (\n        -BUFFER -\n        SIZE -\n        BUFFER +\n        (typeof window !== \"undefined\" ? window.innerHeight : 900) -\n        BUFFER\n      );\n  }\n};\n\nexport const getDefaultPanelSize = (\n  placement: Placement,\n  preferredSize?: { width: number; height: number },\n): { width: number; height: number } => {\n  const defaultPreferred = {\n    width: PREFERRED_DEFAULT_WIDTH(),\n    height: PREFERRED_DEFAULT_HEIGHT(),\n  };\n\n  const maxPanelWidth = getMaxPanelWidth(placement);\n  const maxPanelHeight = getMaxPanelHeight(placement);\n\n  const width = Math.min(\n    maxPanelWidth,\n    (preferredSize ?? defaultPreferred).width,\n  );\n  const height = Math.min(\n    maxPanelHeight,\n    (preferredSize ?? defaultPreferred).height,\n  );\n\n  return {\n    width: width,\n    height: height,\n  };\n};\n\nexport const roundToEven = (num: number) => {\n  const rounded = Math.round(num);\n  return rounded % 2 === 0 ? rounded : rounded + 1;\n};\n","import React from \"react\";\n\nexport const ResizeHandleIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    width={10}\n    height={26}\n    viewBox=\"0 0 10 26\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <rect x={0.5} y={0.5} width={9} height={25} rx={4.5} fill=\"#1D1E30\" />\n    <path\n      d=\"M7 5C7 6.10457 6.10457 7 5 7C3.89543 7 3 6.10457 3 5C3 3.89543 3.89543 3 5 3C6.10457 3 7 3.89543 7 5Z\"\n      fill=\"#303450\"\n    />\n    <path\n      d=\"M7 13C7 14.1046 6.10457 15 5 15C3.89543 15 3 14.1046 3 13C3 11.8954 3.89543 11 5 11C6.10457 11 7 11.8954 7 13Z\"\n      fill=\"#303450\"\n    />\n    <path\n      d=\"M7 21C7 22.1046 6.10457 23 5 23C3.89543 23 3 22.1046 3 21C3 19.8954 3.89543 19 5 19C6.10457 19 7 19.8954 7 21Z\"\n      fill=\"#303450\"\n    />\n    <rect x={0.5} y={0.5} width={9} height={25} rx={4.5} stroke=\"#303450\" />\n  </svg>\n);\n","import React from \"react\";\nimport { DevToolsContextProvider } from \"@refinedev/devtools-shared\";\n\nexport const DevtoolsProvider =\n  __DEV_CONDITION__ !== \"development\"\n    ? ({ children }: React.PropsWithChildren) => children as any\n    : ({ children }: React.PropsWithChildren) => {\n        return <DevToolsContextProvider>{children}</DevToolsContextProvider>;\n      };\n"],"mappings":"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","names":["src_exports","__export","DevtoolsPanel","DevtoolsProvider","__toCommonJS","import_react","import_react","import_react","import_react","import_dom_to_fiber_utils","import_devtools_shared","useSelector","active","devtoolsUrl","React","selectableElements","setSelectableElements","fetchTraceItems","selectAppropriateFiber","start","activeTraceItems","fiber","firstParentOfNodeWithName","fiberWithStateNode","acceptedName","getUniqueNodes","nodes","uniques","node","item","traverseBodyNodes","_a","items","targetFiber","element","name","i","prepareSelector","fetchedTraceItems","traversedNodes","uniqueNodes","import_react","ApplyStyles","children","React","element","import_react","import_debounce","import_react_dom","import_react","SelectorButtonIcon","props","React","SelectorIcon","SelectableElement","element","name","onSelect","position","React","top","left","width","height","scrollLeft","scrollTop","positionLeft","positionTop","elementRef","onScroll","debounce","_a","_b","_c","_d","_e","opacityOnScroll","placement","tooltipBaseSize","nameWidth","tooltipSize","gap","event","SelectorIcon","SelectableElements","elements","selectorBoxRoot","setSelectorBoxRoot","idx","ApplyStyles","DevtoolsSelector","active","setActive","onHighlight","icon","style","selectableElements","useSelector","React","event","_a","SelectableElements","name","ApplyStyles","React","DevtoolsIcon","props","DevtoolsPin","onClick","onSelectorHighlight","selectorActive","setSelectorActive","React","DevtoolsIcon","DevtoolsSelector","SelectorButtonIcon","ApplyStyles","import_react","getPanelToggleTransforms","visible","PREFERRED_DEFAULT_WIDTH","PREFERRED_DEFAULT_HEIGHT","getPanelPosition","placement","getMaxPanelWidth","getMaxPanelHeight","getDefaultPanelSize","preferredSize","defaultPreferred","PREFERRED_DEFAULT_WIDTH","PREFERRED_DEFAULT_HEIGHT","maxPanelWidth","maxPanelHeight","width","height","roundToEven","num","rounded","import_react","ResizeHandleIcon","props","React","ResizablePane","placement","visible","children","hover","setHover","React","resizing","setResizing","resizePosition","setResizePosition","panelSize","setPanelSize","defaultSize","getDefaultPanelSize","roundToEven","handleResize","p","handleMouseUp","currentCursor","handleMouseMove","e","diff","newWidth","getMaxPanelWidth","newHeight","getMaxPanelHeight","getPanelPosition","getPanelToggleTransforms","event","ResizeHandleIcon","import_devtools_shared","DevtoolsPanel","browser","setBrowser","React","visible","setVisible","placement","devtoolsUrl","ws","width","setWidth","selectorActive","setSelectorActive","onSelectorHighlight","name","onSelectorOpen","onResize","DevtoolsPin","v","ResizablePane","resizing","import_react","import_devtools_shared","DevtoolsProvider","children","React"]}
+{"version":3,"sources":["../src/index.ts","../src/panel.tsx","../src/components/devtools-pin.tsx","../src/components/devtools-selector.tsx","../src/utilities/use-selector.tsx","../src/components/apply-styles.tsx","../src/components/selectable-elements.tsx","../src/components/icons/selector-button.tsx","../src/components/icons/devtools-icon.tsx","../src/components/resizable-pane.tsx","../src/utilities/index.ts","../src/components/icons/resize-handle-icon.tsx","../src/provider.tsx"],"sourcesContent":["export { DevtoolsPanel } from \"./panel.js\";\nexport { DevtoolsProvider } from \"./provider.js\";\n","import React from \"react\";\nimport { DevtoolsPin } from \"./components/devtools-pin\";\nimport { ResizablePane } from \"./components/resizable-pane\";\n\nimport {\n  DevToolsContext,\n  DevtoolsEvent,\n  send,\n} from \"@refinedev/devtools-shared\";\n\nimport type { Placement } from \"./interfaces/placement\";\n\nexport const DevtoolsPanel =\n  __DEV_CONDITION__ !== \"development\"\n    ? () => null\n    : () => {\n        const [browser, setBrowser] = React.useState<boolean>(false);\n        const [visible, setVisible] = React.useState(false);\n        const [placement] = React.useState<Placement>(\"bottom\");\n        const { devtoolsUrl, ws } = React.useContext(DevToolsContext);\n        const [width, setWidth] = React.useState<number>(0);\n        const [selectorActive, setSelectorActive] = React.useState(false);\n\n        const onSelectorHighlight = React.useCallback(\n          (name: string) => {\n            if (ws) {\n              send(ws, DevtoolsEvent.DEVTOOLS_HIGHLIGHT_IN_MONITOR, {\n                name,\n              });\n            }\n            setVisible(true);\n          },\n          [ws],\n        );\n\n        const onSelectorOpen = React.useCallback(() => {\n          setVisible(false);\n        }, []);\n\n        React.useEffect(() => {\n          if (selectorActive) {\n            setVisible(false);\n          }\n        }, [selectorActive]);\n\n        React.useEffect(() => {\n          if (typeof window !== \"undefined\") {\n            setBrowser(true);\n          }\n        }, []);\n\n        React.useEffect(() => {\n          if (browser) {\n            // set width by window size dynamically\n            setWidth(window.innerWidth);\n\n            const onResize = () => {\n              setWidth(window.innerWidth);\n            };\n\n            window.addEventListener(\"resize\", onResize);\n\n            return () => {\n              window.removeEventListener(\"resize\", onResize);\n            };\n          }\n\n          return () => undefined;\n        }, [browser]);\n\n        if (!browser) {\n          return null;\n        }\n\n        return (\n          <div\n            style={{\n              position: \"fixed\",\n              left: `${Math.round(width / 2)}px`,\n              transform: \"translateX(-50%)\",\n              bottom: 0,\n              zIndex: 99999,\n            }}\n          >\n            <DevtoolsPin\n              onClick={() => {\n                setVisible((v) => !v);\n                setSelectorActive(false);\n              }}\n              onSelectorHighlight={onSelectorHighlight}\n              selectorActive={selectorActive}\n              setSelectorActive={setSelectorActive}\n            />\n            <ResizablePane visible={visible} placement={placement}>\n              {({ resizing }) => (\n                <iframe\n                  allow=\"clipboard-write;\"\n                  src={devtoolsUrl}\n                  srcDoc={\n                    devtoolsUrl\n                      ? undefined\n                      : `\n                            <html style=\"height:100%;padding:0;margin:0;\">\n                                <body style=\"display:flex;justify-content:center;height:100%;padding:24px;margin:0;align-items:center;box-sizing:border-box;\">\n                                    <h1 style=\"font-family:ui-monospace,monospace;color:#CFD7E2;text-align:center;\">Could not connect to the devtools server</h1>\n                                </body>\n                            </html>\n                        `\n                  }\n                  style={{\n                    width: \"100%\",\n                    height: \"100%\",\n                    border: \"none\",\n                    borderRadius: \"7px\",\n                    pointerEvents: resizing ? \"none\" : \"auto\",\n                    background: \"#14141F\",\n                  }}\n                />\n              )}\n            </ResizablePane>\n          </div>\n        );\n      };\n","import React from \"react\";\nimport { DevtoolsSelector } from \"./devtools-selector\";\nimport { DevtoolsIcon } from \"./icons/devtools-icon\";\nimport { SelectorButtonIcon } from \"./icons/selector-button\";\nimport { ApplyStyles } from \"./apply-styles\";\n\ntype Props = {\n  onClick?: () => void;\n  groupHover?: boolean;\n  onSelectorHighlight: (name: string) => void;\n  selectorActive: boolean;\n  setSelectorActive: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const DevtoolsPin = ({\n  onClick,\n  onSelectorHighlight,\n  selectorActive,\n  setSelectorActive,\n}: Props) => {\n  return (\n    <div role=\"button\" className=\"devtools-selector-pin-box\" onClick={onClick}>\n      <DevtoolsIcon />\n      <DevtoolsSelector\n        style={{\n          position: \"absolute\",\n          top: 5,\n          right: 18,\n          width: \"16px\",\n          height: \"16px\",\n        }}\n        icon={\n          <SelectorButtonIcon\n            width={16}\n            height={16}\n            style={{ pointerEvents: \"none\" }}\n          />\n        }\n        onHighlight={onSelectorHighlight}\n        active={selectorActive}\n        setActive={setSelectorActive}\n      />\n      <ApplyStyles>\n        {\n          /* css */ `\n            .devtools-selector-pin-box {\n              z-index: 9999;\n              position: relative;\n              user-select: none;\n              -webkit-user-select: none;\n              background: none;\n              border: none;\n              padding: 0;\n              margin: 0;\n              appearance: none;\n              padding-right: 1px;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              cursor: pointer;\n              color: #6C7793;\n              transition: color 0.1s ease-in-out;\n            }\n\n            .devtools-selector-pin-box:hover {\n              color: #0FBDBD;\n            }\n          `\n        }\n      </ApplyStyles>\n    </div>\n  );\n};\n","import React from \"react\";\nimport { useSelector } from \"src/utilities/use-selector\";\nimport { ApplyStyles } from \"./apply-styles\";\nimport { SelectableElements } from \"./selectable-elements\";\n\ntype Props = {\n  active: boolean;\n  setActive: React.Dispatch<React.SetStateAction<boolean>>;\n  onHighlight: (name: string) => void;\n  icon?: React.ReactNode;\n  style?: React.CSSProperties;\n};\n\nexport const DevtoolsSelector = ({\n  active,\n  setActive,\n  onHighlight,\n  icon,\n  style,\n}: Props) => {\n  const { selectableElements } = useSelector(active);\n\n  const onSelect = (name: string) => {\n    onHighlight(name);\n    setActive(false);\n  };\n\n  return (\n    <div style={style}>\n      <div\n        role=\"button\"\n        title=\"Element Selector\"\n        className=\"refine-devtools-selector-button\"\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          (document?.activeElement as HTMLElement)?.blur();\n          setActive((active) => !active);\n        }}\n      >\n        {icon}\n      </div>\n      {active && (\n        <SelectableElements elements={selectableElements} onSelect={onSelect} />\n      )}\n      <ApplyStyles>\n        {\n          /* css */ `\n        .refine-devtools-selector-button {\n          padding: 0;\n          margin: 0;\n          height: 100%;\n          width: 100%;\n          transform: rotate(0deg);\n          transition: transform 0.2s ease-in-out;\n        }\n\n        .refine-devtools-selector-button:hover {\n          transform: rotate(180deg);\n        }\n    `\n        }\n      </ApplyStyles>\n    </div>\n  );\n};\n","import React from \"react\";\nimport {\n  getElementFromFiber,\n  getFiberFromElement,\n  getFirstFiberHasName,\n  getFirstStateNodeFiber,\n  getNameFromFiber,\n  getParentOfFiber,\n} from \"@aliemir/dom-to-fiber-utils\";\nimport { DevToolsContext } from \"@refinedev/devtools-shared\";\n\ntype Fiber = Exclude<ReturnType<typeof getFiberFromElement>, null>;\n\ntype SelectableElement = {\n  element: HTMLElement;\n  name: string;\n};\n\nexport const useSelector = (active: boolean) => {\n  const { devtoolsUrl } = React.useContext(DevToolsContext);\n  const [selectableElements, setSelectableElements] = React.useState<\n    SelectableElement[]\n  >([]);\n\n  const fetchTraceItems = React.useCallback(async () => {\n    const response = await fetch(`${devtoolsUrl}/api/unique-trace-items`);\n    const data = await response.json();\n\n    return data.data as string[];\n  }, [devtoolsUrl]);\n\n  const selectAppropriateFiber = React.useCallback(\n    (start: Fiber | null, activeTraceItems: string[]) => {\n      let fiber = start;\n      let firstParentOfNodeWithName: Fiber | null;\n      let fiberWithStateNode: Fiber | null;\n\n      let acceptedName = false;\n\n      while (!acceptedName && fiber) {\n        // Get the first fiber node that has a name (look up the tree)\n        firstParentOfNodeWithName = getFirstFiberHasName(fiber);\n        // Get the first fiber node that has a state node (look up the tree)\n        fiberWithStateNode = getFirstStateNodeFiber(firstParentOfNodeWithName);\n        acceptedName = activeTraceItems.includes(\n          getNameFromFiber(firstParentOfNodeWithName) ?? \"\",\n        );\n        if (!acceptedName) {\n          fiber = getParentOfFiber(fiber);\n        }\n      }\n\n      if (fiberWithStateNode && firstParentOfNodeWithName) {\n        return {\n          stateNode: fiberWithStateNode,\n          nameFiber: firstParentOfNodeWithName,\n        };\n      }\n      return {\n        stateNode: null,\n        nameFiber: null,\n      };\n    },\n    [],\n  );\n\n  const getUniqueNodes = React.useCallback((nodes: SelectableElement[]) => {\n    const uniques: SelectableElement[] = [];\n\n    nodes.forEach((node) => {\n      const isElementExist = uniques.find(\n        (item) => item.element === node.element,\n      );\n      if (!isElementExist) {\n        uniques.push(node);\n      }\n    });\n\n    return uniques;\n  }, []);\n\n  const traverseBodyNodes = React.useCallback(\n    (\n      node: HTMLElement | null,\n      activeTraceItems: string[],\n    ): SelectableElement[] => {\n      if (!node) {\n        return [];\n      }\n\n      const items: SelectableElement[] = [];\n\n      const fiber = getFiberFromElement(node);\n      const targetFiber = selectAppropriateFiber(fiber, activeTraceItems);\n\n      if (targetFiber.nameFiber && targetFiber.stateNode) {\n        const element = getElementFromFiber(targetFiber.stateNode);\n        const name = getNameFromFiber(targetFiber.nameFiber);\n        if (element && name) {\n          items.push({\n            element,\n            name,\n          });\n        }\n      }\n\n      for (let i = 0; i < node?.children?.length ?? 0; i++) {\n        items.push(\n          ...traverseBodyNodes(\n            node.children[i] as HTMLElement,\n            activeTraceItems,\n          ),\n        );\n      }\n\n      return items;\n    },\n    [selectAppropriateFiber],\n  );\n\n  const prepareSelector = React.useCallback(async () => {\n    const fetchedTraceItems = await fetchTraceItems();\n    const traversedNodes = traverseBodyNodes(document.body, fetchedTraceItems);\n    const uniqueNodes = getUniqueNodes(traversedNodes);\n\n    setSelectableElements(uniqueNodes);\n  }, [fetchTraceItems, traverseBodyNodes, getUniqueNodes]);\n\n  React.useEffect(() => {\n    if (active) {\n      prepareSelector();\n    }\n  }, [active, prepareSelector]);\n\n  return {\n    selectableElements,\n  };\n};\n","import React from \"react\";\n\ntype Props = {\n  children: string;\n};\n\nexport const ApplyStyles = ({ children }: Props) => {\n  React.useEffect(() => {\n    const element = document.createElement(\"style\");\n    element.innerHTML = children;\n    document.head.appendChild(element);\n\n    return () => {\n      document.head.removeChild(element);\n    };\n  }, [children]);\n\n  return null;\n};\n","import React from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { createPortal } from \"react-dom\";\nimport { ApplyStyles } from \"./apply-styles\";\nimport { SelectorIcon } from \"./icons/selector-button\";\n\nconst SelectableElement = ({\n  element,\n  name,\n  onSelect,\n}: {\n  element: HTMLElement;\n  name: string;\n  onSelect: (name: string) => void;\n}) => {\n  const [position] = React.useState(() => {\n    const { top, left, width, height } = element.getBoundingClientRect();\n    const { scrollLeft, scrollTop } = document.documentElement;\n    const positionLeft = left + scrollLeft;\n    const positionTop = top + scrollTop;\n\n    return { left: positionLeft, top: positionTop, width, height };\n  });\n\n  const elementRef = React.useRef<HTMLButtonElement | null>(null);\n\n  React.useEffect(() => {\n    // use scroll event listener\n    const onScroll = debounce(\n      () => {\n        const { top, left, width, height } = element.getBoundingClientRect();\n        const { scrollLeft, scrollTop } = document.documentElement;\n        const positionLeft = left + scrollLeft;\n        const positionTop = top + scrollTop;\n\n        elementRef.current?.style.setProperty(\"left\", `${positionLeft}px`);\n        elementRef.current?.style.setProperty(\"top\", `${positionTop}px`);\n        elementRef.current?.style.setProperty(\"width\", `${width}px`);\n        elementRef.current?.style.setProperty(\"height\", `${height}px`);\n        elementRef.current?.style.setProperty(\"opacity\", \"1\");\n      },\n      200,\n      {\n        leading: false,\n        trailing: true,\n      },\n    );\n\n    const opacityOnScroll = debounce(\n      () => {\n        elementRef.current?.style.setProperty(\"opacity\", \"0\");\n      },\n      200,\n      {\n        leading: true,\n        trailing: false,\n      },\n    );\n\n    document.addEventListener(\"scroll\", onScroll);\n    document.addEventListener(\"scroll\", opacityOnScroll);\n\n    return () => {\n      document.removeEventListener(\"scroll\", onScroll);\n      document.removeEventListener(\"scroll\", opacityOnScroll);\n    };\n  }, [element]);\n\n  const placement = React.useMemo(() => {\n    const tooltipBaseSize = { width: 22, height: 22 };\n    const nameWidth = name.length * 7.5;\n    const tooltipSize = {\n      width: tooltipBaseSize.width + nameWidth,\n      height: tooltipBaseSize.height,\n    };\n    const gap = 4;\n\n    // outside top start\n    if (\n      position.top - tooltipSize.height > 0 &&\n      position.left + tooltipSize.width < window.innerWidth &&\n      position.width > tooltipSize.width\n    ) {\n      return { left: gap / 2, top: tooltipSize.height * -1 - gap };\n    }\n    // inside top start\n    if (\n      position.height >= tooltipSize.height * 1.5 &&\n      position.width >= tooltipSize.width * 1.5\n    ) {\n      return { left: 0 + gap, top: 0 + gap };\n    }\n    // outside left start\n    if (position.left - tooltipSize.width > 0) {\n      return { right: position.width + gap, top: 0 - 1 };\n    }\n    // outside right start\n    if (\n      position.left + position.width + tooltipSize.width <\n      window.innerWidth\n    ) {\n      return { left: position.width + gap, top: 0 - 1 };\n    }\n    // outside bottom start\n    if (\n      position.top + position.height + tooltipSize.height <\n      document.documentElement.scrollHeight\n    ) {\n      return { left: 0 - 1, top: position.height + gap };\n    }\n\n    return { left: 0, top: 0 };\n  }, [position, name.length]);\n\n  return (\n    <button\n      type=\"button\"\n      className=\"selector-xray-box\"\n      onClick={(event) => {\n        event?.preventDefault();\n        event?.stopPropagation();\n        onSelect(name);\n      }}\n      ref={elementRef}\n      style={{\n        position: \"absolute\",\n        ...position,\n      }}\n    >\n      <div\n        style={{\n          position: \"absolute\",\n          ...placement,\n        }}\n        className=\"selector-xray-info\"\n      >\n        <span className=\"selector-xray-info-icon\">\n          <SelectorIcon\n            width={12}\n            height={12}\n            style={{ pointerEvents: \"none\" }}\n          />\n        </span>\n        <span className=\"selector-xray-info-title\">{` ${name}`}</span>\n      </div>\n    </button>\n  );\n};\n\nexport const SelectableElements = ({\n  elements,\n  onSelect,\n}: {\n  elements: Array<{ element: HTMLElement; name: string }>;\n  onSelect: (name: string) => void;\n}) => {\n  const [selectorBoxRoot, setSelectorBoxRoot] =\n    React.useState<HTMLElement | null>(null);\n\n  React.useEffect(() => {\n    if (!selectorBoxRoot) {\n      const element = document.createElement(\"div\");\n      element.id = \"selector-box-root\";\n\n      document.body.appendChild(element);\n\n      setSelectorBoxRoot(element);\n\n      return () => {\n        document.body.removeChild(element);\n        setSelectorBoxRoot(null);\n      };\n    }\n\n    return () => 0;\n  }, []);\n\n  if (!selectorBoxRoot) return null;\n\n  return (\n    <>\n      {createPortal(\n        elements.map((element, idx) => (\n          <SelectableElement\n            key={`selector-element-${idx}-${element.name}`}\n            {...element}\n            onSelect={onSelect}\n          />\n        )),\n        selectorBoxRoot,\n      )}\n      <ApplyStyles>\n        {\n          /* css */ `\n          .selector-xray-box {\n            display: flex;\n            margin: 0;\n            padding: 0;\n            appearance: none;\n            z-index: 9999;\n            border: 2px dashed #47EBEB;\n            border-radius: 6px;\n            background: rgba(71, 235, 235, 0.01);\n            transition: opacity 0.2s ease-in-out;\n            cursor: crosshair;\n          }\n        \n          .selector-xray-info {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n      \n            z-index: 10;\n      \n            padding: 3px 0;\n            min-width: 22px;\n            height: 22px;\n      \n            color: #14141F;\n            background: #47EBEB;\n      \n            font-size: 12px;\n            line-height: 16px;\n            font-family: monospace;\n            border-radius: 11px;\n          }\n      \n          .selector-xray-info-icon {\n            display: flex;\n            min-width: 22px;\n            justify-content: center;\n            align-items: center;\n            flex-shrink: 0;\n          }\n      \n          .selector-xray-info-title {\n            display: block;\n            max-width: 0;\n            overflow: hidden;\n            transition-property: max-width, padding-right;\n            transition-duration: 0.2s;\n            transition-timing-function: ease-in-out;\n            transition-delay: 0.1s;\n          }\n      \n          .selector-xray-box:hover .selector-xray-info-title {\n            max-width: 200px;\n            padding-right: 8px;\n          }\n        `\n        }\n      </ApplyStyles>\n    </>\n  );\n};\n","import React from \"react\";\n\nexport const SelectorButtonIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={16}\n    height={16}\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fill=\"#0FBDBD\"\n      fillRule=\"evenodd\"\n      d=\"M9 1a1 1 0 0 0-2 0v2.1A5.006 5.006 0 0 0 3.1 7H1a1 1 0 0 0 0 2h2.1A5.006 5.006 0 0 0 7 12.9V15a1 1 0 1 0 2 0v-2.1A5.006 5.006 0 0 0 12.9 9H15a1 1 0 1 0 0-2h-2.1A5.006 5.006 0 0 0 9 3.1V1Zm2 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\n\nexport const SelectorIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={16}\n    height={16}\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fill=\"#14141F\"\n      fillRule=\"evenodd\"\n      d=\"M9 1a1 1 0 0 0-2 0v2.1A5.006 5.006 0 0 0 3.1 7H1a1 1 0 0 0 0 2h2.1A5.006 5.006 0 0 0 7 12.9V15a1 1 0 1 0 2 0v-2.1A5.006 5.006 0 0 0 12.9 9H15a1 1 0 1 0 0-2h-2.1A5.006 5.006 0 0 0 9 3.1V1Zm2 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\n\nexport const DevtoolsIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={157}\n    height={25}\n    viewBox=\"0 0 157 25\"\n    fill=\"none\"\n    {...props}\n  >\n    <g>\n      <path fill=\"#1D1E30\" d=\"M17 1h123v24H17z\" />\n      <path\n        fill=\"#1D1E30\"\n        d=\"M6.265 9.205A12 12 0 0 1 17.649 1H25v24H1L6.265 9.205ZM150.735 9.205A12 12 0 0 0 139.351 1H132v24h24l-5.265-15.795Z\"\n      />\n      <path\n        fill=\"currentColor\"\n        d=\"M25 14.333A1.333 1.333 0 1 1 25 17a1.333 1.333 0 0 1 0-2.667Z\"\n      />\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M23.211 20.578a4 4 0 0 0 3.578 0l4-2A4 4 0 0 0 33 15v-4a4 4 0 0 0-2.211-3.578l-4-2a4 4 0 0 0-3.578 0l-4 2A4 4 0 0 0 17 11v4a4 4 0 0 0 2.211 3.578l4 2Zm-.878-4.911a2.667 2.667 0 0 0 5.334 0v-5.334a2.667 2.667 0 0 0-5.334 0v5.334Z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#CFD7E2\"\n        d=\"M42.152 17a.287.287 0 0 1-.192-.072.287.287 0 0 1-.072-.192V9.032c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h4.2c.288 0 .56.056.816.168a2.135 2.135 0 0 1 1.14 1.128c.112.256.168.532.168.828v3.984c0 .296-.056.572-.168.828a2.135 2.135 0 0 1-1.14 1.128 2.014 2.014 0 0 1-.816.168h-4.2Zm1.38-1.644h2.82a.455.455 0 0 0 .336-.132.497.497 0 0 0 .132-.348v-3.984a.455.455 0 0 0-.132-.336.436.436 0 0 0-.336-.144h-2.82v4.944Zm13.18-5.196a.244.244 0 0 1-.253.252h-4.44v1.656h4.02c.072 0 .132.024.18.072a.227.227 0 0 1 .084.18v1.128a.264.264 0 0 1-.084.192.244.244 0 0 1-.18.072h-4.02v1.644h4.44c.072 0 .132.028.18.084a.244.244 0 0 1 .072.18v1.116a.287.287 0 0 1-.072.192.244.244 0 0 1-.18.072h-5.832a.244.244 0 0 1-.18-.072.287.287 0 0 1-.072-.192V9.032c0-.072.024-.132.072-.18a.227.227 0 0 1 .18-.084h5.832c.072 0 .132.028.18.084a.244.244 0 0 1 .072.18v1.128ZM63.014 17h-2.232a.387.387 0 0 1-.216-.072.356.356 0 0 1-.144-.168l-1.716-4.296a.853.853 0 0 1-.072-.24 1.783 1.783 0 0 1-.024-.264V9.032c0-.072.024-.132.072-.18a.227.227 0 0 1 .18-.084h1.128c.072 0 .132.028.18.084a.227.227 0 0 1 .084.18v2.616c0 .072.008.156.024.252s.04.176.072.24l1.284 3.216h.528l1.284-3.216a.853.853 0 0 0 .072-.24c.016-.096.024-.18.024-.252V9.032c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h1.128c.072 0 .132.028.18.084a.244.244 0 0 1 .072.18v2.928c0 .072-.008.16-.024.264a.853.853 0 0 1-.072.24l-1.716 4.296a.356.356 0 0 1-.144.168.387.387 0 0 1-.216.072ZM73.29 8.768c.072 0 .132.028.18.084a.227.227 0 0 1 .084.18v1.128a.227.227 0 0 1-.084.18.244.244 0 0 1-.18.072h-2.208v6.324a.264.264 0 0 1-.084.192.244.244 0 0 1-.18.072H69.69a.244.244 0 0 1-.18-.072.287.287 0 0 1-.072-.192v-6.324H67.23a.287.287 0 0 1-.192-.072.244.244 0 0 1-.072-.18V9.032c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h6.06Zm6.507.012c.296 0 .572.056.828.168a2.171 2.171 0 0 1 1.128 1.128c.112.256.168.528.168.816v3.996c0 .288-.056.56-.168.816a2.171 2.171 0 0 1-1.128 1.128 2.043 2.043 0 0 1-.828.168h-2.34c-.296 0-.572-.056-.828-.168a2.171 2.171 0 0 1-1.128-1.128 2.014 2.014 0 0 1-.168-.816v-3.996c0-.288.056-.56.168-.816a2.171 2.171 0 0 1 1.128-1.128c.256-.112.532-.168.828-.168h2.34Zm.48 2.112a.436.436 0 0 0-.144-.336.455.455 0 0 0-.336-.132h-2.34a.497.497 0 0 0-.348.132.455.455 0 0 0-.132.336v3.996c0 .136.044.248.132.336a.497.497 0 0 0 .348.132h2.34a.455.455 0 0 0 .336-.132.436.436 0 0 0 .144-.336v-3.996Zm7.888-2.112c.295 0 .572.056.828.168a2.171 2.171 0 0 1 1.128 1.128c.112.256.168.528.168.816v3.996c0 .288-.056.56-.168.816a2.171 2.171 0 0 1-1.128 1.128 2.043 2.043 0 0 1-.828.168h-2.34c-.297 0-.573-.056-.829-.168a2.171 2.171 0 0 1-1.127-1.128 2.014 2.014 0 0 1-.168-.816v-3.996c0-.288.056-.56.168-.816a2.171 2.171 0 0 1 1.127-1.128c.257-.112.532-.168.829-.168h2.34Zm.48 2.112a.436.436 0 0 0-.144-.336.455.455 0 0 0-.337-.132h-2.34a.497.497 0 0 0-.347.132.455.455 0 0 0-.133.336v3.996c0 .136.044.248.133.336a.497.497 0 0 0 .347.132h2.34a.455.455 0 0 0 .337-.132.436.436 0 0 0 .143-.336v-3.996ZM98.294 17H92.68a.287.287 0 0 1-.192-.072.287.287 0 0 1-.072-.192V9.032c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h1.116c.072 0 .132.028.18.084a.227.227 0 0 1 .084.18v6.324h4.236c.072 0 .132.028.18.084a.244.244 0 0 1 .072.18v1.116a.287.287 0 0 1-.072.192.244.244 0 0 1-.18.072Zm7.336-5.76a.287.287 0 0 1-.192-.072.287.287 0 0 1-.072-.192v-.084a.455.455 0 0 0-.132-.336.436.436 0 0 0-.336-.144h-2.352a.46.46 0 0 0-.336.144.455.455 0 0 0-.132.336v.696c0 .136.044.252.132.348a.482.482 0 0 0 .336.132h2.352c.288 0 .56.056.816.168a2.171 2.171 0 0 1 1.128 1.128c.112.256.168.528.168.816v.696c0 .296-.056.572-.168.828a2.171 2.171 0 0 1-1.128 1.128 2.014 2.014 0 0 1-.816.168h-2.352c-.288 0-.56-.056-.816-.168a2.171 2.171 0 0 1-1.128-1.128 2.043 2.043 0 0 1-.168-.828v-.084c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h1.116c.072 0 .132.028.18.084a.227.227 0 0 1 .084.18v.084c0 .136.044.252.132.348a.482.482 0 0 0 .336.132h2.352a.455.455 0 0 0 .336-.132.497.497 0 0 0 .132-.348v-.696a.455.455 0 0 0-.132-.336.455.455 0 0 0-.336-.132h-2.352c-.288 0-.56-.056-.816-.168a2.171 2.171 0 0 1-1.128-1.128 2.099 2.099 0 0 1-.168-.828v-.696c0-.296.056-.572.168-.828a2.171 2.171 0 0 1 1.128-1.128c.256-.112.528-.168.816-.168h2.352c.288 0 .56.056.816.168a2.171 2.171 0 0 1 1.128 1.128c.112.256.168.532.168.828v.084a.287.287 0 0 1-.072.192.244.244 0 0 1-.18.072h-1.128Z\"\n      />\n    </g>\n  </svg>\n);\n","import React from \"react\";\nimport type { Placement } from \"src/interfaces/placement\";\nimport {\n  getDefaultPanelSize,\n  getMaxPanelHeight,\n  getMaxPanelWidth,\n  getPanelPosition,\n  getPanelToggleTransforms,\n  MIN_PANEL_HEIGHT,\n  MIN_PANEL_WIDTH,\n  roundToEven,\n} from \"src/utilities\";\nimport { ResizeHandleIcon } from \"./icons/resize-handle-icon\";\n\ntype Props = {\n  placement: Placement;\n  defaultWidth?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  defaultHeight?: number;\n  minHeight?: number;\n  maxHeight?: number;\n  children: ({ resizing }: { resizing: string | null }) => React.ReactNode;\n  onResize?: (width: number, height: number) => void;\n  visible?: boolean;\n};\n\nexport const ResizablePane = ({ placement, visible, children }: Props) => {\n  const [hover, setHover] = React.useState(false);\n  const [resizing, setResizing] = React.useState<\n    \"lx\" | \"rx\" | \"ty\" | \"by\" | null\n  >(null);\n  const [resizePosition, setResizePosition] = React.useState<{\n    x: number;\n    y: number;\n  } | null>(null);\n  const [panelSize, setPanelSize] = React.useState<\n    Record<\"width\" | \"height\", number>\n  >(() => {\n    const defaultSize = getDefaultPanelSize(placement);\n\n    return {\n      width: roundToEven(defaultSize.width),\n      height: roundToEven(defaultSize.height),\n    };\n  });\n\n  React.useEffect(() => {\n    const handleResize = () => {\n      setPanelSize((p) => {\n        const defaultSize = getDefaultPanelSize(placement, p);\n\n        return {\n          width: roundToEven(defaultSize.width),\n          height: roundToEven(defaultSize.height),\n        };\n      });\n    };\n\n    handleResize();\n\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, [placement]);\n\n  React.useEffect(() => {\n    const handleMouseUp = () => {\n      setResizing(null);\n    };\n\n    if (resizing !== null) {\n      window.addEventListener(\"mouseup\", handleMouseUp);\n\n      return () => {\n        window.removeEventListener(\"mouseup\", handleMouseUp);\n      };\n    }\n\n    return;\n  }, [resizing]);\n\n  React.useEffect(() => {\n    const currentCursor = document.body.style.cursor;\n\n    if (resizing?.includes(\"x\")) {\n      document.body.style.cursor = \"col-resize\";\n    } else if (resizing?.includes(\"y\")) {\n      document.body.style.cursor = \"row-resize\";\n    }\n\n    return () => {\n      document.body.style.cursor = currentCursor;\n    };\n  }, [resizing]);\n\n  React.useEffect(() => {\n    const handleMouseMove = (e: MouseEvent) => {\n      if (resizing?.[1] === \"x\") {\n        const diff = e.clientX - (resizePosition?.x ?? e.clientX);\n        const newWidth =\n          panelSize.width + (resizing === \"lx\" ? -diff : diff) * 2;\n\n        setPanelSize((p) => ({\n          ...p,\n          width: roundToEven(\n            Math.min(\n              getMaxPanelWidth(placement),\n              Math.max(MIN_PANEL_WIDTH, newWidth),\n            ),\n          ),\n        }));\n      } else if (resizing?.[1] === \"y\") {\n        const diff = e.clientY - (resizePosition?.y ?? e.clientY);\n        const newHeight =\n          panelSize.height + (resizing === \"ty\" ? -diff : diff) * 1;\n\n        setPanelSize((p) => ({\n          ...p,\n          height: roundToEven(\n            Math.min(\n              getMaxPanelHeight(placement),\n              Math.max(MIN_PANEL_HEIGHT, newHeight),\n            ),\n          ),\n        }));\n      }\n    };\n\n    if (resizing !== null) {\n      window.addEventListener(\"mousemove\", handleMouseMove);\n\n      return () => {\n        window.removeEventListener(\"mousemove\", handleMouseMove);\n      };\n    }\n\n    return;\n  }, [resizing, placement]);\n\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        borderRadius: \"8px\",\n        boxShadow: \"0 0 10px rgba(0, 0, 0, 0.5)\",\n        border: \"1px solid rgba(0, 0, 0, 0.5)\",\n        transitionProperty: \"transform, opacity\",\n        transitionTimingFunction: \"ease-in-out\",\n        transitionDuration: \"0.2s\",\n        ...getPanelPosition(placement),\n        opacity: visible ? 1 : 0,\n        transform: `${\n          getPanelPosition(placement).transform\n        } ${getPanelToggleTransforms(visible ?? false)}`,\n        ...panelSize,\n      }}\n      onMouseEnter={() => {\n        setHover(true);\n      }}\n      onMouseLeave={() => {\n        setHover(false);\n      }}\n    >\n      {children({ resizing })}\n      {/*  */}\n      <React.Fragment>\n        <div\n          style={{\n            position: \"absolute\",\n            left: 0,\n            top: \"50%\",\n            width: \"10px\",\n            height: \"26px\",\n            transform: \"translateY(-13px) translateX(-5px)\",\n            cursor: \"col-resize\",\n            transition: \"opacity ease-in-out 0.2s\",\n            pointerEvents: hover || resizing ? \"auto\" : \"none\",\n            opacity: hover || resizing ? 1 : 0,\n          }}\n          onMouseDown={(event) => {\n            setResizing(\"lx\");\n            setResizePosition({\n              x: event.clientX,\n              y: event.clientY,\n            });\n\n            event.preventDefault();\n          }}\n        >\n          <ResizeHandleIcon />\n        </div>\n        <div\n          style={{\n            position: \"absolute\",\n            right: 0,\n            top: \"50%\",\n            width: \"10px\",\n            height: \"26px\",\n            transform: \"translateY(-13px) translateX(5px)\",\n            cursor: \"col-resize\",\n            transition: \"opacity ease-in-out 0.2s\",\n            pointerEvents: hover || resizing ? \"auto\" : \"none\",\n            opacity: hover || resizing ? 1 : 0,\n          }}\n          onMouseDown={(event) => {\n            setResizing(\"rx\");\n            setResizePosition({\n              x: event.clientX,\n              y: event.clientY,\n            });\n\n            event.preventDefault();\n          }}\n        >\n          <ResizeHandleIcon />\n        </div>\n        <div\n          style={{\n            position: \"absolute\",\n            left: \"50%\",\n            top: 0,\n            width: \"26px\",\n            height: \"10px\",\n            transform: \"translateY(-5px) translateX(-13px)\",\n            cursor: \"row-resize\",\n            transition: \"opacity ease-in-out 0.2s\",\n            pointerEvents: hover || resizing ? \"auto\" : \"none\",\n            opacity: hover || resizing ? 1 : 0,\n          }}\n          onMouseDown={(event) => {\n            setResizing(\"ty\");\n            setResizePosition({\n              x: event.clientX,\n              y: event.clientY,\n            });\n\n            event.preventDefault();\n          }}\n        >\n          <ResizeHandleIcon\n            style={{\n              transform: \"rotate(90deg)\",\n              transformOrigin: \"13px 13px\",\n            }}\n          />\n        </div>\n        <div\n          style={{\n            position: \"absolute\",\n            left: \"50%\",\n            bottom: 0,\n            width: \"26px\",\n            height: \"10px\",\n            transform: \"translateY(5px) translateX(-13px)\",\n            cursor: \"row-resize\",\n            transition: \"opacity ease-in-out 0.2s\",\n            pointerEvents: hover || resizing ? \"auto\" : \"none\",\n            opacity: hover || resizing ? 1 : 0,\n          }}\n          onMouseDown={(event) => {\n            setResizing(\"by\");\n            setResizePosition({\n              x: event.clientX,\n              y: event.clientY,\n            });\n\n            event.preventDefault();\n          }}\n        >\n          <ResizeHandleIcon\n            style={{\n              transform: \"rotate(90deg)\",\n              transformOrigin: \"13px 13px\",\n            }}\n          />\n        </div>\n      </React.Fragment>\n    </div>\n  );\n};\n","import type { Placement } from \"src/interfaces/placement\";\n\nexport const getPanelToggleTransforms = (visible: boolean) => {\n  return visible ? \"scaleX(1) translateY(0)\" : \"scaleX(0) translateY(25vw)\";\n};\n\nexport const SIZE = 50;\nexport const BUFFER = 10;\n\nconst PREFERRED_DEFAULT_WIDTH = () =>\n  typeof window !== \"undefined\" ? window.innerWidth * 0.7 : 1440 * 0.7; // 70% of window width\nconst PREFERRED_DEFAULT_HEIGHT = () =>\n  typeof window !== \"undefined\" ? window.innerHeight * 0.7 : 900 * 0.7; // 70% of window height\n\nexport const MIN_PANEL_WIDTH = 640;\nexport const MIN_PANEL_HEIGHT = 360;\n\nexport const getPinButtonTransform = (hover?: boolean) => {\n  return `translateY(${hover ? \"0\" : \"50%\"})`;\n};\n\nexport const getPanelPosition = (placement: Placement) => {\n  switch (placement) {\n    case \"left\":\n      return {\n        left: `calc(${SIZE}px + ${BUFFER}px)`,\n        top: \"50%\",\n        transform: \"translateY(-50%)\",\n      };\n    case \"right\":\n      return {\n        right: `calc(${SIZE}px + ${BUFFER}px)`,\n        top: \"50%\",\n        transform: \"translateY(-50%)\",\n      };\n    case \"top\":\n      return {\n        left: \"50%\",\n        top: `calc(${SIZE}px + ${BUFFER}px)`,\n        transform: \"translateX(-50%)\",\n      };\n    case \"bottom\":\n      return {\n        left: \"50%\",\n        bottom: `calc(${SIZE}px + ${BUFFER}px)`,\n        transform: \"translateX(-50%)\",\n      };\n  }\n};\n\nexport const getMaxPanelWidth = (placement: Placement) => {\n  switch (placement) {\n    case \"left\":\n    case \"right\":\n      return (\n        -BUFFER -\n        SIZE -\n        BUFFER +\n        (typeof window !== \"undefined\" ? window.innerWidth : 1440) -\n        BUFFER\n      );\n    case \"top\":\n    case \"bottom\":\n      return (\n        -BUFFER +\n        (typeof window !== \"undefined\" ? window.innerWidth : 1440) -\n        BUFFER\n      );\n  }\n};\n\nexport const getMaxPanelHeight = (placement: Placement) => {\n  switch (placement) {\n    case \"left\":\n    case \"right\":\n      return (\n        -BUFFER +\n        (typeof window !== \"undefined\" ? window.innerHeight : 900) -\n        BUFFER\n      );\n    case \"top\":\n    case \"bottom\":\n      return (\n        -BUFFER -\n        SIZE -\n        BUFFER +\n        (typeof window !== \"undefined\" ? window.innerHeight : 900) -\n        BUFFER\n      );\n  }\n};\n\nexport const getDefaultPanelSize = (\n  placement: Placement,\n  preferredSize?: { width: number; height: number },\n): { width: number; height: number } => {\n  const defaultPreferred = {\n    width: PREFERRED_DEFAULT_WIDTH(),\n    height: PREFERRED_DEFAULT_HEIGHT(),\n  };\n\n  const maxPanelWidth = getMaxPanelWidth(placement);\n  const maxPanelHeight = getMaxPanelHeight(placement);\n\n  const width = Math.min(\n    maxPanelWidth,\n    (preferredSize ?? defaultPreferred).width,\n  );\n  const height = Math.min(\n    maxPanelHeight,\n    (preferredSize ?? defaultPreferred).height,\n  );\n\n  return {\n    width: width,\n    height: height,\n  };\n};\n\nexport const roundToEven = (num: number) => {\n  const rounded = Math.round(num);\n  return rounded % 2 === 0 ? rounded : rounded + 1;\n};\n","import React from \"react\";\n\nexport const ResizeHandleIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    width={10}\n    height={26}\n    viewBox=\"0 0 10 26\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <rect x={0.5} y={0.5} width={9} height={25} rx={4.5} fill=\"#1D1E30\" />\n    <path\n      d=\"M7 5C7 6.10457 6.10457 7 5 7C3.89543 7 3 6.10457 3 5C3 3.89543 3.89543 3 5 3C6.10457 3 7 3.89543 7 5Z\"\n      fill=\"#303450\"\n    />\n    <path\n      d=\"M7 13C7 14.1046 6.10457 15 5 15C3.89543 15 3 14.1046 3 13C3 11.8954 3.89543 11 5 11C6.10457 11 7 11.8954 7 13Z\"\n      fill=\"#303450\"\n    />\n    <path\n      d=\"M7 21C7 22.1046 6.10457 23 5 23C3.89543 23 3 22.1046 3 21C3 19.8954 3.89543 19 5 19C6.10457 19 7 19.8954 7 21Z\"\n      fill=\"#303450\"\n    />\n    <rect x={0.5} y={0.5} width={9} height={25} rx={4.5} stroke=\"#303450\" />\n  </svg>\n);\n","import React from \"react\";\nimport { DevToolsContextProvider } from \"@refinedev/devtools-shared\";\n\nexport const DevtoolsProvider =\n  __DEV_CONDITION__ !== \"development\"\n    ? ({ children }: React.PropsWithChildren) => children as any\n    : ({ children }: React.PropsWithChildren) => {\n        return <DevToolsContextProvider>{children}</DevToolsContextProvider>;\n      };\n"],"mappings":"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","names":["src_exports","__export","DevtoolsPanel","DevtoolsProvider","__toCommonJS","import_react","import_react","import_react","import_react","import_dom_to_fiber_utils","import_devtools_shared","useSelector","active","devtoolsUrl","React","selectableElements","setSelectableElements","fetchTraceItems","selectAppropriateFiber","start","activeTraceItems","fiber","firstParentOfNodeWithName","fiberWithStateNode","acceptedName","getUniqueNodes","nodes","uniques","node","item","traverseBodyNodes","_a","items","targetFiber","element","name","i","prepareSelector","fetchedTraceItems","traversedNodes","uniqueNodes","import_react","ApplyStyles","children","React","element","import_react","import_debounce","import_react_dom","import_react","SelectorButtonIcon","props","React","SelectorIcon","SelectableElement","element","name","onSelect","position","React","top","left","width","height","scrollLeft","scrollTop","positionLeft","positionTop","elementRef","onScroll","debounce","_a","_b","_c","_d","_e","opacityOnScroll","placement","tooltipBaseSize","nameWidth","tooltipSize","gap","event","SelectorIcon","SelectableElements","elements","selectorBoxRoot","setSelectorBoxRoot","idx","ApplyStyles","DevtoolsSelector","active","setActive","onHighlight","icon","style","selectableElements","useSelector","React","event","_a","SelectableElements","name","ApplyStyles","React","DevtoolsIcon","props","DevtoolsPin","onClick","onSelectorHighlight","selectorActive","setSelectorActive","React","DevtoolsIcon","DevtoolsSelector","SelectorButtonIcon","ApplyStyles","import_react","getPanelToggleTransforms","visible","PREFERRED_DEFAULT_WIDTH","PREFERRED_DEFAULT_HEIGHT","getPanelPosition","placement","getMaxPanelWidth","getMaxPanelHeight","getDefaultPanelSize","preferredSize","defaultPreferred","PREFERRED_DEFAULT_WIDTH","PREFERRED_DEFAULT_HEIGHT","maxPanelWidth","maxPanelHeight","width","height","roundToEven","num","rounded","import_react","ResizeHandleIcon","props","React","ResizablePane","placement","visible","children","hover","setHover","React","resizing","setResizing","resizePosition","setResizePosition","panelSize","setPanelSize","defaultSize","getDefaultPanelSize","roundToEven","handleResize","p","handleMouseUp","currentCursor","handleMouseMove","e","diff","newWidth","getMaxPanelWidth","newHeight","getMaxPanelHeight","getPanelPosition","getPanelToggleTransforms","event","ResizeHandleIcon","import_devtools_shared","DevtoolsPanel","browser","setBrowser","React","visible","setVisible","placement","devtoolsUrl","ws","width","setWidth","selectorActive","setSelectorActive","onSelectorHighlight","name","onSelectorOpen","onResize","DevtoolsPin","v","ResizablePane","resizing","import_react","import_devtools_shared","DevtoolsProvider","children","React"]}

package/dist/index.d.mts.map

@@ -1 +1,3 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
+export { DevtoolsPanel } from "./panel.js";
+export { DevtoolsProvider } from "./provider.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.mjs

@@ -1,5 +1,5 @@
 "use client"
-import g from"react";import F from"react";import M from"react";import w from"react";import{getElementFromFiber as O,getFiberFromElement as j,getFirstFiberHasName as q,getFirstStateNodeFiber as J,getNameFromFiber as Z,getParentOfFiber as K}from"@aliemir/dom-to-fiber-utils";import{DevToolsContext as Q}from"@refinedev/devtools-shared";var V=e=>{let{devtoolsUrl:s}=w.useContext(Q),[m,n]=w.useState([]),c=w.useCallback(async()=>(await(await fetch(`${s??"http://localhost:5001"}/api/unique-trace-items`)).json()).data,[s]),o=w.useCallback((r,p)=>{let t=r,h,i,v=!1;for(;!v&&t;)h=q(t),i=J(h),v=p.includes(Z(h)??""),v||(t=K(t));return i&&h?{stateNode:i,nameFiber:h}:{stateNode:null,nameFiber:null}},[]),l=w.useCallback(r=>{let p=[];return r.forEach(t=>{p.find(i=>i.element===t.element)||p.push(t)}),p},[]),d=w.useCallback((r,p)=>{var v;if(!r)return[];let t=[],h=j(r),i=o(h,p);if(i.nameFiber&&i.stateNode){let x=O(i.stateNode),P=Z(i.nameFiber);x&&P&&t.push({element:x,name:P})}for(let x=0;x<((v=r==null?void 0:r.children)==null?void 0:v.length);x++)t.push(...d(r.children[x],p));return t},[o]),a=w.useCallback(async()=>{let r=await c(),p=d(document.body,r),t=l(p);n(t)},[c,d,l]);return w.useEffect(()=>{e&&a()},[e,a]),{selectableElements:m}};import ee from"react";var E=({children:e})=>(ee.useEffect(()=>{let s=document.createElement("style");return s.innerHTML=e,document.head.appendChild(s),()=>{document.head.removeChild(s)}},[e]),null);import f from"react";import W from"lodash-es/debounce.js";import{createPortal as te}from"react-dom";import D from"react";var z=e=>D.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 16 16",fill:"none",...e},D.createElement("path",{fill:"#0FBDBD",fillRule:"evenodd",d:"M9 1a1 1 0 0 0-2 0v2.1A5.006 5.006 0 0 0 3.1 7H1a1 1 0 0 0 0 2h2.1A5.006 5.006 0 0 0 7 12.9V15a1 1 0 1 0 2 0v-2.1A5.006 5.006 0 0 0 12.9 9H15a1 1 0 1 0 0-2h-2.1A5.006 5.006 0 0 0 9 3.1V1Zm2 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z",clipRule:"evenodd"})),_=e=>D.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 16 16",fill:"none",...e},D.createElement("path",{fill:"#14141F",fillRule:"evenodd",d:"M9 1a1 1 0 0 0-2 0v2.1A5.006 5.006 0 0 0 3.1 7H1a1 1 0 0 0 0 2h2.1A5.006 5.006 0 0 0 7 12.9V15a1 1 0 1 0 2 0v-2.1A5.006 5.006 0 0 0 12.9 9H15a1 1 0 1 0 0-2h-2.1A5.006 5.006 0 0 0 9 3.1V1Zm2 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z",clipRule:"evenodd"}));var oe=({element:e,name:s,onSelect:m})=>{let[n]=f.useState(()=>{let{top:l,left:d,width:a,height:r}=e.getBoundingClientRect(),{scrollLeft:p,scrollTop:t}=document.documentElement,h=d+p,i=l+t;return{left:h,top:i,width:a,height:r}}),c=f.useRef(null);f.useEffect(()=>{let l=W(()=>{var P,N,I,L,R;let{top:a,left:r,width:p,height:t}=e.getBoundingClientRect(),{scrollLeft:h,scrollTop:i}=document.documentElement,v=r+h,x=a+i;(P=c.current)==null||P.style.setProperty("left",`${v}px`),(N=c.current)==null||N.style.setProperty("top",`${x}px`),(I=c.current)==null||I.style.setProperty("width",`${p}px`),(L=c.current)==null||L.style.setProperty("height",`${t}px`),(R=c.current)==null||R.style.setProperty("opacity","1")},200,{leading:!1,trailing:!0}),d=W(()=>{var a;(a=c.current)==null||a.style.setProperty("opacity","0")},200,{leading:!0,trailing:!1});return document.addEventListener("scroll",l),document.addEventListener("scroll",d),()=>{document.removeEventListener("scroll",l),document.removeEventListener("scroll",d)}},[e]);let o=f.useMemo(()=>{let l={width:22,height:22},d=s.length*7.5,a={width:l.width+d,height:l.height},r=4;return n.top-a.height>0&&n.left+a.width<window.innerWidth&&n.width>a.width?{left:r/2,top:a.height*-1-r}:n.height>=a.height*1.5&&n.width>=a.width*1.5?{left:0+r,top:0+r}:n.left-a.width>0?{right:n.width+r,top:0-1}:n.left+n.width+a.width<window.innerWidth?{left:n.width+r,top:0-1}:n.top+n.height+a.height<document.documentElement.scrollHeight?{left:0-1,top:n.height+r}:{left:0,top:0}},[n,s.length]);return f.createElement("button",{type:"button",className:"selector-xray-box",onClick:l=>{l==null||l.preventDefault(),l==null||l.stopPropagation(),m(s)},ref:c,style:{position:"absolute",...n}},f.createElement("div",{style:{position:"absolute",...o},className:"selector-xray-info"},f.createElement("span",{className:"selector-xray-info-icon"},f.createElement(_,{width:12,height:12,style:{pointerEvents:"none"}})),f.createElement("span",{className:"selector-xray-info-title"},` ${s}`)))},k=({elements:e,onSelect:s})=>{let[m,n]=f.useState(null);return f.useEffect(()=>{if(!m){let c=document.createElement("div");return c.id="selector-box-root",document.body.appendChild(c),n(c),()=>{document.body.removeChild(c),n(null)}}return()=>0},[]),m?f.createElement(f.Fragment,null,te(e.map((c,o)=>f.createElement(oe,{key:`selector-element-${o}-${c.name}`,...c,onSelect:s})),m),f.createElement(E,null,`
+import g from"react";import F from"react";import M from"react";import w from"react";import{getElementFromFiber as O,getFiberFromElement as j,getFirstFiberHasName as q,getFirstStateNodeFiber as J,getNameFromFiber as Z,getParentOfFiber as K}from"@aliemir/dom-to-fiber-utils";import{DevToolsContext as Q}from"@refinedev/devtools-shared";var V=e=>{let{devtoolsUrl:s}=w.useContext(Q),[m,n]=w.useState([]),c=w.useCallback(async()=>(await(await fetch(`${s}/api/unique-trace-items`)).json()).data,[s]),o=w.useCallback((r,p)=>{let t=r,h,i,v=!1;for(;!v&&t;)h=q(t),i=J(h),v=p.includes(Z(h)??""),v||(t=K(t));return i&&h?{stateNode:i,nameFiber:h}:{stateNode:null,nameFiber:null}},[]),l=w.useCallback(r=>{let p=[];return r.forEach(t=>{p.find(i=>i.element===t.element)||p.push(t)}),p},[]),d=w.useCallback((r,p)=>{var v;if(!r)return[];let t=[],h=j(r),i=o(h,p);if(i.nameFiber&&i.stateNode){let x=O(i.stateNode),P=Z(i.nameFiber);x&&P&&t.push({element:x,name:P})}for(let x=0;x<((v=r==null?void 0:r.children)==null?void 0:v.length);x++)t.push(...d(r.children[x],p));return t},[o]),a=w.useCallback(async()=>{let r=await c(),p=d(document.body,r),t=l(p);n(t)},[c,d,l]);return w.useEffect(()=>{e&&a()},[e,a]),{selectableElements:m}};import ee from"react";var E=({children:e})=>(ee.useEffect(()=>{let s=document.createElement("style");return s.innerHTML=e,document.head.appendChild(s),()=>{document.head.removeChild(s)}},[e]),null);import f from"react";import W from"lodash-es/debounce.js";import{createPortal as te}from"react-dom";import D from"react";var z=e=>D.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 16 16",fill:"none",...e},D.createElement("path",{fill:"#0FBDBD",fillRule:"evenodd",d:"M9 1a1 1 0 0 0-2 0v2.1A5.006 5.006 0 0 0 3.1 7H1a1 1 0 0 0 0 2h2.1A5.006 5.006 0 0 0 7 12.9V15a1 1 0 1 0 2 0v-2.1A5.006 5.006 0 0 0 12.9 9H15a1 1 0 1 0 0-2h-2.1A5.006 5.006 0 0 0 9 3.1V1Zm2 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z",clipRule:"evenodd"})),_=e=>D.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 16 16",fill:"none",...e},D.createElement("path",{fill:"#14141F",fillRule:"evenodd",d:"M9 1a1 1 0 0 0-2 0v2.1A5.006 5.006 0 0 0 3.1 7H1a1 1 0 0 0 0 2h2.1A5.006 5.006 0 0 0 7 12.9V15a1 1 0 1 0 2 0v-2.1A5.006 5.006 0 0 0 12.9 9H15a1 1 0 1 0 0-2h-2.1A5.006 5.006 0 0 0 9 3.1V1Zm2 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z",clipRule:"evenodd"}));var oe=({element:e,name:s,onSelect:m})=>{let[n]=f.useState(()=>{let{top:l,left:d,width:a,height:r}=e.getBoundingClientRect(),{scrollLeft:p,scrollTop:t}=document.documentElement,h=d+p,i=l+t;return{left:h,top:i,width:a,height:r}}),c=f.useRef(null);f.useEffect(()=>{let l=W(()=>{var P,N,I,L,R;let{top:a,left:r,width:p,height:t}=e.getBoundingClientRect(),{scrollLeft:h,scrollTop:i}=document.documentElement,v=r+h,x=a+i;(P=c.current)==null||P.style.setProperty("left",`${v}px`),(N=c.current)==null||N.style.setProperty("top",`${x}px`),(I=c.current)==null||I.style.setProperty("width",`${p}px`),(L=c.current)==null||L.style.setProperty("height",`${t}px`),(R=c.current)==null||R.style.setProperty("opacity","1")},200,{leading:!1,trailing:!0}),d=W(()=>{var a;(a=c.current)==null||a.style.setProperty("opacity","0")},200,{leading:!0,trailing:!1});return document.addEventListener("scroll",l),document.addEventListener("scroll",d),()=>{document.removeEventListener("scroll",l),document.removeEventListener("scroll",d)}},[e]);let o=f.useMemo(()=>{let l={width:22,height:22},d=s.length*7.5,a={width:l.width+d,height:l.height},r=4;return n.top-a.height>0&&n.left+a.width<window.innerWidth&&n.width>a.width?{left:r/2,top:a.height*-1-r}:n.height>=a.height*1.5&&n.width>=a.width*1.5?{left:0+r,top:0+r}:n.left-a.width>0?{right:n.width+r,top:0-1}:n.left+n.width+a.width<window.innerWidth?{left:n.width+r,top:0-1}:n.top+n.height+a.height<document.documentElement.scrollHeight?{left:0-1,top:n.height+r}:{left:0,top:0}},[n,s.length]);return f.createElement("button",{type:"button",className:"selector-xray-box",onClick:l=>{l==null||l.preventDefault(),l==null||l.stopPropagation(),m(s)},ref:c,style:{position:"absolute",...n}},f.createElement("div",{style:{position:"absolute",...o},className:"selector-xray-info"},f.createElement("span",{className:"selector-xray-info-icon"},f.createElement(_,{width:12,height:12,style:{pointerEvents:"none"}})),f.createElement("span",{className:"selector-xray-info-title"},` ${s}`)))},k=({elements:e,onSelect:s})=>{let[m,n]=f.useState(null);return f.useEffect(()=>{if(!m){let c=document.createElement("div");return c.id="selector-box-root",document.body.appendChild(c),n(c),()=>{document.body.removeChild(c),n(null)}}return()=>0},[]),m?f.createElement(f.Fragment,null,te(e.map((c,o)=>f.createElement(oe,{key:`selector-element-${o}-${c.name}`,...c,onSelect:s})),m),f.createElement(E,null,`
           .selector-xray-box {
             display: flex;
             margin: 0;

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/panel.tsx","../src/components/devtools-pin.tsx","../src/components/devtools-selector.tsx","../src/utilities/use-selector.tsx","../src/components/apply-styles.tsx","../src/components/selectable-elements.tsx","../src/components/icons/selector-button.tsx","../src/components/icons/devtools-icon.tsx","../src/components/resizable-pane.tsx","../src/utilities/index.ts","../src/components/icons/resize-handle-icon.tsx","../src/provider.tsx"],"sourcesContent":["import React from \"react\";\nimport { DevtoolsPin } from \"./components/devtools-pin\";\nimport { ResizablePane } from \"./components/resizable-pane\";\n\nimport {\n  DevToolsContext,\n  DevtoolsEvent,\n  send,\n} from \"@refinedev/devtools-shared\";\n\nimport type { Placement } from \"./interfaces/placement\";\n\nexport const DevtoolsPanel =\n  __DEV_CONDITION__ !== \"development\"\n    ? () => null\n    : () => {\n        const [browser, setBrowser] = React.useState<boolean>(false);\n        const [visible, setVisible] = React.useState(false);\n        const [placement] = React.useState<Placement>(\"bottom\");\n        const { devtoolsUrl, ws } = React.useContext(DevToolsContext);\n        const [width, setWidth] = React.useState<number>(0);\n        const [selectorActive, setSelectorActive] = React.useState(false);\n\n        const onSelectorHighlight = React.useCallback(\n          (name: string) => {\n            if (ws) {\n              send(ws, DevtoolsEvent.DEVTOOLS_HIGHLIGHT_IN_MONITOR, {\n                name,\n              });\n            }\n            setVisible(true);\n          },\n          [ws],\n        );\n\n        const onSelectorOpen = React.useCallback(() => {\n          setVisible(false);\n        }, []);\n\n        React.useEffect(() => {\n          if (selectorActive) {\n            setVisible(false);\n          }\n        }, [selectorActive]);\n\n        React.useEffect(() => {\n          if (typeof window !== \"undefined\") {\n            setBrowser(true);\n          }\n        }, []);\n\n        React.useEffect(() => {\n          if (browser) {\n            // set width by window size dynamically\n            setWidth(window.innerWidth);\n\n            const onResize = () => {\n              setWidth(window.innerWidth);\n            };\n\n            window.addEventListener(\"resize\", onResize);\n\n            return () => {\n              window.removeEventListener(\"resize\", onResize);\n            };\n          }\n\n          return () => undefined;\n        }, [browser]);\n\n        if (!browser) {\n          return null;\n        }\n\n        return (\n          <div\n            style={{\n              position: \"fixed\",\n              left: `${Math.round(width / 2)}px`,\n              transform: \"translateX(-50%)\",\n              bottom: 0,\n              zIndex: 99999,\n            }}\n          >\n            <DevtoolsPin\n              onClick={() => {\n                setVisible((v) => !v);\n                setSelectorActive(false);\n              }}\n              onSelectorHighlight={onSelectorHighlight}\n              selectorActive={selectorActive}\n              setSelectorActive={setSelectorActive}\n            />\n            <ResizablePane visible={visible} placement={placement}>\n              {({ resizing }) => (\n                <iframe\n                  allow=\"clipboard-write;\"\n                  src={devtoolsUrl}\n                  srcDoc={\n                    devtoolsUrl\n                      ? undefined\n                      : `\n                            <html style=\"height:100%;padding:0;margin:0;\">\n                                <body style=\"display:flex;justify-content:center;height:100%;padding:24px;margin:0;align-items:center;box-sizing:border-box;\">\n                                    <h1 style=\"font-family:ui-monospace,monospace;color:#CFD7E2;text-align:center;\">Could not connect to the devtools server</h1>\n                                </body>\n                            </html>\n                        `\n                  }\n                  style={{\n                    width: \"100%\",\n                    height: \"100%\",\n                    border: \"none\",\n                    borderRadius: \"7px\",\n                    pointerEvents: resizing ? \"none\" : \"auto\",\n                    background: \"#14141F\",\n                  }}\n                />\n              )}\n            </ResizablePane>\n          </div>\n        );\n      };\n","import React from \"react\";\nimport { DevtoolsSelector } from \"./devtools-selector\";\nimport { DevtoolsIcon } from \"./icons/devtools-icon\";\nimport { SelectorButtonIcon } from \"./icons/selector-button\";\nimport { ApplyStyles } from \"./apply-styles\";\n\ntype Props = {\n  onClick?: () => void;\n  groupHover?: boolean;\n  onSelectorHighlight: (name: string) => void;\n  selectorActive: boolean;\n  setSelectorActive: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const DevtoolsPin = ({\n  onClick,\n  onSelectorHighlight,\n  selectorActive,\n  setSelectorActive,\n}: Props) => {\n  return (\n    <div role=\"button\" className=\"devtools-selector-pin-box\" onClick={onClick}>\n      <DevtoolsIcon />\n      <DevtoolsSelector\n        style={{\n          position: \"absolute\",\n          top: 5,\n          right: 18,\n          width: \"16px\",\n          height: \"16px\",\n        }}\n        icon={\n          <SelectorButtonIcon\n            width={16}\n            height={16}\n            style={{ pointerEvents: \"none\" }}\n          />\n        }\n        onHighlight={onSelectorHighlight}\n        active={selectorActive}\n        setActive={setSelectorActive}\n      />\n      <ApplyStyles>\n        {\n          /* css */ `\n            .devtools-selector-pin-box {\n              z-index: 9999;\n              position: relative;\n              user-select: none;\n              -webkit-user-select: none;\n              background: none;\n              border: none;\n              padding: 0;\n              margin: 0;\n              appearance: none;\n              padding-right: 1px;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              cursor: pointer;\n              color: #6C7793;\n              transition: color 0.1s ease-in-out;\n            }\n\n            .devtools-selector-pin-box:hover {\n              color: #0FBDBD;\n            }\n          `\n        }\n      </ApplyStyles>\n    </div>\n  );\n};\n","import React from \"react\";\nimport { useSelector } from \"src/utilities/use-selector\";\nimport { ApplyStyles } from \"./apply-styles\";\nimport { SelectableElements } from \"./selectable-elements\";\n\ntype Props = {\n  active: boolean;\n  setActive: React.Dispatch<React.SetStateAction<boolean>>;\n  onHighlight: (name: string) => void;\n  icon?: React.ReactNode;\n  style?: React.CSSProperties;\n};\n\nexport const DevtoolsSelector = ({\n  active,\n  setActive,\n  onHighlight,\n  icon,\n  style,\n}: Props) => {\n  const { selectableElements } = useSelector(active);\n\n  const onSelect = (name: string) => {\n    onHighlight(name);\n    setActive(false);\n  };\n\n  return (\n    <div style={style}>\n      <div\n        role=\"button\"\n        title=\"Element Selector\"\n        className=\"refine-devtools-selector-button\"\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          (document?.activeElement as HTMLElement)?.blur();\n          setActive((active) => !active);\n        }}\n      >\n        {icon}\n      </div>\n      {active && (\n        <SelectableElements elements={selectableElements} onSelect={onSelect} />\n      )}\n      <ApplyStyles>\n        {\n          /* css */ `\n        .refine-devtools-selector-button {\n          padding: 0;\n          margin: 0;\n          height: 100%;\n          width: 100%;\n          transform: rotate(0deg);\n          transition: transform 0.2s ease-in-out;\n        }\n\n        .refine-devtools-selector-button:hover {\n          transform: rotate(180deg);\n        }\n    `\n        }\n      </ApplyStyles>\n    </div>\n  );\n};\n","import React from \"react\";\nimport {\n  getElementFromFiber,\n  getFiberFromElement,\n  getFirstFiberHasName,\n  getFirstStateNodeFiber,\n  getNameFromFiber,\n  getParentOfFiber,\n} from \"@aliemir/dom-to-fiber-utils\";\nimport { DevToolsContext } from \"@refinedev/devtools-shared\";\n\ntype Fiber = Exclude<ReturnType<typeof getFiberFromElement>, null>;\n\ntype SelectableElement = {\n  element: HTMLElement;\n  name: string;\n};\n\nexport const useSelector = (active: boolean) => {\n  const { devtoolsUrl } = React.useContext(DevToolsContext);\n  const [selectableElements, setSelectableElements] = React.useState<\n    SelectableElement[]\n  >([]);\n\n  const fetchTraceItems = React.useCallback(async () => {\n    const response = await fetch(\n      `${devtoolsUrl ?? \"http://localhost:5001\"}/api/unique-trace-items`,\n    );\n    const data = await response.json();\n\n    return data.data as string[];\n  }, [devtoolsUrl]);\n\n  const selectAppropriateFiber = React.useCallback(\n    (start: Fiber | null, activeTraceItems: string[]) => {\n      let fiber = start;\n      let firstParentOfNodeWithName: Fiber | null;\n      let fiberWithStateNode: Fiber | null;\n\n      let acceptedName = false;\n\n      while (!acceptedName && fiber) {\n        // Get the first fiber node that has a name (look up the tree)\n        firstParentOfNodeWithName = getFirstFiberHasName(fiber);\n        // Get the first fiber node that has a state node (look up the tree)\n        fiberWithStateNode = getFirstStateNodeFiber(firstParentOfNodeWithName);\n        acceptedName = activeTraceItems.includes(\n          getNameFromFiber(firstParentOfNodeWithName) ?? \"\",\n        );\n        if (!acceptedName) {\n          fiber = getParentOfFiber(fiber);\n        }\n      }\n\n      if (fiberWithStateNode && firstParentOfNodeWithName) {\n        return {\n          stateNode: fiberWithStateNode,\n          nameFiber: firstParentOfNodeWithName,\n        };\n      }\n      return {\n        stateNode: null,\n        nameFiber: null,\n      };\n    },\n    [],\n  );\n\n  const getUniqueNodes = React.useCallback((nodes: SelectableElement[]) => {\n    const uniques: SelectableElement[] = [];\n\n    nodes.forEach((node) => {\n      const isElementExist = uniques.find(\n        (item) => item.element === node.element,\n      );\n      if (!isElementExist) {\n        uniques.push(node);\n      }\n    });\n\n    return uniques;\n  }, []);\n\n  const traverseBodyNodes = React.useCallback(\n    (\n      node: HTMLElement | null,\n      activeTraceItems: string[],\n    ): SelectableElement[] => {\n      if (!node) {\n        return [];\n      }\n\n      const items: SelectableElement[] = [];\n\n      const fiber = getFiberFromElement(node);\n      const targetFiber = selectAppropriateFiber(fiber, activeTraceItems);\n\n      if (targetFiber.nameFiber && targetFiber.stateNode) {\n        const element = getElementFromFiber(targetFiber.stateNode);\n        const name = getNameFromFiber(targetFiber.nameFiber);\n        if (element && name) {\n          items.push({\n            element,\n            name,\n          });\n        }\n      }\n\n      for (let i = 0; i < node?.children?.length ?? 0; i++) {\n        items.push(\n          ...traverseBodyNodes(\n            node.children[i] as HTMLElement,\n            activeTraceItems,\n          ),\n        );\n      }\n\n      return items;\n    },\n    [selectAppropriateFiber],\n  );\n\n  const prepareSelector = React.useCallback(async () => {\n    const fetchedTraceItems = await fetchTraceItems();\n    const traversedNodes = traverseBodyNodes(document.body, fetchedTraceItems);\n    const uniqueNodes = getUniqueNodes(traversedNodes);\n\n    setSelectableElements(uniqueNodes);\n  }, [fetchTraceItems, traverseBodyNodes, getUniqueNodes]);\n\n  React.useEffect(() => {\n    if (active) {\n      prepareSelector();\n    }\n  }, [active, prepareSelector]);\n\n  return {\n    selectableElements,\n  };\n};\n","import React from \"react\";\n\ntype Props = {\n  children: string;\n};\n\nexport const ApplyStyles = ({ children }: Props) => {\n  React.useEffect(() => {\n    const element = document.createElement(\"style\");\n    element.innerHTML = children;\n    document.head.appendChild(element);\n\n    return () => {\n      document.head.removeChild(element);\n    };\n  }, [children]);\n\n  return null;\n};\n","import React from \"react\";\nimport debounce from \"lodash-es/debounce.js\";\nimport { createPortal } from \"react-dom\";\nimport { ApplyStyles } from \"./apply-styles\";\nimport { SelectorIcon } from \"./icons/selector-button\";\n\nconst SelectableElement = ({\n  element,\n  name,\n  onSelect,\n}: {\n  element: HTMLElement;\n  name: string;\n  onSelect: (name: string) => void;\n}) => {\n  const [position] = React.useState(() => {\n    const { top, left, width, height } = element.getBoundingClientRect();\n    const { scrollLeft, scrollTop } = document.documentElement;\n    const positionLeft = left + scrollLeft;\n    const positionTop = top + scrollTop;\n\n    return { left: positionLeft, top: positionTop, width, height };\n  });\n\n  const elementRef = React.useRef<HTMLButtonElement | null>(null);\n\n  React.useEffect(() => {\n    // use scroll event listener\n    const onScroll = debounce(\n      () => {\n        const { top, left, width, height } = element.getBoundingClientRect();\n        const { scrollLeft, scrollTop } = document.documentElement;\n        const positionLeft = left + scrollLeft;\n        const positionTop = top + scrollTop;\n\n        elementRef.current?.style.setProperty(\"left\", `${positionLeft}px`);\n        elementRef.current?.style.setProperty(\"top\", `${positionTop}px`);\n        elementRef.current?.style.setProperty(\"width\", `${width}px`);\n        elementRef.current?.style.setProperty(\"height\", `${height}px`);\n        elementRef.current?.style.setProperty(\"opacity\", \"1\");\n      },\n      200,\n      {\n        leading: false,\n        trailing: true,\n      },\n    );\n\n    const opacityOnScroll = debounce(\n      () => {\n        elementRef.current?.style.setProperty(\"opacity\", \"0\");\n      },\n      200,\n      {\n        leading: true,\n        trailing: false,\n      },\n    );\n\n    document.addEventListener(\"scroll\", onScroll);\n    document.addEventListener(\"scroll\", opacityOnScroll);\n\n    return () => {\n      document.removeEventListener(\"scroll\", onScroll);\n      document.removeEventListener(\"scroll\", opacityOnScroll);\n    };\n  }, [element]);\n\n  const placement = React.useMemo(() => {\n    const tooltipBaseSize = { width: 22, height: 22 };\n    const nameWidth = name.length * 7.5;\n    const tooltipSize = {\n      width: tooltipBaseSize.width + nameWidth,\n      height: tooltipBaseSize.height,\n    };\n    const gap = 4;\n\n    // outside top start\n    if (\n      position.top - tooltipSize.height > 0 &&\n      position.left + tooltipSize.width < window.innerWidth &&\n      position.width > tooltipSize.width\n    ) {\n      return { left: gap / 2, top: tooltipSize.height * -1 - gap };\n    }\n    // inside top start\n    if (\n      position.height >= tooltipSize.height * 1.5 &&\n      position.width >= tooltipSize.width * 1.5\n    ) {\n      return { left: 0 + gap, top: 0 + gap };\n    }\n    // outside left start\n    if (position.left - tooltipSize.width > 0) {\n      return { right: position.width + gap, top: 0 - 1 };\n    }\n    // outside right start\n    if (\n      position.left + position.width + tooltipSize.width <\n      window.innerWidth\n    ) {\n      return { left: position.width + gap, top: 0 - 1 };\n    }\n    // outside bottom start\n    if (\n      position.top + position.height + tooltipSize.height <\n      document.documentElement.scrollHeight\n    ) {\n      return { left: 0 - 1, top: position.height + gap };\n    }\n\n    return { left: 0, top: 0 };\n  }, [position, name.length]);\n\n  return (\n    <button\n      type=\"button\"\n      className=\"selector-xray-box\"\n      onClick={(event) => {\n        event?.preventDefault();\n        event?.stopPropagation();\n        onSelect(name);\n      }}\n      ref={elementRef}\n      style={{\n        position: \"absolute\",\n        ...position,\n      }}\n    >\n      <div\n        style={{\n          position: \"absolute\",\n          ...placement,\n        }}\n        className=\"selector-xray-info\"\n      >\n        <span className=\"selector-xray-info-icon\">\n          <SelectorIcon\n            width={12}\n            height={12}\n            style={{ pointerEvents: \"none\" }}\n          />\n        </span>\n        <span className=\"selector-xray-info-title\">{` ${name}`}</span>\n      </div>\n    </button>\n  );\n};\n\nexport const SelectableElements = ({\n  elements,\n  onSelect,\n}: {\n  elements: Array<{ element: HTMLElement; name: string }>;\n  onSelect: (name: string) => void;\n}) => {\n  const [selectorBoxRoot, setSelectorBoxRoot] =\n    React.useState<HTMLElement | null>(null);\n\n  React.useEffect(() => {\n    if (!selectorBoxRoot) {\n      const element = document.createElement(\"div\");\n      element.id = \"selector-box-root\";\n\n      document.body.appendChild(element);\n\n      setSelectorBoxRoot(element);\n\n      return () => {\n        document.body.removeChild(element);\n        setSelectorBoxRoot(null);\n      };\n    }\n\n    return () => 0;\n  }, []);\n\n  if (!selectorBoxRoot) return null;\n\n  return (\n    <>\n      {createPortal(\n        elements.map((element, idx) => (\n          <SelectableElement\n            key={`selector-element-${idx}-${element.name}`}\n            {...element}\n            onSelect={onSelect}\n          />\n        )),\n        selectorBoxRoot,\n      )}\n      <ApplyStyles>\n        {\n          /* css */ `\n          .selector-xray-box {\n            display: flex;\n            margin: 0;\n            padding: 0;\n            appearance: none;\n            z-index: 9999;\n            border: 2px dashed #47EBEB;\n            border-radius: 6px;\n            background: rgba(71, 235, 235, 0.01);\n            transition: opacity 0.2s ease-in-out;\n            cursor: crosshair;\n          }\n        \n          .selector-xray-info {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n      \n            z-index: 10;\n      \n            padding: 3px 0;\n            min-width: 22px;\n            height: 22px;\n      \n            color: #14141F;\n            background: #47EBEB;\n      \n            font-size: 12px;\n            line-height: 16px;\n            font-family: monospace;\n            border-radius: 11px;\n          }\n      \n          .selector-xray-info-icon {\n            display: flex;\n            min-width: 22px;\n            justify-content: center;\n            align-items: center;\n            flex-shrink: 0;\n          }\n      \n          .selector-xray-info-title {\n            display: block;\n            max-width: 0;\n            overflow: hidden;\n            transition-property: max-width, padding-right;\n            transition-duration: 0.2s;\n            transition-timing-function: ease-in-out;\n            transition-delay: 0.1s;\n          }\n      \n          .selector-xray-box:hover .selector-xray-info-title {\n            max-width: 200px;\n            padding-right: 8px;\n          }\n        `\n        }\n      </ApplyStyles>\n    </>\n  );\n};\n","import React from \"react\";\n\nexport const SelectorButtonIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={16}\n    height={16}\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fill=\"#0FBDBD\"\n      fillRule=\"evenodd\"\n      d=\"M9 1a1 1 0 0 0-2 0v2.1A5.006 5.006 0 0 0 3.1 7H1a1 1 0 0 0 0 2h2.1A5.006 5.006 0 0 0 7 12.9V15a1 1 0 1 0 2 0v-2.1A5.006 5.006 0 0 0 12.9 9H15a1 1 0 1 0 0-2h-2.1A5.006 5.006 0 0 0 9 3.1V1Zm2 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\n\nexport const SelectorIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={16}\n    height={16}\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fill=\"#14141F\"\n      fillRule=\"evenodd\"\n      d=\"M9 1a1 1 0 0 0-2 0v2.1A5.006 5.006 0 0 0 3.1 7H1a1 1 0 0 0 0 2h2.1A5.006 5.006 0 0 0 7 12.9V15a1 1 0 1 0 2 0v-2.1A5.006 5.006 0 0 0 12.9 9H15a1 1 0 1 0 0-2h-2.1A5.006 5.006 0 0 0 9 3.1V1Zm2 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\n\nexport const DevtoolsIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={157}\n    height={25}\n    viewBox=\"0 0 157 25\"\n    fill=\"none\"\n    {...props}\n  >\n    <g>\n      <path fill=\"#1D1E30\" d=\"M17 1h123v24H17z\" />\n      <path\n        fill=\"#1D1E30\"\n        d=\"M6.265 9.205A12 12 0 0 1 17.649 1H25v24H1L6.265 9.205ZM150.735 9.205A12 12 0 0 0 139.351 1H132v24h24l-5.265-15.795Z\"\n      />\n      <path\n        fill=\"currentColor\"\n        d=\"M25 14.333A1.333 1.333 0 1 1 25 17a1.333 1.333 0 0 1 0-2.667Z\"\n      />\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M23.211 20.578a4 4 0 0 0 3.578 0l4-2A4 4 0 0 0 33 15v-4a4 4 0 0 0-2.211-3.578l-4-2a4 4 0 0 0-3.578 0l-4 2A4 4 0 0 0 17 11v4a4 4 0 0 0 2.211 3.578l4 2Zm-.878-4.911a2.667 2.667 0 0 0 5.334 0v-5.334a2.667 2.667 0 0 0-5.334 0v5.334Z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#CFD7E2\"\n        d=\"M42.152 17a.287.287 0 0 1-.192-.072.287.287 0 0 1-.072-.192V9.032c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h4.2c.288 0 .56.056.816.168a2.135 2.135 0 0 1 1.14 1.128c.112.256.168.532.168.828v3.984c0 .296-.056.572-.168.828a2.135 2.135 0 0 1-1.14 1.128 2.014 2.014 0 0 1-.816.168h-4.2Zm1.38-1.644h2.82a.455.455 0 0 0 .336-.132.497.497 0 0 0 .132-.348v-3.984a.455.455 0 0 0-.132-.336.436.436 0 0 0-.336-.144h-2.82v4.944Zm13.18-5.196a.244.244 0 0 1-.253.252h-4.44v1.656h4.02c.072 0 .132.024.18.072a.227.227 0 0 1 .084.18v1.128a.264.264 0 0 1-.084.192.244.244 0 0 1-.18.072h-4.02v1.644h4.44c.072 0 .132.028.18.084a.244.244 0 0 1 .072.18v1.116a.287.287 0 0 1-.072.192.244.244 0 0 1-.18.072h-5.832a.244.244 0 0 1-.18-.072.287.287 0 0 1-.072-.192V9.032c0-.072.024-.132.072-.18a.227.227 0 0 1 .18-.084h5.832c.072 0 .132.028.18.084a.244.244 0 0 1 .072.18v1.128ZM63.014 17h-2.232a.387.387 0 0 1-.216-.072.356.356 0 0 1-.144-.168l-1.716-4.296a.853.853 0 0 1-.072-.24 1.783 1.783 0 0 1-.024-.264V9.032c0-.072.024-.132.072-.18a.227.227 0 0 1 .18-.084h1.128c.072 0 .132.028.18.084a.227.227 0 0 1 .084.18v2.616c0 .072.008.156.024.252s.04.176.072.24l1.284 3.216h.528l1.284-3.216a.853.853 0 0 0 .072-.24c.016-.096.024-.18.024-.252V9.032c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h1.128c.072 0 .132.028.18.084a.244.244 0 0 1 .072.18v2.928c0 .072-.008.16-.024.264a.853.853 0 0 1-.072.24l-1.716 4.296a.356.356 0 0 1-.144.168.387.387 0 0 1-.216.072ZM73.29 8.768c.072 0 .132.028.18.084a.227.227 0 0 1 .084.18v1.128a.227.227 0 0 1-.084.18.244.244 0 0 1-.18.072h-2.208v6.324a.264.264 0 0 1-.084.192.244.244 0 0 1-.18.072H69.69a.244.244 0 0 1-.18-.072.287.287 0 0 1-.072-.192v-6.324H67.23a.287.287 0 0 1-.192-.072.244.244 0 0 1-.072-.18V9.032c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h6.06Zm6.507.012c.296 0 .572.056.828.168a2.171 2.171 0 0 1 1.128 1.128c.112.256.168.528.168.816v3.996c0 .288-.056.56-.168.816a2.171 2.171 0 0 1-1.128 1.128 2.043 2.043 0 0 1-.828.168h-2.34c-.296 0-.572-.056-.828-.168a2.171 2.171 0 0 1-1.128-1.128 2.014 2.014 0 0 1-.168-.816v-3.996c0-.288.056-.56.168-.816a2.171 2.171 0 0 1 1.128-1.128c.256-.112.532-.168.828-.168h2.34Zm.48 2.112a.436.436 0 0 0-.144-.336.455.455 0 0 0-.336-.132h-2.34a.497.497 0 0 0-.348.132.455.455 0 0 0-.132.336v3.996c0 .136.044.248.132.336a.497.497 0 0 0 .348.132h2.34a.455.455 0 0 0 .336-.132.436.436 0 0 0 .144-.336v-3.996Zm7.888-2.112c.295 0 .572.056.828.168a2.171 2.171 0 0 1 1.128 1.128c.112.256.168.528.168.816v3.996c0 .288-.056.56-.168.816a2.171 2.171 0 0 1-1.128 1.128 2.043 2.043 0 0 1-.828.168h-2.34c-.297 0-.573-.056-.829-.168a2.171 2.171 0 0 1-1.127-1.128 2.014 2.014 0 0 1-.168-.816v-3.996c0-.288.056-.56.168-.816a2.171 2.171 0 0 1 1.127-1.128c.257-.112.532-.168.829-.168h2.34Zm.48 2.112a.436.436 0 0 0-.144-.336.455.455 0 0 0-.337-.132h-2.34a.497.497 0 0 0-.347.132.455.455 0 0 0-.133.336v3.996c0 .136.044.248.133.336a.497.497 0 0 0 .347.132h2.34a.455.455 0 0 0 .337-.132.436.436 0 0 0 .143-.336v-3.996ZM98.294 17H92.68a.287.287 0 0 1-.192-.072.287.287 0 0 1-.072-.192V9.032c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h1.116c.072 0 .132.028.18.084a.227.227 0 0 1 .084.18v6.324h4.236c.072 0 .132.028.18.084a.244.244 0 0 1 .072.18v1.116a.287.287 0 0 1-.072.192.244.244 0 0 1-.18.072Zm7.336-5.76a.287.287 0 0 1-.192-.072.287.287 0 0 1-.072-.192v-.084a.455.455 0 0 0-.132-.336.436.436 0 0 0-.336-.144h-2.352a.46.46 0 0 0-.336.144.455.455 0 0 0-.132.336v.696c0 .136.044.252.132.348a.482.482 0 0 0 .336.132h2.352c.288 0 .56.056.816.168a2.171 2.171 0 0 1 1.128 1.128c.112.256.168.528.168.816v.696c0 .296-.056.572-.168.828a2.171 2.171 0 0 1-1.128 1.128 2.014 2.014 0 0 1-.816.168h-2.352c-.288 0-.56-.056-.816-.168a2.171 2.171 0 0 1-1.128-1.128 2.043 2.043 0 0 1-.168-.828v-.084c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h1.116c.072 0 .132.028.18.084a.227.227 0 0 1 .084.18v.084c0 .136.044.252.132.348a.482.482 0 0 0 .336.132h2.352a.455.455 0 0 0 .336-.132.497.497 0 0 0 .132-.348v-.696a.455.455 0 0 0-.132-.336.455.455 0 0 0-.336-.132h-2.352c-.288 0-.56-.056-.816-.168a2.171 2.171 0 0 1-1.128-1.128 2.099 2.099 0 0 1-.168-.828v-.696c0-.296.056-.572.168-.828a2.171 2.171 0 0 1 1.128-1.128c.256-.112.528-.168.816-.168h2.352c.288 0 .56.056.816.168a2.171 2.171 0 0 1 1.128 1.128c.112.256.168.532.168.828v.084a.287.287 0 0 1-.072.192.244.244 0 0 1-.18.072h-1.128Z\"\n      />\n    </g>\n  </svg>\n);\n","import React from \"react\";\nimport type { Placement } from \"src/interfaces/placement\";\nimport {\n  getDefaultPanelSize,\n  getMaxPanelHeight,\n  getMaxPanelWidth,\n  getPanelPosition,\n  getPanelToggleTransforms,\n  MIN_PANEL_HEIGHT,\n  MIN_PANEL_WIDTH,\n  roundToEven,\n} from \"src/utilities\";\nimport { ResizeHandleIcon } from \"./icons/resize-handle-icon\";\n\ntype Props = {\n  placement: Placement;\n  defaultWidth?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  defaultHeight?: number;\n  minHeight?: number;\n  maxHeight?: number;\n  children: ({ resizing }: { resizing: string | null }) => React.ReactNode;\n  onResize?: (width: number, height: number) => void;\n  visible?: boolean;\n};\n\nexport const ResizablePane = ({ placement, visible, children }: Props) => {\n  const [hover, setHover] = React.useState(false);\n  const [resizing, setResizing] = React.useState<\n    \"lx\" | \"rx\" | \"ty\" | \"by\" | null\n  >(null);\n  const [resizePosition, setResizePosition] = React.useState<{\n    x: number;\n    y: number;\n  } | null>(null);\n  const [panelSize, setPanelSize] = React.useState<\n    Record<\"width\" | \"height\", number>\n  >(() => {\n    const defaultSize = getDefaultPanelSize(placement);\n\n    return {\n      width: roundToEven(defaultSize.width),\n      height: roundToEven(defaultSize.height),\n    };\n  });\n\n  React.useEffect(() => {\n    const handleResize = () => {\n      setPanelSize((p) => {\n        const defaultSize = getDefaultPanelSize(placement, p);\n\n        return {\n          width: roundToEven(defaultSize.width),\n          height: roundToEven(defaultSize.height),\n        };\n      });\n    };\n\n    handleResize();\n\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, [placement]);\n\n  React.useEffect(() => {\n    const handleMouseUp = () => {\n      setResizing(null);\n    };\n\n    if (resizing !== null) {\n      window.addEventListener(\"mouseup\", handleMouseUp);\n\n      return () => {\n        window.removeEventListener(\"mouseup\", handleMouseUp);\n      };\n    }\n\n    return;\n  }, [resizing]);\n\n  React.useEffect(() => {\n    const currentCursor = document.body.style.cursor;\n\n    if (resizing?.includes(\"x\")) {\n      document.body.style.cursor = \"col-resize\";\n    } else if (resizing?.includes(\"y\")) {\n      document.body.style.cursor = \"row-resize\";\n    }\n\n    return () => {\n      document.body.style.cursor = currentCursor;\n    };\n  }, [resizing]);\n\n  React.useEffect(() => {\n    const handleMouseMove = (e: MouseEvent) => {\n      if (resizing?.[1] === \"x\") {\n        const diff = e.clientX - (resizePosition?.x ?? e.clientX);\n        const newWidth =\n          panelSize.width + (resizing === \"lx\" ? -diff : diff) * 2;\n\n        setPanelSize((p) => ({\n          ...p,\n          width: roundToEven(\n            Math.min(\n              getMaxPanelWidth(placement),\n              Math.max(MIN_PANEL_WIDTH, newWidth),\n            ),\n          ),\n        }));\n      } else if (resizing?.[1] === \"y\") {\n        const diff = e.clientY - (resizePosition?.y ?? e.clientY);\n        const newHeight =\n          panelSize.height + (resizing === \"ty\" ? -diff : diff) * 1;\n\n        setPanelSize((p) => ({\n          ...p,\n          height: roundToEven(\n            Math.min(\n              getMaxPanelHeight(placement),\n              Math.max(MIN_PANEL_HEIGHT, newHeight),\n            ),\n          ),\n        }));\n      }\n    };\n\n    if (resizing !== null) {\n      window.addEventListener(\"mousemove\", handleMouseMove);\n\n      return () => {\n        window.removeEventListener(\"mousemove\", handleMouseMove);\n      };\n    }\n\n    return;\n  }, [resizing, placement]);\n\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        borderRadius: \"8px\",\n        boxShadow: \"0 0 10px rgba(0, 0, 0, 0.5)\",\n        border: \"1px solid rgba(0, 0, 0, 0.5)\",\n        transitionProperty: \"transform, opacity\",\n        transitionTimingFunction: \"ease-in-out\",\n        transitionDuration: \"0.2s\",\n        ...getPanelPosition(placement),\n        opacity: visible ? 1 : 0,\n        transform: `${\n          getPanelPosition(placement).transform\n        } ${getPanelToggleTransforms(visible ?? false)}`,\n        ...panelSize,\n      }}\n      onMouseEnter={() => {\n        setHover(true);\n      }}\n      onMouseLeave={() => {\n        setHover(false);\n      }}\n    >\n      {children({ resizing })}\n      {/*  */}\n      <React.Fragment>\n        <div\n          style={{\n            position: \"absolute\",\n            left: 0,\n            top: \"50%\",\n            width: \"10px\",\n            height: \"26px\",\n            transform: \"translateY(-13px) translateX(-5px)\",\n            cursor: \"col-resize\",\n            transition: \"opacity ease-in-out 0.2s\",\n            pointerEvents: hover || resizing ? \"auto\" : \"none\",\n            opacity: hover || resizing ? 1 : 0,\n          }}\n          onMouseDown={(event) => {\n            setResizing(\"lx\");\n            setResizePosition({\n              x: event.clientX,\n              y: event.clientY,\n            });\n\n            event.preventDefault();\n          }}\n        >\n          <ResizeHandleIcon />\n        </div>\n        <div\n          style={{\n            position: \"absolute\",\n            right: 0,\n            top: \"50%\",\n            width: \"10px\",\n            height: \"26px\",\n            transform: \"translateY(-13px) translateX(5px)\",\n            cursor: \"col-resize\",\n            transition: \"opacity ease-in-out 0.2s\",\n            pointerEvents: hover || resizing ? \"auto\" : \"none\",\n            opacity: hover || resizing ? 1 : 0,\n          }}\n          onMouseDown={(event) => {\n            setResizing(\"rx\");\n            setResizePosition({\n              x: event.clientX,\n              y: event.clientY,\n            });\n\n            event.preventDefault();\n          }}\n        >\n          <ResizeHandleIcon />\n        </div>\n        <div\n          style={{\n            position: \"absolute\",\n            left: \"50%\",\n            top: 0,\n            width: \"26px\",\n            height: \"10px\",\n            transform: \"translateY(-5px) translateX(-13px)\",\n            cursor: \"row-resize\",\n            transition: \"opacity ease-in-out 0.2s\",\n            pointerEvents: hover || resizing ? \"auto\" : \"none\",\n            opacity: hover || resizing ? 1 : 0,\n          }}\n          onMouseDown={(event) => {\n            setResizing(\"ty\");\n            setResizePosition({\n              x: event.clientX,\n              y: event.clientY,\n            });\n\n            event.preventDefault();\n          }}\n        >\n          <ResizeHandleIcon\n            style={{\n              transform: \"rotate(90deg)\",\n              transformOrigin: \"13px 13px\",\n            }}\n          />\n        </div>\n        <div\n          style={{\n            position: \"absolute\",\n            left: \"50%\",\n            bottom: 0,\n            width: \"26px\",\n            height: \"10px\",\n            transform: \"translateY(5px) translateX(-13px)\",\n            cursor: \"row-resize\",\n            transition: \"opacity ease-in-out 0.2s\",\n            pointerEvents: hover || resizing ? \"auto\" : \"none\",\n            opacity: hover || resizing ? 1 : 0,\n          }}\n          onMouseDown={(event) => {\n            setResizing(\"by\");\n            setResizePosition({\n              x: event.clientX,\n              y: event.clientY,\n            });\n\n            event.preventDefault();\n          }}\n        >\n          <ResizeHandleIcon\n            style={{\n              transform: \"rotate(90deg)\",\n              transformOrigin: \"13px 13px\",\n            }}\n          />\n        </div>\n      </React.Fragment>\n    </div>\n  );\n};\n","import type { Placement } from \"src/interfaces/placement\";\n\nexport const getPanelToggleTransforms = (visible: boolean) => {\n  return visible ? \"scaleX(1) translateY(0)\" : \"scaleX(0) translateY(25vw)\";\n};\n\nexport const SIZE = 50;\nexport const BUFFER = 10;\n\nconst PREFERRED_DEFAULT_WIDTH = () =>\n  typeof window !== \"undefined\" ? window.innerWidth * 0.7 : 1440 * 0.7; // 70% of window width\nconst PREFERRED_DEFAULT_HEIGHT = () =>\n  typeof window !== \"undefined\" ? window.innerHeight * 0.7 : 900 * 0.7; // 70% of window height\n\nexport const MIN_PANEL_WIDTH = 640;\nexport const MIN_PANEL_HEIGHT = 360;\n\nexport const getPinButtonTransform = (hover?: boolean) => {\n  return `translateY(${hover ? \"0\" : \"50%\"})`;\n};\n\nexport const getPanelPosition = (placement: Placement) => {\n  switch (placement) {\n    case \"left\":\n      return {\n        left: `calc(${SIZE}px + ${BUFFER}px)`,\n        top: \"50%\",\n        transform: \"translateY(-50%)\",\n      };\n    case \"right\":\n      return {\n        right: `calc(${SIZE}px + ${BUFFER}px)`,\n        top: \"50%\",\n        transform: \"translateY(-50%)\",\n      };\n    case \"top\":\n      return {\n        left: \"50%\",\n        top: `calc(${SIZE}px + ${BUFFER}px)`,\n        transform: \"translateX(-50%)\",\n      };\n    case \"bottom\":\n      return {\n        left: \"50%\",\n        bottom: `calc(${SIZE}px + ${BUFFER}px)`,\n        transform: \"translateX(-50%)\",\n      };\n  }\n};\n\nexport const getMaxPanelWidth = (placement: Placement) => {\n  switch (placement) {\n    case \"left\":\n    case \"right\":\n      return (\n        -BUFFER -\n        SIZE -\n        BUFFER +\n        (typeof window !== \"undefined\" ? window.innerWidth : 1440) -\n        BUFFER\n      );\n    case \"top\":\n    case \"bottom\":\n      return (\n        -BUFFER +\n        (typeof window !== \"undefined\" ? window.innerWidth : 1440) -\n        BUFFER\n      );\n  }\n};\n\nexport const getMaxPanelHeight = (placement: Placement) => {\n  switch (placement) {\n    case \"left\":\n    case \"right\":\n      return (\n        -BUFFER +\n        (typeof window !== \"undefined\" ? window.innerHeight : 900) -\n        BUFFER\n      );\n    case \"top\":\n    case \"bottom\":\n      return (\n        -BUFFER -\n        SIZE -\n        BUFFER +\n        (typeof window !== \"undefined\" ? window.innerHeight : 900) -\n        BUFFER\n      );\n  }\n};\n\nexport const getDefaultPanelSize = (\n  placement: Placement,\n  preferredSize?: { width: number; height: number },\n): { width: number; height: number } => {\n  const defaultPreferred = {\n    width: PREFERRED_DEFAULT_WIDTH(),\n    height: PREFERRED_DEFAULT_HEIGHT(),\n  };\n\n  const maxPanelWidth = getMaxPanelWidth(placement);\n  const maxPanelHeight = getMaxPanelHeight(placement);\n\n  const width = Math.min(\n    maxPanelWidth,\n    (preferredSize ?? defaultPreferred).width,\n  );\n  const height = Math.min(\n    maxPanelHeight,\n    (preferredSize ?? defaultPreferred).height,\n  );\n\n  return {\n    width: width,\n    height: height,\n  };\n};\n\nexport const roundToEven = (num: number) => {\n  const rounded = Math.round(num);\n  return rounded % 2 === 0 ? rounded : rounded + 1;\n};\n","import React from \"react\";\n\nexport const ResizeHandleIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    width={10}\n    height={26}\n    viewBox=\"0 0 10 26\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <rect x={0.5} y={0.5} width={9} height={25} rx={4.5} fill=\"#1D1E30\" />\n    <path\n      d=\"M7 5C7 6.10457 6.10457 7 5 7C3.89543 7 3 6.10457 3 5C3 3.89543 3.89543 3 5 3C6.10457 3 7 3.89543 7 5Z\"\n      fill=\"#303450\"\n    />\n    <path\n      d=\"M7 13C7 14.1046 6.10457 15 5 15C3.89543 15 3 14.1046 3 13C3 11.8954 3.89543 11 5 11C6.10457 11 7 11.8954 7 13Z\"\n      fill=\"#303450\"\n    />\n    <path\n      d=\"M7 21C7 22.1046 6.10457 23 5 23C3.89543 23 3 22.1046 3 21C3 19.8954 3.89543 19 5 19C6.10457 19 7 19.8954 7 21Z\"\n      fill=\"#303450\"\n    />\n    <rect x={0.5} y={0.5} width={9} height={25} rx={4.5} stroke=\"#303450\" />\n  </svg>\n);\n","import React from \"react\";\nimport { DevToolsContextProvider } from \"@refinedev/devtools-shared\";\n\nexport const DevtoolsProvider =\n  __DEV_CONDITION__ !== \"development\"\n    ? ({ children }: React.PropsWithChildren) => children as any\n    : ({ children }: React.PropsWithChildren) => {\n        return <DevToolsContextProvider>{children}</DevToolsContextProvider>;\n      };\n"],"mappings":"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","names":["React","React","React","React","getElementFromFiber","getFiberFromElement","getFirstFiberHasName","getFirstStateNodeFiber","getNameFromFiber","getParentOfFiber","DevToolsContext","useSelector","active","devtoolsUrl","selectableElements","setSelectableElements","fetchTraceItems","selectAppropriateFiber","start","activeTraceItems","fiber","firstParentOfNodeWithName","fiberWithStateNode","acceptedName","getUniqueNodes","nodes","uniques","node","item","traverseBodyNodes","_a","items","targetFiber","element","name","i","prepareSelector","fetchedTraceItems","traversedNodes","uniqueNodes","React","ApplyStyles","children","element","React","debounce","createPortal","React","SelectorButtonIcon","props","SelectorIcon","SelectableElement","element","name","onSelect","position","React","top","left","width","height","scrollLeft","scrollTop","positionLeft","positionTop","elementRef","onScroll","debounce","_a","_b","_c","_d","_e","opacityOnScroll","placement","tooltipBaseSize","nameWidth","tooltipSize","gap","event","SelectorIcon","SelectableElements","elements","selectorBoxRoot","setSelectorBoxRoot","createPortal","idx","ApplyStyles","DevtoolsSelector","active","setActive","onHighlight","icon","style","selectableElements","useSelector","React","event","_a","SelectableElements","name","ApplyStyles","React","DevtoolsIcon","props","DevtoolsPin","onClick","onSelectorHighlight","selectorActive","setSelectorActive","React","DevtoolsIcon","DevtoolsSelector","SelectorButtonIcon","ApplyStyles","React","getPanelToggleTransforms","visible","PREFERRED_DEFAULT_WIDTH","PREFERRED_DEFAULT_HEIGHT","getPanelPosition","placement","getMaxPanelWidth","getMaxPanelHeight","getDefaultPanelSize","preferredSize","defaultPreferred","PREFERRED_DEFAULT_WIDTH","PREFERRED_DEFAULT_HEIGHT","maxPanelWidth","maxPanelHeight","width","height","roundToEven","num","rounded","React","ResizeHandleIcon","props","ResizablePane","placement","visible","children","hover","setHover","React","resizing","setResizing","resizePosition","setResizePosition","panelSize","setPanelSize","defaultSize","getDefaultPanelSize","roundToEven","handleResize","p","handleMouseUp","currentCursor","handleMouseMove","e","diff","newWidth","getMaxPanelWidth","newHeight","getMaxPanelHeight","getPanelPosition","getPanelToggleTransforms","event","ResizeHandleIcon","DevToolsContext","DevtoolsEvent","send","DevtoolsPanel","browser","setBrowser","React","visible","setVisible","placement","devtoolsUrl","ws","width","setWidth","selectorActive","setSelectorActive","onSelectorHighlight","name","onSelectorOpen","onResize","DevtoolsPin","v","ResizablePane","resizing","React","DevToolsContextProvider","DevtoolsProvider","children"]}
+{"version":3,"sources":["../src/panel.tsx","../src/components/devtools-pin.tsx","../src/components/devtools-selector.tsx","../src/utilities/use-selector.tsx","../src/components/apply-styles.tsx","../src/components/selectable-elements.tsx","../src/components/icons/selector-button.tsx","../src/components/icons/devtools-icon.tsx","../src/components/resizable-pane.tsx","../src/utilities/index.ts","../src/components/icons/resize-handle-icon.tsx","../src/provider.tsx"],"sourcesContent":["import React from \"react\";\nimport { DevtoolsPin } from \"./components/devtools-pin\";\nimport { ResizablePane } from \"./components/resizable-pane\";\n\nimport {\n  DevToolsContext,\n  DevtoolsEvent,\n  send,\n} from \"@refinedev/devtools-shared\";\n\nimport type { Placement } from \"./interfaces/placement\";\n\nexport const DevtoolsPanel =\n  __DEV_CONDITION__ !== \"development\"\n    ? () => null\n    : () => {\n        const [browser, setBrowser] = React.useState<boolean>(false);\n        const [visible, setVisible] = React.useState(false);\n        const [placement] = React.useState<Placement>(\"bottom\");\n        const { devtoolsUrl, ws } = React.useContext(DevToolsContext);\n        const [width, setWidth] = React.useState<number>(0);\n        const [selectorActive, setSelectorActive] = React.useState(false);\n\n        const onSelectorHighlight = React.useCallback(\n          (name: string) => {\n            if (ws) {\n              send(ws, DevtoolsEvent.DEVTOOLS_HIGHLIGHT_IN_MONITOR, {\n                name,\n              });\n            }\n            setVisible(true);\n          },\n          [ws],\n        );\n\n        const onSelectorOpen = React.useCallback(() => {\n          setVisible(false);\n        }, []);\n\n        React.useEffect(() => {\n          if (selectorActive) {\n            setVisible(false);\n          }\n        }, [selectorActive]);\n\n        React.useEffect(() => {\n          if (typeof window !== \"undefined\") {\n            setBrowser(true);\n          }\n        }, []);\n\n        React.useEffect(() => {\n          if (browser) {\n            // set width by window size dynamically\n            setWidth(window.innerWidth);\n\n            const onResize = () => {\n              setWidth(window.innerWidth);\n            };\n\n            window.addEventListener(\"resize\", onResize);\n\n            return () => {\n              window.removeEventListener(\"resize\", onResize);\n            };\n          }\n\n          return () => undefined;\n        }, [browser]);\n\n        if (!browser) {\n          return null;\n        }\n\n        return (\n          <div\n            style={{\n              position: \"fixed\",\n              left: `${Math.round(width / 2)}px`,\n              transform: \"translateX(-50%)\",\n              bottom: 0,\n              zIndex: 99999,\n            }}\n          >\n            <DevtoolsPin\n              onClick={() => {\n                setVisible((v) => !v);\n                setSelectorActive(false);\n              }}\n              onSelectorHighlight={onSelectorHighlight}\n              selectorActive={selectorActive}\n              setSelectorActive={setSelectorActive}\n            />\n            <ResizablePane visible={visible} placement={placement}>\n              {({ resizing }) => (\n                <iframe\n                  allow=\"clipboard-write;\"\n                  src={devtoolsUrl}\n                  srcDoc={\n                    devtoolsUrl\n                      ? undefined\n                      : `\n                            <html style=\"height:100%;padding:0;margin:0;\">\n                                <body style=\"display:flex;justify-content:center;height:100%;padding:24px;margin:0;align-items:center;box-sizing:border-box;\">\n                                    <h1 style=\"font-family:ui-monospace,monospace;color:#CFD7E2;text-align:center;\">Could not connect to the devtools server</h1>\n                                </body>\n                            </html>\n                        `\n                  }\n                  style={{\n                    width: \"100%\",\n                    height: \"100%\",\n                    border: \"none\",\n                    borderRadius: \"7px\",\n                    pointerEvents: resizing ? \"none\" : \"auto\",\n                    background: \"#14141F\",\n                  }}\n                />\n              )}\n            </ResizablePane>\n          </div>\n        );\n      };\n","import React from \"react\";\nimport { DevtoolsSelector } from \"./devtools-selector\";\nimport { DevtoolsIcon } from \"./icons/devtools-icon\";\nimport { SelectorButtonIcon } from \"./icons/selector-button\";\nimport { ApplyStyles } from \"./apply-styles\";\n\ntype Props = {\n  onClick?: () => void;\n  groupHover?: boolean;\n  onSelectorHighlight: (name: string) => void;\n  selectorActive: boolean;\n  setSelectorActive: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const DevtoolsPin = ({\n  onClick,\n  onSelectorHighlight,\n  selectorActive,\n  setSelectorActive,\n}: Props) => {\n  return (\n    <div role=\"button\" className=\"devtools-selector-pin-box\" onClick={onClick}>\n      <DevtoolsIcon />\n      <DevtoolsSelector\n        style={{\n          position: \"absolute\",\n          top: 5,\n          right: 18,\n          width: \"16px\",\n          height: \"16px\",\n        }}\n        icon={\n          <SelectorButtonIcon\n            width={16}\n            height={16}\n            style={{ pointerEvents: \"none\" }}\n          />\n        }\n        onHighlight={onSelectorHighlight}\n        active={selectorActive}\n        setActive={setSelectorActive}\n      />\n      <ApplyStyles>\n        {\n          /* css */ `\n            .devtools-selector-pin-box {\n              z-index: 9999;\n              position: relative;\n              user-select: none;\n              -webkit-user-select: none;\n              background: none;\n              border: none;\n              padding: 0;\n              margin: 0;\n              appearance: none;\n              padding-right: 1px;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              cursor: pointer;\n              color: #6C7793;\n              transition: color 0.1s ease-in-out;\n            }\n\n            .devtools-selector-pin-box:hover {\n              color: #0FBDBD;\n            }\n          `\n        }\n      </ApplyStyles>\n    </div>\n  );\n};\n","import React from \"react\";\nimport { useSelector } from \"src/utilities/use-selector\";\nimport { ApplyStyles } from \"./apply-styles\";\nimport { SelectableElements } from \"./selectable-elements\";\n\ntype Props = {\n  active: boolean;\n  setActive: React.Dispatch<React.SetStateAction<boolean>>;\n  onHighlight: (name: string) => void;\n  icon?: React.ReactNode;\n  style?: React.CSSProperties;\n};\n\nexport const DevtoolsSelector = ({\n  active,\n  setActive,\n  onHighlight,\n  icon,\n  style,\n}: Props) => {\n  const { selectableElements } = useSelector(active);\n\n  const onSelect = (name: string) => {\n    onHighlight(name);\n    setActive(false);\n  };\n\n  return (\n    <div style={style}>\n      <div\n        role=\"button\"\n        title=\"Element Selector\"\n        className=\"refine-devtools-selector-button\"\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          (document?.activeElement as HTMLElement)?.blur();\n          setActive((active) => !active);\n        }}\n      >\n        {icon}\n      </div>\n      {active && (\n        <SelectableElements elements={selectableElements} onSelect={onSelect} />\n      )}\n      <ApplyStyles>\n        {\n          /* css */ `\n        .refine-devtools-selector-button {\n          padding: 0;\n          margin: 0;\n          height: 100%;\n          width: 100%;\n          transform: rotate(0deg);\n          transition: transform 0.2s ease-in-out;\n        }\n\n        .refine-devtools-selector-button:hover {\n          transform: rotate(180deg);\n        }\n    `\n        }\n      </ApplyStyles>\n    </div>\n  );\n};\n","import React from \"react\";\nimport {\n  getElementFromFiber,\n  getFiberFromElement,\n  getFirstFiberHasName,\n  getFirstStateNodeFiber,\n  getNameFromFiber,\n  getParentOfFiber,\n} from \"@aliemir/dom-to-fiber-utils\";\nimport { DevToolsContext } from \"@refinedev/devtools-shared\";\n\ntype Fiber = Exclude<ReturnType<typeof getFiberFromElement>, null>;\n\ntype SelectableElement = {\n  element: HTMLElement;\n  name: string;\n};\n\nexport const useSelector = (active: boolean) => {\n  const { devtoolsUrl } = React.useContext(DevToolsContext);\n  const [selectableElements, setSelectableElements] = React.useState<\n    SelectableElement[]\n  >([]);\n\n  const fetchTraceItems = React.useCallback(async () => {\n    const response = await fetch(`${devtoolsUrl}/api/unique-trace-items`);\n    const data = await response.json();\n\n    return data.data as string[];\n  }, [devtoolsUrl]);\n\n  const selectAppropriateFiber = React.useCallback(\n    (start: Fiber | null, activeTraceItems: string[]) => {\n      let fiber = start;\n      let firstParentOfNodeWithName: Fiber | null;\n      let fiberWithStateNode: Fiber | null;\n\n      let acceptedName = false;\n\n      while (!acceptedName && fiber) {\n        // Get the first fiber node that has a name (look up the tree)\n        firstParentOfNodeWithName = getFirstFiberHasName(fiber);\n        // Get the first fiber node that has a state node (look up the tree)\n        fiberWithStateNode = getFirstStateNodeFiber(firstParentOfNodeWithName);\n        acceptedName = activeTraceItems.includes(\n          getNameFromFiber(firstParentOfNodeWithName) ?? \"\",\n        );\n        if (!acceptedName) {\n          fiber = getParentOfFiber(fiber);\n        }\n      }\n\n      if (fiberWithStateNode && firstParentOfNodeWithName) {\n        return {\n          stateNode: fiberWithStateNode,\n          nameFiber: firstParentOfNodeWithName,\n        };\n      }\n      return {\n        stateNode: null,\n        nameFiber: null,\n      };\n    },\n    [],\n  );\n\n  const getUniqueNodes = React.useCallback((nodes: SelectableElement[]) => {\n    const uniques: SelectableElement[] = [];\n\n    nodes.forEach((node) => {\n      const isElementExist = uniques.find(\n        (item) => item.element === node.element,\n      );\n      if (!isElementExist) {\n        uniques.push(node);\n      }\n    });\n\n    return uniques;\n  }, []);\n\n  const traverseBodyNodes = React.useCallback(\n    (\n      node: HTMLElement | null,\n      activeTraceItems: string[],\n    ): SelectableElement[] => {\n      if (!node) {\n        return [];\n      }\n\n      const items: SelectableElement[] = [];\n\n      const fiber = getFiberFromElement(node);\n      const targetFiber = selectAppropriateFiber(fiber, activeTraceItems);\n\n      if (targetFiber.nameFiber && targetFiber.stateNode) {\n        const element = getElementFromFiber(targetFiber.stateNode);\n        const name = getNameFromFiber(targetFiber.nameFiber);\n        if (element && name) {\n          items.push({\n            element,\n            name,\n          });\n        }\n      }\n\n      for (let i = 0; i < node?.children?.length ?? 0; i++) {\n        items.push(\n          ...traverseBodyNodes(\n            node.children[i] as HTMLElement,\n            activeTraceItems,\n          ),\n        );\n      }\n\n      return items;\n    },\n    [selectAppropriateFiber],\n  );\n\n  const prepareSelector = React.useCallback(async () => {\n    const fetchedTraceItems = await fetchTraceItems();\n    const traversedNodes = traverseBodyNodes(document.body, fetchedTraceItems);\n    const uniqueNodes = getUniqueNodes(traversedNodes);\n\n    setSelectableElements(uniqueNodes);\n  }, [fetchTraceItems, traverseBodyNodes, getUniqueNodes]);\n\n  React.useEffect(() => {\n    if (active) {\n      prepareSelector();\n    }\n  }, [active, prepareSelector]);\n\n  return {\n    selectableElements,\n  };\n};\n","import React from \"react\";\n\ntype Props = {\n  children: string;\n};\n\nexport const ApplyStyles = ({ children }: Props) => {\n  React.useEffect(() => {\n    const element = document.createElement(\"style\");\n    element.innerHTML = children;\n    document.head.appendChild(element);\n\n    return () => {\n      document.head.removeChild(element);\n    };\n  }, [children]);\n\n  return null;\n};\n","import React from \"react\";\nimport debounce from \"lodash-es/debounce.js\";\nimport { createPortal } from \"react-dom\";\nimport { ApplyStyles } from \"./apply-styles\";\nimport { SelectorIcon } from \"./icons/selector-button\";\n\nconst SelectableElement = ({\n  element,\n  name,\n  onSelect,\n}: {\n  element: HTMLElement;\n  name: string;\n  onSelect: (name: string) => void;\n}) => {\n  const [position] = React.useState(() => {\n    const { top, left, width, height } = element.getBoundingClientRect();\n    const { scrollLeft, scrollTop } = document.documentElement;\n    const positionLeft = left + scrollLeft;\n    const positionTop = top + scrollTop;\n\n    return { left: positionLeft, top: positionTop, width, height };\n  });\n\n  const elementRef = React.useRef<HTMLButtonElement | null>(null);\n\n  React.useEffect(() => {\n    // use scroll event listener\n    const onScroll = debounce(\n      () => {\n        const { top, left, width, height } = element.getBoundingClientRect();\n        const { scrollLeft, scrollTop } = document.documentElement;\n        const positionLeft = left + scrollLeft;\n        const positionTop = top + scrollTop;\n\n        elementRef.current?.style.setProperty(\"left\", `${positionLeft}px`);\n        elementRef.current?.style.setProperty(\"top\", `${positionTop}px`);\n        elementRef.current?.style.setProperty(\"width\", `${width}px`);\n        elementRef.current?.style.setProperty(\"height\", `${height}px`);\n        elementRef.current?.style.setProperty(\"opacity\", \"1\");\n      },\n      200,\n      {\n        leading: false,\n        trailing: true,\n      },\n    );\n\n    const opacityOnScroll = debounce(\n      () => {\n        elementRef.current?.style.setProperty(\"opacity\", \"0\");\n      },\n      200,\n      {\n        leading: true,\n        trailing: false,\n      },\n    );\n\n    document.addEventListener(\"scroll\", onScroll);\n    document.addEventListener(\"scroll\", opacityOnScroll);\n\n    return () => {\n      document.removeEventListener(\"scroll\", onScroll);\n      document.removeEventListener(\"scroll\", opacityOnScroll);\n    };\n  }, [element]);\n\n  const placement = React.useMemo(() => {\n    const tooltipBaseSize = { width: 22, height: 22 };\n    const nameWidth = name.length * 7.5;\n    const tooltipSize = {\n      width: tooltipBaseSize.width + nameWidth,\n      height: tooltipBaseSize.height,\n    };\n    const gap = 4;\n\n    // outside top start\n    if (\n      position.top - tooltipSize.height > 0 &&\n      position.left + tooltipSize.width < window.innerWidth &&\n      position.width > tooltipSize.width\n    ) {\n      return { left: gap / 2, top: tooltipSize.height * -1 - gap };\n    }\n    // inside top start\n    if (\n      position.height >= tooltipSize.height * 1.5 &&\n      position.width >= tooltipSize.width * 1.5\n    ) {\n      return { left: 0 + gap, top: 0 + gap };\n    }\n    // outside left start\n    if (position.left - tooltipSize.width > 0) {\n      return { right: position.width + gap, top: 0 - 1 };\n    }\n    // outside right start\n    if (\n      position.left + position.width + tooltipSize.width <\n      window.innerWidth\n    ) {\n      return { left: position.width + gap, top: 0 - 1 };\n    }\n    // outside bottom start\n    if (\n      position.top + position.height + tooltipSize.height <\n      document.documentElement.scrollHeight\n    ) {\n      return { left: 0 - 1, top: position.height + gap };\n    }\n\n    return { left: 0, top: 0 };\n  }, [position, name.length]);\n\n  return (\n    <button\n      type=\"button\"\n      className=\"selector-xray-box\"\n      onClick={(event) => {\n        event?.preventDefault();\n        event?.stopPropagation();\n        onSelect(name);\n      }}\n      ref={elementRef}\n      style={{\n        position: \"absolute\",\n        ...position,\n      }}\n    >\n      <div\n        style={{\n          position: \"absolute\",\n          ...placement,\n        }}\n        className=\"selector-xray-info\"\n      >\n        <span className=\"selector-xray-info-icon\">\n          <SelectorIcon\n            width={12}\n            height={12}\n            style={{ pointerEvents: \"none\" }}\n          />\n        </span>\n        <span className=\"selector-xray-info-title\">{` ${name}`}</span>\n      </div>\n    </button>\n  );\n};\n\nexport const SelectableElements = ({\n  elements,\n  onSelect,\n}: {\n  elements: Array<{ element: HTMLElement; name: string }>;\n  onSelect: (name: string) => void;\n}) => {\n  const [selectorBoxRoot, setSelectorBoxRoot] =\n    React.useState<HTMLElement | null>(null);\n\n  React.useEffect(() => {\n    if (!selectorBoxRoot) {\n      const element = document.createElement(\"div\");\n      element.id = \"selector-box-root\";\n\n      document.body.appendChild(element);\n\n      setSelectorBoxRoot(element);\n\n      return () => {\n        document.body.removeChild(element);\n        setSelectorBoxRoot(null);\n      };\n    }\n\n    return () => 0;\n  }, []);\n\n  if (!selectorBoxRoot) return null;\n\n  return (\n    <>\n      {createPortal(\n        elements.map((element, idx) => (\n          <SelectableElement\n            key={`selector-element-${idx}-${element.name}`}\n            {...element}\n            onSelect={onSelect}\n          />\n        )),\n        selectorBoxRoot,\n      )}\n      <ApplyStyles>\n        {\n          /* css */ `\n          .selector-xray-box {\n            display: flex;\n            margin: 0;\n            padding: 0;\n            appearance: none;\n            z-index: 9999;\n            border: 2px dashed #47EBEB;\n            border-radius: 6px;\n            background: rgba(71, 235, 235, 0.01);\n            transition: opacity 0.2s ease-in-out;\n            cursor: crosshair;\n          }\n        \n          .selector-xray-info {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n      \n            z-index: 10;\n      \n            padding: 3px 0;\n            min-width: 22px;\n            height: 22px;\n      \n            color: #14141F;\n            background: #47EBEB;\n      \n            font-size: 12px;\n            line-height: 16px;\n            font-family: monospace;\n            border-radius: 11px;\n          }\n      \n          .selector-xray-info-icon {\n            display: flex;\n            min-width: 22px;\n            justify-content: center;\n            align-items: center;\n            flex-shrink: 0;\n          }\n      \n          .selector-xray-info-title {\n            display: block;\n            max-width: 0;\n            overflow: hidden;\n            transition-property: max-width, padding-right;\n            transition-duration: 0.2s;\n            transition-timing-function: ease-in-out;\n            transition-delay: 0.1s;\n          }\n      \n          .selector-xray-box:hover .selector-xray-info-title {\n            max-width: 200px;\n            padding-right: 8px;\n          }\n        `\n        }\n      </ApplyStyles>\n    </>\n  );\n};\n","import React from \"react\";\n\nexport const SelectorButtonIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={16}\n    height={16}\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fill=\"#0FBDBD\"\n      fillRule=\"evenodd\"\n      d=\"M9 1a1 1 0 0 0-2 0v2.1A5.006 5.006 0 0 0 3.1 7H1a1 1 0 0 0 0 2h2.1A5.006 5.006 0 0 0 7 12.9V15a1 1 0 1 0 2 0v-2.1A5.006 5.006 0 0 0 12.9 9H15a1 1 0 1 0 0-2h-2.1A5.006 5.006 0 0 0 9 3.1V1Zm2 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\n\nexport const SelectorIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={16}\n    height={16}\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fill=\"#14141F\"\n      fillRule=\"evenodd\"\n      d=\"M9 1a1 1 0 0 0-2 0v2.1A5.006 5.006 0 0 0 3.1 7H1a1 1 0 0 0 0 2h2.1A5.006 5.006 0 0 0 7 12.9V15a1 1 0 1 0 2 0v-2.1A5.006 5.006 0 0 0 12.9 9H15a1 1 0 1 0 0-2h-2.1A5.006 5.006 0 0 0 9 3.1V1Zm2 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\n\nexport const DevtoolsIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={157}\n    height={25}\n    viewBox=\"0 0 157 25\"\n    fill=\"none\"\n    {...props}\n  >\n    <g>\n      <path fill=\"#1D1E30\" d=\"M17 1h123v24H17z\" />\n      <path\n        fill=\"#1D1E30\"\n        d=\"M6.265 9.205A12 12 0 0 1 17.649 1H25v24H1L6.265 9.205ZM150.735 9.205A12 12 0 0 0 139.351 1H132v24h24l-5.265-15.795Z\"\n      />\n      <path\n        fill=\"currentColor\"\n        d=\"M25 14.333A1.333 1.333 0 1 1 25 17a1.333 1.333 0 0 1 0-2.667Z\"\n      />\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M23.211 20.578a4 4 0 0 0 3.578 0l4-2A4 4 0 0 0 33 15v-4a4 4 0 0 0-2.211-3.578l-4-2a4 4 0 0 0-3.578 0l-4 2A4 4 0 0 0 17 11v4a4 4 0 0 0 2.211 3.578l4 2Zm-.878-4.911a2.667 2.667 0 0 0 5.334 0v-5.334a2.667 2.667 0 0 0-5.334 0v5.334Z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#CFD7E2\"\n        d=\"M42.152 17a.287.287 0 0 1-.192-.072.287.287 0 0 1-.072-.192V9.032c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h4.2c.288 0 .56.056.816.168a2.135 2.135 0 0 1 1.14 1.128c.112.256.168.532.168.828v3.984c0 .296-.056.572-.168.828a2.135 2.135 0 0 1-1.14 1.128 2.014 2.014 0 0 1-.816.168h-4.2Zm1.38-1.644h2.82a.455.455 0 0 0 .336-.132.497.497 0 0 0 .132-.348v-3.984a.455.455 0 0 0-.132-.336.436.436 0 0 0-.336-.144h-2.82v4.944Zm13.18-5.196a.244.244 0 0 1-.253.252h-4.44v1.656h4.02c.072 0 .132.024.18.072a.227.227 0 0 1 .084.18v1.128a.264.264 0 0 1-.084.192.244.244 0 0 1-.18.072h-4.02v1.644h4.44c.072 0 .132.028.18.084a.244.244 0 0 1 .072.18v1.116a.287.287 0 0 1-.072.192.244.244 0 0 1-.18.072h-5.832a.244.244 0 0 1-.18-.072.287.287 0 0 1-.072-.192V9.032c0-.072.024-.132.072-.18a.227.227 0 0 1 .18-.084h5.832c.072 0 .132.028.18.084a.244.244 0 0 1 .072.18v1.128ZM63.014 17h-2.232a.387.387 0 0 1-.216-.072.356.356 0 0 1-.144-.168l-1.716-4.296a.853.853 0 0 1-.072-.24 1.783 1.783 0 0 1-.024-.264V9.032c0-.072.024-.132.072-.18a.227.227 0 0 1 .18-.084h1.128c.072 0 .132.028.18.084a.227.227 0 0 1 .084.18v2.616c0 .072.008.156.024.252s.04.176.072.24l1.284 3.216h.528l1.284-3.216a.853.853 0 0 0 .072-.24c.016-.096.024-.18.024-.252V9.032c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h1.128c.072 0 .132.028.18.084a.244.244 0 0 1 .072.18v2.928c0 .072-.008.16-.024.264a.853.853 0 0 1-.072.24l-1.716 4.296a.356.356 0 0 1-.144.168.387.387 0 0 1-.216.072ZM73.29 8.768c.072 0 .132.028.18.084a.227.227 0 0 1 .084.18v1.128a.227.227 0 0 1-.084.18.244.244 0 0 1-.18.072h-2.208v6.324a.264.264 0 0 1-.084.192.244.244 0 0 1-.18.072H69.69a.244.244 0 0 1-.18-.072.287.287 0 0 1-.072-.192v-6.324H67.23a.287.287 0 0 1-.192-.072.244.244 0 0 1-.072-.18V9.032c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h6.06Zm6.507.012c.296 0 .572.056.828.168a2.171 2.171 0 0 1 1.128 1.128c.112.256.168.528.168.816v3.996c0 .288-.056.56-.168.816a2.171 2.171 0 0 1-1.128 1.128 2.043 2.043 0 0 1-.828.168h-2.34c-.296 0-.572-.056-.828-.168a2.171 2.171 0 0 1-1.128-1.128 2.014 2.014 0 0 1-.168-.816v-3.996c0-.288.056-.56.168-.816a2.171 2.171 0 0 1 1.128-1.128c.256-.112.532-.168.828-.168h2.34Zm.48 2.112a.436.436 0 0 0-.144-.336.455.455 0 0 0-.336-.132h-2.34a.497.497 0 0 0-.348.132.455.455 0 0 0-.132.336v3.996c0 .136.044.248.132.336a.497.497 0 0 0 .348.132h2.34a.455.455 0 0 0 .336-.132.436.436 0 0 0 .144-.336v-3.996Zm7.888-2.112c.295 0 .572.056.828.168a2.171 2.171 0 0 1 1.128 1.128c.112.256.168.528.168.816v3.996c0 .288-.056.56-.168.816a2.171 2.171 0 0 1-1.128 1.128 2.043 2.043 0 0 1-.828.168h-2.34c-.297 0-.573-.056-.829-.168a2.171 2.171 0 0 1-1.127-1.128 2.014 2.014 0 0 1-.168-.816v-3.996c0-.288.056-.56.168-.816a2.171 2.171 0 0 1 1.127-1.128c.257-.112.532-.168.829-.168h2.34Zm.48 2.112a.436.436 0 0 0-.144-.336.455.455 0 0 0-.337-.132h-2.34a.497.497 0 0 0-.347.132.455.455 0 0 0-.133.336v3.996c0 .136.044.248.133.336a.497.497 0 0 0 .347.132h2.34a.455.455 0 0 0 .337-.132.436.436 0 0 0 .143-.336v-3.996ZM98.294 17H92.68a.287.287 0 0 1-.192-.072.287.287 0 0 1-.072-.192V9.032c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h1.116c.072 0 .132.028.18.084a.227.227 0 0 1 .084.18v6.324h4.236c.072 0 .132.028.18.084a.244.244 0 0 1 .072.18v1.116a.287.287 0 0 1-.072.192.244.244 0 0 1-.18.072Zm7.336-5.76a.287.287 0 0 1-.192-.072.287.287 0 0 1-.072-.192v-.084a.455.455 0 0 0-.132-.336.436.436 0 0 0-.336-.144h-2.352a.46.46 0 0 0-.336.144.455.455 0 0 0-.132.336v.696c0 .136.044.252.132.348a.482.482 0 0 0 .336.132h2.352c.288 0 .56.056.816.168a2.171 2.171 0 0 1 1.128 1.128c.112.256.168.528.168.816v.696c0 .296-.056.572-.168.828a2.171 2.171 0 0 1-1.128 1.128 2.014 2.014 0 0 1-.816.168h-2.352c-.288 0-.56-.056-.816-.168a2.171 2.171 0 0 1-1.128-1.128 2.043 2.043 0 0 1-.168-.828v-.084c0-.072.024-.132.072-.18a.264.264 0 0 1 .192-.084h1.116c.072 0 .132.028.18.084a.227.227 0 0 1 .084.18v.084c0 .136.044.252.132.348a.482.482 0 0 0 .336.132h2.352a.455.455 0 0 0 .336-.132.497.497 0 0 0 .132-.348v-.696a.455.455 0 0 0-.132-.336.455.455 0 0 0-.336-.132h-2.352c-.288 0-.56-.056-.816-.168a2.171 2.171 0 0 1-1.128-1.128 2.099 2.099 0 0 1-.168-.828v-.696c0-.296.056-.572.168-.828a2.171 2.171 0 0 1 1.128-1.128c.256-.112.528-.168.816-.168h2.352c.288 0 .56.056.816.168a2.171 2.171 0 0 1 1.128 1.128c.112.256.168.532.168.828v.084a.287.287 0 0 1-.072.192.244.244 0 0 1-.18.072h-1.128Z\"\n      />\n    </g>\n  </svg>\n);\n","import React from \"react\";\nimport type { Placement } from \"src/interfaces/placement\";\nimport {\n  getDefaultPanelSize,\n  getMaxPanelHeight,\n  getMaxPanelWidth,\n  getPanelPosition,\n  getPanelToggleTransforms,\n  MIN_PANEL_HEIGHT,\n  MIN_PANEL_WIDTH,\n  roundToEven,\n} from \"src/utilities\";\nimport { ResizeHandleIcon } from \"./icons/resize-handle-icon\";\n\ntype Props = {\n  placement: Placement;\n  defaultWidth?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  defaultHeight?: number;\n  minHeight?: number;\n  maxHeight?: number;\n  children: ({ resizing }: { resizing: string | null }) => React.ReactNode;\n  onResize?: (width: number, height: number) => void;\n  visible?: boolean;\n};\n\nexport const ResizablePane = ({ placement, visible, children }: Props) => {\n  const [hover, setHover] = React.useState(false);\n  const [resizing, setResizing] = React.useState<\n    \"lx\" | \"rx\" | \"ty\" | \"by\" | null\n  >(null);\n  const [resizePosition, setResizePosition] = React.useState<{\n    x: number;\n    y: number;\n  } | null>(null);\n  const [panelSize, setPanelSize] = React.useState<\n    Record<\"width\" | \"height\", number>\n  >(() => {\n    const defaultSize = getDefaultPanelSize(placement);\n\n    return {\n      width: roundToEven(defaultSize.width),\n      height: roundToEven(defaultSize.height),\n    };\n  });\n\n  React.useEffect(() => {\n    const handleResize = () => {\n      setPanelSize((p) => {\n        const defaultSize = getDefaultPanelSize(placement, p);\n\n        return {\n          width: roundToEven(defaultSize.width),\n          height: roundToEven(defaultSize.height),\n        };\n      });\n    };\n\n    handleResize();\n\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, [placement]);\n\n  React.useEffect(() => {\n    const handleMouseUp = () => {\n      setResizing(null);\n    };\n\n    if (resizing !== null) {\n      window.addEventListener(\"mouseup\", handleMouseUp);\n\n      return () => {\n        window.removeEventListener(\"mouseup\", handleMouseUp);\n      };\n    }\n\n    return;\n  }, [resizing]);\n\n  React.useEffect(() => {\n    const currentCursor = document.body.style.cursor;\n\n    if (resizing?.includes(\"x\")) {\n      document.body.style.cursor = \"col-resize\";\n    } else if (resizing?.includes(\"y\")) {\n      document.body.style.cursor = \"row-resize\";\n    }\n\n    return () => {\n      document.body.style.cursor = currentCursor;\n    };\n  }, [resizing]);\n\n  React.useEffect(() => {\n    const handleMouseMove = (e: MouseEvent) => {\n      if (resizing?.[1] === \"x\") {\n        const diff = e.clientX - (resizePosition?.x ?? e.clientX);\n        const newWidth =\n          panelSize.width + (resizing === \"lx\" ? -diff : diff) * 2;\n\n        setPanelSize((p) => ({\n          ...p,\n          width: roundToEven(\n            Math.min(\n              getMaxPanelWidth(placement),\n              Math.max(MIN_PANEL_WIDTH, newWidth),\n            ),\n          ),\n        }));\n      } else if (resizing?.[1] === \"y\") {\n        const diff = e.clientY - (resizePosition?.y ?? e.clientY);\n        const newHeight =\n          panelSize.height + (resizing === \"ty\" ? -diff : diff) * 1;\n\n        setPanelSize((p) => ({\n          ...p,\n          height: roundToEven(\n            Math.min(\n              getMaxPanelHeight(placement),\n              Math.max(MIN_PANEL_HEIGHT, newHeight),\n            ),\n          ),\n        }));\n      }\n    };\n\n    if (resizing !== null) {\n      window.addEventListener(\"mousemove\", handleMouseMove);\n\n      return () => {\n        window.removeEventListener(\"mousemove\", handleMouseMove);\n      };\n    }\n\n    return;\n  }, [resizing, placement]);\n\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        borderRadius: \"8px\",\n        boxShadow: \"0 0 10px rgba(0, 0, 0, 0.5)\",\n        border: \"1px solid rgba(0, 0, 0, 0.5)\",\n        transitionProperty: \"transform, opacity\",\n        transitionTimingFunction: \"ease-in-out\",\n        transitionDuration: \"0.2s\",\n        ...getPanelPosition(placement),\n        opacity: visible ? 1 : 0,\n        transform: `${\n          getPanelPosition(placement).transform\n        } ${getPanelToggleTransforms(visible ?? false)}`,\n        ...panelSize,\n      }}\n      onMouseEnter={() => {\n        setHover(true);\n      }}\n      onMouseLeave={() => {\n        setHover(false);\n      }}\n    >\n      {children({ resizing })}\n      {/*  */}\n      <React.Fragment>\n        <div\n          style={{\n            position: \"absolute\",\n            left: 0,\n            top: \"50%\",\n            width: \"10px\",\n            height: \"26px\",\n            transform: \"translateY(-13px) translateX(-5px)\",\n            cursor: \"col-resize\",\n            transition: \"opacity ease-in-out 0.2s\",\n            pointerEvents: hover || resizing ? \"auto\" : \"none\",\n            opacity: hover || resizing ? 1 : 0,\n          }}\n          onMouseDown={(event) => {\n            setResizing(\"lx\");\n            setResizePosition({\n              x: event.clientX,\n              y: event.clientY,\n            });\n\n            event.preventDefault();\n          }}\n        >\n          <ResizeHandleIcon />\n        </div>\n        <div\n          style={{\n            position: \"absolute\",\n            right: 0,\n            top: \"50%\",\n            width: \"10px\",\n            height: \"26px\",\n            transform: \"translateY(-13px) translateX(5px)\",\n            cursor: \"col-resize\",\n            transition: \"opacity ease-in-out 0.2s\",\n            pointerEvents: hover || resizing ? \"auto\" : \"none\",\n            opacity: hover || resizing ? 1 : 0,\n          }}\n          onMouseDown={(event) => {\n            setResizing(\"rx\");\n            setResizePosition({\n              x: event.clientX,\n              y: event.clientY,\n            });\n\n            event.preventDefault();\n          }}\n        >\n          <ResizeHandleIcon />\n        </div>\n        <div\n          style={{\n            position: \"absolute\",\n            left: \"50%\",\n            top: 0,\n            width: \"26px\",\n            height: \"10px\",\n            transform: \"translateY(-5px) translateX(-13px)\",\n            cursor: \"row-resize\",\n            transition: \"opacity ease-in-out 0.2s\",\n            pointerEvents: hover || resizing ? \"auto\" : \"none\",\n            opacity: hover || resizing ? 1 : 0,\n          }}\n          onMouseDown={(event) => {\n            setResizing(\"ty\");\n            setResizePosition({\n              x: event.clientX,\n              y: event.clientY,\n            });\n\n            event.preventDefault();\n          }}\n        >\n          <ResizeHandleIcon\n            style={{\n              transform: \"rotate(90deg)\",\n              transformOrigin: \"13px 13px\",\n            }}\n          />\n        </div>\n        <div\n          style={{\n            position: \"absolute\",\n            left: \"50%\",\n            bottom: 0,\n            width: \"26px\",\n            height: \"10px\",\n            transform: \"translateY(5px) translateX(-13px)\",\n            cursor: \"row-resize\",\n            transition: \"opacity ease-in-out 0.2s\",\n            pointerEvents: hover || resizing ? \"auto\" : \"none\",\n            opacity: hover || resizing ? 1 : 0,\n          }}\n          onMouseDown={(event) => {\n            setResizing(\"by\");\n            setResizePosition({\n              x: event.clientX,\n              y: event.clientY,\n            });\n\n            event.preventDefault();\n          }}\n        >\n          <ResizeHandleIcon\n            style={{\n              transform: \"rotate(90deg)\",\n              transformOrigin: \"13px 13px\",\n            }}\n          />\n        </div>\n      </React.Fragment>\n    </div>\n  );\n};\n","import type { Placement } from \"src/interfaces/placement\";\n\nexport const getPanelToggleTransforms = (visible: boolean) => {\n  return visible ? \"scaleX(1) translateY(0)\" : \"scaleX(0) translateY(25vw)\";\n};\n\nexport const SIZE = 50;\nexport const BUFFER = 10;\n\nconst PREFERRED_DEFAULT_WIDTH = () =>\n  typeof window !== \"undefined\" ? window.innerWidth * 0.7 : 1440 * 0.7; // 70% of window width\nconst PREFERRED_DEFAULT_HEIGHT = () =>\n  typeof window !== \"undefined\" ? window.innerHeight * 0.7 : 900 * 0.7; // 70% of window height\n\nexport const MIN_PANEL_WIDTH = 640;\nexport const MIN_PANEL_HEIGHT = 360;\n\nexport const getPinButtonTransform = (hover?: boolean) => {\n  return `translateY(${hover ? \"0\" : \"50%\"})`;\n};\n\nexport const getPanelPosition = (placement: Placement) => {\n  switch (placement) {\n    case \"left\":\n      return {\n        left: `calc(${SIZE}px + ${BUFFER}px)`,\n        top: \"50%\",\n        transform: \"translateY(-50%)\",\n      };\n    case \"right\":\n      return {\n        right: `calc(${SIZE}px + ${BUFFER}px)`,\n        top: \"50%\",\n        transform: \"translateY(-50%)\",\n      };\n    case \"top\":\n      return {\n        left: \"50%\",\n        top: `calc(${SIZE}px + ${BUFFER}px)`,\n        transform: \"translateX(-50%)\",\n      };\n    case \"bottom\":\n      return {\n        left: \"50%\",\n        bottom: `calc(${SIZE}px + ${BUFFER}px)`,\n        transform: \"translateX(-50%)\",\n      };\n  }\n};\n\nexport const getMaxPanelWidth = (placement: Placement) => {\n  switch (placement) {\n    case \"left\":\n    case \"right\":\n      return (\n        -BUFFER -\n        SIZE -\n        BUFFER +\n        (typeof window !== \"undefined\" ? window.innerWidth : 1440) -\n        BUFFER\n      );\n    case \"top\":\n    case \"bottom\":\n      return (\n        -BUFFER +\n        (typeof window !== \"undefined\" ? window.innerWidth : 1440) -\n        BUFFER\n      );\n  }\n};\n\nexport const getMaxPanelHeight = (placement: Placement) => {\n  switch (placement) {\n    case \"left\":\n    case \"right\":\n      return (\n        -BUFFER +\n        (typeof window !== \"undefined\" ? window.innerHeight : 900) -\n        BUFFER\n      );\n    case \"top\":\n    case \"bottom\":\n      return (\n        -BUFFER -\n        SIZE -\n        BUFFER +\n        (typeof window !== \"undefined\" ? window.innerHeight : 900) -\n        BUFFER\n      );\n  }\n};\n\nexport const getDefaultPanelSize = (\n  placement: Placement,\n  preferredSize?: { width: number; height: number },\n): { width: number; height: number } => {\n  const defaultPreferred = {\n    width: PREFERRED_DEFAULT_WIDTH(),\n    height: PREFERRED_DEFAULT_HEIGHT(),\n  };\n\n  const maxPanelWidth = getMaxPanelWidth(placement);\n  const maxPanelHeight = getMaxPanelHeight(placement);\n\n  const width = Math.min(\n    maxPanelWidth,\n    (preferredSize ?? defaultPreferred).width,\n  );\n  const height = Math.min(\n    maxPanelHeight,\n    (preferredSize ?? defaultPreferred).height,\n  );\n\n  return {\n    width: width,\n    height: height,\n  };\n};\n\nexport const roundToEven = (num: number) => {\n  const rounded = Math.round(num);\n  return rounded % 2 === 0 ? rounded : rounded + 1;\n};\n","import React from \"react\";\n\nexport const ResizeHandleIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    width={10}\n    height={26}\n    viewBox=\"0 0 10 26\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <rect x={0.5} y={0.5} width={9} height={25} rx={4.5} fill=\"#1D1E30\" />\n    <path\n      d=\"M7 5C7 6.10457 6.10457 7 5 7C3.89543 7 3 6.10457 3 5C3 3.89543 3.89543 3 5 3C6.10457 3 7 3.89543 7 5Z\"\n      fill=\"#303450\"\n    />\n    <path\n      d=\"M7 13C7 14.1046 6.10457 15 5 15C3.89543 15 3 14.1046 3 13C3 11.8954 3.89543 11 5 11C6.10457 11 7 11.8954 7 13Z\"\n      fill=\"#303450\"\n    />\n    <path\n      d=\"M7 21C7 22.1046 6.10457 23 5 23C3.89543 23 3 22.1046 3 21C3 19.8954 3.89543 19 5 19C6.10457 19 7 19.8954 7 21Z\"\n      fill=\"#303450\"\n    />\n    <rect x={0.5} y={0.5} width={9} height={25} rx={4.5} stroke=\"#303450\" />\n  </svg>\n);\n","import React from \"react\";\nimport { DevToolsContextProvider } from \"@refinedev/devtools-shared\";\n\nexport const DevtoolsProvider =\n  __DEV_CONDITION__ !== \"development\"\n    ? ({ children }: React.PropsWithChildren) => children as any\n    : ({ children }: React.PropsWithChildren) => {\n        return <DevToolsContextProvider>{children}</DevToolsContextProvider>;\n      };\n"],"mappings":"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","names":["React","React","React","React","getElementFromFiber","getFiberFromElement","getFirstFiberHasName","getFirstStateNodeFiber","getNameFromFiber","getParentOfFiber","DevToolsContext","useSelector","active","devtoolsUrl","selectableElements","setSelectableElements","fetchTraceItems","selectAppropriateFiber","start","activeTraceItems","fiber","firstParentOfNodeWithName","fiberWithStateNode","acceptedName","getUniqueNodes","nodes","uniques","node","item","traverseBodyNodes","_a","items","targetFiber","element","name","i","prepareSelector","fetchedTraceItems","traversedNodes","uniqueNodes","React","ApplyStyles","children","element","React","debounce","createPortal","React","SelectorButtonIcon","props","SelectorIcon","SelectableElement","element","name","onSelect","position","React","top","left","width","height","scrollLeft","scrollTop","positionLeft","positionTop","elementRef","onScroll","debounce","_a","_b","_c","_d","_e","opacityOnScroll","placement","tooltipBaseSize","nameWidth","tooltipSize","gap","event","SelectorIcon","SelectableElements","elements","selectorBoxRoot","setSelectorBoxRoot","createPortal","idx","ApplyStyles","DevtoolsSelector","active","setActive","onHighlight","icon","style","selectableElements","useSelector","React","event","_a","SelectableElements","name","ApplyStyles","React","DevtoolsIcon","props","DevtoolsPin","onClick","onSelectorHighlight","selectorActive","setSelectorActive","React","DevtoolsIcon","DevtoolsSelector","SelectorButtonIcon","ApplyStyles","React","getPanelToggleTransforms","visible","PREFERRED_DEFAULT_WIDTH","PREFERRED_DEFAULT_HEIGHT","getPanelPosition","placement","getMaxPanelWidth","getMaxPanelHeight","getDefaultPanelSize","preferredSize","defaultPreferred","PREFERRED_DEFAULT_WIDTH","PREFERRED_DEFAULT_HEIGHT","maxPanelWidth","maxPanelHeight","width","height","roundToEven","num","rounded","React","ResizeHandleIcon","props","ResizablePane","placement","visible","children","hover","setHover","React","resizing","setResizing","resizePosition","setResizePosition","panelSize","setPanelSize","defaultSize","getDefaultPanelSize","roundToEven","handleResize","p","handleMouseUp","currentCursor","handleMouseMove","e","diff","newWidth","getMaxPanelWidth","newHeight","getMaxPanelHeight","getPanelPosition","getPanelToggleTransforms","event","ResizeHandleIcon","DevToolsContext","DevtoolsEvent","send","DevtoolsPanel","browser","setBrowser","React","visible","setVisible","placement","devtoolsUrl","ws","width","setWidth","selectorActive","setSelectorActive","onSelectorHighlight","name","onSelectorOpen","onResize","DevtoolsPin","v","ResizablePane","resizing","React","DevToolsContextProvider","DevtoolsProvider","children"]}

package/dist/interfaces/placement.d.mts.map

@@ -1 +1,2 @@
-{"version":3,"file":"placement.d.ts","sourceRoot":"","sources":["../../src/interfaces/placement.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC"}
+export type Placement = "bottom" | "left" | "right" | "top";
+//# sourceMappingURL=placement.d.ts.map

package/dist/panel.d.mts.map

@@ -1 +1,3 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../src/panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,eAAO,MAAM,aAAa,gCA8GnB,CAAC"}
+import React from "react";
+export declare const DevtoolsPanel: () => React.JSX.Element | null;
+//# sourceMappingURL=panel.d.ts.map

package/dist/provider.d.mts.map

@@ -1 +1,3 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,gBAAgB,iBAER,MAAM,iBAAiB,QAGrC,CAAC"}
+import React from "react";
+export declare const DevtoolsProvider: ({ children }: React.PropsWithChildren) => any;
+//# sourceMappingURL=provider.d.ts.map

package/dist/utilities/index.d.mts.map

@@ -1 +1,37 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE1D,eAAO,MAAM,wBAAwB,YAAa,OAAO,6DAExD,CAAC;AAEF,eAAO,MAAM,IAAI,KAAK,CAAC;AACvB,eAAO,MAAM,MAAM,KAAK,CAAC;AAOzB,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC,eAAO,MAAM,qBAAqB,WAAY,OAAO,WAEpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,cAAe,SAAS;;;;;;;;;;;;;;;;;;CA2BpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,cAAe,SAAS,WAmBpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,cAAe,SAAS,WAmBrD,CAAC;AAEF,eAAO,MAAM,mBAAmB,cACnB,SAAS,kBACJ;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,KAChD;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAsBjC,CAAC;AAEF,eAAO,MAAM,WAAW,QAAS,MAAM,WAGtC,CAAC"}
+import type { Placement } from "src/interfaces/placement";
+export declare const getPanelToggleTransforms: (visible: boolean) => "scaleX(1) translateY(0)" | "scaleX(0) translateY(25vw)";
+export declare const SIZE = 50;
+export declare const BUFFER = 10;
+export declare const MIN_PANEL_WIDTH = 640;
+export declare const MIN_PANEL_HEIGHT = 360;
+export declare const getPinButtonTransform: (hover?: boolean) => string;
+export declare const getPanelPosition: (placement: Placement) => {
+    left: string;
+    top: string;
+    transform: string;
+    right?: undefined;
+    bottom?: undefined;
+} | {
+    right: string;
+    top: string;
+    transform: string;
+    left?: undefined;
+    bottom?: undefined;
+} | {
+    left: string;
+    bottom: string;
+    transform: string;
+    top?: undefined;
+    right?: undefined;
+};
+export declare const getMaxPanelWidth: (placement: Placement) => number;
+export declare const getMaxPanelHeight: (placement: Placement) => number;
+export declare const getDefaultPanelSize: (placement: Placement, preferredSize?: {
+    width: number;
+    height: number;
+}) => {
+    width: number;
+    height: number;
+};
+export declare const roundToEven: (num: number) => number;
+//# sourceMappingURL=index.d.ts.map

package/dist/utilities/use-selector.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"use-selector.d.ts","sourceRoot":"","sources":["../../src/utilities/use-selector.tsx"],"names":[],"mappings":"AAaA,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,WAAW,WAAY,OAAO;;CAyH1C,CAAC"}
+{"version":3,"file":"use-selector.d.ts","sourceRoot":"","sources":["../../src/utilities/use-selector.tsx"],"names":[],"mappings":"AAaA,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,WAAW,WAAY,OAAO;;CAuH1C,CAAC"}

package/dist/utilities/use-selector.d.mts.map

@@ -1 +1,9 @@
-{"version":3,"file":"use-selector.d.ts","sourceRoot":"","sources":["../../src/utilities/use-selector.tsx"],"names":[],"mappings":"AAaA,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,WAAW,WAAY,OAAO;;CAyH1C,CAAC"}
+type SelectableElement = {
+    element: HTMLElement;
+    name: string;
+};
+export declare const useSelector: (active: boolean) => {
+    selectableElements: SelectableElement[];
+};
+export {};
+//# sourceMappingURL=use-selector.d.ts.map

package/dist/utilities/use-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-selector.d.ts","sourceRoot":"","sources":["../../src/utilities/use-selector.tsx"],"names":[],"mappings":"AAaA,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,WAAW,WAAY,OAAO;;CAyH1C,CAAC"}
+{"version":3,"file":"use-selector.d.ts","sourceRoot":"","sources":["../../src/utilities/use-selector.tsx"],"names":[],"mappings":"AAaA,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,WAAW,WAAY,OAAO;;CAuH1C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinedev/devtools",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "private": false,
   "description": "refine devtools offers a set of features from monitoring to quickly prototyping a UI.",
   "repository": {
@@ -32,7 +32,7 @@
   ],
   "dependencies": {
     "@aliemir/dom-to-fiber-utils": "^0.4.0",
-    "@refinedev/devtools-shared": "1.1.9",
+    "@refinedev/devtools-shared": "1.1.10",
     "error-stack-parser": "^2.1.4",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21"
@@ -53,9 +53,9 @@
     "typescript": "^5.4.2"
   },
   "peerDependencies": {
-    "@refinedev/cli": "2.16.34",
+    "@refinedev/cli": "2.16.35",
     "@refinedev/core": "^4.46.1",
-    "@refinedev/devtools-server": "1.1.32",
+    "@refinedev/devtools-server": "1.1.33",
     "@types/react": "^17.0.0 || ^18.0.0",
     "@types/react-dom": "^17.0.0 || ^18.0.0",
     "react": "^17.0.0 || ^18.0.0",

package/src/utilities/use-selector.tsx

@@ -23,9 +23,7 @@ export const useSelector = (active: boolean) => {
   >([]);
 
   const fetchTraceItems = React.useCallback(async () => {
-    const response = await fetch(
-      `${devtoolsUrl ?? "http://localhost:5001"}/api/unique-trace-items`,
-    );
+    const response = await fetch(`${devtoolsUrl}/api/unique-trace-items`);
     const data = await response.json();
 
     return data.data as string[];