@refinedev/devtools 1.1.36 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/dist/components/apply-styles.d.cts +6 -0
  2. package/dist/components/apply-styles.d.cts.map +1 -0
  3. package/dist/components/apply-styles.d.mts +6 -0
  4. package/dist/components/apply-styles.d.mts.map +1 -0
  5. package/dist/components/apply-styles.d.ts +6 -0
  6. package/dist/components/apply-styles.d.ts.map +1 -0
  7. package/dist/components/devtools-pin.d.cts +4 -2
  8. package/dist/components/devtools-pin.d.cts.map +1 -1
  9. package/dist/components/devtools-pin.d.mts +4 -2
  10. package/dist/components/devtools-pin.d.mts.map +1 -1
  11. package/dist/components/devtools-pin.d.ts +4 -2
  12. package/dist/components/devtools-pin.d.ts.map +1 -1
  13. package/dist/components/devtools-selector.d.cts +3 -2
  14. package/dist/components/devtools-selector.d.cts.map +1 -1
  15. package/dist/components/devtools-selector.d.mts +3 -2
  16. package/dist/components/devtools-selector.d.mts.map +1 -1
  17. package/dist/components/devtools-selector.d.ts +3 -2
  18. package/dist/components/devtools-selector.d.ts.map +1 -1
  19. package/dist/components/icons/selector-button.d.cts +1 -0
  20. package/dist/components/icons/selector-button.d.cts.map +1 -1
  21. package/dist/components/icons/selector-button.d.mts +1 -0
  22. package/dist/components/icons/selector-button.d.mts.map +1 -1
  23. package/dist/components/icons/selector-button.d.ts +1 -0
  24. package/dist/components/icons/selector-button.d.ts.map +1 -1
  25. package/dist/components/selectable-elements.d.cts +8 -0
  26. package/dist/components/selectable-elements.d.cts.map +1 -0
  27. package/dist/components/selectable-elements.d.mts +8 -0
  28. package/dist/components/selectable-elements.d.mts.map +1 -0
  29. package/dist/components/selectable-elements.d.ts +8 -0
  30. package/dist/components/selectable-elements.d.ts.map +1 -0
  31. package/dist/index.cjs +94 -2
  32. package/dist/index.cjs.map +1 -1
  33. package/dist/index.d.cts +2 -2
  34. package/dist/index.d.cts.map +1 -1
  35. package/dist/index.d.mts +2 -2
  36. package/dist/index.d.mts.map +1 -1
  37. package/dist/index.d.ts +2 -2
  38. package/dist/index.d.ts.map +1 -1
  39. package/dist/index.mjs +94 -2
  40. package/dist/index.mjs.map +1 -1
  41. package/dist/panel.d.cts.map +1 -1
  42. package/dist/panel.d.mts.map +1 -1
  43. package/dist/panel.d.ts.map +1 -1
  44. package/dist/utilities/use-selector.d.cts +6 -7
  45. package/dist/utilities/use-selector.d.cts.map +1 -1
  46. package/dist/utilities/use-selector.d.mts +6 -7
  47. package/dist/utilities/use-selector.d.mts.map +1 -1
  48. package/dist/utilities/use-selector.d.ts +6 -7
  49. package/dist/utilities/use-selector.d.ts.map +1 -1
  50. package/package.json +5 -4
  51. package/src/components/apply-styles.tsx +19 -0
  52. package/src/components/devtools-pin.tsx +37 -26
  53. package/src/components/devtools-selector.tsx +34 -76
  54. package/src/components/icons/selector-button.tsx +18 -0
  55. package/src/components/selectable-elements.tsx +255 -0
  56. package/src/index.ts +2 -2
  57. package/src/panel.tsx +13 -2
  58. package/src/utilities/use-selector.tsx +74 -183
  59. package/dist/components/selector-box.d.cts +0 -8
  60. package/dist/components/selector-box.d.cts.map +0 -1
  61. package/dist/components/selector-box.d.mts +0 -8
  62. package/dist/components/selector-box.d.mts.map +0 -1
  63. package/dist/components/selector-box.d.ts +0 -8
  64. package/dist/components/selector-box.d.ts.map +0 -1
  65. package/dist/components/selector-hint.d.cts +0 -4
  66. package/dist/components/selector-hint.d.cts.map +0 -1
  67. package/dist/components/selector-hint.d.mts +0 -4
  68. package/dist/components/selector-hint.d.mts.map +0 -1
  69. package/dist/components/selector-hint.d.ts +0 -4
  70. package/dist/components/selector-hint.d.ts.map +0 -1
  71. package/src/components/selector-box.tsx +0 -107
  72. package/src/components/selector-hint.tsx +0 -57
@@ -0,0 +1,6 @@
1
+ type Props = {
2
+ children: string;
3
+ };
4
+ export declare const ApplyStyles: ({ children }: Props) => null;
5
+ export {};
6
+ //# sourceMappingURL=apply-styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"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"}
@@ -0,0 +1,6 @@
1
+ type Props = {
2
+ children: string;
3
+ };
4
+ export declare const ApplyStyles: ({ children }: Props) => null;
5
+ export {};
6
+ //# sourceMappingURL=apply-styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"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"}
@@ -0,0 +1,6 @@
1
+ type Props = {
2
+ children: string;
3
+ };
4
+ export declare const ApplyStyles: ({ children }: Props) => null;
5
+ export {};
6
+ //# sourceMappingURL=apply-styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"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"}
@@ -1,9 +1,11 @@
1
+ import React from "react";
1
2
  type Props = {
2
3
  onClick?: () => void;
3
4
  groupHover?: boolean;
4
5
  onSelectorHighlight: (name: string) => void;
5
- onSelectorOpen: () => void;
6
+ selectorActive: boolean;
7
+ setSelectorActive: React.Dispatch<React.SetStateAction<boolean>>;
6
8
  };
7
- export declare const DevtoolsPin: ({ onClick, onSelectorHighlight, onSelectorOpen, }: Props) => JSX.Element;
9
+ export declare const DevtoolsPin: ({ onClick, onSelectorHighlight, selectorActive, setSelectorActive, }: Props) => JSX.Element;
8
10
  export {};
9
11
  //# sourceMappingURL=devtools-pin.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"devtools-pin.d.ts","sourceRoot":"","sources":["../../src/components/devtools-pin.tsx"],"names":[],"mappings":"AAKA,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,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW,sDAIrB,KAAK,gBA8CP,CAAC"}
