@contember/react-devbar 1.3.0-alpha.27 → 2.0.0-alpha.2

package/dist/development/ui/DevError/DevErrorInner.js

@@ -1,76 +1,75 @@
 import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
-import { useClassNameFactory } from "@contember/react-utils";
 import { StackTrace } from "./StackTrace.js";
+const className = (cls) => cls ? `cui-devError-${cls}` : "cui-devError";
 function DevErrorInner({ error, level = 1 }) {
-  const componentClassName = useClassNameFactory("devError");
   let errorObject = error.error instanceof Error ? error.error : void 0;
   return /* @__PURE__ */ jsxDEV(Fragment, { children: [
-    /* @__PURE__ */ jsxDEV("div", { className: componentClassName("header"), children: errorObject ? /* @__PURE__ */ jsxDEV(Fragment, { children: [
-      /* @__PURE__ */ jsxDEV("h1", { className: componentClassName("errorName"), children: errorObject.name }, void 0, false, {
+    /* @__PURE__ */ jsxDEV("div", { className: className("header"), children: errorObject ? /* @__PURE__ */ jsxDEV(Fragment, { children: [
+      /* @__PURE__ */ jsxDEV("h1", { className: className("errorName"), children: errorObject.name }, void 0, false, {
         fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
-        lineNumber: 20,
+        lineNumber: 21,
         columnNumber: 7
       }, this),
-      error.cause && /* @__PURE__ */ jsxDEV("a", { href: `#error-${level}`, className: componentClassName("causeLink"), children: "caused by >" }, void 0, false, {
+      error.cause && /* @__PURE__ */ jsxDEV("a", { href: `#error-${level}`, className: className("causeLink"), children: "caused by >" }, void 0, false, {
         fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
-        lineNumber: 21,
+        lineNumber: 22,
         columnNumber: 23
       }, this),
-      errorObject.message && /* @__PURE__ */ jsxDEV("h2", { className: componentClassName("errorMessage"), children: errorObject.message }, void 0, false, {
+      errorObject.message && /* @__PURE__ */ jsxDEV("h2", { className: className("errorMessage"), children: errorObject.message }, void 0, false, {
         fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
-        lineNumber: 22,
+        lineNumber: 23,
         columnNumber: 31
       }, this),
-      "details" in errorObject && /* @__PURE__ */ jsxDEV("h3", { className: componentClassName("errorDetails"), children: errorObject.details }, void 0, false, {
+      "details" in errorObject && /* @__PURE__ */ jsxDEV("h3", { className: className("errorDetails"), children: errorObject.details }, void 0, false, {
         fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
-        lineNumber: 23,
+        lineNumber: 24,
         columnNumber: 36
       }, this)
     ] }, void 0, true, {
       fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
-      lineNumber: 19,
+      lineNumber: 20,
       columnNumber: 6
-    }, this) : /* @__PURE__ */ jsxDEV("h1", { className: componentClassName("errorName"), children: "Unknown error" }, void 0, false, {
+    }, this) : /* @__PURE__ */ jsxDEV("h1", { className: className("errorName"), children: "Unknown error" }, void 0, false, {
       fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
-      lineNumber: 26,
+      lineNumber: 27,
       columnNumber: 6
     }, this) }, void 0, false, {
       fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
-      lineNumber: 17,
+      lineNumber: 18,
       columnNumber: 4
     }, this),
     error.parsedStackStrace ? /* @__PURE__ */ jsxDEV(StackTrace, { stackTrace: error.parsedStackStrace }, void 0, false, {
       fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
-      lineNumber: 30,
+      lineNumber: 31,
       columnNumber: 5
-    }, this) : errorObject?.stack ? /* @__PURE__ */ jsxDEV("div", { className: componentClassName("stack"), children: /* @__PURE__ */ jsxDEV("div", { className: componentClassName("stack-dump"), children: errorObject.stack }, void 0, false, {
+    }, this) : errorObject?.stack ? /* @__PURE__ */ jsxDEV("div", { className: className("stack"), children: /* @__PURE__ */ jsxDEV("div", { className: className("stack-dump"), children: errorObject.stack }, void 0, false, {
       fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
-      lineNumber: 33,
+      lineNumber: 34,
       columnNumber: 6
     }, this) }, void 0, false, {
       fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
-      lineNumber: 32,
+      lineNumber: 33,
       columnNumber: 5
     }, this) : null,
     error.cause ? /* @__PURE__ */ jsxDEV(Fragment, { children: [
-      /* @__PURE__ */ jsxDEV("div", { className: componentClassName("causedBy"), id: `error-${level}`, children: "Caused by" }, void 0, false, {
+      /* @__PURE__ */ jsxDEV("div", { className: className("causedBy"), id: `error-${level}`, children: "Caused by" }, void 0, false, {
         fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
-        lineNumber: 38,
+        lineNumber: 39,
         columnNumber: 6
       }, this),
       /* @__PURE__ */ jsxDEV(DevErrorInner, { error: error.cause, level: level + 1 }, void 0, false, {
         fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
-        lineNumber: 41,
+        lineNumber: 42,
         columnNumber: 6
       }, this)
     ] }, void 0, true, {
       fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
-      lineNumber: 37,
+      lineNumber: 38,
       columnNumber: 5
     }, this) : null
   ] }, void 0, true, {
     fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
-    lineNumber: 16,
+    lineNumber: 17,
     columnNumber: 3
   }, this);
 }

package/dist/development/ui/DevError/DevErrorInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevErrorInner.js","sources":["../../../../src/ui/DevError/DevErrorInner.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { StackTrace } from './StackTrace'\nimport type { ProcessedError } from './types'\n\nexport interface DevErrorInnerProps {\n\terror: ProcessedError\n\tlevel?: number\n}\n\nexport function DevErrorInner({ error, level = 1 }: DevErrorInnerProps) {\n\tconst componentClassName = useClassNameFactory('devError')\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={componentClassName('header')}>\n\t\t\t\t{errorObject ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<h1 className={componentClassName('errorName')}>{errorObject.name}</h1>\n\t\t\t\t\t\t{error.cause && <a href={`#error-${level}`} className={componentClassName('causeLink')}>caused by &gt;</a>}\n\t\t\t\t\t\t{errorObject.message && <h2 className={componentClassName('errorMessage')}>{errorObject.message}</h2>}\n\t\t\t\t\t\t{'details' in errorObject && <h3 className={componentClassName('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={componentClassName('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={componentClassName('stack')}>\n\t\t\t\t\t<div className={componentClassName('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={componentClassName('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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"}
+{"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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"}

package/dist/development/ui/DevError/DevErrorList.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxDevRuntime = require("react/jsx-dev-runtime");
-const reactUtils = require("@contember/react-utils");
 const DevErrorInner = require("./DevErrorInner.cjs");
+const className = (cls) => cls ? `cui-devError-${cls}` : "cui-devError";
 function DevErrorList({
   currentError,
   currentErrorIndex,
@@ -12,78 +12,77 @@ function DevErrorList({
   onNext,
   onPrevious
 }) {
-  const componentClassName = reactUtils.useClassNameFactory("devError");
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName(), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("in"), children: [
-    /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("bar"), children: [
-      /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("errorSource"), children: currentErrorSource }, void 0, false, {
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className(), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("in"), children: [
+    /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("bar"), children: [
+      /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("errorSource"), children: currentErrorSource }, void 0, false, {
         fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-        lineNumber: 31,
+        lineNumber: 29,
         columnNumber: 6
       }, this),
-      /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("actions"), children: [
-        errorCount > 1 ? /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("switcher"), children: [
-          /* @__PURE__ */ jsxDevRuntime.jsxDEV("p", { className: componentClassName("errorCount"), children: [
+      /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("actions"), children: [
+        errorCount > 1 ? /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("switcher"), children: [
+          /* @__PURE__ */ jsxDevRuntime.jsxDEV("p", { className: className("errorCount"), children: [
             "Error ",
             currentErrorIndex + 1,
             " of ",
             errorCount
           ] }, void 0, true, {
             fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-            lineNumber: 35,
+            lineNumber: 33,
             columnNumber: 9
           }, this),
-          /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("switcherButtons"), children: [
-            /* @__PURE__ */ jsxDevRuntime.jsxDEV("button", { className: componentClassName("switcherButton"), onClick: onPrevious, children: "ᐊ" }, void 0, false, {
+          /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("switcherButtons"), children: [
+            /* @__PURE__ */ jsxDevRuntime.jsxDEV("button", { className: className("switcherButton"), onClick: onPrevious, children: "ᐊ" }, void 0, false, {
               fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-              lineNumber: 39,
+              lineNumber: 37,
               columnNumber: 10
             }, this),
-            /* @__PURE__ */ jsxDevRuntime.jsxDEV("button", { className: componentClassName("switcherButton"), onClick: onNext, children: "ᐅ" }, void 0, false, {
+            /* @__PURE__ */ jsxDevRuntime.jsxDEV("button", { className: className("switcherButton"), onClick: onNext, children: "ᐅ" }, void 0, false, {
               fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-              lineNumber: 42,
+              lineNumber: 40,
               columnNumber: 10
             }, this)
           ] }, void 0, true, {
             fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-            lineNumber: 38,
+            lineNumber: 36,
             columnNumber: 9
           }, this)
         ] }, void 0, true, {
           fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-          lineNumber: 34,
+          lineNumber: 32,
           columnNumber: 8
         }, this) : null,
-        /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("close"), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("button", { className: componentClassName("closeButton"), onClick: onClose, children: "🗙" }, void 0, false, {
+        /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("close"), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("button", { className: className("closeButton"), onClick: onClose, children: "🗙" }, void 0, false, {
           fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-          lineNumber: 49,
+          lineNumber: 47,
           columnNumber: 8
         }, this) }, void 0, false, {
           fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-          lineNumber: 48,
+          lineNumber: 46,
           columnNumber: 7
         }, this)
       ] }, void 0, true, {
         fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-        lineNumber: 32,
+        lineNumber: 30,
         columnNumber: 6
       }, this)
     ] }, void 0, true, {
       fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-      lineNumber: 30,
+      lineNumber: 28,
       columnNumber: 5
     }, this),
     /* @__PURE__ */ jsxDevRuntime.jsxDEV(DevErrorInner.DevErrorInner, { error: currentError }, void 0, false, {
       fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-      lineNumber: 56,
+      lineNumber: 54,
       columnNumber: 5
     }, this)
   ] }, void 0, true, {
     fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-    lineNumber: 29,
+    lineNumber: 27,
     columnNumber: 4
   }, this) }, void 0, false, {
     fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-    lineNumber: 28,
+    lineNumber: 26,
     columnNumber: 3
   }, this);
 }

package/dist/development/ui/DevError/DevErrorList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DevErrorList.cjs","sources":["../../../../src/ui/DevError/DevErrorList.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { 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\n\nexport function DevErrorList({\n\tcurrentError,\n\tcurrentErrorIndex,\n\tcurrentErrorSource,\n\terrorCount,\n\tonClose,\n\tonNext,\n\tonPrevious,\n}: DevErrorListProps) {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\treturn (\n\t\t<div className={componentClassName()}>\n\t\t\t<div className={componentClassName('in')}>\n\t\t\t\t<div className={componentClassName('bar')}>\n\t\t\t\t\t<div className={componentClassName('errorSource')}>{currentErrorSource}</div>\n\t\t\t\t\t<div className={componentClassName('actions')}>\n\t\t\t\t\t\t{errorCount > 1 ? (\n\t\t\t\t\t\t\t<div className={componentClassName('switcher')}>\n\t\t\t\t\t\t\t\t<p className={componentClassName('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={componentClassName('switcherButtons')}>\n\t\t\t\t\t\t\t\t\t<button className={componentClassName('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={componentClassName('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={componentClassName('close')}>\n\t\t\t\t\t\t\t<button className={componentClassName('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":["useClassNameFactory","jsxDEV","DevErrorInner"],"mappings":"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"}
+{"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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"}

package/dist/development/ui/DevError/DevErrorList.js

@@ -1,6 +1,6 @@
 import { jsxDEV } from "react/jsx-dev-runtime";
-import { useClassNameFactory } from "@contember/react-utils";
 import { DevErrorInner } from "./DevErrorInner.js";
+const className = (cls) => cls ? `cui-devError-${cls}` : "cui-devError";
 function DevErrorList({
   currentError,
   currentErrorIndex,
@@ -10,78 +10,77 @@ function DevErrorList({
   onNext,
   onPrevious
 }) {
-  const componentClassName = useClassNameFactory("devError");
-  return /* @__PURE__ */ jsxDEV("div", { className: componentClassName(), children: /* @__PURE__ */ jsxDEV("div", { className: componentClassName("in"), children: [
-    /* @__PURE__ */ jsxDEV("div", { className: componentClassName("bar"), children: [
-      /* @__PURE__ */ jsxDEV("div", { className: componentClassName("errorSource"), children: currentErrorSource }, void 0, false, {
+  return /* @__PURE__ */ jsxDEV("div", { className: className(), children: /* @__PURE__ */ jsxDEV("div", { className: className("in"), children: [
+    /* @__PURE__ */ jsxDEV("div", { className: className("bar"), children: [
+      /* @__PURE__ */ jsxDEV("div", { className: className("errorSource"), children: currentErrorSource }, void 0, false, {
         fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-        lineNumber: 31,
+        lineNumber: 29,
         columnNumber: 6
       }, this),
-      /* @__PURE__ */ jsxDEV("div", { className: componentClassName("actions"), children: [
-        errorCount > 1 ? /* @__PURE__ */ jsxDEV("div", { className: componentClassName("switcher"), children: [
-          /* @__PURE__ */ jsxDEV("p", { className: componentClassName("errorCount"), children: [
+      /* @__PURE__ */ jsxDEV("div", { className: className("actions"), children: [
+        errorCount > 1 ? /* @__PURE__ */ jsxDEV("div", { className: className("switcher"), children: [
+          /* @__PURE__ */ jsxDEV("p", { className: className("errorCount"), children: [
             "Error ",
             currentErrorIndex + 1,
             " of ",
             errorCount
           ] }, void 0, true, {
             fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-            lineNumber: 35,
+            lineNumber: 33,
             columnNumber: 9
           }, this),
-          /* @__PURE__ */ jsxDEV("div", { className: componentClassName("switcherButtons"), children: [
-            /* @__PURE__ */ jsxDEV("button", { className: componentClassName("switcherButton"), onClick: onPrevious, children: "ᐊ" }, void 0, false, {
+          /* @__PURE__ */ jsxDEV("div", { className: className("switcherButtons"), children: [
+            /* @__PURE__ */ jsxDEV("button", { className: className("switcherButton"), onClick: onPrevious, children: "ᐊ" }, void 0, false, {
               fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-              lineNumber: 39,
+              lineNumber: 37,
               columnNumber: 10
             }, this),
-            /* @__PURE__ */ jsxDEV("button", { className: componentClassName("switcherButton"), onClick: onNext, children: "ᐅ" }, void 0, false, {
+            /* @__PURE__ */ jsxDEV("button", { className: className("switcherButton"), onClick: onNext, children: "ᐅ" }, void 0, false, {
               fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-              lineNumber: 42,
+              lineNumber: 40,
               columnNumber: 10
             }, this)
           ] }, void 0, true, {
             fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-            lineNumber: 38,
+            lineNumber: 36,
             columnNumber: 9
           }, this)
         ] }, void 0, true, {
           fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-          lineNumber: 34,
+          lineNumber: 32,
           columnNumber: 8
         }, this) : null,
-        /* @__PURE__ */ jsxDEV("div", { className: componentClassName("close"), children: /* @__PURE__ */ jsxDEV("button", { className: componentClassName("closeButton"), onClick: onClose, children: "🗙" }, void 0, false, {
+        /* @__PURE__ */ jsxDEV("div", { className: className("close"), children: /* @__PURE__ */ jsxDEV("button", { className: className("closeButton"), onClick: onClose, children: "🗙" }, void 0, false, {
           fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-          lineNumber: 49,
+          lineNumber: 47,
           columnNumber: 8
         }, this) }, void 0, false, {
           fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-          lineNumber: 48,
+          lineNumber: 46,
           columnNumber: 7
         }, this)
       ] }, void 0, true, {
         fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-        lineNumber: 32,
+        lineNumber: 30,
         columnNumber: 6
       }, this)
     ] }, void 0, true, {
       fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-      lineNumber: 30,
+      lineNumber: 28,
       columnNumber: 5
     }, this),
     /* @__PURE__ */ jsxDEV(DevErrorInner, { error: currentError }, void 0, false, {
       fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-      lineNumber: 56,
+      lineNumber: 54,
       columnNumber: 5
     }, this)
   ] }, void 0, true, {
     fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-    lineNumber: 29,
+    lineNumber: 27,
     columnNumber: 4
   }, this) }, void 0, false, {
     fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-    lineNumber: 28,
+    lineNumber: 26,
     columnNumber: 3
   }, this);
 }

package/dist/development/ui/DevError/DevErrorList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevErrorList.js","sources":["../../../../src/ui/DevError/DevErrorList.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { 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\n\nexport function DevErrorList({\n\tcurrentError,\n\tcurrentErrorIndex,\n\tcurrentErrorSource,\n\terrorCount,\n\tonClose,\n\tonNext,\n\tonPrevious,\n}: DevErrorListProps) {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\treturn (\n\t\t<div className={componentClassName()}>\n\t\t\t<div className={componentClassName('in')}>\n\t\t\t\t<div className={componentClassName('bar')}>\n\t\t\t\t\t<div className={componentClassName('errorSource')}>{currentErrorSource}</div>\n\t\t\t\t\t<div className={componentClassName('actions')}>\n\t\t\t\t\t\t{errorCount > 1 ? (\n\t\t\t\t\t\t\t<div className={componentClassName('switcher')}>\n\t\t\t\t\t\t\t\t<p className={componentClassName('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={componentClassName('switcherButtons')}>\n\t\t\t\t\t\t\t\t\t<button className={componentClassName('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={componentClassName('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={componentClassName('close')}>\n\t\t\t\t\t\t\t<button className={componentClassName('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":[],"mappings":"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"}
+{"version":3,"file":"DevErrorList.js","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":[],"mappings":"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"}

package/dist/development/ui/DevError/StackTrace.cjs

@@ -1,44 +1,42 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxDevRuntime = require("react/jsx-dev-runtime");
-const reactUtils = require("@contember/react-utils");
+const className = (cls) => cls ? `cui-devError-${cls}` : "cui-devError";
 const StackTrace = ({ stackTrace }) => {
-  const componentClassName = reactUtils.useClassNameFactory("devError");
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("stack"), children: stackTrace.map((it, index) => /* @__PURE__ */ jsxDevRuntime.jsxDEV(StackFrame, { stackFrame: it }, index, false, {
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("stack"), children: stackTrace.map((it, index) => /* @__PURE__ */ jsxDevRuntime.jsxDEV(StackFrame, { stackFrame: it }, index, false, {
     fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
-    lineNumber: 10,
+    lineNumber: 9,
     columnNumber: 5
   }, void 0)) }, void 0, false, {
     fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
-    lineNumber: 8,
+    lineNumber: 7,
     columnNumber: 3
   }, void 0);
 };
 const StackFrame = ({ stackFrame }) => {
-  const componentClassName = reactUtils.useClassNameFactory("devError");
   const line = stackFrame.line;
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("stackFrame"), children: [
-    /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("stackFrameHeader"), children: [
-      /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("stackFrameSource"), children: [
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("stackFrame"), children: [
+    /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("stackFrameHeader"), children: [
+      /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("stackFrameSource"), children: [
         stackFrame.filename,
         ":",
         line
       ] }, void 0, true, {
         fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
-        lineNumber: 23,
+        lineNumber: 21,
         columnNumber: 5
       }, void 0),
-      stackFrame.callee && /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("stackFrameCallee"), children: stackFrame.callee }, void 0, false, {
+      stackFrame.callee && /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("stackFrameCallee"), children: stackFrame.callee }, void 0, false, {
         fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
-        lineNumber: 26,
+        lineNumber: 24,
         columnNumber: 27
       }, void 0)
     ] }, void 0, true, {
       fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
-      lineNumber: 22,
+      lineNumber: 20,
       columnNumber: 4
     }, void 0),
-    line !== void 0 && stackFrame.sourceCodeLines && /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("stackFrameCode"), children: stackFrame.sourceCodeLines.map((it, index) => {
+    line !== void 0 && stackFrame.sourceCodeLines && /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("stackFrameCode"), children: stackFrame.sourceCodeLines.map((it, index) => {
       const lineNumber = index + 1;
       if (lineNumber + 5 < line || lineNumber - 3 > line) {
         return null;
@@ -46,16 +44,16 @@ const StackFrame = ({ stackFrame }) => {
       return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
         "div",
         {
-          className: componentClassName("stackFrameLine", lineNumber === line && "is-active"),
+          className: `${className("stackFrameLine")} ${lineNumber === line && "is-active"}`,
           children: [
-            /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("stackFrameLineNumber"), children: lineNumber }, void 0, false, {
+            /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("stackFrameLineNumber"), children: lineNumber }, void 0, false, {
               fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
-              lineNumber: 40,
+              lineNumber: 38,
               columnNumber: 9
             }, void 0),
-            /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("stackFrameLineCode"), children: it }, void 0, false, {
+            /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("stackFrameLineCode"), children: it }, void 0, false, {
               fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
-              lineNumber: 41,
+              lineNumber: 39,
               columnNumber: 9
             }, void 0)
           ]
@@ -64,19 +62,19 @@ const StackFrame = ({ stackFrame }) => {
         true,
         {
           fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
-          lineNumber: 36,
+          lineNumber: 34,
           columnNumber: 8
         },
         void 0
       );
     }) }, void 0, false, {
       fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
-      lineNumber: 29,
+      lineNumber: 27,
       columnNumber: 5
     }, void 0)
   ] }, void 0, true, {
     fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
-    lineNumber: 21,
+    lineNumber: 19,
     columnNumber: 3
   }, void 0);
 };

package/dist/development/ui/DevError/StackTrace.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StackTrace.cjs","sources":["../../../../src/ui/DevError/StackTrace.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { ParsedStackFrame, ParsedStackTrace } from './types'\n\nexport const StackTrace = ({ stackTrace }: { stackTrace: ParsedStackTrace }) => {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\treturn (\n\t\t<div className={componentClassName('stack')}>\n\t\t\t{stackTrace.map((it, index) => (\n\t\t\t\t<StackFrame stackFrame={it} key={index} />\n\t\t\t))}\n\t\t</div>\n\t)\n}\n\nconst StackFrame = ({ stackFrame }: { stackFrame: ParsedStackFrame }) => {\n\tconst componentClassName = useClassNameFactory('devError')\n\tconst line = stackFrame.line\n\n\treturn (\n\t\t<div className={componentClassName('stackFrame')}>\n\t\t\t<div className={componentClassName('stackFrameHeader')}>\n\t\t\t\t<div className={componentClassName('stackFrameSource')}>\n\t\t\t\t\t{stackFrame.filename}:{line}\n\t\t\t\t</div>\n\t\t\t\t{stackFrame.callee && <div className={componentClassName('stackFrameCallee')}>{stackFrame.callee}</div>}\n\t\t\t</div>\n\t\t\t{line !== undefined && stackFrame.sourceCodeLines && (\n\t\t\t\t<div className={componentClassName('stackFrameCode')}>\n\t\t\t\t\t{stackFrame.sourceCodeLines.map((it, index) => {\n\t\t\t\t\t\tconst lineNumber = index + 1\n\t\t\t\t\t\tif (lineNumber + 5 < line || lineNumber - 3 > line) {\n\t\t\t\t\t\t\treturn null\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={componentClassName('stackFrameLine', lineNumber === line && 'is-active')}\n\t\t\t\t\t\t\t\tkey={lineNumber}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className={componentClassName('stackFrameLineNumber')}>{lineNumber}</div>\n\t\t\t\t\t\t\t\t<div className={componentClassName('stackFrameLineCode')}>{it}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n"],"names":["useClassNameFactory","jsxDEV","this"],"mappings":";;;;AAGO,MAAM,aAAa,CAAC,EAAE,iBAAmD;AACzE,QAAA,qBAAqBA,+BAAoB,UAAU;AAEzD,SACEC,8BAAA,OAAA,OAAA,EAAI,WAAW,mBAAmB,OAAO,GACxC,UAAA,WAAW,IAAI,CAAC,IAAI,UACpBA,8BAAAA,OAAC,YAAW,EAAA,YAAY,MAAS,OAAjC,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAC,MAAwC,CACxC,EAHF,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAIA,GAAAA,MAAA;AAEF;AAEA,MAAM,aAAa,CAAC,EAAE,iBAAmD;AAClE,QAAA,qBAAqBF,+BAAoB,UAAU;AACzD,QAAM,OAAO,WAAW;AAExB,SACEC,8BAAAA,OAAA,OAAA,EAAI,WAAW,mBAAmB,YAAY,GAC9C,UAAA;AAAA,IAAAA,8BAAA,OAAC,OAAI,EAAA,WAAW,mBAAmB,kBAAkB,GACpD,UAAA;AAAA,MAAAA,8BAAA,OAAC,OAAI,EAAA,WAAW,mBAAmB,kBAAkB,GACnD,UAAA;AAAA,QAAW,WAAA;AAAA,QAAS;AAAA,QAAE;AAAA,MAAA,KADxB,QAAA,MAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAEA,GAAAC,MAAA;AAAA,MACC,WAAW,UAAWD,8BAAAA,OAAA,OAAA,EAAI,WAAW,mBAAmB,kBAAkB,GAAI,UAAA,WAAW,OAApE,GAAA,QAAA,OAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAA2E,GAAAC,MAAA;AAAA,IAAA,KAJlG,QAAA,MAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAKA,GAAAA,MAAA;AAAA,IACC,SAAS,UAAa,WAAW,wDAChC,OAAI,EAAA,WAAW,mBAAmB,gBAAgB,GACjD,UAAW,WAAA,gBAAgB,IAAI,CAAC,IAAI,UAAU;AAC9C,YAAM,aAAa,QAAQ;AAC3B,UAAI,aAAa,IAAI,QAAQ,aAAa,IAAI,MAAM;AAC5C,eAAA;AAAA,MACR;AAEC,aAAAD,8BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,WAAW,mBAAmB,kBAAkB,eAAe,QAAQ,WAAW;AAAA,UAGlF,UAAA;AAAA,YAAAA,8BAAAA,OAAC,OAAI,EAAA,WAAW,mBAAmB,sBAAsB,GAAI,UAA7D,WAAA,GAAA,QAAA,OAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAAwE,GAAAC,MAAA;AAAA,iDACvE,OAAI,EAAA,WAAW,mBAAmB,oBAAoB,GAAI,UAA3D,GAAA,GAAA,QAAA,OAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAA8D,GAAAA,MAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAHzD;AAAA,QAFN;AAAA,QAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA;AAAA,QAAAA;AAAAA,MAAA;AAAA,IAMA,CAED,EAfF,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAgBA,GAAAA,MAAA;AAAA,EAAA,KAxBF,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EA0BA,GAAAA,MAAA;AAEF;;"}
+{"version":3,"file":"StackTrace.cjs","sources":["../../../../src/ui/DevError/StackTrace.tsx"],"sourcesContent":["import { ParsedStackFrame, ParsedStackTrace } from './types'\n\n\nconst className = (cls?: string | null) => cls ? `cui-devError-${cls}` : 'cui-devError'\nexport const StackTrace = ({ stackTrace }: { stackTrace: ParsedStackTrace }) => {\n\treturn (\n\t\t<div className={className('stack')}>\n\t\t\t{stackTrace.map((it, index) => (\n\t\t\t\t<StackFrame stackFrame={it} key={index} />\n\t\t\t))}\n\t\t</div>\n\t)\n}\n\nconst StackFrame = ({ stackFrame }: { stackFrame: ParsedStackFrame }) => {\n\tconst line = stackFrame.line\n\n\treturn (\n\t\t<div className={className('stackFrame')}>\n\t\t\t<div className={className('stackFrameHeader')}>\n\t\t\t\t<div className={className('stackFrameSource')}>\n\t\t\t\t\t{stackFrame.filename}:{line}\n\t\t\t\t</div>\n\t\t\t\t{stackFrame.callee && <div className={className('stackFrameCallee')}>{stackFrame.callee}</div>}\n\t\t\t</div>\n\t\t\t{line !== undefined && stackFrame.sourceCodeLines && (\n\t\t\t\t<div className={className('stackFrameCode')}>\n\t\t\t\t\t{stackFrame.sourceCodeLines.map((it, index) => {\n\t\t\t\t\t\tconst lineNumber = index + 1\n\t\t\t\t\t\tif (lineNumber + 5 < line || lineNumber - 3 > line) {\n\t\t\t\t\t\t\treturn null\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={`${className('stackFrameLine')} ${lineNumber === line && 'is-active'}`}\n\t\t\t\t\t\t\t\tkey={lineNumber}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className={className('stackFrameLineNumber')}>{lineNumber}</div>\n\t\t\t\t\t\t\t\t<div className={className('stackFrameLineCode')}>{it}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n"],"names":["jsxDEV","this"],"mappings":";;;AAGA,MAAM,YAAY,CAAC,QAAwB,MAAM,gBAAgB,GAAG,KAAK;AAClE,MAAM,aAAa,CAAC,EAAE,iBAAmD;AAC/E,SACEA,8BAAA,OAAA,OAAA,EAAI,WAAW,UAAU,OAAO,GAC/B,UAAA,WAAW,IAAI,CAAC,IAAI,UACpBA,8BAAAA,OAAC,YAAW,EAAA,YAAY,MAAS,OAAjC,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAC,MAAwC,CACxC,EAHF,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAIA,GAAAA,MAAA;AAEF;AAEA,MAAM,aAAa,CAAC,EAAE,iBAAmD;AACxE,QAAM,OAAO,WAAW;AAExB,SACED,8BAAAA,OAAA,OAAA,EAAI,WAAW,UAAU,YAAY,GACrC,UAAA;AAAA,IAAAA,8BAAA,OAAC,OAAI,EAAA,WAAW,UAAU,kBAAkB,GAC3C,UAAA;AAAA,MAAAA,8BAAA,OAAC,OAAI,EAAA,WAAW,UAAU,kBAAkB,GAC1C,UAAA;AAAA,QAAW,WAAA;AAAA,QAAS;AAAA,QAAE;AAAA,MAAA,KADxB,QAAA,MAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAEA,GAAAC,MAAA;AAAA,MACC,WAAW,UAAWD,8BAAAA,OAAA,OAAA,EAAI,WAAW,UAAU,kBAAkB,GAAI,UAAA,WAAW,OAA3D,GAAA,QAAA,OAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAkE,GAAAC,MAAA;AAAA,IAAA,KAJzF,QAAA,MAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAKA,GAAAA,MAAA;AAAA,IACC,SAAS,UAAa,WAAW,wDAChC,OAAI,EAAA,WAAW,UAAU,gBAAgB,GACxC,UAAW,WAAA,gBAAgB,IAAI,CAAC,IAAI,UAAU;AAC9C,YAAM,aAAa,QAAQ;AAC3B,UAAI,aAAa,IAAI,QAAQ,aAAa,IAAI,MAAM;AAC5C,eAAA;AAAA,MACR;AAEC,aAAAD,8BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,WAAW,GAAG,UAAU,gBAAgB,CAAC,IAAI,eAAe,QAAQ,WAAW;AAAA,UAG/E,UAAA;AAAA,YAAAA,8BAAAA,OAAC,OAAI,EAAA,WAAW,UAAU,sBAAsB,GAAI,UAApD,WAAA,GAAA,QAAA,OAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAA+D,GAAAC,MAAA;AAAA,iDAC9D,OAAI,EAAA,WAAW,UAAU,oBAAoB,GAAI,UAAlD,GAAA,GAAA,QAAA,OAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAAqD,GAAAA,MAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAHhD;AAAA,QAFN;AAAA,QAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA;AAAA,QAAAA;AAAAA,MAAA;AAAA,IAMA,CAED,EAfF,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAgBA,GAAAA,MAAA;AAAA,EAAA,KAxBF,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EA0BA,GAAAA,MAAA;AAEF;;"}