@salilvnair/dui 1.0.11 → 1.0.13

package/dist/lib/components/input/select-position.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Where a select's menu goes, and how tall it is allowed to be.
+ *
+ * ── Why this is its own module ──
+ *
+ * It used to live inline in `SelectInputView`, with a copy of the same
+ * arithmetic in the test beside it and a comment promising the two were "kept
+ * in step by construction". They were, for a while. A test that owns a second
+ * copy of the thing it is testing cannot fail when the first copy drifts,
+ * which is the one job it had — so there is now one function, and the test
+ * imports it.
+ *
+ * ── The rule ──
+ *
+ * The decision has to use the height the menu will ACTUALLY be, not the height
+ * of its contents. `scrollHeight` for a few hundred options is many thousands
+ * of pixels; comparing that against the space on either side made every long
+ * list decide nothing fitted, fall through to opening downward, and run off
+ * the bottom of the window. The longer the list, the more certain it was to do
+ * the wrong thing.
+ *
+ * So: cap the height first, then choose the side with room, then clamp to the
+ * room that side actually has. The menu scrolls internally rather than past
+ * the edge of the window.
+ */
+/** Nothing taller than this, however long the list. */
+export declare const MAX_MENU_H = 380;
+/**
+ * Never collapse to a sliver.
+ *
+ * A trigger a few pixels from an edge has almost no room on that side, and a
+ * 12px menu is unusable — better to overlap the trigger slightly and stay
+ * readable. `placeSelectMenu` honours that by keeping the height and sliding
+ * the menu back inside the window, rather than by letting it hang over the
+ * edge where the overlapped part cannot be reached at all.
+ */
+export declare const MIN_MENU_H = 120;
+export interface MenuPlacement {
+    side: 'above' | 'below';
+    /** Viewport coordinate for the menu's top edge. */
+    top: number;
+    /** What the menu may grow to. It scrolls beyond this. */
+    maxHeight: number;
+}
+/**
+ * Place the menu for a trigger at `rect` in a window `viewportHeight` tall.
+ *
+ * `contentHeight` is the menu's `scrollHeight` — what it would be if nothing
+ * constrained it. It informs the choice of side and never the final height.
+ */
+export declare function placeSelectMenu(rect: {
+    top: number;
+    bottom: number;
+}, contentHeight: number, viewportHeight: number): MenuPlacement;

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