1
+ {"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,gBAsDP,CAAC"}
@@ -1,9 +1,11 @@
1
+ import React from "react";
1
2
  type Props = {
2
3
  onClick?: () => void;
3
4
  groupHover?: boolean;
4
5
  onSelectorHighlight: (name: string) => void;
5
- onSelectorOpen: () => void;
6
+ selectorActive: boolean;
7
+ setSelectorActive: React.Dispatch<React.SetStateAction<boolean>>;
6
8
  };
7
- export declare const DevtoolsPin: ({ onClick, onSelectorHighlight, onSelectorOpen, }: Props) => JSX.Element;
9
+ export declare const DevtoolsPin: ({ onClick, onSelectorHighlight, selectorActive, setSelectorActive, }: Props) => JSX.Element;
8
10
  export {};
9
11
  //# sourceMappingURL=devtools-pin.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"devtools-pin.d.ts","sourceRoot":"","sources":["../../src/components/devtools-pin.tsx"],"names":[],"mappings":"AAKA,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,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW,sDAIrB,KAAK,gBA8CP,CAAC"}
1
+ {"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,gBAsDP,CAAC"}
@@ -1,9 +1,11 @@
1
+ import React from "react";
1
2
  type Props = {
2
3
  onClick?: () => void;
3
4
  groupHover?: boolean;
4
5
  onSelectorHighlight: (name: string) => void;
5
- onSelectorOpen: () => void;
6
+ selectorActive: boolean;
7
+ setSelectorActive: React.Dispatch<React.SetStateAction<boolean>>;
6
8
  };
7
- export declare const DevtoolsPin: ({ onClick, onSelectorHighlight, onSelectorOpen, }: Props) => JSX.Element;
9
+ export declare const DevtoolsPin: ({ onClick, onSelectorHighlight, selectorActive, setSelectorActive, }: Props) => JSX.Element;
8
10
  export {};
9
11
  //# sourceMappingURL=devtools-pin.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"devtools-pin.d.ts","sourceRoot":"","sources":["../../src/components/devtools-pin.tsx"],"names":[],"mappings":"AAKA,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,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW,sDAIrB,KAAK,gBA8CP,CAAC"}
1
+ {"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,gBAsDP,CAAC"}
@@ -1,10 +1,11 @@
1
1
  import React from "react";
2
2
  type Props = {
3
- onSelectorOpen: () => void;
3
+ active: boolean;
4
+ setActive: React.Dispatch<React.SetStateAction<boolean>>;
4
5
  onHighlight: (name: string) => void;
5
6
  icon?: React.ReactNode;
6
7
  style?: React.CSSProperties;
7
8
  };
8
- export declare const DevtoolsSelector: ({ onSelectorOpen, onHighlight, icon, style, }: Props) => JSX.Element;
9
+ export declare const DevtoolsSelector: ({ active, setActive, onHighlight, icon, style, }: Props) => JSX.Element;
9
10
  export {};
10
11
  //# sourceMappingURL=devtools-selector.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"devtools-selector.d.ts","sourceRoot":"","sources":["../../src/components/devtools-selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,KAAK,GAAG;IACX,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,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,kDAK1B,KAAK,gBA0FP,CAAC"}
1
+ {"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,gBA+CP,CAAC"}
@@ -1,10 +1,11 @@
1
1
  import React from "react";
2
2
  type Props = {
3
- onSelectorOpen: () => void;
3
+ active: boolean;
4
+ setActive: React.Dispatch<React.SetStateAction<boolean>>;
4
5
  onHighlight: (name: string) => void;
5
6
  icon?: React.ReactNode;
6
7
  style?: React.CSSProperties;
7
8
  };
8
- export declare const DevtoolsSelector: ({ onSelectorOpen, onHighlight, icon, style, }: Props) => JSX.Element;
9
+ export declare const DevtoolsSelector: ({ active, setActive, onHighlight, icon, style, }: Props) => JSX.Element;
9
10
  export {};
10
11
  //# sourceMappingURL=devtools-selector.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"devtools-selector.d.ts","sourceRoot":"","sources":["../../src/components/devtools-selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,KAAK,GAAG;IACX,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,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,kDAK1B,KAAK,gBA0FP,CAAC"}
1
+ {"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,gBA+CP,CAAC"}
@@ -1,10 +1,11 @@
1
1
  import React from "react";
2
2
  type Props = {
3
- onSelectorOpen: () => void;
3
+ active: boolean;
4
+ setActive: React.Dispatch<React.SetStateAction<boolean>>;
4
5
  onHighlight: (name: string) => void;
5
6
  icon?: React.ReactNode;
6
7
  style?: React.CSSProperties;
7
8
  };
8
- export declare const DevtoolsSelector: ({ onSelectorOpen, onHighlight, icon, style, }: Props) => JSX.Element;
9
+ export declare const DevtoolsSelector: ({ active, setActive, onHighlight, icon, style, }: Props) => JSX.Element;
9
10
  export {};
10
11
  //# sourceMappingURL=devtools-selector.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"devtools-selector.d.ts","sourceRoot":"","sources":["../../src/components/devtools-selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,KAAK,GAAG;IACX,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,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,kDAK1B,KAAK,gBA0FP,CAAC"}
1
+ {"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,gBA+CP,CAAC"}
@@ -1,3 +1,4 @@
1
1
  import React from "react";
2
2
  export declare const SelectorButtonIcon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export declare const SelectorIcon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
3
4
  //# sourceMappingURL=selector-button.d.ts.map
@@ -1 +1 @@
1
- {"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,gBAgBtE,CAAC"}
1
+ {"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,gBAgBtE,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,QAAQ,CAAC,aAAa,CAAC,gBAgBhE,CAAC"}
@@ -1,3 +1,4 @@
1
1
  import React from "react";
2
2
  export declare const SelectorButtonIcon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export declare const SelectorIcon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
3
4
  //# sourceMappingURL=selector-button.d.ts.map
@@ -1 +1 @@
1
- {"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,gBAgBtE,CAAC"}
1
+ {"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,gBAgBtE,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,QAAQ,CAAC,aAAa,CAAC,gBAgBhE,CAAC"}
@@ -1,3 +1,4 @@
1
1
  import React from "react";
2
2
  export declare const SelectorButtonIcon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export declare const SelectorIcon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
3
4
  //# sourceMappingURL=selector-button.d.ts.map
