@contember/react-devbar 2.0.0-alpha.4 → 2.0.0-alpha.40

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 (135) hide show
  1. package/api-extractor.json +3 -0
  2. package/dist/development/index.cjs +6 -6
  3. package/dist/development/index.js +6 -6
  4. package/dist/development/{DevErrorManager.cjs → src/DevErrorManager.cjs} +10 -13
  5. package/dist/development/src/DevErrorManager.cjs.map +1 -0
  6. package/dist/development/{DevErrorManager.js → src/DevErrorManager.js} +5 -8
  7. package/dist/development/src/DevErrorManager.js.map +1 -0
  8. package/dist/development/{errorHandling.cjs → src/errorHandling.cjs} +1 -1
  9. package/dist/development/src/errorHandling.cjs.map +1 -0
  10. package/dist/development/{errorHandling.js → src/errorHandling.js} +2 -2
  11. package/dist/development/src/errorHandling.js.map +1 -0
  12. package/dist/development/{hooks → src/hooks}/useParsedStacktrace.cjs +9 -4
  13. package/dist/development/src/hooks/useParsedStacktrace.cjs.map +1 -0
  14. package/dist/{production → development/src}/hooks/useParsedStacktrace.js +6 -1
  15. package/dist/development/src/hooks/useParsedStacktrace.js.map +1 -0
  16. package/dist/development/src/ui/DevBar/DevBar.cjs +191 -0
  17. package/dist/development/src/ui/DevBar/DevBar.cjs.map +1 -0
  18. package/dist/development/src/ui/DevBar/DevBar.js +191 -0
  19. package/dist/development/src/ui/DevBar/DevBar.js.map +1 -0
  20. package/dist/development/{ui → src/ui}/DevError/DevError.cjs +10 -10
  21. package/dist/development/src/ui/DevError/DevError.cjs.map +1 -0
  22. package/dist/development/{ui → src/ui}/DevError/DevError.js +10 -10
  23. package/dist/development/src/ui/DevError/DevError.js.map +1 -0
  24. package/dist/development/{ui → src/ui}/DevError/DevErrorBadge.cjs +2 -2
  25. package/dist/development/src/ui/DevError/DevErrorBadge.cjs.map +1 -0
  26. package/dist/development/{ui → src/ui}/DevError/DevErrorBadge.js +2 -2
  27. package/dist/development/src/ui/DevError/DevErrorBadge.js.map +1 -0
  28. package/dist/development/{ui → src/ui}/DevError/DevErrorInner.cjs +15 -15
  29. package/dist/development/src/ui/DevError/DevErrorInner.cjs.map +1 -0
  30. package/dist/development/{ui → src/ui}/DevError/DevErrorInner.js +15 -15
  31. package/dist/development/src/ui/DevError/DevErrorInner.js.map +1 -0
  32. package/dist/development/{ui → src/ui}/DevError/DevErrorList.cjs +41 -30
  33. package/dist/development/src/ui/DevError/DevErrorList.cjs.map +1 -0
  34. package/dist/development/src/ui/DevError/DevErrorList.js +101 -0
  35. package/dist/development/src/ui/DevError/DevErrorList.js.map +1 -0
  36. package/dist/development/{ui → src/ui}/DevError/StackTrace.cjs +10 -10
  37. package/dist/development/src/ui/DevError/StackTrace.cjs.map +1 -0
  38. package/dist/development/{ui → src/ui}/DevError/StackTrace.js +10 -10
  39. package/dist/development/src/ui/DevError/StackTrace.js.map +1 -0
  40. package/dist/production/index.cjs +6 -6
  41. package/dist/production/index.js +6 -6
  42. package/dist/production/{errorHandling.cjs → src/errorHandling.cjs} +1 -0
  43. package/dist/production/src/errorHandling.cjs.map +1 -0
  44. package/dist/production/{errorHandling.js → src/errorHandling.js} +1 -0
  45. package/dist/production/src/errorHandling.js.map +1 -0
  46. package/dist/production/{hooks → src/hooks}/useParsedStacktrace.cjs +9 -4
  47. package/dist/production/src/hooks/useParsedStacktrace.cjs.map +1 -0
  48. package/dist/{development → production/src}/hooks/useParsedStacktrace.js +6 -1
  49. package/dist/production/src/hooks/useParsedStacktrace.js.map +1 -0
  50. package/dist/production/src/ui/DevBar/DevBar.cjs +123 -0
  51. package/dist/production/src/ui/DevBar/DevBar.cjs.map +1 -0
  52. package/dist/production/src/ui/DevBar/DevBar.js +123 -0
  53. package/dist/production/src/ui/DevBar/DevBar.js.map +1 -0
  54. package/dist/production/src/ui/DevError/DevError.cjs.map +1 -0
  55. package/dist/production/src/ui/DevError/DevError.js.map +1 -0
  56. package/dist/production/src/ui/DevError/DevErrorBadge.cjs.map +1 -0
  57. package/dist/production/src/ui/DevError/DevErrorBadge.js.map +1 -0
  58. package/dist/production/{ui → src/ui}/DevError/DevErrorInner.cjs +1 -1
  59. package/dist/production/src/ui/DevError/DevErrorInner.cjs.map +1 -0
  60. package/dist/production/{ui → src/ui}/DevError/DevErrorInner.js +1 -1
  61. package/dist/production/src/ui/DevError/DevErrorInner.js.map +1 -0
  62. package/dist/production/{ui → src/ui}/DevError/DevErrorList.cjs +11 -4
  63. package/dist/production/src/ui/DevError/DevErrorList.cjs.map +1 -0
  64. package/dist/production/{ui → src/ui}/DevError/DevErrorList.js +11 -4
  65. package/dist/production/src/ui/DevError/DevErrorList.js.map +1 -0
  66. package/dist/production/src/ui/DevError/StackTrace.cjs.map +1 -0
  67. package/dist/production/src/ui/DevError/StackTrace.js.map +1 -0
  68. package/dist/types/hooks/useParsedStacktrace.d.ts +1 -1
  69. package/dist/types/hooks/useParsedStacktrace.d.ts.map +1 -1
  70. package/dist/types/tsconfig.tsbuildinfo +1 -1
  71. package/dist/types/ui/DevBar/DevBar.d.ts +5 -4
  72. package/dist/types/ui/DevBar/DevBar.d.ts.map +1 -1
  73. package/dist/types/ui/DevError/DevError.d.ts.map +1 -1
  74. package/dist/types/ui/DevError/DevErrorList.d.ts.map +1 -1
  75. package/package.json +11 -21
  76. package/src/DevErrorManager.tsx +4 -4
  77. package/src/hooks/useParsedStacktrace.ts +6 -1
  78. package/src/index.css +448 -2
  79. package/src/tsconfig.json +5 -2
  80. package/src/ui/DevBar/DevBar.tsx +76 -101
  81. package/src/ui/DevError/DevError.tsx +0 -1
  82. package/src/ui/DevError/DevErrorInner.tsx +1 -1
  83. package/src/ui/DevError/DevErrorList.tsx +14 -5
  84. package/tsconfig.json +7 -0
  85. package/tsdoc.json +6 -0
  86. package/dist/assets/index.css +0 -377
  87. package/dist/development/DevErrorManager.cjs.map +0 -1
  88. package/dist/development/DevErrorManager.js.map +0 -1
  89. package/dist/development/errorHandling.cjs.map +0 -1
  90. package/dist/development/errorHandling.js.map +0 -1
  91. package/dist/development/hooks/useParsedStacktrace.cjs.map +0 -1
  92. package/dist/development/hooks/useParsedStacktrace.js.map +0 -1
  93. package/dist/development/ui/DevBar/DevBar.cjs +0 -237
  94. package/dist/development/ui/DevBar/DevBar.cjs.map +0 -1
  95. package/dist/development/ui/DevBar/DevBar.js +0 -237
  96. package/dist/development/ui/DevBar/DevBar.js.map +0 -1
  97. package/dist/development/ui/DevError/DevError.cjs.map +0 -1
  98. package/dist/development/ui/DevError/DevError.js.map +0 -1
  99. package/dist/development/ui/DevError/DevErrorBadge.cjs.map +0 -1
  100. package/dist/development/ui/DevError/DevErrorBadge.js.map +0 -1
  101. package/dist/development/ui/DevError/DevErrorInner.cjs.map +0 -1
  102. package/dist/development/ui/DevError/DevErrorInner.js.map +0 -1
  103. package/dist/development/ui/DevError/DevErrorList.cjs.map +0 -1
  104. package/dist/development/ui/DevError/DevErrorList.js +0 -90
  105. package/dist/development/ui/DevError/DevErrorList.js.map +0 -1
  106. package/dist/development/ui/DevError/StackTrace.cjs.map +0 -1
  107. package/dist/development/ui/DevError/StackTrace.js.map +0 -1
  108. package/dist/production/errorHandling.cjs.map +0 -1
  109. package/dist/production/errorHandling.js.map +0 -1
  110. package/dist/production/hooks/useParsedStacktrace.cjs.map +0 -1
  111. package/dist/production/hooks/useParsedStacktrace.js.map +0 -1
  112. package/dist/production/ui/DevBar/DevBar.cjs +0 -161
  113. package/dist/production/ui/DevBar/DevBar.cjs.map +0 -1
  114. package/dist/production/ui/DevBar/DevBar.js +0 -161
  115. package/dist/production/ui/DevBar/DevBar.js.map +0 -1
  116. package/dist/production/ui/DevError/DevError.cjs.map +0 -1
  117. package/dist/production/ui/DevError/DevError.js.map +0 -1
  118. package/dist/production/ui/DevError/DevErrorBadge.cjs.map +0 -1
  119. package/dist/production/ui/DevError/DevErrorBadge.js.map +0 -1
  120. package/dist/production/ui/DevError/DevErrorInner.cjs.map +0 -1
  121. package/dist/production/ui/DevError/DevErrorInner.js.map +0 -1
  122. package/dist/production/ui/DevError/DevErrorList.cjs.map +0 -1
  123. package/dist/production/ui/DevError/DevErrorList.js.map +0 -1
  124. package/dist/production/ui/DevError/StackTrace.cjs.map +0 -1
  125. package/dist/production/ui/DevError/StackTrace.js.map +0 -1
  126. package/src/ui/DevBar/index.css +0 -171
  127. package/src/ui/DevError/DevError.css +0 -191
  128. package/src/ui/DevError/DevErrorBadge.css +0 -16
  129. package/src/ui/DevError/index.css +0 -2
  130. /package/dist/production/{ui → src/ui}/DevError/DevError.cjs +0 -0
  131. /package/dist/production/{ui → src/ui}/DevError/DevError.js +0 -0
  132. /package/dist/production/{ui → src/ui}/DevError/DevErrorBadge.cjs +0 -0
  133. /package/dist/production/{ui → src/ui}/DevError/DevErrorBadge.js +0 -0
  134. /package/dist/production/{ui → src/ui}/DevError/StackTrace.cjs +0 -0
  135. /package/dist/production/{ui → src/ui}/DevError/StackTrace.js +0 -0
