@kwirthmagnify/kwirth-common-front 0.5.42 → 0.5.44

package/dist/MenuNotification.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ENotifyLevel } from '@kwirthmagnify/kwirth-common';
+export interface INotification {
+    channelId: string | undefined;
+    text: string;
+    level: ENotifyLevel;
+    timestamp: Date;
+}
+interface MenuNotificationProps {
+    anchorParent: HTMLElement | null;
+    notifications: INotification[];
+    onClose: () => void;
+    onRefresh: () => void;
+    renderIcon?: (channelId: string | undefined) => React.ReactNode;
+}
+declare const MenuNotification: React.FC<MenuNotificationProps>;
+export { MenuNotification };

package/dist/MenuNotification.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuNotification = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const kwirthicons_1 = require("./kwirthicons");
+const kwirth_common_1 = require("@kwirthmagnify/kwirth-common");
+const MenuNotification = ({ anchorParent, onClose, notifications, onRefresh, renderIcon }) => {
+    const getSeverityColor = (level) => {
+        const colors = {
+            [kwirth_common_1.ENotifyLevel.ERROR]: 'error.main',
+            [kwirth_common_1.ENotifyLevel.WARNING]: 'warning.main',
+            [kwirth_common_1.ENotifyLevel.SUCCESS]: 'success.main',
+            [kwirth_common_1.ENotifyLevel.INFO]: 'info.main',
+        };
+        return colors[level];
+    };
+    const onDelete = (index) => {
+        notifications.splice(index, 1);
+        onRefresh();
+    };
+    const onClear = () => {
+        while (notifications.length > 0)
+            notifications.splice(0, 1);
+        onClose();
+    };
+    return (react_1.default.createElement(material_1.Popover, { anchorEl: anchorParent, open: true, onClose: onClose, anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'right' }, PaperProps: { sx: { width: 400, maxHeight: 500 } } },
+        react_1.default.createElement(material_1.Box, { sx: { p: 2, display: 'flex', alignItems: 'center', gap: 1 } },
+            react_1.default.createElement(material_1.Typography, { variant: 'subtitle1', sx: { fontWeight: 700, flexGrow: 1 } }, "Notifications"),
+            notifications.length > 0 && react_1.default.createElement(material_1.Button, { size: 'small', color: 'error', startIcon: react_1.default.createElement(kwirthicons_1.DeleteSweep, null), onClick: onClear, sx: { fontSize: '0.75rem' } }, "Clear"),
+            react_1.default.createElement(material_1.Chip, { label: notifications.length, size: 'small' })),
+        react_1.default.createElement(material_1.Divider, null),
+        react_1.default.createElement(material_1.List, { sx: { p: 0 } }, notifications.length > 0 ? (notifications.sort((a, b) => b.timestamp.getTime() - a.timestamp.getTime()).map((msg, index) => (react_1.default.createElement(material_1.ListItem, { key: index, divider: true, secondaryAction: react_1.default.createElement(material_1.IconButton, { edge: 'end', size: 'small', onClick: () => onDelete(index) },
+                react_1.default.createElement(kwirthicons_1.Close, { fontSize: 'small' })) },
+            react_1.default.createElement(material_1.Stack, { direction: 'row', alignItems: 'start' },
+                react_1.default.createElement("span", { style: { marginTop: 2 } }, renderIcon ? renderIcon(msg.channelId) : react_1.default.createElement(kwirthicons_1.Notifications, { sx: { fontSize: 20, opacity: 0.5 } })),
+                react_1.default.createElement(material_1.ListItemText, { primary: msg.text, primaryTypographyProps: { variant: 'body2', sx: { pr: 2, pl: 1 } }, secondary: react_1.default.createElement(material_1.Box, { component: 'span', sx: { display: 'flex', justifyContent: 'space-between', mt: 0.5 } },
+                        react_1.default.createElement(material_1.Typography, { variant: 'caption', sx: { color: getSeverityColor(msg.level), fontWeight: 'bold', pl: 1 } }, msg.level),
+                        react_1.default.createElement(material_1.Typography, { variant: 'caption', color: 'text.secondary' }, msg.timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }))) }))))))
+            :
+                (react_1.default.createElement(material_1.Box, { sx: { p: 4, textAlign: 'center' } },
+                    react_1.default.createElement(kwirthicons_1.NotificationsOff, { sx: { opacity: 0.2, fontSize: 40, mb: 1 } }),
+                    react_1.default.createElement(material_1.Typography, { variant: 'body2', color: 'text.secondary' }, "No new notifications."))))));
+};
+exports.MenuNotification = MenuNotification;