@@ -1 +1 @@
1
- {"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,gBAgBtE,CAAC"}
1
+ {"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,gBAgBtE,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,QAAQ,CAAC,aAAa,CAAC,gBAgBhE,CAAC"}
@@ -0,0 +1,8 @@
1
+ export declare const SelectableElements: ({ elements, onSelect, }: {
2
+ elements: Array<{
3
+ element: HTMLElement;
4
+ name: string;
5
+ }>;
6
+ onSelect: (name: string) => void;
7
+ }) => JSX.Element | null;
8
+ //# sourceMappingURL=selectable-elements.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"selectable-elements.d.ts","sourceRoot":"","sources":["../../src/components/selectable-elements.tsx"],"names":[],"mappings":"AAqJA,eAAO,MAAM,kBAAkB;cAInB,MAAM;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,MAAM,MAAM,CAAA;KAAE,CAAC;qBACtC,MAAM,KAAK,IAAI;wBAoGjC,CAAC"}
@@ -0,0 +1,8 @@
1
+ export declare const SelectableElements: ({ elements, onSelect, }: {
2
+ elements: Array<{
3
+ element: HTMLElement;
4
+ name: string;
5
+ }>;
6
+ onSelect: (name: string) => void;
7
+ }) => JSX.Element | null;
8
+ //# sourceMappingURL=selectable-elements.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"selectable-elements.d.ts","sourceRoot":"","sources":["../../src/components/selectable-elements.tsx"],"names":[],"mappings":"AAqJA,eAAO,MAAM,kBAAkB;cAInB,MAAM;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,MAAM,MAAM,CAAA;KAAE,CAAC;qBACtC,MAAM,KAAK,IAAI;wBAoGjC,CAAC"}
@@ -0,0 +1,8 @@
1
+ export declare const SelectableElements: ({ elements, onSelect, }: {
2
+ elements: Array<{
3
+ element: HTMLElement;
4
+ name: string;
5
+ }>;
6
+ onSelect: (name: string) => void;
7
+ }) => JSX.Element | null;
8
+ //# sourceMappingURL=selectable-elements.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"selectable-elements.d.ts","sourceRoot":"","sources":["../../src/components/selectable-elements.tsx"],"names":[],"mappings":"AAqJA,eAAO,MAAM,kBAAkB;cAInB,MAAM;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,MAAM,MAAM,CAAA;KAAE,CAAC;qBACtC,MAAM,KAAK,IAAI;wBAoGjC,CAAC"}
package/dist/index.cjs CHANGED
@@ -1,9 +1,101 @@
1
1
  "use client"