@@ -1,237 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxDevRuntime = require("react/jsx-dev-runtime");
4
- const reactUtils = require("@contember/react-utils");
5
- const utilities = require("@contember/utilities");
6
- const react = require("react");
7
- const className = (cls) => cls ? `cui-devBar-${cls}` : "cui-devBar";
8
- const DevBar = ({
9
- breakpoint = 768,
10
- children,
11
- brand
12
- }) => {
13
- const [expanded, setExpanded] = react.useState(true);
14
- const isSmallScreen = reactUtils.useWindowSize().width < breakpoint;
15
- const toggleButtonRef = react.useRef(null);
16
- const handleToggle = reactUtils.useReferentiallyStableCallback(() => {
17
- setExpanded((expanded2) => !expanded2);
18
- });
19
- react.useEffect(() => {
20
- function handleKeyDown(event) {
21
- if (event.code === "KeyJ" && (event.ctrlKey || event.metaKey)) {
22
- event.preventDefault();
23
- event.stopPropagation();
24
- if (expanded) {
25
- setExpanded(false);
26
- toggleButtonRef.current?.blur();
27
- } else {
28
- if (toggleButtonRef.current !== document.activeElement) {
29
- toggleButtonRef.current?.focus();
30
- } else {
31
- toggleButtonRef.current?.blur();
32
- }
33
- }
34
- }
35
- }
36
- document.addEventListener("keydown", handleKeyDown);
37
- return () => document.removeEventListener("keydown", handleKeyDown);
38
- }, [expanded, handleToggle]);
39
- const devBarContentRef = react.useRef(null);
40
- reactUtils.useOnElementClickOutsideCallback(devBarContentRef, () => {
41
- if (expanded) {
42
- setExpanded(false);
43
- toggleButtonRef.current?.blur();
44
- }
45
- });
46
- const id = `dev-bar-panel${reactUtils.useId()}`;
47
- return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
48
- "section",
49
- {
50
- "data-transparent": true,
51
- "data-overrides-lucide-icons": true,
52
- "data-expanded": utilities.dataAttribute(expanded),
53
- "data-small-screen": utilities.dataAttribute(isSmallScreen),
54
- className: className(null),
55
- onKeyDown: (event) => {
56
- if (event.code === "Escape") {
57
- event.preventDefault();
58
- event.stopPropagation();
59
- if (expanded) {
60
- setExpanded(false);
61
- } else if (document.activeElement && document.activeElement instanceof HTMLElement) {
62
- document.activeElement.blur();
63
- }
64
- }
65
- },
66
- children: [
67
- /* @__PURE__ */ jsxDevRuntime.jsxDEV("style", { children: `svg { pointer-events: none }` }, void 0, false, {
68
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
69
- lineNumber: 83,
70
- columnNumber: 4
71
- }, void 0),
72
- /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { ref: devBarContentRef, className: className("content"), children: [
73
- /* @__PURE__ */ jsxDevRuntime.jsxDEV(
74
- "div",
75
- {
76
- "data-expanded": utilities.dataAttribute(expanded),
77
- id,
78
- role: "dialog",
79
- style: { display: "contents" },
80
- children: [
81
- /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("brand"), children: brand }, void 0, false, {
82
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
83
- lineNumber: 91,
84
- columnNumber: 6
85
- }, void 0),
86
- /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("panels"), children }, void 0, false, {
87
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
88
- lineNumber: 96,
89
- columnNumber: 6
90
- }, void 0)
91
- ]
92
- },
93
- void 0,
94
- true,
95
- {
96
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
97
- lineNumber: 85,
98
- columnNumber: 5
99
- },
100
- void 0
101
- ),
102
- /* @__PURE__ */ jsxDevRuntime.jsxDEV(
103
- "button",
104
- {
105
- ref: toggleButtonRef,
106
- id: "dev-bar-toggle-button",
107
- "aria-label": "Toggle Contember Developer Toolbar",
108
- "aria-controls": id,
109
- "aria-expanded": expanded,
110
- className: className("close"),
111
- onClick: handleToggle,
112
- tabIndex: 0,
113
- children: expanded ? "🗙" : "ᐸ"
114
- },
115
- void 0,
116
- false,
117
- {
118
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
119
- lineNumber: 102,
120
- columnNumber: 5
121
- },
122
- void 0
123
- )
124
- ] }, void 0, true, {
125
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
126
- lineNumber: 84,
127
- columnNumber: 4
128
- }, void 0)
129
- ]
130
- },
131
- void 0,
132
- true,
133
- {
134
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
135
- lineNumber: 64,
136
- columnNumber: 3
137
- },
138
- void 0
139
- );
140
- };
141
- const DevPanel = ({ heading, icon, children, preview }) => {
142
- const id = `cui-devBar-panel-${reactUtils.useId()}`;
143
- const [expanded, setExpanded] = react.useState(false);
144
- const mouseEnterTimeStampRef = react.useRef(void 0);
145
- const devPanelRef = react.useRef(null);
146
- reactUtils.useOnElementMouseEnterDelayedCallback(devPanelRef, reactUtils.useReferentiallyStableCallback(({ type }) => {
147
- if (type === "mouseenter") {
148
- mouseEnterTimeStampRef.current = Date.now() + 300;
149
- setExpanded(true);
150
- }
151
- }));
152
- return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
153
- "div",
154
- {
155
- ref: devPanelRef,
156
- "data-expanded": utilities.dataAttribute(expanded),
157
- className: className("trigger"),
158
- onMouseLeave: reactUtils.useReferentiallyStableCallback(() => {
159
- setExpanded(false);
160
- }),
161
- onKeyDown: reactUtils.useReferentiallyStableCallback((event) => {
162
- if (expanded && event.code === "Escape") {
163
- event.preventDefault();
164
- event.stopPropagation();
165
- setExpanded(false);
166
- }
167
- }),
168
- children: [
169
- /* @__PURE__ */ jsxDevRuntime.jsxDEV(
170
- "button",
171
- {
172
- tabIndex: 0,
173
- "aria-haspopup": "dialog",
174
- "aria-controls": id,
175
- "aria-expanded": expanded,
176
- className: className("trigger-label"),
177
- onClick: reactUtils.useReferentiallyStableCallback(() => {
178
- if (mouseEnterTimeStampRef.current && Date.now() < mouseEnterTimeStampRef.current) {
179
- return;
180
- } else {
181
- setExpanded((expanded2) => !expanded2);
182
- mouseEnterTimeStampRef.current = void 0;
183
- }
184
- }),
185
- children: [
186
- icon,
187
- /* @__PURE__ */ jsxDevRuntime.jsxDEV("span", { className: className("trigger-label-text"), children: preview ?? heading }, void 0, false, {
188
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
189
- lineNumber: 170,
190
- columnNumber: 5
191
- }, void 0)
192
- ]
193
- },
194
- void 0,
195
- true,
196
- {
197
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
198
- lineNumber: 154,
199
- columnNumber: 4
200
- },
201
- void 0
202
- ),
203
- expanded && /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { tabIndex: 0, id, role: "dialog", className: className("panel"), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("panel-content"), children: [
204
- /* @__PURE__ */ jsxDevRuntime.jsxDEV("h2", { className: "h4", children: heading }, void 0, false, {
205
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
206
- lineNumber: 175,
207
- columnNumber: 7
208
- }, void 0),
209
- /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("panel-body"), children }, void 0, false, {
210
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
211
- lineNumber: 178,
212
- columnNumber: 7
213
- }, void 0)
214
- ] }, void 0, true, {
215
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
216
- lineNumber: 174,
217
- columnNumber: 6
218
- }, void 0) }, void 0, false, {
219
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
220
- lineNumber: 173,
221
- columnNumber: 5
222
- }, void 0)
223
- ]
224
- },
225
- void 0,
226
- true,
227
- {
228
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
229
- lineNumber: 139,
230
- columnNumber: 3
231
- },
232
- void 0
233
- );
234
- };
235
- exports.DevBar = DevBar;
236
- exports.DevPanel = DevPanel;
237
- //# sourceMappingURL=DevBar.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DevBar.cjs","sources":["../../../../src/ui/DevBar/DevBar.tsx"],"sourcesContent":["import {\n\tuseId,\n\tuseOnElementClickOutsideCallback,\n\tuseOnElementMouseEnterDelayedCallback,\n\tuseReferentiallyStableCallback,\n\tuseWindowSize,\n} from '@contember/react-utils'\nimport { dataAttribute } from '@contember/utilities'\nimport { PropsWithChildren, ReactNode, useEffect, useRef, useState } from 'react'\n\nconst className = (cls: string | null) => cls ? `cui-devBar-${cls}` : 'cui-devBar'\n\nexport const DevBar = ({\n\tbreakpoint = 768,\n\tchildren,\n\tbrand,\n}: PropsWithChildren<{\n\tbrand?: ReactNode;\n\tbreakpoint?: number;\n}>) => {\n\tconst [expanded, setExpanded] = useState(true)\n\tconst isSmallScreen = useWindowSize().width < breakpoint\n\tconst toggleButtonRef = useRef<HTMLButtonElement>(null)\n\n\tconst handleToggle = useReferentiallyStableCallback(() => {\n\t\tsetExpanded(expanded => !expanded)\n\t})\n\n\tuseEffect(() => {\n\t\tfunction handleKeyDown(event: KeyboardEvent) {\n\t\t\tif (event.code === 'KeyJ' && (event.ctrlKey || event.metaKey)) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tevent.stopPropagation()\n\n\t\t\t\tif (expanded) {\n\t\t\t\t\tsetExpanded(false)\n\t\t\t\t\ttoggleButtonRef.current?.blur()\n\t\t\t\t} else {\n\t\t\t\t\tif (toggleButtonRef.current !== document.activeElement) {\n\t\t\t\t\t\ttoggleButtonRef.current?.focus()\n\t\t\t\t\t} else {\n\t\t\t\t\t\ttoggleButtonRef.current?.blur()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tdocument.addEventListener('keydown', handleKeyDown)\n\t\treturn () => document.removeEventListener('keydown', handleKeyDown)\n\t}, [expanded, handleToggle])\n\n\tconst devBarContentRef = useRef<HTMLDivElement>(null)\n\n\tuseOnElementClickOutsideCallback(devBarContentRef, () => {\n\t\tif (expanded) {\n\t\t\tsetExpanded(false)\n\t\t\ttoggleButtonRef.current?.blur()\n\t\t}\n\t})\n\n\tconst id = `dev-bar-panel${useId()}`\n\n\treturn (\n\t\t<section\n\t\t\tdata-transparent\n\t\t\tdata-overrides-lucide-icons\n\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\tdata-small-screen={dataAttribute(isSmallScreen)}\n\t\t\tclassName={className(null)}\n\t\t\tonKeyDown={event => {\n\t\t\t\tif (event.code === 'Escape') {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tevent.stopPropagation()\n\n\t\t\t\t\tif (expanded) {\n\t\t\t\t\t\tsetExpanded(false)\n\t\t\t\t\t} else if (document.activeElement && document.activeElement instanceof HTMLElement) {\n\t\t\t\t\t\tdocument.activeElement.blur()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t<style>{`svg { pointer-events: none }`}</style>\n\t\t\t<div ref={devBarContentRef} className={className('content')}>\n\t\t\t\t<div\n\t\t\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\t\t\tid={id}\n\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\tstyle={{ display: 'contents' }}\n\t\t\t\t>\n\t\t\t\t\t<div className={className('brand')}>\n\t\t\t\t\t\t{brand}\n\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={className('panels')}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\n\t\t\t\t<button\n\t\t\t\t\tref={toggleButtonRef}\n\t\t\t\t\tid=\"dev-bar-toggle-button\"\n\t\t\t\t\taria-label=\"Toggle Contember Developer Toolbar\"\n\t\t\t\t\taria-controls={id}\n\t\t\t\t\taria-expanded={expanded}\n\t\t\t\t\tclassName={className('close')}\n\t\t\t\t\tonClick={handleToggle}\n\t\t\t\t\ttabIndex={0}\n\t\t\t\t>\n\t\t\t\t\t{expanded ? '🗙' : 'ᐸ'}\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n\nexport const DevPanel = ({ heading, icon, children, preview }: {\n\ticon: ReactNode;\n\theading: ReactNode,\n\tchildren: ReactNode,\n\tpreview?: ReactNode\n}) => {\n\tconst id = `cui-devBar-panel-${useId()}`\n\tconst [expanded, setExpanded] = useState(false)\n\tconst mouseEnterTimeStampRef = useRef<ReturnType<typeof Date.now> | undefined>(undefined)\n\n\tconst devPanelRef = useRef<HTMLDivElement>(null)\n\n\tuseOnElementMouseEnterDelayedCallback(devPanelRef, useReferentiallyStableCallback(({ type }) => {\n\t\tif (type === 'mouseenter') {\n\t\t\tmouseEnterTimeStampRef.current = Date.now() + 300\n\t\t\tsetExpanded(true)\n\t\t}\n\t}))\n\n\treturn (\n\t\t<div\n\t\t\tref={devPanelRef}\n\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\tclassName={className('trigger')}\n\t\t\tonMouseLeave={useReferentiallyStableCallback(() => {\n\t\t\t\tsetExpanded(false)\n\t\t\t})}\n\t\t\tonKeyDown={useReferentiallyStableCallback(event => {\n\t\t\t\tif (expanded && event.code === 'Escape') {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tsetExpanded(false)\n\t\t\t\t}\n\t\t\t})}\n\t\t>\n\t\t\t<button\n\t\t\t\ttabIndex={0}\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\taria-controls={id}\n\t\t\t\taria-expanded={expanded}\n\t\t\t\tclassName={className('trigger-label')}\n\t\t\t\tonClick={useReferentiallyStableCallback(() => {\n\t\t\t\t\tif (mouseEnterTimeStampRef.current && Date.now() < mouseEnterTimeStampRef.current) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetExpanded(expanded => !expanded)\n\t\t\t\t\t\tmouseEnterTimeStampRef.current = undefined\n\t\t\t\t\t}\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{icon}\n\t\t\t\t<span className={className('trigger-label-text')}>{preview ?? heading}</span>\n\t\t\t</button>\n\t\t\t{expanded && (\n\t\t\t\t<div tabIndex={0} id={id} role=\"dialog\" className={className('panel')}>\n\t\t\t\t\t<div className={className('panel-content')}>\n\t\t\t\t\t\t<h2 className=\"h4\">\n\t\t\t\t\t\t\t{heading}\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t<div className={className('panel-body')}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n"],"names":["useState","useWindowSize","useRef","useReferentiallyStableCallback","expanded","useEffect","useOnElementClickOutsideCallback","useId","jsxDEV","dataAttribute","this","useOnElementMouseEnterDelayedCallback"],"mappings":"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"}
@@ -1,237 +0,0 @@
1
- import { jsxDEV } from "react/jsx-dev-runtime";
2
- import { useWindowSize, useReferentiallyStableCallback, useOnElementClickOutsideCallback, useId, useOnElementMouseEnterDelayedCallback } from "@contember/react-utils";
3
- import { dataAttribute } from "@contember/utilities";
4
- import { useState, useRef, useEffect } from "react";
5
- const className = (cls) => cls ? `cui-devBar-${cls}` : "cui-devBar";
6
- const DevBar = ({
7
- breakpoint = 768,
8
- children,
9
- brand
10
- }) => {
11
- const [expanded, setExpanded] = useState(true);
12
- const isSmallScreen = useWindowSize().width < breakpoint;
13
- const toggleButtonRef = useRef(null);
14
- const handleToggle = useReferentiallyStableCallback(() => {
15
- setExpanded((expanded2) => !expanded2);
16
- });
17
- useEffect(() => {
18
- function handleKeyDown(event) {
19
- if (event.code === "KeyJ" && (event.ctrlKey || event.metaKey)) {
20
- event.preventDefault();
21
- event.stopPropagation();
22
- if (expanded) {
23
- setExpanded(false);
24
- toggleButtonRef.current?.blur();
25
- } else {
26
- if (toggleButtonRef.current !== document.activeElement) {
27
- toggleButtonRef.current?.focus();
28
- } else {
29
- toggleButtonRef.current?.blur();
30
- }
31
- }
32
- }
33
- }
34
- document.addEventListener("keydown", handleKeyDown);
35
- return () => document.removeEventListener("keydown", handleKeyDown);
36
- }, [expanded, handleToggle]);
37
- const devBarContentRef = useRef(null);
38
- useOnElementClickOutsideCallback(devBarContentRef, () => {
39
- if (expanded) {
40
- setExpanded(false);
41
- toggleButtonRef.current?.blur();
42
- }
43
- });
44
- const id = `dev-bar-panel${useId()}`;
45
- return /* @__PURE__ */ jsxDEV(
46
- "section",
47
- {
48
- "data-transparent": true,
49
- "data-overrides-lucide-icons": true,
50
- "data-expanded": dataAttribute(expanded),
51
- "data-small-screen": dataAttribute(isSmallScreen),
52
- className: className(null),
53
- onKeyDown: (event) => {
54
- if (event.code === "Escape") {
55
- event.preventDefault();
56
- event.stopPropagation();
57
- if (expanded) {
58
- setExpanded(false);
59
- } else if (document.activeElement && document.activeElement instanceof HTMLElement) {
60
- document.activeElement.blur();
61
- }
62
- }
63
- },
64
- children: [
65
- /* @__PURE__ */ jsxDEV("style", { children: `svg { pointer-events: none }` }, void 0, false, {
66
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
67
- lineNumber: 83,
68
- columnNumber: 4
69
- }, void 0),
70
- /* @__PURE__ */ jsxDEV("div", { ref: devBarContentRef, className: className("content"), children: [
71
- /* @__PURE__ */ jsxDEV(
72
- "div",
73
- {
74
- "data-expanded": dataAttribute(expanded),
75
- id,
76
- role: "dialog",
77
- style: { display: "contents" },
78
- children: [
79
- /* @__PURE__ */ jsxDEV("div", { className: className("brand"), children: brand }, void 0, false, {
80
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
81
- lineNumber: 91,
82
- columnNumber: 6
83
- }, void 0),
84
- /* @__PURE__ */ jsxDEV("div", { className: className("panels"), children }, void 0, false, {
85
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
86
- lineNumber: 96,
87
- columnNumber: 6
88
- }, void 0)
89
- ]
90
- },
91
- void 0,
92
- true,
93
- {
94
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
95
- lineNumber: 85,
96
- columnNumber: 5
97
- },
98
- void 0
99
- ),
100
- /* @__PURE__ */ jsxDEV(
101
- "button",
102
- {
103
- ref: toggleButtonRef,
104
- id: "dev-bar-toggle-button",
105
- "aria-label": "Toggle Contember Developer Toolbar",
106
- "aria-controls": id,
107
- "aria-expanded": expanded,
108
- className: className("close"),
109
- onClick: handleToggle,
110
- tabIndex: 0,
111
- children: expanded ? "🗙" : "ᐸ"
112
- },
113
- void 0,
114
- false,
115
- {
116
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
117
- lineNumber: 102,
118
- columnNumber: 5
119
- },
120
- void 0
121
- )
122
- ] }, void 0, true, {
123
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
124
- lineNumber: 84,
125
- columnNumber: 4
126
- }, void 0)
127
- ]
128
- },
129
- void 0,
130
- true,
131
- {
132
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
133
- lineNumber: 64,
134
- columnNumber: 3
135
- },
136
- void 0
137
- );
138
- };
139
- const DevPanel = ({ heading, icon, children, preview }) => {
140
- const id = `cui-devBar-panel-${useId()}`;
141
- const [expanded, setExpanded] = useState(false);
142
- const mouseEnterTimeStampRef = useRef(void 0);
143
- const devPanelRef = useRef(null);
144
- useOnElementMouseEnterDelayedCallback(devPanelRef, useReferentiallyStableCallback(({ type }) => {
145
- if (type === "mouseenter") {
146
- mouseEnterTimeStampRef.current = Date.now() + 300;
147
- setExpanded(true);
148
- }
149
- }));
150
- return /* @__PURE__ */ jsxDEV(
151
- "div",
152
- {
153
- ref: devPanelRef,
154
- "data-expanded": dataAttribute(expanded),
155
- className: className("trigger"),
156
- onMouseLeave: useReferentiallyStableCallback(() => {
157
- setExpanded(false);
158
- }),
159
- onKeyDown: useReferentiallyStableCallback((event) => {
160
- if (expanded && event.code === "Escape") {
161
- event.preventDefault();
162
- event.stopPropagation();
163
- setExpanded(false);
164
- }
165
- }),
166
- children: [
167
- /* @__PURE__ */ jsxDEV(
168
- "button",
169
- {
170
- tabIndex: 0,
171
- "aria-haspopup": "dialog",
172
- "aria-controls": id,
173
- "aria-expanded": expanded,
174
- className: className("trigger-label"),
175
- onClick: useReferentiallyStableCallback(() => {
176
- if (mouseEnterTimeStampRef.current && Date.now() < mouseEnterTimeStampRef.current) {
177
- return;
178
- } else {
179
- setExpanded((expanded2) => !expanded2);
180
- mouseEnterTimeStampRef.current = void 0;
181
- }
182
- }),
183
- children: [
184
- icon,
185
- /* @__PURE__ */ jsxDEV("span", { className: className("trigger-label-text"), children: preview ?? heading }, void 0, false, {
186
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
187
- lineNumber: 170,
188
- columnNumber: 5
189
- }, void 0)
190
- ]
191
- },
192
- void 0,
193
- true,
194
- {
195
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
196
- lineNumber: 154,
197
- columnNumber: 4
198
- },
199
- void 0
200
- ),
201
- expanded && /* @__PURE__ */ jsxDEV("div", { tabIndex: 0, id, role: "dialog", className: className("panel"), children: /* @__PURE__ */ jsxDEV("div", { className: className("panel-content"), children: [
202
- /* @__PURE__ */ jsxDEV("h2", { className: "h4", children: heading }, void 0, false, {
203
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
204
- lineNumber: 175,
205
- columnNumber: 7
206
- }, void 0),
207
- /* @__PURE__ */ jsxDEV("div", { className: className("panel-body"), children }, void 0, false, {
208
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
209
- lineNumber: 178,
210
- columnNumber: 7
211
- }, void 0)
212
- ] }, void 0, true, {
213
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
214
- lineNumber: 174,
215
- columnNumber: 6
216
- }, void 0) }, void 0, false, {
217
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
218
- lineNumber: 173,
219
- columnNumber: 5
220
- }, void 0)
221
- ]
222
- },
223
- void 0,
224
- true,
225
- {
226
- fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
227
- lineNumber: 139,
228
- columnNumber: 3
229
- },
230
- void 0
231
- );
232
- };
233
- export {
234
- DevBar,
235
- DevPanel
236
- };
237
- //# sourceMappingURL=DevBar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DevBar.js","sources":["../../../../src/ui/DevBar/DevBar.tsx"],"sourcesContent":["import {\n\tuseId,\n\tuseOnElementClickOutsideCallback,\n\tuseOnElementMouseEnterDelayedCallback,\n\tuseReferentiallyStableCallback,\n\tuseWindowSize,\n} from '@contember/react-utils'\nimport { dataAttribute } from '@contember/utilities'\nimport { PropsWithChildren, ReactNode, useEffect, useRef, useState } from 'react'\n\nconst className = (cls: string | null) => cls ? `cui-devBar-${cls}` : 'cui-devBar'\n\nexport const DevBar = ({\n\tbreakpoint = 768,\n\tchildren,\n\tbrand,\n}: PropsWithChildren<{\n\tbrand?: ReactNode;\n\tbreakpoint?: number;\n}>) => {\n\tconst [expanded, setExpanded] = useState(true)\n\tconst isSmallScreen = useWindowSize().width < breakpoint\n\tconst toggleButtonRef = useRef<HTMLButtonElement>(null)\n\n\tconst handleToggle = useReferentiallyStableCallback(() => {\n\t\tsetExpanded(expanded => !expanded)\n\t})\n\n\tuseEffect(() => {\n\t\tfunction handleKeyDown(event: KeyboardEvent) {\n\t\t\tif (event.code === 'KeyJ' && (event.ctrlKey || event.metaKey)) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tevent.stopPropagation()\n\n\t\t\t\tif (expanded) {\n\t\t\t\t\tsetExpanded(false)\n\t\t\t\t\ttoggleButtonRef.current?.blur()\n\t\t\t\t} else {\n\t\t\t\t\tif (toggleButtonRef.current !== document.activeElement) {\n\t\t\t\t\t\ttoggleButtonRef.current?.focus()\n\t\t\t\t\t} else {\n\t\t\t\t\t\ttoggleButtonRef.current?.blur()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tdocument.addEventListener('keydown', handleKeyDown)\n\t\treturn () => document.removeEventListener('keydown', handleKeyDown)\n\t}, [expanded, handleToggle])\n\n\tconst devBarContentRef = useRef<HTMLDivElement>(null)\n\n\tuseOnElementClickOutsideCallback(devBarContentRef, () => {\n\t\tif (expanded) {\n\t\t\tsetExpanded(false)\n\t\t\ttoggleButtonRef.current?.blur()\n\t\t}\n\t})\n\n\tconst id = `dev-bar-panel${useId()}`\n\n\treturn (\n\t\t<section\n\t\t\tdata-transparent\n\t\t\tdata-overrides-lucide-icons\n\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\tdata-small-screen={dataAttribute(isSmallScreen)}\n\t\t\tclassName={className(null)}\n\t\t\tonKeyDown={event => {\n\t\t\t\tif (event.code === 'Escape') {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tevent.stopPropagation()\n\n\t\t\t\t\tif (expanded) {\n\t\t\t\t\t\tsetExpanded(false)\n\t\t\t\t\t} else if (document.activeElement && document.activeElement instanceof HTMLElement) {\n\t\t\t\t\t\tdocument.activeElement.blur()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t<style>{`svg { pointer-events: none }`}</style>\n\t\t\t<div ref={devBarContentRef} className={className('content')}>\n\t\t\t\t<div\n\t\t\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\t\t\tid={id}\n\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\tstyle={{ display: 'contents' }}\n\t\t\t\t>\n\t\t\t\t\t<div className={className('brand')}>\n\t\t\t\t\t\t{brand}\n\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={className('panels')}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\n\t\t\t\t<button\n\t\t\t\t\tref={toggleButtonRef}\n\t\t\t\t\tid=\"dev-bar-toggle-button\"\n\t\t\t\t\taria-label=\"Toggle Contember Developer Toolbar\"\n\t\t\t\t\taria-controls={id}\n\t\t\t\t\taria-expanded={expanded}\n\t\t\t\t\tclassName={className('close')}\n\t\t\t\t\tonClick={handleToggle}\n\t\t\t\t\ttabIndex={0}\n\t\t\t\t>\n\t\t\t\t\t{expanded ? '🗙' : 'ᐸ'}\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n\nexport const DevPanel = ({ heading, icon, children, preview }: {\n\ticon: ReactNode;\n\theading: ReactNode,\n\tchildren: ReactNode,\n\tpreview?: ReactNode\n}) => {\n\tconst id = `cui-devBar-panel-${useId()}`\n\tconst [expanded, setExpanded] = useState(false)\n\tconst mouseEnterTimeStampRef = useRef<ReturnType<typeof Date.now> | undefined>(undefined)\n\n\tconst devPanelRef = useRef<HTMLDivElement>(null)\n\n\tuseOnElementMouseEnterDelayedCallback(devPanelRef, useReferentiallyStableCallback(({ type }) => {\n\t\tif (type === 'mouseenter') {\n\t\t\tmouseEnterTimeStampRef.current = Date.now() + 300\n\t\t\tsetExpanded(true)\n\t\t}\n\t}))\n\n\treturn (\n\t\t<div\n\t\t\tref={devPanelRef}\n\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\tclassName={className('trigger')}\n\t\t\tonMouseLeave={useReferentiallyStableCallback(() => {\n\t\t\t\tsetExpanded(false)\n\t\t\t})}\n\t\t\tonKeyDown={useReferentiallyStableCallback(event => {\n\t\t\t\tif (expanded && event.code === 'Escape') {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tsetExpanded(false)\n\t\t\t\t}\n\t\t\t})}\n\t\t>\n\t\t\t<button\n\t\t\t\ttabIndex={0}\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\taria-controls={id}\n\t\t\t\taria-expanded={expanded}\n\t\t\t\tclassName={className('trigger-label')}\n\t\t\t\tonClick={useReferentiallyStableCallback(() => {\n\t\t\t\t\tif (mouseEnterTimeStampRef.current && Date.now() < mouseEnterTimeStampRef.current) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetExpanded(expanded => !expanded)\n\t\t\t\t\t\tmouseEnterTimeStampRef.current = undefined\n\t\t\t\t\t}\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{icon}\n\t\t\t\t<span className={className('trigger-label-text')}>{preview ?? heading}</span>\n\t\t\t</button>\n\t\t\t{expanded && (\n\t\t\t\t<div tabIndex={0} id={id} role=\"dialog\" className={className('panel')}>\n\t\t\t\t\t<div className={className('panel-content')}>\n\t\t\t\t\t\t<h2 className=\"h4\">\n\t\t\t\t\t\t\t{heading}\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t<div className={className('panel-body')}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n"],"names":["expanded","this"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DevError.cjs","sources":["../../../../src/ui/DevError/DevError.tsx"],"sourcesContent":["import { DevErrorInner, DevErrorInnerProps } from './DevErrorInner'\n\nexport interface DevErrorProps extends DevErrorInnerProps {\n\tsource: string\n}\n\nconst className = (cls?: string | null) => cls ? `cui-devError-${cls}` : 'cui-devError'\n\nexport function DevError(props: DevErrorProps) {\n\n\treturn (\n\t\t<div className={className()}>\n\t\t\t<div className={className('in')}>\n\t\t\t\t<div className={className('bar')}>\n\t\t\t\t\t<div className={className('errorSource')}>{props.source}</div>\n\t\t\t\t</div>\n\t\t\t\t<DevErrorInner error={props.error} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":["jsxDEV","DevErrorInner"],"mappings":";;;;AAMA,MAAM,YAAY,CAAC,QAAwB,MAAM,gBAAgB,GAAG,KAAK;AAElE,SAAS,SAAS,OAAsB;AAG7C,SAAAA,8BAAA,OAAC,OAAI,EAAA,WAAW,UAAU,GACzB,+CAAC,OAAI,EAAA,WAAW,UAAU,IAAI,GAC7B,UAAA;AAAA,IAAAA,qCAAC,OAAI,EAAA,WAAW,UAAU,KAAK,GAC9B,UAAAA,8BAAAA,OAAC,OAAI,EAAA,WAAW,UAAU,aAAa,GAAI,UAAA,MAAM,OAAjD,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA,GAAA,IAAwD,EADzD,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAEA,GAAA,IAAA;AAAA,IACCA,qCAAAC,cAAAA,eAAA,EAAc,OAAO,MAAM,SAA5B,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAmC,GAAA,IAAA;AAAA,EAAA,KAJpC,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,IAKA,EAND,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAOA,GAAA,IAAA;AAEF;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DevError.js","sources":["../../../../src/ui/DevError/DevError.tsx"],"sourcesContent":["import { DevErrorInner, DevErrorInnerProps } from './DevErrorInner'\n\nexport interface DevErrorProps extends DevErrorInnerProps {\n\tsource: string\n}\n\nconst className = (cls?: string | null) => cls ? `cui-devError-${cls}` : 'cui-devError'\n\nexport function DevError(props: DevErrorProps) {\n\n\treturn (\n\t\t<div className={className()}>\n\t\t\t<div className={className('in')}>\n\t\t\t\t<div className={className('bar')}>\n\t\t\t\t\t<div className={className('errorSource')}>{props.source}</div>\n\t\t\t\t</div>\n\t\t\t\t<DevErrorInner error={props.error} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":";;AAMA,MAAM,YAAY,CAAC,QAAwB,MAAM,gBAAgB,GAAG,KAAK;AAElE,SAAS,SAAS,OAAsB;AAG7C,SAAA,uBAAC,OAAI,EAAA,WAAW,UAAU,GACzB,iCAAC,OAAI,EAAA,WAAW,UAAU,IAAI,GAC7B,UAAA;AAAA,IAAA,uBAAC,OAAI,EAAA,WAAW,UAAU,KAAK,GAC9B,UAAA,uBAAC,OAAI,EAAA,WAAW,UAAU,aAAa,GAAI,UAAA,MAAM,OAAjD,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA,GAAA,IAAwD,EADzD,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAEA,GAAA,IAAA;AAAA,IACC,uBAAA,eAAA,EAAc,OAAO,MAAM,SAA5B,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAmC,GAAA,IAAA;AAAA,EAAA,KAJpC,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,IAKA,EAND,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAOA,GAAA,IAAA;AAEF;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DevErrorBadge.cjs","sources":["../../../../src/ui/DevError/DevErrorBadge.tsx"],"sourcesContent":["export interface DevErrorBadgeProps {\n\tonOpen: () => void\n\terrorCount: number\n}\n\n\nconst className = (cls?: string | null) => cls ? `cui-devErrorBadge-${cls}` : 'cui-devErrorBadge'\n\nexport function DevErrorBadge({ errorCount, onOpen }: DevErrorBadgeProps) {\n\treturn (\n\t\t<div className={className()}>\n\t\t\t<a className={className('button')} onClick={onOpen}>\n\t\t\t\t{errorCount} {errorCount > 1 ? 'errors' : 'error'}\n\t\t\t</a>\n\t\t</div>\n\t)\n}\n"],"names":["jsxDEV"],"mappings":";;;AAMA,MAAM,YAAY,CAAC,QAAwB,MAAM,qBAAqB,GAAG,KAAK;AAEvE,SAAS,cAAc,EAAE,YAAY,UAA8B;AACzE,SACEA,8BAAAA,OAAA,OAAA,EAAI,WAAW,UAAA,GACf,UAAAA,8BAAA,OAAC,KAAE,EAAA,WAAW,UAAU,QAAQ,GAAG,SAAS,QAC1C,UAAA;AAAA,IAAA;AAAA,IAAW;AAAA,IAAE,aAAa,IAAI,WAAW;AAAA,EAAA,KAD3C,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,IAEA,EAHD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAIA,GAAA,IAAA;AAEF;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DevErrorBadge.js","sources":["../../../../src/ui/DevError/DevErrorBadge.tsx"],"sourcesContent":["export interface DevErrorBadgeProps {\n\tonOpen: () => void\n\terrorCount: number\n}\n\n\nconst className = (cls?: string | null) => cls ? `cui-devErrorBadge-${cls}` : 'cui-devErrorBadge'\n\nexport function DevErrorBadge({ errorCount, onOpen }: DevErrorBadgeProps) {\n\treturn (\n\t\t<div className={className()}>\n\t\t\t<a className={className('button')} onClick={onOpen}>\n\t\t\t\t{errorCount} {errorCount > 1 ? 'errors' : 'error'}\n\t\t\t</a>\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":";AAMA,MAAM,YAAY,CAAC,QAAwB,MAAM,qBAAqB,GAAG,KAAK;AAEvE,SAAS,cAAc,EAAE,YAAY,UAA8B;AACzE,SACE,uBAAA,OAAA,EAAI,WAAW,UAAA,GACf,UAAA,uBAAC,KAAE,EAAA,WAAW,UAAU,QAAQ,GAAG,SAAS,QAC1C,UAAA;AAAA,IAAA;AAAA,IAAW;AAAA,IAAE,aAAa,IAAI,WAAW;AAAA,EAAA,KAD3C,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,IAEA,EAHD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAIA,GAAA,IAAA;AAEF;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DevErrorInner.cjs","sources":["../../../../src/ui/DevError/DevErrorInner.tsx"],"sourcesContent":["import { StackTrace } from './StackTrace'\nimport type { ProcessedError } from './types'\n\nexport interface DevErrorInnerProps {\n\terror: ProcessedError\n\tlevel?: number\n}\n\n\nconst className = (cls?: string | null) => cls ? `cui-devError-${cls}` : 'cui-devError'\n\nexport function DevErrorInner({ error, level = 1 }: DevErrorInnerProps) {\n\n\tlet errorObject: Error | undefined = error.error instanceof Error ? error.error : undefined\n\n\treturn (\n\t\t<>\n\t\t\t<div className={className('header')}>\n\t\t\t\t{errorObject ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<h1 className={className('errorName')}>{errorObject.name}</h1>\n\t\t\t\t\t\t{error.cause && <a href={`#error-${level}`} className={className('causeLink')}>caused by &gt;</a>}\n\t\t\t\t\t\t{errorObject.message && <h2 className={className('errorMessage')}>{errorObject.message}</h2>}\n\t\t\t\t\t\t{'details' in errorObject && <h3 className={className('errorDetails')}>{(errorObject as any).details}</h3>}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<h1 className={className('errorName')}>Unknown error</h1>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{error.parsedStackStrace ? (\n\t\t\t\t<StackTrace stackTrace={error.parsedStackStrace} />\n\t\t\t) : errorObject?.stack ? (\n\t\t\t\t<div className={className('stack')}>\n\t\t\t\t\t<div className={className('stack-dump')}>{errorObject.stack}</div>\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t\t{error.cause ? (\n\t\t\t\t<>\n\t\t\t\t\t<div className={className('causedBy')} id={`error-${level}`}>\n\t\t\t\t\t\tCaused by\n\t\t\t\t\t</div>\n\t\t\t\t\t<DevErrorInner error={error.cause} level={level + 1} />\n\t\t\t\t</>\n\t\t\t) : null}\n\t\t</>\n\t)\n}\n"],"names":["jsxDEV","Fragment","StackTrace"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DevErrorInner.js","sources":["../../../../src/ui/DevError/DevErrorInner.tsx"],"sourcesContent":["import { StackTrace } from './StackTrace'\nimport type { ProcessedError } from './types'\n\nexport interface DevErrorInnerProps {\n\terror: ProcessedError\n\tlevel?: number\n}\n\n\nconst className = (cls?: string | null) => cls ? `cui-devError-${cls}` : 'cui-devError'\n\nexport function DevErrorInner({ error, level = 1 }: DevErrorInnerProps) {\n\n\tlet errorObject: Error | undefined = error.error instanceof Error ? error.error : undefined\n\n\treturn (\n\t\t<>\n\t\t\t<div className={className('header')}>\n\t\t\t\t{errorObject ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<h1 className={className('errorName')}>{errorObject.name}</h1>\n\t\t\t\t\t\t{error.cause && <a href={`#error-${level}`} className={className('causeLink')}>caused by &gt;</a>}\n\t\t\t\t\t\t{errorObject.message && <h2 className={className('errorMessage')}>{errorObject.message}</h2>}\n\t\t\t\t\t\t{'details' in errorObject && <h3 className={className('errorDetails')}>{(errorObject as any).details}</h3>}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<h1 className={className('errorName')}>Unknown error</h1>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{error.parsedStackStrace ? (\n\t\t\t\t<StackTrace stackTrace={error.parsedStackStrace} />\n\t\t\t) : errorObject?.stack ? (\n\t\t\t\t<div className={className('stack')}>\n\t\t\t\t\t<div className={className('stack-dump')}>{errorObject.stack}</div>\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t\t{error.cause ? (\n\t\t\t\t<>\n\t\t\t\t\t<div className={className('causedBy')} id={`error-${level}`}>\n\t\t\t\t\t\tCaused by\n\t\t\t\t\t</div>\n\t\t\t\t\t<DevErrorInner error={error.cause} level={level + 1} />\n\t\t\t\t</>\n\t\t\t) : null}\n\t\t</>\n\t)\n}\n"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DevErrorList.cjs","sources":["../../../../src/ui/DevError/DevErrorList.tsx"],"sourcesContent":["import { DevErrorInner } from './DevErrorInner'\nimport { ProcessedError } from './types'\n\nexport interface DevErrorListProps {\n\tcurrentError: ProcessedError\n\tcurrentErrorSource: string\n\tcurrentErrorIndex: number\n\terrorCount: number\n\tonPrevious: () => void\n\tonNext: () => void\n\tonClose: () => void\n}\n\nconst className = (cls?: string | null) => cls ? `cui-devError-${cls}` : 'cui-devError'\n\nexport function DevErrorList({\n\tcurrentError,\n\tcurrentErrorIndex,\n\tcurrentErrorSource,\n\terrorCount,\n\tonClose,\n\tonNext,\n\tonPrevious,\n}: DevErrorListProps) {\n\treturn (\n\t\t<div className={className()}>\n\t\t\t<div className={className('in')}>\n\t\t\t\t<div className={className('bar')}>\n\t\t\t\t\t<div className={className('errorSource')}>{currentErrorSource}</div>\n\t\t\t\t\t<div className={className('actions')}>\n\t\t\t\t\t\t{errorCount > 1 ? (\n\t\t\t\t\t\t\t<div className={className('switcher')}>\n\t\t\t\t\t\t\t\t<p className={className('errorCount')}>\n\t\t\t\t\t\t\t\t\tError {currentErrorIndex + 1} of {errorCount}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t<div className={className('switcherButtons')}>\n\t\t\t\t\t\t\t\t\t<button className={className('switcherButton')} onClick={onPrevious}>\n\t\t\t\t\t\t\t\t\t\tᐊ\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button className={className('switcherButton')} onClick={onNext}>\n\t\t\t\t\t\t\t\t\t\tᐅ\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t<div className={className('close')}>\n\t\t\t\t\t\t\t<button className={className('closeButton')} onClick={onClose}>\n\t\t\t\t\t\t\t\t🗙\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<DevErrorInner error={currentError} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":["jsxDEV","DevErrorInner"],"mappings":"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"}