@kwirthmagnify/kwirth-common-front 0.5.33 → 0.5.35

package/dist/DialogTitleHelp.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface IDialogTitleHelpProps {
+    section: string;
+    docsUrl?: string;
+    children: React.ReactNode;
+}
+declare const DialogTitleHelp: React.FC<IDialogTitleHelpProps>;
+export { DialogTitleHelp };

package/dist/DialogTitleHelp.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogTitleHelp = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const HelpButton_1 = require("./HelpButton");
+const DialogTitleHelp = ({ section, docsUrl, children }) => (react_1.default.createElement(material_1.DialogTitle, { sx: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 1 } },
+    react_1.default.createElement(material_1.Box, { component: 'span' }, children),
+    react_1.default.createElement(HelpButton_1.HelpButton, { section: section, docsUrl: docsUrl })));
+exports.DialogTitleHelp = DialogTitleHelp;

package/dist/HelpButton.js

@@ -14,10 +14,23 @@ const icons_material_1 = require("@mui/icons-material");
 const DEFAULT_DOCS_URL = 'http://localhost:4000'; // fallback si no hay docsUrl configurado
 const HelpButton = ({ docsUrl, section }) => {
     const open = () => {
+        var _a, _b, _c, _d;
         const base = (docsUrl || DEFAULT_DOCS_URL).replace(/\/+$/, '');
         // Popup del navegador (ventana aparte, no pestaña): las features de tamaño fuerzan el popup.
+        // Tamaño: 60% ancho × 80% alto de la pantalla ACTUAL. Centrado en su monitor (multi-monitor) vía
+        // availLeft/availTop (origen del monitor donde está la ventana). left/top solo los respeta si es popup real.
+        const scr = window.screen;
+        const sw = scr.availWidth;
+        const sh = scr.availHeight;
+        const width = Math.round(sw * 0.6);
+        const height = Math.round(sh * 0.8);
+        const originX = (_b = (_a = scr.availLeft) !== null && _a !== void 0 ? _a : window.screenX) !== null && _b !== void 0 ? _b : 0;
+        const originY = (_d = (_c = scr.availTop) !== null && _c !== void 0 ? _c : window.screenY) !== null && _d !== void 0 ? _d : 0;
+        const left = Math.round(originX + (sw - width) / 2);
+        const top = Math.round(originY + (sh - height) / 2);
+        const features = `popup=yes,width=${width},height=${height},left=${left},top=${top},scrollbars=yes,resizable=yes`;
         // Nombre estable → clics sucesivos reusan la misma ventana (navega a la nueva sección).
-        const w = window.open(`${base}/#/${section}`, 'kwirth-guide', 'popup=yes,width=1024,height=860,scrollbars=yes,resizable=yes');
+        const w = window.open(`${base}/#/${section}`, 'kwirth-guide', features);
         if (w) {
             w.opener = null;
             w.focus();

package/dist/MsgBox.js

@@ -63,7 +63,7 @@ const MsgBoxWaitShow = (title, message, onClose, buttons, icon, onResult) => {
     return (react_1.default.createElement(material_1.Dialog, { open: true },
         react_1.default.createElement(material_1.DialogTitle, null, title),
         react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(material_1.Stack, { direction: 'row', alignItems: 'center', alignContent: 'center', sx: { mx: 2, mb: 2 } },
+            react_1.default.createElement(material_1.Stack, { direction: 'row', alignItems: 'center', alignContent: 'center', sx: { mx: 2 } },
                 react_1.default.createElement(material_1.Box, null,
                     react_1.default.createElement(material_1.CircularProgress, { size: 50 })),
                 typeof (message) === 'string' ?

package/dist/index.d.ts

@@ -101,6 +101,8 @@ export { UserPicker } from './UserPicker';
 export type { IUserPickerProps } from './UserPicker';
 export { HelpButton } from './HelpButton';
 export type { IHelpButtonProps } from './HelpButton';
+export { DialogTitleHelp } from './DialogTitleHelp';
+export type { IDialogTitleHelpProps } from './DialogTitleHelp';
 export interface ITabSummary {
     name: string;
     description: string;

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HelpButton = exports.UserPicker = exports.MsgBoxWaitCancel = exports.MsgBoxWait = exports.MsgBoxYesNoCancel = exports.MsgBoxYesNo = exports.MsgBoxOkCancel = exports.MsgBoxOkError = exports.MsgBoxOkWarning = exports.MsgBoxOk = exports.MsgBoxButtons = exports.MiniGauge = exports.MarkdownViewer = exports.cleanANSI = exports.MetricDefinition = exports.ENotifyLevel = exports.EChannelRefreshAction = exports.useKeyboard = void 0;
+exports.DialogTitleHelp = exports.HelpButton = exports.UserPicker = exports.MsgBoxWaitCancel = exports.MsgBoxWait = exports.MsgBoxYesNoCancel = exports.MsgBoxYesNo = exports.MsgBoxOkCancel = exports.MsgBoxOkError = exports.MsgBoxOkWarning = exports.MsgBoxOk = exports.MsgBoxButtons = exports.MiniGauge = exports.MarkdownViewer = exports.cleanANSI = exports.MetricDefinition = exports.ENotifyLevel = exports.EChannelRefreshAction = exports.useKeyboard = void 0;
 const react_1 = require("react");
 const kwirth_common_1 = require("@kwirthmagnify/kwirth-common");
 Object.defineProperty(exports, "EChannelRefreshAction", { enumerable: true, get: function () { return kwirth_common_1.EChannelRefreshAction; } });
@@ -57,3 +57,5 @@ var UserPicker_1 = require("./UserPicker");
 Object.defineProperty(exports, "UserPicker", { enumerable: true, get: function () { return UserPicker_1.UserPicker; } });
 var HelpButton_1 = require("./HelpButton");
 Object.defineProperty(exports, "HelpButton", { enumerable: true, get: function () { return HelpButton_1.HelpButton; } });
+var DialogTitleHelp_1 = require("./DialogTitleHelp");
+Object.defineProperty(exports, "DialogTitleHelp", { enumerable: true, get: function () { return DialogTitleHelp_1.DialogTitleHelp; } });

package/package.json

@@ -1,49 +1,49 @@
-{
-  "name": "@kwirthmagnify/kwirth-common-front",
-  "version": "0.5.33",
-  "description": "Frontend channel interfaces for Kwirth plugins and channels",
-  "scripts": {
-    "build": "del .\\dist\\* /s /q && tsc"
-  },
-  "publishConfig": {
-    "access": "public",
-    "main": "dist/index.js"
-  },
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "author": "Julio Fernandez",
-  "license": "ISC",
-  "dependencies": {
-    "@kwirthmagnify/kwirth-common": "^0.5.29",
-    "react-markdown": "^10.1.0"
-  },
-  "peerDependencies": {
-    "@mui/icons-material": ">=5.0.0",
-    "@mui/material": ">=5.0.0",
-    "react": ">=18.0.0"
-  },
-  "devDependencies": {
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.1",
-    "@mui/icons-material": "^7.3.11",
-    "@mui/material": "^7.3.11",
-    "@types/react": "^18.3.0",
-    "react": "^18.3.0",
-    "typescript": "^5.8.3"
-  },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    },
-    "./icons": {
-      "types": "./dist/kwirthicons.d.ts",
-      "default": "./dist/kwirthicons.js"
-    },
-    "./package.json": "./package.json"
-  }
-}
+{
+  "name": "@kwirthmagnify/kwirth-common-front",
+  "version": "0.5.35",
+  "description": "Frontend channel interfaces for Kwirth plugins and channels",
+  "scripts": {
+    "build": "del .\\dist\\* /s /q && tsc"
+  },
+  "publishConfig": {
+    "access": "public",
+    "main": "dist/index.js"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "author": "Julio Fernandez",
+  "license": "ISC",
+  "dependencies": {
+    "@kwirthmagnify/kwirth-common": "^0.5.29",
+    "react-markdown": "^10.1.0"
+  },
+  "peerDependencies": {
+    "@mui/icons-material": ">=5.0.0",
+    "@mui/material": ">=5.0.0",
+    "react": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.3.11",
+    "@mui/material": "^7.3.11",
+    "@types/react": "^18.3.0",
+    "react": "^18.3.0",
+    "typescript": "^5.8.3"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./icons": {
+      "types": "./dist/kwirthicons.d.ts",
+      "default": "./dist/kwirthicons.js"
+    },
+    "./package.json": "./package.json"
+  }
+}