@kwirthmagnify/kwirth-common-front 0.5.24 → 0.5.26

package/dist/HelpButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface IHelpButtonProps {
+    docsUrl?: string;
+    section: string;
+}
+declare const HelpButton: React.FC<IHelpButtonProps>;
+export { HelpButton };

package/dist/HelpButton.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HelpButton = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const icons_material_1 = require("@mui/icons-material");
+// Botón de ayuda reutilizable para dialogs de configuración: abre la guía (docsify) en un NUEVO tab en
+// una sección concreta, deep-link vía hash routing (p.ej. …/#/admin/06-sla-settings). `section` puede
+// llevar ancla de heading (…?id=slug). Pensado para la barra de título de un dialog.
+// Regla de proyecto: si un dialog tiene sección de ayuda, llevar este botón (ver memoria dialog-help-button).
+const DEFAULT_DOCS_URL = 'http://localhost:4000'; // fallback si no hay docsUrl configurado
+const HelpButton = ({ docsUrl, section }) => {
+    const open = () => {
+        const base = (docsUrl || DEFAULT_DOCS_URL).replace(/\/+$/, '');
+        window.open(`${base}/#/${section}`, '_blank', 'noopener,noreferrer');
+    };
+    return (react_1.default.createElement(material_1.Tooltip, { arrow: true, title: 'Open the guide for this section' },
+        react_1.default.createElement(material_1.IconButton, { size: 'small', "aria-label": 'help', onClick: open },
+            react_1.default.createElement(icons_material_1.HelpOutline, { fontSize: 'small' }))));
+};
+exports.HelpButton = HelpButton;

package/dist/UserPicker.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { IUserInfo } from '@kwirthmagnify/kwirth-common';
+export interface IUserPickerProps {
+    users: IUserInfo[];
+    value?: string;
+    onChange: (id: string | undefined) => void;
+    label?: string;
+    size?: 'small' | 'medium';
+    fullWidth?: boolean;
+    disabled?: boolean;
+}
+declare const UserPicker: React.FC<IUserPickerProps>;
+export { UserPicker };

package/dist/UserPicker.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserPicker = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const UserPicker = ({ users, value, onChange, label = 'User', size = 'small', fullWidth, disabled }) => {
+    var _a;
+    const selected = (_a = users.find(u => u.id === value)) !== null && _a !== void 0 ? _a : null;
+    return (react_1.default.createElement(material_1.Autocomplete, { options: users, value: selected, disabled: disabled, size: size, fullWidth: fullWidth, getOptionLabel: u => u.name, isOptionEqualToValue: (a, b) => a.id === b.id, onChange: (_e, u) => onChange(u === null || u === void 0 ? void 0 : u.id), renderOption: (props, u) => (react_1.default.createElement("li", Object.assign({}, props, { key: u.id, style: { display: 'flex', alignItems: 'center', gap: 8 } }),
+            react_1.default.createElement("span", { style: { flex: 1 } }, u.name),
+            u.idp && react_1.default.createElement(material_1.Chip, { label: u.idp, size: "small", variant: "outlined", sx: { height: 18, fontSize: 10 } }))), renderInput: p => react_1.default.createElement(material_1.TextField, Object.assign({}, p, { label: label })) }));
+};
+exports.UserPicker = UserPicker;

package/dist/index.d.ts

@@ -88,6 +88,10 @@ export { MarkdownViewer } from './MarkdownViewer';
 export { MiniGauge } from './MiniGauge';
 export type { IMiniGaugeProps } from './MiniGauge';
 export { MsgBoxButtons, MsgBoxOk, MsgBoxOkWarning, MsgBoxOkError, MsgBoxOkCancel, MsgBoxYesNo, MsgBoxYesNoCancel, MsgBoxWait, MsgBoxWaitCancel } from './MsgBox';
+export { UserPicker } from './UserPicker';
+export type { IUserPickerProps } from './UserPicker';
+export { HelpButton } from './HelpButton';
+export type { IHelpButtonProps } from './HelpButton';
 export interface ITabSummary {
     name: string;
     description: string;

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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.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; } });
@@ -53,3 +53,7 @@ Object.defineProperty(exports, "MsgBoxYesNo", { enumerable: true, get: function
 Object.defineProperty(exports, "MsgBoxYesNoCancel", { enumerable: true, get: function () { return MsgBox_1.MsgBoxYesNoCancel; } });
 Object.defineProperty(exports, "MsgBoxWait", { enumerable: true, get: function () { return MsgBox_1.MsgBoxWait; } });
 Object.defineProperty(exports, "MsgBoxWaitCancel", { enumerable: true, get: function () { return MsgBox_1.MsgBoxWaitCancel; } });
+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; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kwirthmagnify/kwirth-common-front",
-  "version": "0.5.24",
+  "version": "0.5.26",
   "description": "Frontend channel interfaces for Kwirth plugins and channels",
   "scripts": {
     "build": "del .\\dist\\* /s /q && tsc"