package/dist/index.d.ts

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

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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.ERemoteConnState = exports.ENotifyLevel = exports.EChannelRefreshAction = exports.useKeyboard = void 0;
+exports.MenuNotification = 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.ERemoteConnState = 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; } });
@@ -66,3 +66,5 @@ 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; } });
+var MenuNotification_1 = require("./MenuNotification");
+Object.defineProperty(exports, "MenuNotification", { enumerable: true, get: function () { return MenuNotification_1.MenuNotification; } });

package/dist/kwirthicons.d.ts

@@ -59,6 +59,7 @@ export { default as Forum } from '@mui/icons-material/Forum';
 export { default as FolderCopy } from '@mui/icons-material/FolderCopy';
 export { default as FolderCopyTwoTone } from '@mui/icons-material/FolderCopyTwoTone';
 export { default as FolderOpen } from '@mui/icons-material/FolderOpen';
+export { default as FolderZip } from '@mui/icons-material/FolderZip';
 export { default as Fullscreen } from '@mui/icons-material/Fullscreen';
 export { default as FullscreenExit } from '@mui/icons-material/FullscreenExit';
 export { default as Groups } from '@mui/icons-material/Groups';

package/dist/kwirthicons.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Extension = exports.ExpandMore = exports.ExpandLess = exports.ExitToApp = exports.Error = exports.EditOff = exports.Edit = exports.Email = exports.East = exports.DriveFileRenameOutline = exports.Download = exports.DoneAll = exports.DeleteTwoTone = exports.DeleteSweep = exports.DeleteOutlined = exports.DeleteOutline = exports.Description = exports.Delete = exports.DataObjectOutlined = exports.DarkModeOutlined = exports.DarkMode = exports.CreateNewFolderTwoTone = exports.ContentCopy = exports.Construction = exports.Collections = exports.CloudQueue = exports.CloudOff = exports.Close = exports.Clear = exports.ChevronRight = exports.Checklist = exports.CheckCircleOutline = exports.CheckCircle = exports.Check = exports.CenterFocusStrong = exports.CallSplit = exports.BrowserUpdated = exports.Bolt = exports.Block = exports.BarChart = exports.AutoFixHigh = exports.ArrowUpward = exports.ArrowDownward = exports.AreaChart = exports.Analytics = exports.Add = exports.AccountTreeOutlined = exports.AccountTree = exports.AccountCircle = exports.AccessTime = void 0;
-exports.Panorama = exports.OpenInNew = exports.OpenInBrowser = exports.NotificationsActive = exports.Notifications = exports.Newspaper = exports.MoreVert = exports.Menu = exports.Memory = exports.ManageSearch = exports.LocalOffer = exports.LocalFireDepartment = exports.List = exports.Link = exports.LightModeOutlined = exports.LightMode = exports.LegendToggle = exports.Launch = exports.KeyboardDoubleArrowRight = exports.KeyboardDoubleArrowLeft = exports.KeyboardArrowRight = exports.KeyboardArrowLeft = exports.Key = exports.Iso = exports.InfoOutlined = exports.Info = exports.ImportExport = exports.Image = exports.Https = exports.Hub = exports.HorizontalRule = exports.HomeRepairService = exports.Home = exports.HistoryOutlined = exports.HexagonOutlined = exports.HelpOutline = exports.Groups = exports.FullscreenExit = exports.Fullscreen = exports.FolderOpen = exports.FolderCopyTwoTone = exports.FolderCopy = exports.Forum = exports.FilterList = exports.FilterAlt = exports.FileUpload = exports.FileOpenTwoTone = exports.FileDownload = exports.Factory = exports.FactCheck = void 0;
-exports.LockPerson = exports.ViewModule = exports.ViewList = exports.Palette = exports.NotificationsOff = exports.West = exports.Warning = exports.VisibilityOff = exports.Visibility = exports.ZoomOut = exports.ZoomIn = exports.VerifiedUser = exports.Verified = exports.UploadFile = exports.Upload = exports.Timeline = exports.ThirtyFps = exports.Terminal = exports.SwapVert = exports.Subject = exports.StopCircle = exports.Stop = exports.Star = exports.StackedLineChart = exports.SmartToy = exports.ShowChart = exports.Speed = exports.Settings = exports.Send = exports.Search = exports.ScienceOutlined = exports.Science = exports.Schedule = exports.SaveTwoTone = exports.SaveAsTwoTone = exports.RestartAlt = exports.Replay = exports.RemoveCircleRounded = exports.Refresh = exports.PlayCircleOutline = exports.PlayCircle = exports.PlayArrow = exports.Place = exports.PinDrop = exports.PieChart = exports.Person = exports.PauseCircleOutline = exports.PauseCircle = exports.Pause = void 0;
+exports.OpenInNew = exports.OpenInBrowser = exports.NotificationsActive = exports.Notifications = exports.Newspaper = exports.MoreVert = exports.Menu = exports.Memory = exports.ManageSearch = exports.LocalOffer = exports.LocalFireDepartment = exports.List = exports.Link = exports.LightModeOutlined = exports.LightMode = exports.LegendToggle = exports.Launch = exports.KeyboardDoubleArrowRight = exports.KeyboardDoubleArrowLeft = exports.KeyboardArrowRight = exports.KeyboardArrowLeft = exports.Key = exports.Iso = exports.InfoOutlined = exports.Info = exports.ImportExport = exports.Image = exports.Https = exports.Hub = exports.HorizontalRule = exports.HomeRepairService = exports.Home = exports.HistoryOutlined = exports.HexagonOutlined = exports.HelpOutline = exports.Groups = exports.FullscreenExit = exports.Fullscreen = exports.FolderZip = exports.FolderOpen = exports.FolderCopyTwoTone = exports.FolderCopy = exports.Forum = exports.FilterList = exports.FilterAlt = exports.FileUpload = exports.FileOpenTwoTone = exports.FileDownload = exports.Factory = exports.FactCheck = void 0;
+exports.LockPerson = exports.ViewModule = exports.ViewList = exports.Palette = exports.NotificationsOff = exports.West = exports.Warning = exports.VisibilityOff = exports.Visibility = exports.ZoomOut = exports.ZoomIn = exports.VerifiedUser = exports.Verified = exports.UploadFile = exports.Upload = exports.Timeline = exports.ThirtyFps = exports.Terminal = exports.SwapVert = exports.Subject = exports.StopCircle = exports.Stop = exports.Star = exports.StackedLineChart = exports.SmartToy = exports.ShowChart = exports.Speed = exports.Settings = exports.Send = exports.Search = exports.ScienceOutlined = exports.Science = exports.Schedule = exports.SaveTwoTone = exports.SaveAsTwoTone = exports.RestartAlt = exports.Replay = exports.RemoveCircleRounded = exports.Refresh = exports.PlayCircleOutline = exports.PlayCircle = exports.PlayArrow = exports.Place = exports.PinDrop = exports.PieChart = exports.Person = exports.PauseCircleOutline = exports.PauseCircle = exports.Pause = exports.Panorama = void 0;
 // Curated MUI icon list exposed via window.__kwirth__.MUI.icons
 // To add a new icon: add an export line here. It will be available to all plugins at runtime.
 var AccessTime_1 = require("@mui/icons-material/AccessTime");
@@ -130,6 +130,8 @@ var FolderCopyTwoTone_1 = require("@mui/icons-material/FolderCopyTwoTone");
 Object.defineProperty(exports, "FolderCopyTwoTone", { enumerable: true, get: function () { return __importDefault(FolderCopyTwoTone_1).default; } });
 var FolderOpen_1 = require("@mui/icons-material/FolderOpen");
 Object.defineProperty(exports, "FolderOpen", { enumerable: true, get: function () { return __importDefault(FolderOpen_1).default; } });
+var FolderZip_1 = require("@mui/icons-material/FolderZip");
+Object.defineProperty(exports, "FolderZip", { enumerable: true, get: function () { return __importDefault(FolderZip_1).default; } });
 var Fullscreen_1 = require("@mui/icons-material/Fullscreen");
 Object.defineProperty(exports, "Fullscreen", { enumerable: true, get: function () { return __importDefault(Fullscreen_1).default; } });
 var FullscreenExit_1 = require("@mui/icons-material/FullscreenExit");

package/package.json

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