@salilvnair/dui 1.0.10 → 1.0.12

package/dist/lib/components/display/LoadingStateView.d.ts

@@ -38,6 +38,17 @@ export interface LoadingStateViewProps {
         label: string;
         onClick: () => void;
     };
+    /**
+     * How wide the message is allowed to run.
+     *
+     * Defaults to `52ch`, which is the right measure for a sentence inside a
+     * list or a modal. A loader that owns a whole panel is a different problem:
+     * the same 52ch sits as a narrow column in the middle of a large empty
+     * space, wrapping a short message onto three lines while the screen around
+     * it is blank. Widen it there, in `ch` so it stays a measure rather than a
+     * pixel guess.
+     */
+    messageWidth?: number | string;
     /** Shown under the message: what is being fetched, step by step. */
     hints?: {
         key: ReactNode;
@@ -58,4 +69,4 @@ export interface LoadingStateViewProps {
  * Three things it does that a spinner cannot: it names the subject, it changes
  * its mind after a while, and it eventually offers a way out.
  */
-export declare function LoadingStateView({ icon, title, message, accentColor, compact, medallionSize, slowAfterSeconds, slowMessage, action, hints, className, style, }: LoadingStateViewProps): import("react").JSX.Element;
+export declare function LoadingStateView({ icon, title, message, accentColor, compact, medallionSize, slowAfterSeconds, slowMessage, action, messageWidth, hints, className, style, }: LoadingStateViewProps): import("react").JSX.Element;

package/dist/monaco-setup.core.d.ts

@@ -0,0 +1,4 @@
+import * as monaco from 'monaco-editor';
+/** Call this whenever the app theme changes to re-theme all open Monaco editors */
+export declare function applyMonacoTheme(theme: 'dark' | 'light'): void;
+export { monaco };

package/dist/monaco-setup.d.ts

@@ -1,4 +1 @@
-import * as monaco from 'monaco-editor';
-/** Call this whenever the app theme changes to re-theme all open Monaco editors */
-export declare function applyMonacoTheme(theme: 'dark' | 'light'): void;
-export { monaco };
+export * from './monaco-setup.core';

package/dist/monaco-setup.js

@@ -1,12 +1,12 @@
-import Y, { DiffEditor as fe, loader as pe } from "@monaco-editor/react";
+import fe from "monaco-editor/esm/vs/editor/editor.worker?worker&inline";
+import pe from "monaco-editor/esm/vs/language/json/json.worker?worker&inline";
+import me from "monaco-editor/esm/vs/language/html/html.worker?worker&inline";
+import he from "monaco-editor/esm/vs/language/typescript/ts.worker?worker&inline";
+import Y, { DiffEditor as ke, loader as be } from "@monaco-editor/react";
 import * as O from "monaco-editor";
-import { q as X, E as Q, A as me, G as he, H as ke, I as be, J as Ce } from "./chunks/doc-path-CS9-ZNht.js";
+import { q as X, E as Q, A as Ce, G as ye, H as ve, I as we, J as Ee } from "./chunks/doc-path-CS9-ZNht.js";
 import { jsx as M } from "react/jsx-runtime";
-import { useState as ye, useEffect as A, useRef as R, useCallback as z, useMemo as ee } from "react";
-import ve from "monaco-editor/esm/vs/editor/editor.worker?worker&inline";
-import we from "monaco-editor/esm/vs/language/json/json.worker?worker&inline";
-import Ee from "monaco-editor/esm/vs/language/html/html.worker?worker&inline";
-import Te from "monaco-editor/esm/vs/language/typescript/ts.worker?worker&inline";
+import { useState as Te, useEffect as A, useRef as R, useCallback as z, useMemo as ee } from "react";
 import { javascriptDefaults as P, JsxEmit as te, ModuleResolutionKind as ne, ModuleKind as oe, ScriptTarget as re, typescriptDefaults as ie } from "monaco-editor/esm/vs/language/typescript/monaco.contribution";
 function H() {
   var n;
@@ -14,7 +14,7 @@ function H() {
   return e ? e === "vscode-light" ? "light" : "dark" : document.documentElement.getAttribute("data-theme") || "dark";
 }
 function j() {
-  const [e, n] = ye(H);
+  const [e, n] = Te(H);
   return A(() => {
     const r = () => n(H()), i = new MutationObserver(r);
     i.observe(document.documentElement, { attributes: !0, attributeFilter: ["data-theme", "data-vscode-theme-kind"] });
@@ -603,7 +603,7 @@ function Pe(e, n, r) {
   var m, f, b;
   const i = (m = e == null ? void 0 : e.getModel) == null ? void 0 : m.call(e), l = (b = (f = e == null ? void 0 : e.getTargetAtClientPoint) == null ? void 0 : f.call(e, n, r)) == null ? void 0 : b.position;
   if (!i || !l) return [];
-  const u = i.getLanguageId(), d = i.getValue(), t = i.getOffsetAt(l), g = u === "json" ? me(d, t) : u === "xml" ? he(d, t) : [];
+  const u = i.getLanguageId(), d = i.getValue(), t = i.getOffsetAt(l), g = u === "json" ? Ce(d, t) : u === "xml" ? ye(d, t) : [];
   if (!g.length) return [];
   const C = [...g].reverse();
   return [{
@@ -852,7 +852,7 @@ function qe({
 }) {
   const m = j(), f = g ?? (m === "light" ? "vs" : "vs-dark"), b = typeof i == "number" ? `${i}px` : i;
   return /* @__PURE__ */ M(
-    fe,
+    ke,
     {
       height: b,
       language: r,
@@ -881,11 +881,6 @@ function qe({
     }
   );
 }
-window.MonacoEnvironment = {
-  getWorker(e, n) {
-    return n === "json" ? new we() : n === "html" || n === "handlebars" || n === "razor" ? new Ee() : n === "typescript" || n === "javascript" ? new Te() : new ve();
-  }
-};
 O.editor.defineTheme("daakia-dark", {
   base: "vs-dark",
   inherit: !0,
@@ -1040,14 +1035,19 @@ O.editor.defineTheme("daakia-light", {
     focusBorder: "#6366f1"
   }
 });
-pe.config({ monaco: O });
+be.config({ monaco: O });
 window.monaco = O;
-be(We);
-Ce(qe);
-ke();
+we(We);
+Ee(qe);
+ve();
 function Ye(e) {
   O.editor.setTheme(e === "dark" ? "daakia-dark" : "daakia-light");
 }
+window.MonacoEnvironment = {
+  getWorker(e, n) {
+    return n === "json" ? new pe() : n === "html" || n === "handlebars" || n === "razor" ? new me() : n === "typescript" || n === "javascript" ? new he() : new fe();
+  }
+};
 export {
   Ye as applyMonacoTheme,
   O as monaco