2
- var de=Object.create;var L=Object.defineProperty;var ce=Object.getOwnPropertyDescriptor;var ue=Object.getOwnPropertyNames;var pe=Object.getPrototypeOf,me=Object.prototype.hasOwnProperty;var he=(e,r)=>{for(var l in r)L(e,l,{get:r[l],enumerable:!0})},Z=(e,r,l,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of ue(r))!me.call(e,a)&&a!==l&&L(e,a,{get:()=>r[a],enumerable:!(s=ce(r,a))||s.enumerable});return e};var E=(e,r,l)=>(l=e!=null?de(pe(e)):{},Z(r||!e||!e.__esModule?L(l,"default",{value:e,enumerable:!0}):l,e)),fe=e=>Z(L({},"__esModule",{value:!0}),e);var ge={};he(ge,{DevtoolsPanel:()=>ie,DevtoolsProvider:()=>le});module.exports=fe(ge);var g=E(require("react"));var H=E(require("react"));var S=E(require("react")),q=require("react-dom");var v=require("@aliemir/dom-to-fiber-utils"),A=require("@refinedev/devtools-shared"),G=E(require("lodash/debounce")),f=E(require("react")),R=e=>{let{devtoolsUrl:r}=f.default.useContext(A.DevToolsContext),[l,s]=f.default.useState([]);f.default.useEffect(()=>{e&&fetch(`${r??"http://localhost:5001"}/api/unique-trace-items`).then(i=>i.json().then(d=>s(d.data)))},[e,r]);let[a,t]=f.default.useState({stateNode:null,nameFiber:null}),[n,h]=f.default.useState({stateNode:null,nameFiber:null,derived:!1});f.default.useEffect(()=>e?()=>{t({stateNode:null,nameFiber:null}),h({stateNode:null,nameFiber:null,derived:!1})}:()=>0,[e]);let y=f.default.useCallback(i=>{let d=i,c,w,V=!1;for(;!V&&d;)c=(0,v.getFirstFiberHasName)(d),w=(0,v.getFirstStateNodeFiber)(c),V=l.includes((0,v.getNameFromFiber)(c)??""),V||(d=(0,v.getParentOfFiber)(d));return w&&c?{stateNode:w,nameFiber:c}:{stateNode:null,nameFiber:null}},[l]),b=f.default.useCallback(i=>{let d=(0,v.getFiberFromElement)(i);t(y(d))},[l]);f.default.useEffect(()=>{(n.stateNode!==a.stateNode||n.nameFiber!==a.nameFiber)&&h({stateNode:a.stateNode,nameFiber:a.nameFiber,derived:!1})},[a]);let m=f.default.useRef({rect:{width:0,height:0,x:0,y:0},name:""}),{rect:o,name:p}=f.default.useMemo(()=>{var i;if(!e)return{rect:{width:0,height:0,x:0,y:0},name:""};if(n.stateNode||n.nameFiber){let d=n.stateNode?(0,v.getElementFromFiber)(n.stateNode):null,c=n.nameFiber?(0,v.getNameFromFiber)(n.nameFiber):null;if(!d)return{rect:m.current.rect,name:c??m.current.name};let w=(i=d.getBoundingClientRect)==null?void 0:i.call(d);return w?{rect:{width:w.width,height:w.height,x:w.left,y:w.top},name:c??m.current.name}:{rect:m.current.rect,name:c??m.current.name}}return m.current},[n,e]);return m.current={rect:o,name:p},f.default.useEffect(()=>{if(e){let i=d=>{if(d.key==="Shift"&&n.stateNode){d.stopPropagation(),d.preventDefault();let c=(0,v.getParentOfFiber)(n.nameFiber),w=y(c);if(w.nameFiber&&w.stateNode){h({...w,derived:!0});return}}};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)}return()=>0},[n,e]),f.default.useEffect(()=>{if(e){let i=null,d=(0,G.default)(c=>{if(c!=null&&c.target){if(i===c.target)return;b(c.target),i=c.target}},50);return document.addEventListener("mousemove",d),()=>document.removeEventListener("mousemove",d)}return()=>0},[e,b]),{rect:o,name:p}};var I=E(require("react"));var P=E(require("react")),X=e=>P.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 16 16",fill:"none",...e},P.createElement("path",{fill:"#303450",stroke:"url(#arrow-union-icon)",d:"M.5 8.495V15.5h15V8.495a4.5 4.5 0 0 1-3.816-2.483L9.341 1.33c-.553-1.105-2.13-1.105-2.683 0L4.317 6.012A4.5 4.5 0 0 1 .5 8.495Z"}),P.createElement("defs",null,P.createElement("linearGradient",{id:"arrow-union-icon",x1:8,x2:8,y1:0,y2:10,gradientUnits:"userSpaceOnUse"},P.createElement("stop",{stopColor:"#474E6B"}),P.createElement("stop",{offset:.9,stopColor:"#474E6B"}),P.createElement("stop",{offset:.901,stopColor:"#474E6B",stopOpacity:0}))));var $=38,Y=7,U=({width:e,height:r,x:l,y:s,name:a})=>{let t=s>$?"top":r>3*$?"inset":"bottom",n=l>Y&&s>Y?"outside":"inside";return I.default.createElement("div",{id:"selector-box",style:{pointerEvents:"none",position:"fixed",opacity:a?1:0,transitionProperty:"width, height, transform, opacity",transitionDuration:"0.15s",transitionTimingFunction:"ease-out",border:"1.5px solid #47EBEB",borderRadius:"4px",background:"rgba(37,160,160, 0.25)",backdropFilter:"sepia(30%) hue-rotate(180deg)",zIndex:99998,...n==="outside"?{left:-6,top:-6,width:e+10,height:r+10,transform:`translate(${l}px, ${s}px)`}:{left:0,top:0,width:e-10,height:r-20,transform:`translate(${l+4}px, ${s+4}px)`}}},I.default.createElement("div",{style:{position:"absolute",left:"-1.5px",background:"#303450",border:"1px solid #474E6B",borderRadius:"4px",padding:"8px 12px",fontSize:"12px",lineHeight:"16px",fontWeight:400,color:"#ffffff",display:a?"block":"none",...t==="top"&&{top:"-38px"},...t==="bottom"&&{bottom:"-38px"},...t==="inset"&&{top:"4px",left:"8px"}}},a,I.default.createElement(X,{style:{position:"absolute",left:"30%",...t==="top"&&{transform:"translateX(-50%) rotate(180deg)",bottom:"-9px"},...t==="bottom"&&{transform:"translateX(-50%) ",top:"-9px"},...t==="inset"&&{transform:"translateX(-50%) rotate(-90deg)",top:"8px",left:"-1px"},display:a?"block":"none"}})))};var k=E(require("react")),j=({active:e})=>k.default.createElement("div",{style:{color:"white",pointerEvents:"none",position:"absolute",left:"calc(-50% - 144px - 14px)",top:"-36px",width:"max-content",borderRadius:"8px",backgroundColor:"#40414A",opacity:e?1:0,transitionDuration:"0.2s",transitionProperty:"transform,opacity",transitionTimingFunction:"ease-in-out",padding:"8px",fontSize:"12px",lineHeight:"12px",fontWeight:400,textShadow:"0 0 2px #1D1E30, 1px 0 2px #1D1E30, -1px 0 2px #1D1E30, 0 1px 2px #1D1E30, 0 -1px 2px #1D1E30"}},k.default.createElement("kbd",{style:{marginLeft:"4px",padding:"2px 4px",borderRadius:"2px",background:"#1D1E30",color:"#CFD7E2",border:"none",textShadow:"none"}},"shift")," ","to move to parent.",k.default.createElement("kbd",{style:{marginLeft:"4px",padding:"2px 4px",borderRadius:"2px",background:"#1D1E30",color:"#CFD7E2",border:"none",textShadow:"none"}},"space")," ","to highlight in monitor.");var K=({onSelectorOpen:e,onHighlight:r,icon:l,style:s})=>{let[a,t]=S.default.useState(!1),[n,h]=S.default.useState(!1),{rect:y,name:b}=R(n),[m,o]=S.default.useState(null);return S.default.useEffect(()=>{if(!m){let p=document.createElement("div");p.id="selector-box-root",document.body.appendChild(p),o(p)}},[]),S.default.useEffect(()=>{n?document.body.style.cursor="crosshair":document.body.style.cursor="default"},[n]),S.default.useEffect(()=>{let p=i=>{n&&b&&(i==null||i.preventDefault(),i==null||i.stopPropagation(),i.stopImmediatePropagation(),r(b),h(!1))};return n?(document.addEventListener("click",p,{capture:!0}),()=>{document.removeEventListener("click",p,{capture:!0})}):()=>0},[b,r,n]),S.default.useEffect(()=>{n&&e()},[n,e]),S.default.createElement("div",{style:s},S.default.createElement("div",{role:"button",title:"Element Selector",onMouseOver:()=>t(!0),onMouseOut:()=>t(!1),onClick:p=>{var i;p.preventDefault(),p.stopPropagation(),(i=document==null?void 0:document.activeElement)==null||i.blur(),h(d=>!d)},style:{padding:0,margin:0,height:"100%",width:"100%",transform:a?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease-in-out"}},l),S.default.createElement(j,{active:n}),n&&m&&(0,q.createPortal)(S.default.createElement(U,{...y,name:b}),m))};var F=E(require("react")),J=e=>F.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:157,height:25,viewBox:"0 0 157 25",fill:"none",...e},F.createElement("g",null,F.createElement("path",{fill:"#1D1E30",d:"M17 1h123v24H17z"}),F.createElement("path",{fill:"#1D1E30",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"}),F.createElement("path",{fill:"currentColor",d:"M25 14.333A1.333 1.333 0 1 1 25 17a1.333 1.333 0 0 1 0-2.667Z"}),F.createElement("path",{fill:"currentColor",fillRule:"evenodd",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",clipRule:"evenodd"}),F.createElement("path",{fill:"#CFD7E2",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"})));var _=E(require("react")),Q=e=>_.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 16 16",fill:"none",...e},_.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"}));var ee=({onClick:e,onSelectorHighlight:r,onSelectorOpen:l})=>{let[s,a]=H.default.useState(!1);return H.default.createElement("div",{onMouseOver:()=>a(!0),onMouseOut:()=>a(!1),style:{position:"relative",userSelect:"none",WebkitUserSelect:"none",background:"none",border:"none",padding:0,paddingRight:"1px",margin:0,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",color:s?"#0FBDBD":"#6C7793",transition:"color 0.1s ease-in-out"},onClick:e},H.default.createElement(J,null),H.default.createElement(K,{style:{position:"absolute",top:5,right:18,width:"16px",height:"16px"},icon:H.default.createElement(Q,{width:16,height:16,style:{pointerEvents:"none"}}),onSelectorOpen:l,onHighlight:r}))};var u=E(require("react"));var te=e=>e?"scaleX(1) translateY(0)":"scaleX(0) translateY(25vw)",C=50,x=10,ve=()=>typeof window<"u"?window.innerWidth*.7:1440*.7,xe=()=>typeof window<"u"?window.innerHeight*.7:900*.7,oe=640,ne=360;var B=e=>{switch(e){case"left":return{left:`calc(${C}px + ${x}px)`,top:"50%",transform:"translateY(-50%)"};case"right":return{right:`calc(${C}px + ${x}px)`,top:"50%",transform:"translateY(-50%)"};case"top":return{left:"50%",top:`calc(${C}px + ${x}px)`,transform:"translateX(-50%)"};case"bottom":return{left:"50%",bottom:`calc(${C}px + ${x}px)`,transform:"translateX(-50%)"}}},O=e=>{switch(e){case"left":case"right":return-x-C-x+(typeof window<"u"?window.innerWidth:1440)-x;case"top":case"bottom":return-x+(typeof window<"u"?window.innerWidth:1440)-x}},z=e=>{switch(e){case"left":case"right":return-x+(typeof window<"u"?window.innerHeight:900)-x;case"top":case"bottom":return-x-C-x+(typeof window<"u"?window.innerHeight:900)-x}},W=(e,r)=>{let l={width:ve(),height:xe()},s=O(e),a=z(e),t=Math.min(s,(r??l).width),n=Math.min(a,(r??l).height);return{width:t,height:n}},D=e=>{let r=Math.round(e);return r%2===0?r:r+1};var M=E(require("react")),T=e=>M.default.createElement("svg",{width:10,height:26,viewBox:"0 0 10 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},M.default.createElement("rect",{x:.5,y:.5,width:9,height:25,rx:4.5,fill:"#1D1E30"}),M.default.createElement("path",{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",fill:"#303450"}),M.default.createElement("path",{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",fill:"#303450"}),M.default.createElement("path",{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",fill:"#303450"}),M.default.createElement("rect",{x:.5,y:.5,width:9,height:25,rx:4.5,stroke:"#303450"}));var re=({placement:e,visible:r,children:l})=>{let[s,a]=u.default.useState(!1),[t,n]=u.default.useState(null),[h,y]=u.default.useState(null),[b,m]=u.default.useState(()=>{let o=W(e);return{width:D(o.width),height:D(o.height)}});return u.default.useEffect(()=>{let o=()=>{m(p=>{let i=W(e,p);return{width:D(i.width),height:D(i.height)}})};return o(),window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o)}},[e]),u.default.useEffect(()=>{let o=()=>{n(null)};if(t!==null)return window.addEventListener("mouseup",o),()=>{window.removeEventListener("mouseup",o)}},[t]),u.default.useEffect(()=>{let o=document.body.style.cursor;return t!=null&&t.includes("x")?document.body.style.cursor="col-resize":t!=null&&t.includes("y")&&(document.body.style.cursor="row-resize"),()=>{document.body.style.cursor=o}},[t]),u.default.useEffect(()=>{let o=p=>{if((t==null?void 0:t[1])==="x"){let i=p.clientX-((h==null?void 0:h.x)??p.clientX),d=b.width+(t==="lx"?-i:i)*2;m(c=>({...c,width:D(Math.min(O(e),Math.max(oe,d)))}))}else if((t==null?void 0:t[1])==="y"){let i=p.clientY-((h==null?void 0:h.y)??p.clientY),d=b.height+(t==="ty"?-i:i)*1;m(c=>({...c,height:D(Math.min(z(e),Math.max(ne,d)))}))}};if(t!==null)return window.addEventListener("mousemove",o),()=>{window.removeEventListener("mousemove",o)}},[t,e]),u.default.createElement("div",{style:{position:"absolute",borderRadius:"8px",boxShadow:"0 0 10px rgba(0, 0, 0, 0.5)",border:"1px solid rgba(0, 0, 0, 0.5)",transitionProperty:"transform, opacity",transitionTimingFunction:"ease-in-out",transitionDuration:"0.2s",...B(e),opacity:r?1:0,transform:`${B(e).transform} ${te(r??!1)}`,...b},onMouseEnter:()=>{a(!0)},onMouseLeave:()=>{a(!1)}},l({resizing:t}),u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{style:{position:"absolute",left:0,top:"50%",width:"10px",height:"26px",transform:"translateY(-13px) translateX(-5px)",cursor:"col-resize",transition:"opacity ease-in-out 0.2s",pointerEvents:s||t?"auto":"none",opacity:s||t?1:0},onMouseDown:o=>{n("lx"),y({x:o.clientX,y:o.clientY}),o.preventDefault()}},u.default.createElement(T,null)),u.default.createElement("div",{style:{position:"absolute",right:0,top:"50%",width:"10px",height:"26px",transform:"translateY(-13px) translateX(5px)",cursor:"col-resize",transition:"opacity ease-in-out 0.2s",pointerEvents:s||t?"auto":"none",opacity:s||t?1:0},onMouseDown:o=>{n("rx"),y({x:o.clientX,y:o.clientY}),o.preventDefault()}},u.default.createElement(T,null)),u.default.createElement("div",{style:{position:"absolute",left:"50%",top:0,width:"26px",height:"10px",transform:"translateY(-5px) translateX(-13px)",cursor:"row-resize",transition:"opacity ease-in-out 0.2s",pointerEvents:s||t?"auto":"none",opacity:s||t?1:0},onMouseDown:o=>{n("ty"),y({x:o.clientX,y:o.clientY}),o.preventDefault()}},u.default.createElement(T,{style:{transform:"rotate(90deg)",transformOrigin:"13px 13px"}})),u.default.createElement("div",{style:{position:"absolute",left:"50%",bottom:0,width:"26px",height:"10px",transform:"translateY(5px) translateX(-13px)",cursor:"row-resize",transition:"opacity ease-in-out 0.2s",pointerEvents:s||t?"auto":"none",opacity:s||t?1:0},onMouseDown:o=>{n("by"),y({x:o.clientX,y:o.clientY}),o.preventDefault()}},u.default.createElement(T,{style:{transform:"rotate(90deg)",transformOrigin:"13px 13px"}}))))};var N=require("@refinedev/devtools-shared"),ie=process.env.NODE_ENV!=="development"?()=>null:()=>{let[e,r]=g.default.useState(!1),[l,s]=g.default.useState(!1),[a]=g.default.useState("bottom"),{devtoolsUrl:t,ws:n}=g.default.useContext(N.DevToolsContext),[h,y]=g.default.useState(0),b=g.default.useCallback(o=>{n&&(0,N.send)(n,N.DevtoolsEvent.DEVTOOLS_HIGHLIGHT_IN_MONITOR,{name:o}),s(!0)},[n]),m=g.default.useCallback(()=>{s(!1)},[]);return g.default.useEffect(()=>{typeof window<"u"&&r(!0)},[]),g.default.useEffect(()=>{if(e){y(window.innerWidth);let o=()=>{y(window.innerWidth)};return window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o)}}return()=>{}},[e]),e?g.default.createElement("div",{style:{position:"fixed",left:`${Math.round(h/2)}px`,transform:"translateX(-50%)",bottom:0,zIndex:99999}},g.default.createElement(ee,{onClick:()=>s(o=>!o),onSelectorHighlight:b,onSelectorOpen:m}),g.default.createElement(re,{visible:l,placement:a},({resizing:o})=>g.default.createElement("iframe",{allow:"clipboard-write;",src:t,srcDoc:t?void 0:`
2
+ var ce=Object.create;var I=Object.defineProperty;var de=Object.getOwnPropertyDescriptor;var pe=Object.getOwnPropertyNames;var he=Object.getPrototypeOf,ue=Object.prototype.hasOwnProperty;var me=(e,n)=>{for(var d in n)I(e,d,{get:n[d],enumerable:!0})},R=(e,n,d,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of pe(n))!ue.call(e,s)&&s!==d&&I(e,s,{get:()=>n[s],enumerable:!(o=de(n,s))||o.enumerable});return e};var y=(e,n,d)=>(d=e!=null?ce(he(e)):{},R(n||!e||!e.__esModule?I(d,"default",{value:e,enumerable:!0}):d,e)),fe=e=>R(I({},"__esModule",{value:!0}),e);var we={};me(we,{DevtoolsPanel:()=>ie,DevtoolsProvider:()=>ae});module.exports=fe(we);var g=y(require("react"));var M=y(require("react"));var N=y(require("react"));var E=y(require("react")),x=require("@aliemir/dom-to-fiber-utils"),X=require("@refinedev/devtools-shared"),Y=e=>{let{devtoolsUrl:n}=E.default.useContext(X.DevToolsContext),[d,o]=E.default.useState([]),s=E.default.useCallback(async()=>(await(await fetch(`${n??"http://localhost:5001"}/api/unique-trace-items`)).json()).data,[n]),r=E.default.useCallback((i,h)=>{let t=i,u,l,w=!1;for(;!w&&t;)u=(0,x.getFirstFiberHasName)(t),l=(0,x.getFirstStateNodeFiber)(u),w=h.includes((0,x.getNameFromFiber)(u)??""),w||(t=(0,x.getParentOfFiber)(t));return l&&u?{stateNode:l,nameFiber:u}:{stateNode:null,nameFiber:null}},[]),a=E.default.useCallback(i=>{let h=[];return i.forEach(t=>{h.find(l=>l.element===t.element)||h.push(t)}),h},[]),p=E.default.useCallback((i,h)=>{var w;if(!i)return[];let t=[],u=(0,x.getFiberFromElement)(i),l=r(u,h);if(l.nameFiber&&l.stateNode){let b=(0,x.getElementFromFiber)(l.stateNode),F=(0,x.getNameFromFiber)(l.nameFiber);b&&F&&t.push({element:b,name:F})}for(let b=0;b<((w=i==null?void 0:i.children)==null?void 0:w.length);b++)t.push(...p(i.children[b],h));return t},[r]),c=E.default.useCallback(async()=>{let i=await s(),h=p(document.body,i),t=a(h);o(t)},[s,p,a]);return E.default.useEffect(()=>{e&&c()},[e,c]),{selectableElements:d}};var O=y(require("react")),D=({children:e})=>(O.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")),V=y(require("lodash/debounce")),q=require("react-dom");var A=y(require("react")),U=e=>A.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 16 16",fill:"none",...e},A.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"})),j=e=>A.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 16 16",fill:"none",...e},A.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 ge=({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,V.default)(()=>{var F,W,k,$,G;let{top:c,left:i,width:h,height:t}=e.getBoundingClientRect(),{scrollLeft:u,scrollTop:l}=document.documentElement,w=i+u,b=c+l;(F=s.current)==null||F.style.setProperty("left",`${w}px`),(W=s.current)==null||W.style.setProperty("top",`${b}px`),(k=s.current)==null||k.style.setProperty("width",`${h}px`),($=s.current)==null||$.style.setProperty("height",`${t}px`),(G=s.current)==null||G.style.setProperty("opacity","1")},200,{leading:!1,trailing:!0}),p=(0,V.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(j,{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,q.createPortal)(e.map((s,r)=>f.default.createElement(ge,{key:`selector-element-${r}-${s.name}`,...s,onSelect:n})),d),f.default.createElement(D,null,`
3
+ .selector-xray-box {
4
+ display: flex;
5
+ margin: 0;
6
+ padding: 0;
7
+ appearance: none;
8
+ z-index: 9999;
9
+ border: 2px dashed #47EBEB;
10
+ border-radius: 6px;
11
+ background: rgba(71, 235, 235, 0.01);
12
+ transition: opacity 0.2s ease-in-out;
13
+ cursor: crosshair;
14
+ }
15
+
16
+ .selector-xray-info {
17
+ display: flex;
18
+ justify-content: center;
19
+ align-items: center;
20
+
21
+ z-index: 10;
22
+
23
+ padding: 3px 0;
24
+ min-width: 22px;
25
+ height: 22px;
26
+
27
+ color: #14141F;
28
+ background: #47EBEB;
29
+
30
+ font-size: 12px;
31
+ line-height: 16px;
32
+ font-family: monospace;
33
+ border-radius: 11px;
34
+ }
35
+
36
+ .selector-xray-info-icon {
37
+ display: flex;
38
+ min-width: 22px;
39
+ justify-content: center;
40
+ align-items: center;
41
+ flex-shrink: 0;
42
+ }
43
+
44
+ .selector-xray-info-title {
45
+ display: block;
46
+ max-width: 0;
47
+ overflow: hidden;
48
+ transition-property: max-width, padding-right;
49
+ transition-duration: 0.2s;
50
+ transition-timing-function: ease-in-out;
51
+ transition-delay: 0.1s;
52
+ }
53
+
54
+ .selector-xray-box:hover .selector-xray-info-title {
55
+ max-width: 200px;
56
+ padding-right: 8px;
57
+ }
58
+ `)):null};var K=({active:e,setActive:n,onHighlight:d,icon:o,style:s})=>{let{selectableElements:r}=Y(e);return N.default.createElement("div",{style:s},N.default.createElement("div",{role:"button",title:"Element Selector",className:"refine-devtools-selector-button",onClick:p=>{var c;p.preventDefault(),p.stopPropagation(),(c=document==null?void 0:document.activeElement)==null||c.blur(),n(i=>!i)}},o),e&&N.default.createElement(J,{elements:r,onSelect:p=>{d(p),n(!1)}}),N.default.createElement(D,null,`
59
+ .refine-devtools-selector-button {
60
+ padding: 0;
61
+ margin: 0;
62
+ height: 100%;
63
+ width: 100%;
64
+ transform: rotate(0deg);
65
+ transition: transform 0.2s ease-in-out;
66
+ }
67
+
68
+ .refine-devtools-selector-button:hover {
69
+ transform: rotate(180deg);
70
+ }
71
+ `))};var S=y(require("react")),Q=e=>S.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:157,height:25,viewBox:"0 0 157 25",fill:"none",...e},S.createElement("g",null,S.createElement("path",{fill:"#1D1E30",d:"M17 1h123v24H17z"}),S.createElement("path",{fill:"#1D1E30",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"}),S.createElement("path",{fill:"currentColor",d:"M25 14.333A1.333 1.333 0 1 1 25 17a1.333 1.333 0 0 1 0-2.667Z"}),S.createElement("path",{fill:"currentColor",fillRule:"evenodd",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",clipRule:"evenodd"}),S.createElement("path",{fill:"#CFD7E2",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"})));var ee=({onClick:e,onSelectorHighlight:n,selectorActive:d,setSelectorActive:o})=>M.default.createElement("div",{role:"button",className:"devtools-selector-pin-box",onClick:e},M.default.createElement(Q,null),M.default.createElement(K,{style:{position:"absolute",top:5,right:18,width:"16px",height:"16px"},icon:M.default.createElement(U,{width:16,height:16,style:{pointerEvents:"none"}}),onHighlight:n,active:d,setActive:o}),M.default.createElement(D,null,`
72
+ .devtools-selector-pin-box {
73
+ z-index: 9999;
74
+ position: relative;
75
+ user-select: none;
76
+ -webkit-user-select: none;
77
+ background: none;
78
+ border: none;
79
+ padding: 0;
80
+ margin: 0;
81
+ appearance: none;
82
+ padding-right: 1px;
83
+ display: flex;
84
+ align-items: center;
85
+ justify-content: center;
86
+ cursor: pointer;
87
+ color: #6C7793;
88
+ transition: color 0.1s ease-in-out;
89
+ }
90
+
91
+ .devtools-selector-pin-box:hover {
92
+ color: #0FBDBD;
93
+ }
94
+ `));var m=y(require("react"));var te=e=>e?"scaleX(1) translateY(0)":"scaleX(0) translateY(25vw)",C=50,v=10,ve=()=>typeof window<"u"?window.innerWidth*.7:1440*.7,xe=()=>typeof window<"u"?window.innerHeight*.7:900*.7,oe=640,ne=360;var z=e=>{switch(e){case"left":return{left:`calc(${C}px + ${v}px)`,top:"50%",transform:"translateY(-50%)"};case"right":return{right:`calc(${C}px + ${v}px)`,top:"50%",transform:"translateY(-50%)"};case"top":return{left:"50%",top:`calc(${C}px + ${v}px)`,transform:"translateX(-50%)"};case"bottom":return{left:"50%",bottom:`calc(${C}px + ${v}px)`,transform:"translateX(-50%)"}}},_=e=>{switch(e){case"left":case"right":return-v-C-v+(typeof window<"u"?window.innerWidth:1440)-v;case"top":case"bottom":return-v+(typeof window<"u"?window.innerWidth:1440)-v}},B=e=>{switch(e){case"left":case"right":return-v+(typeof window<"u"?window.innerHeight:900)-v;case"top":case"bottom":return-v-C-v+(typeof window<"u"?window.innerHeight:900)-v}},Z=(e,n)=>{let d={width:ve(),height:xe()},o=_(e),s=B(e),r=Math.min(o,(n??d).width),a=Math.min(s,(n??d).height);return{width:r,height:a}},P=e=>{let n=Math.round(e);return n%2===0?n:n+1};var H=y(require("react")),L=e=>H.default.createElement("svg",{width:10,height:26,viewBox:"0 0 10 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},H.default.createElement("rect",{x:.5,y:.5,width:9,height:25,rx:4.5,fill:"#1D1E30"}),H.default.createElement("path",{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",fill:"#303450"}),H.default.createElement("path",{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",fill:"#303450"}),H.default.createElement("path",{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",fill:"#303450"}),H.default.createElement("rect",{x:.5,y:.5,width:9,height:25,rx:4.5,stroke:"#303450"}));var re=({placement:e,visible:n,children:d})=>{let[o,s]=m.default.useState(!1),[r,a]=m.default.useState(null),[p,c]=m.default.useState(null),[i,h]=m.default.useState(()=>{let t=Z(e);return{width:P(t.width),height:P(t.height)}});return m.default.useEffect(()=>{let t=()=>{h(u=>{let l=Z(e,u);return{width:P(l.width),height:P(l.height)}})};return t(),window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}},[e]),m.default.useEffect(()=>{let t=()=>{a(null)};if(r!==null)return window.addEventListener("mouseup",t),()=>{window.removeEventListener("mouseup",t)}},[r]),m.default.useEffect(()=>{let t=document.body.style.cursor;return r!=null&&r.includes("x")?document.body.style.cursor="col-resize":r!=null&&r.includes("y")&&(document.body.style.cursor="row-resize"),()=>{document.body.style.cursor=t}},[r]),m.default.useEffect(()=>{let t=u=>{if((r==null?void 0:r[1])==="x"){let l=u.clientX-((p==null?void 0:p.x)??u.clientX),w=i.width+(r==="lx"?-l:l)*2;h(b=>({...b,width:P(Math.min(_(e),Math.max(oe,w)))}))}else if((r==null?void 0:r[1])==="y"){let l=u.clientY-((p==null?void 0:p.y)??u.clientY),w=i.height+(r==="ty"?-l:l)*1;h(b=>({...b,height:P(Math.min(B(e),Math.max(ne,w)))}))}};if(r!==null)return window.addEventListener("mousemove",t),()=>{window.removeEventListener("mousemove",t)}},[r,e]),m.default.createElement("div",{style:{position:"absolute",borderRadius:"8px",boxShadow:"0 0 10px rgba(0, 0, 0, 0.5)",border:"1px solid rgba(0, 0, 0, 0.5)",transitionProperty:"transform, opacity",transitionTimingFunction:"ease-in-out",transitionDuration:"0.2s",...z(e),opacity:n?1:0,transform:`${z(e).transform} ${te(n??!1)}`,...i},onMouseEnter:()=>{s(!0)},onMouseLeave:()=>{s(!1)}},d({resizing:r}),m.default.createElement(m.default.Fragment,null,m.default.createElement("div",{style:{position:"absolute",left:0,top:"50%",width:"10px",height:"26px",transform:"translateY(-13px) translateX(-5px)",cursor:"col-resize",transition:"opacity ease-in-out 0.2s",pointerEvents:o||r?"auto":"none",opacity:o||r?1:0},onMouseDown:t=>{a("lx"),c({x:t.clientX,y:t.clientY}),t.preventDefault()}},m.default.createElement(L,null)),m.default.createElement("div",{style:{position:"absolute",right:0,top:"50%",width:"10px",height:"26px",transform:"translateY(-13px) translateX(5px)",cursor:"col-resize",transition:"opacity ease-in-out 0.2s",pointerEvents:o||r?"auto":"none",opacity:o||r?1:0},onMouseDown:t=>{a("rx"),c({x:t.clientX,y:t.clientY}),t.preventDefault()}},m.default.createElement(L,null)),m.default.createElement("div",{style:{position:"absolute",left:"50%",top:0,width:"26px",height:"10px",transform:"translateY(-5px) translateX(-13px)",cursor:"row-resize",transition:"opacity ease-in-out 0.2s",pointerEvents:o||r?"auto":"none",opacity:o||r?1:0},onMouseDown:t=>{a("ty"),c({x:t.clientX,y:t.clientY}),t.preventDefault()}},m.default.createElement(L,{style:{transform:"rotate(90deg)",transformOrigin:"13px 13px"}})),m.default.createElement("div",{style:{position:"absolute",left:"50%",bottom:0,width:"26px",height:"10px",transform:"translateY(5px) translateX(-13px)",cursor:"row-resize",transition:"opacity ease-in-out 0.2s",pointerEvents:o||r?"auto":"none",opacity:o||r?1:0},onMouseDown:t=>{a("by"),c({x:t.clientX,y:t.clientY}),t.preventDefault()}},m.default.createElement(L,{style:{transform:"rotate(90deg)",transformOrigin:"13px 13px"}}))))};var T=require("@refinedev/devtools-shared"),ie=process.env.NODE_ENV!=="development"?()=>null:()=>{let[e,n]=g.default.useState(!1),[d,o]=g.default.useState(!1),[s]=g.default.useState("bottom"),{devtoolsUrl:r,ws:a}=g.default.useContext(T.DevToolsContext),[p,c]=g.default.useState(0),[i,h]=g.default.useState(!1),t=g.default.useCallback(l=>{a&&(0,T.send)(a,T.DevtoolsEvent.DEVTOOLS_HIGHLIGHT_IN_MONITOR,{name:l}),o(!0)},[a]),u=g.default.useCallback(()=>{o(!1)},[]);return g.default.useEffect(()=>{i&&o(!1)},[i]),g.default.useEffect(()=>{typeof window<"u"&&n(!0)},[]),g.default.useEffect(()=>{if(e){c(window.innerWidth);let l=()=>{c(window.innerWidth)};return window.addEventListener("resize",l),()=>{window.removeEventListener("resize",l)}}return()=>{}},[e]),e?g.default.createElement("div",{style:{position:"fixed",left:`${Math.round(p/2)}px`,transform:"translateX(-50%)",bottom:0,zIndex:99999}},g.default.createElement(ee,{onClick:()=>{o(l=>!l),h(!1)},onSelectorHighlight:t,selectorActive:i,setSelectorActive:h}),g.default.createElement(re,{visible:d,placement:s},({resizing:l})=>g.default.createElement("iframe",{allow:"clipboard-write;",src:r,srcDoc:r?void 0:`
3
95
  <html style="height:100%;padding:0;margin:0;">
4
96
  <body style="display:flex;justify-content:center;height:100%;padding:24px;margin:0;align-items:center;box-sizing:border-box;">
5
97
  <h1 style="font-family:ui-monospace,monospace;color:#CFD7E2;text-align:center;">Could not connect to the devtools server</h1>
6
98
  </body>
7
99
  </html>
8
- `,style:{width:"100%",height:"100%",border:"none",borderRadius:"7px",pointerEvents:o?"none":"auto",background:"#14141F"}}))):null};var se=E(require("react")),ae=require("@refinedev/devtools-shared"),le=process.env.NODE_ENV!=="development"?({children:e})=>e:({children:e})=>se.default.createElement(ae.DevToolsContextProvider,null,e);
100
+ `,style:{width:"100%",height:"100%",border:"none",borderRadius:"7px",pointerEvents:l?"none":"auto",background:"#14141F"}}))):null};var se=y(require("react")),le=require("@refinedev/devtools-shared"),ae=process.env.NODE_ENV!=="development"?({children:e})=>e:({children:e})=>se.default.createElement(le.DevToolsContextProvider,null,e);
9
101
  //# sourceMappingURL=index.cjs.map