@kwirthmagnify/kwirth-common-front 0.5.15 → 0.5.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/MiniGauge.d.ts +1 -0
  2. package/dist/MiniGauge.js +27 -22
  3. package/dist/MsgBox.d.ts +19 -0
  4. package/dist/MsgBox.js +76 -0
  5. package/dist/index.d.ts +68 -1
  6. package/dist/index.js +11 -1
  7. package/package.json +7 -1
package/dist/MiniGauge.d.ts CHANGED
@@ -4,5 +4,6 @@ export interface IMiniGaugeProps {
4
4
  max: number;
5
5
  label: string;
6
6
  format?: (v: number) => string;
7
+ valuePosition?: 'above' | 'inside';
7
8
  }
8
9
  export declare const MiniGauge: React.FC<IMiniGaugeProps>;
package/dist/MiniGauge.js CHANGED
@@ -10,41 +10,46 @@ const GAUGE_ZONES = [
10
10
  { size: 0.3, fill: '#F5CD19' },
11
11
  { size: 0.2, fill: '#EA4228' },
12
12
  ];
13
- const VW = 100, VH = 58;
14
- const GCX = VW / 2, GCY = VH - 4;
13
+ // Arc geometry (same for both modes)
14
+ const VW = 100;
15
+ const GCX = VW / 2;
15
16
  const G_OUTER = VW * 0.46, G_INNER = G_OUTER * 0.58, G_NEEDLE = G_OUTER * 0.86;
16
- const ARC_PATHS = (() => {
17
+ // 'above': extra 14px header above arc + 14px footer for label
18
+ // 'inside': no header, 14px footer for label
19
+ const HEADER_ABOVE = 14, FOOTER = 14;
20
+ const GCY_ABOVE = G_OUTER + HEADER_ABOVE; // arc center when value is above
21
+ const GCY_INSIDE = G_OUTER + 4; // arc center when value is inside (tight top)
22
+ const VH_ABOVE = GCY_ABOVE + 4 + FOOTER; // total SVG height for 'above'
23
+ const VH_INSIDE = GCY_INSIDE + 4 + FOOTER; // total SVG height for 'inside'
24
+ const buildArcPaths = (gcx, gcy) => {
17
25
  let a = Math.PI;
18
26
  return GAUGE_ZONES.map(zone => {
19
27
  const end = a - zone.size * Math.PI;
20
- const ox1 = GCX + G_OUTER * Math.cos(a), oy1 = GCY - G_OUTER * Math.sin(a);
21
- const ox2 = GCX + G_OUTER * Math.cos(end), oy2 = GCY - G_OUTER * Math.sin(end);
22
- const ix1 = GCX + G_INNER * Math.cos(a), iy1 = GCY - G_INNER * Math.sin(a);
23
- const ix2 = GCX + G_INNER * Math.cos(end), iy2 = GCY - G_INNER * Math.sin(end);
28
+ const ox1 = gcx + G_OUTER * Math.cos(a), oy1 = gcy - G_OUTER * Math.sin(a);
29
+ const ox2 = gcx + G_OUTER * Math.cos(end), oy2 = gcy - G_OUTER * Math.sin(end);
30
+ const ix1 = gcx + G_INNER * Math.cos(a), iy1 = gcy - G_INNER * Math.sin(a);
31
+ const ix2 = gcx + G_INNER * Math.cos(end), iy2 = gcy - G_INNER * Math.sin(end);
24
32
  const d = `M ${ox1} ${oy1} A ${G_OUTER} ${G_OUTER} 0 0 1 ${ox2} ${oy2} L ${ix2} ${iy2} A ${G_INNER} ${G_INNER} 0 0 0 ${ix1} ${iy1} Z`;
25
33
  a = end;
26
34
  return { d, fill: zone.fill };
27
35
  });
28
- })();
29
- const labelStyle = {
30
- display: 'block',
31
- fontSize: '0.75rem',
32
- lineHeight: 1,
33
- opacity: 0.6,
34
- textAlign: 'center',
35
36
  };
36
- const MiniGauge = ({ value, max, label, format }) => {
37
+ const MiniGauge = ({ value, max, label, format, valuePosition = 'above' }) => {
37
38
  const display = format ? format(value) : value.toFixed(1);
38
39
  const pct = Math.min(value / (max || 1), 1);
39
40
  const rotateDeg = -(1 - pct) * 180;
40
- return (react_1.default.createElement("div", { style: { flex: 1, minWidth: 0, textAlign: 'center' } },
41
- react_1.default.createElement("span", { style: Object.assign(Object.assign({}, labelStyle), { marginBottom: 4 }) }, display),
42
- react_1.default.createElement("svg", { viewBox: `0 0 ${VW} ${VH}`, style: { width: '100%', display: 'block' } },
43
- ARC_PATHS.map((p, i) => react_1.default.createElement("path", { key: i, d: p.d, fill: p.fill })),
44
- react_1.default.createElement("g", { transform: `translate(${GCX}, ${GCY})` },
41
+ const gcy = valuePosition === 'above' ? GCY_ABOVE : GCY_INSIDE;
42
+ const vh = valuePosition === 'above' ? VH_ABOVE : VH_INSIDE;
43
+ const arcPaths = buildArcPaths(GCX, gcy);
44
+ return (react_1.default.createElement("div", { style: { flex: 1, minWidth: 0 } },
45
+ react_1.default.createElement("svg", { viewBox: `0 0 ${VW} ${vh}`, style: { width: '100%', display: 'block' } },
46
+ arcPaths.map((p, i) => react_1.default.createElement("path", { key: i, d: p.d, fill: p.fill })),
47
+ react_1.default.createElement("g", { transform: `translate(${GCX}, ${gcy})` },
45
48
  react_1.default.createElement("g", { style: { transform: `rotate(${rotateDeg}deg)`, transformOrigin: '0px 0px', transition: 'transform 0.5s ease-out' } },
46
49
  react_1.default.createElement("line", { x1: 0, y1: 0, x2: G_NEEDLE, y2: 0, stroke: 'currentColor', strokeWidth: 2, strokeLinecap: 'round' }))),
47
- react_1.default.createElement("circle", { cx: GCX, cy: GCY, r: 3, fill: 'currentColor' })),
48
- react_1.default.createElement("span", { style: Object.assign(Object.assign({}, labelStyle), { marginTop: 4 }) }, label)));
50
+ react_1.default.createElement("circle", { cx: GCX, cy: gcy, r: 3, fill: 'currentColor' }),
51
+ valuePosition === 'above' && (react_1.default.createElement("text", { x: GCX, y: HEADER_ABOVE - 6, textAnchor: 'middle', dominantBaseline: 'auto', style: { fontSize: '12px', fill: 'currentColor', opacity: 0.85 } }, display)),
52
+ valuePosition === 'inside' && (react_1.default.createElement("text", { x: GCX, y: gcy - G_INNER * 0.55, textAnchor: 'middle', dominantBaseline: 'middle', style: { fontSize: '12px', fill: 'currentColor', opacity: 0.85 } }, display)),
53
+ react_1.default.createElement("text", { x: GCX, y: vh - 2, textAnchor: 'middle', dominantBaseline: 'auto', style: { fontSize: '11px', fill: 'currentColor', opacity: 0.6 } }, label))));
49
54
  };
50
55
  exports.MiniGauge = MiniGauge;
package/dist/MsgBox.d.ts ADDED
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ import { Dispatch, SetStateAction } from 'react';
3
+ export declare enum MsgBoxButtons {
4
+ None = 0,
5
+ Ok = 1,
6
+ Yes = 2,
7
+ YesToAll = 4,
8
+ No = 8,
9
+ NoToAll = 16,
10
+ Cancel = 32
11
+ }
12
+ export declare const MsgBoxWait: (title: string, message: string | JSX.Element, onClose: Dispatch<SetStateAction<JSX.Element>>, onResult?: (a: MsgBoxButtons) => void) => React.JSX.Element;
13
+ export declare const MsgBoxWaitCancel: (title: string, message: string | JSX.Element, onClose: Dispatch<SetStateAction<JSX.Element>>, onResult?: (a: MsgBoxButtons) => void) => React.JSX.Element;
14
+ export declare const MsgBoxOk: (title: string, message: string | JSX.Element, onClose: Dispatch<SetStateAction<JSX.Element>>, onResult?: (a: MsgBoxButtons) => void) => React.JSX.Element;
15
+ export declare const MsgBoxOkWarning: (title: string, message: string | JSX.Element, onClose: Dispatch<SetStateAction<JSX.Element>>, onResult?: (a: MsgBoxButtons) => void) => React.JSX.Element;
16
+ export declare const MsgBoxOkError: (title: string, message: string | JSX.Element, onClose: Dispatch<SetStateAction<JSX.Element>>, onResult?: (a: MsgBoxButtons) => void) => React.JSX.Element;
17
+ export declare const MsgBoxOkCancel: (title: string, message: string | JSX.Element, onClose: Dispatch<SetStateAction<JSX.Element>>, onResult?: (a: MsgBoxButtons) => void) => React.JSX.Element;
18
+ export declare const MsgBoxYesNo: (title: string, message: string | JSX.Element, onClose: Dispatch<SetStateAction<JSX.Element>>, onResult?: (a: MsgBoxButtons) => void) => React.JSX.Element;
19
+ export declare const MsgBoxYesNoCancel: (title: string, message: string | JSX.Element, onClose: Dispatch<SetStateAction<JSX.Element>>, onResult?: (a: MsgBoxButtons) => void) => React.JSX.Element;
package/dist/MsgBox.js ADDED
@@ -0,0 +1,76 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.MsgBoxYesNoCancel = exports.MsgBoxYesNo = exports.MsgBoxOkCancel = exports.MsgBoxOkError = exports.MsgBoxOkWarning = exports.MsgBoxOk = exports.MsgBoxWaitCancel = exports.MsgBoxWait = exports.MsgBoxButtons = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const Info_1 = __importDefault(require("@mui/icons-material/Info"));
9
+ const Warning_1 = __importDefault(require("@mui/icons-material/Warning"));
10
+ const Error_1 = __importDefault(require("@mui/icons-material/Error"));
11
+ const HelpOutline_1 = __importDefault(require("@mui/icons-material/HelpOutline"));
12
+ const material_1 = require("@mui/material");
13
+ var MsgBoxButtons;
14
+ (function (MsgBoxButtons) {
15
+ MsgBoxButtons[MsgBoxButtons["None"] = 0] = "None";
16
+ MsgBoxButtons[MsgBoxButtons["Ok"] = 1] = "Ok";
17
+ MsgBoxButtons[MsgBoxButtons["Yes"] = 2] = "Yes";
18
+ MsgBoxButtons[MsgBoxButtons["YesToAll"] = 4] = "YesToAll";
19
+ MsgBoxButtons[MsgBoxButtons["No"] = 8] = "No";
20
+ MsgBoxButtons[MsgBoxButtons["NoToAll"] = 16] = "NoToAll";
21
+ MsgBoxButtons[MsgBoxButtons["Cancel"] = 32] = "Cancel";
22
+ })(MsgBoxButtons || (exports.MsgBoxButtons = MsgBoxButtons = {}));
23
+ const MsgBoxWait = (title, message, onClose, onResult) => MsgBoxWaitShow(title, message, onClose, MsgBoxButtons.None, react_1.default.createElement(Info_1.default, { fontSize: 'large', color: 'info' }), onResult);
24
+ exports.MsgBoxWait = MsgBoxWait;
25
+ const MsgBoxWaitCancel = (title, message, onClose, onResult) => MsgBoxWaitShow(title, message, onClose, MsgBoxButtons.Cancel, react_1.default.createElement(Info_1.default, { fontSize: 'large', color: 'info' }), onResult);
26
+ exports.MsgBoxWaitCancel = MsgBoxWaitCancel;
27
+ const MsgBoxOk = (title, message, onClose, onResult) => MsgBoxShow(title, message, onClose, MsgBoxButtons.Ok, react_1.default.createElement(Info_1.default, { fontSize: 'large', color: 'info' }), onResult);
28
+ exports.MsgBoxOk = MsgBoxOk;
29
+ const MsgBoxOkWarning = (title, message, onClose, onResult) => MsgBoxShow(title, message, onClose, MsgBoxButtons.Ok, react_1.default.createElement(Warning_1.default, { fontSize: 'large', color: 'warning' }), onResult);
30
+ exports.MsgBoxOkWarning = MsgBoxOkWarning;
31
+ const MsgBoxOkError = (title, message, onClose, onResult) => MsgBoxShow(title, message, onClose, MsgBoxButtons.Ok, react_1.default.createElement(Error_1.default, { fontSize: 'large', color: 'error' }), onResult);
32
+ exports.MsgBoxOkError = MsgBoxOkError;
33
+ const MsgBoxOkCancel = (title, message, onClose, onResult) => MsgBoxShow(title, message, onClose, MsgBoxButtons.Ok + MsgBoxButtons.Cancel, react_1.default.createElement(HelpOutline_1.default, { fontSize: 'large', color: 'primary' }), onResult);
34
+ exports.MsgBoxOkCancel = MsgBoxOkCancel;
35
+ const MsgBoxYesNo = (title, message, onClose, onResult) => MsgBoxShow(title, message, onClose, MsgBoxButtons.Yes + MsgBoxButtons.No, react_1.default.createElement(HelpOutline_1.default, { fontSize: 'large', color: 'primary' }), onResult);
36
+ exports.MsgBoxYesNo = MsgBoxYesNo;
37
+ const MsgBoxYesNoCancel = (title, message, onClose, onResult) => MsgBoxShow(title, message, onClose, MsgBoxButtons.Yes + MsgBoxButtons.No + MsgBoxButtons.Cancel, react_1.default.createElement(HelpOutline_1.default, { fontSize: 'large', color: 'primary' }), onResult);
38
+ exports.MsgBoxYesNoCancel = MsgBoxYesNoCancel;
39
+ const MsgBoxShow = (title, message, onClose, buttons, icon, onResult) => {
40
+ return (react_1.default.createElement(material_1.Dialog, { open: true, onClose: () => { onClose(react_1.default.createElement(react_1.default.Fragment, null)); if (onResult)
41
+ onResult(MsgBoxButtons.Cancel); } },
42
+ react_1.default.createElement(material_1.DialogTitle, null, title),
43
+ react_1.default.createElement(material_1.DialogContent, null,
44
+ react_1.default.createElement(material_1.Stack, { sx: { mt: 2 }, direction: 'row', alignItems: 'center' },
45
+ icon,
46
+ react_1.default.createElement(material_1.Box, { sx: { width: '12px' } }),
47
+ typeof (message) === 'string' ?
48
+ react_1.default.createElement(material_1.Typography, { component: 'div' },
49
+ react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: message } }))
50
+ :
51
+ message)),
52
+ react_1.default.createElement(material_1.DialogActions, { sx: { p: '4px 4px' } },
53
+ (buttons & MsgBoxButtons.Ok) ? react_1.default.createElement(material_1.Button, { onClick: () => { onClose(react_1.default.createElement(react_1.default.Fragment, null)); if (onResult)
54
+ onResult(MsgBoxButtons.Ok); } }, "ok") : react_1.default.createElement(react_1.default.Fragment, null),
55
+ (buttons & MsgBoxButtons.Yes) ? react_1.default.createElement(material_1.Button, { onClick: () => { onClose(react_1.default.createElement(react_1.default.Fragment, null)); if (onResult)
56
+ onResult(MsgBoxButtons.Yes); } }, "yes") : react_1.default.createElement(react_1.default.Fragment, null),
57
+ (buttons & MsgBoxButtons.No) ? react_1.default.createElement(material_1.Button, { onClick: () => { onClose(react_1.default.createElement(react_1.default.Fragment, null)); if (onResult)
58
+ onResult(MsgBoxButtons.No); } }, "no") : react_1.default.createElement(react_1.default.Fragment, null),
59
+ (buttons & MsgBoxButtons.Cancel) ? react_1.default.createElement(material_1.Button, { onClick: () => { onClose(react_1.default.createElement(react_1.default.Fragment, null)); if (onResult)
60
+ onResult(MsgBoxButtons.Cancel); } }, "cancel") : react_1.default.createElement(react_1.default.Fragment, null))));
61
+ };
62
+ const MsgBoxWaitShow = (title, message, onClose, buttons, icon, onResult) => {
63
+ return (react_1.default.createElement(material_1.Dialog, { open: true },
64
+ react_1.default.createElement(material_1.DialogTitle, null, title),
65
+ react_1.default.createElement(material_1.DialogContent, null,
66
+ react_1.default.createElement(material_1.Stack, { direction: 'row', alignItems: 'center', alignContent: 'center', sx: { m: 2 } },
67
+ react_1.default.createElement(material_1.Box, null,
68
+ react_1.default.createElement(material_1.CircularProgress, { size: 50 })),
69
+ typeof (message) === 'string' ?
70
+ react_1.default.createElement(material_1.Typography, { sx: { ml: 4 }, component: 'div' },
71
+ react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: message } }))
72
+ :
73
+ message)),
74
+ react_1.default.createElement(material_1.DialogActions, null, (buttons & MsgBoxButtons.Cancel) ? react_1.default.createElement(material_1.Button, { onClick: () => { onClose(react_1.default.createElement(react_1.default.Fragment, null)); if (onResult)
75
+ onResult(MsgBoxButtons.Cancel); } }, "cancel") : react_1.default.createElement(react_1.default.Fragment, null))));
76
+ };
package/dist/index.d.ts CHANGED
@@ -34,8 +34,9 @@ export interface IChannelObject {
34
34
  notify?: (channelId: string | undefined, level: ENotifyLevel, message: string) => void;
35
35
  exit?: () => void;
36
36
  stopChannel?: () => void;
37
- openManager?: (type: 'plugins' | 'providers' | 'senders' | 'daemons') => void;
37
+ openManager?: (type: 'plugins' | 'providers' | 'senders' | 'daemons' | 'themes' | 'homepages') => void;
38
38
  metricsList?: Map<string, MetricDefinition>;
39
+ isExtensionLicensed?: (type: string, id: string) => boolean;
39
40
  }
40
41
  export declare class MetricDefinition {
41
42
  metric: string;
@@ -52,6 +53,7 @@ export interface ISetupProps {
52
53
  }
53
54
  export interface IContentProps {
54
55
  channelObject: IChannelObject;
56
+ onEnd?: () => void;
55
57
  }
56
58
  export interface IChannel {
57
59
  SetupDialog: FC<ISetupProps>;
@@ -83,3 +85,68 @@ export declare const cleanANSI: (text: string) => string;
83
85
  export { MarkdownViewer } from './MarkdownViewer';
84
86
  export { MiniGauge } from './MiniGauge';
85
87
  export type { IMiniGaugeProps } from './MiniGauge';
88
+ export { MsgBoxButtons, MsgBoxOk, MsgBoxOkWarning, MsgBoxOkError, MsgBoxOkCancel, MsgBoxYesNo, MsgBoxYesNoCancel, MsgBoxWait, MsgBoxWaitCancel } from './MsgBox';
89
+ export interface ITabSummary {
90
+ name: string;
91
+ description: string;
92
+ channel: string;
93
+ channelObject: {
94
+ clusterName: string;
95
+ view: EInstanceConfigView;
96
+ namespace: string;
97
+ group: string;
98
+ pod: string;
99
+ container: string;
100
+ };
101
+ }
102
+ export interface IWorkspaceSummary {
103
+ name: string;
104
+ description: string;
105
+ }
106
+ export interface IClusterEvent {
107
+ time: string;
108
+ type: string;
109
+ reason: string;
110
+ namespace?: string;
111
+ object: string;
112
+ message: string;
113
+ }
114
+ export interface IHomepageProps {
115
+ cluster: any;
116
+ clusters: any[];
117
+ frontChannels: Map<string, TChannelConstructor>;
118
+ lastTabs: ITabSummary[];
119
+ favTabs: ITabSummary[];
120
+ lastWorkspaces: IWorkspaceSummary[];
121
+ favWorkspaces: IWorkspaceSummary[];
122
+ onRestoreTabParameters: (tab: ITabSummary) => void;
123
+ onHomepageSelectTab: (tab: ITabSummary) => void;
124
+ onSelectWorkspace: (workspace: IWorkspaceSummary) => void;
125
+ onRestoreWorkspace: (workspace: IWorkspaceSummary) => void;
126
+ onUpdateTabs: (last: ITabSummary[], fav: ITabSummary[]) => void;
127
+ onUpdateWorkspaces: (last: IWorkspaceSummary[], fav: IWorkspaceSummary[]) => void;
128
+ dataCpu: {
129
+ value: number;
130
+ }[];
131
+ dataMemory: {
132
+ value: number;
133
+ }[];
134
+ dataNetwork: {
135
+ value: number;
136
+ }[];
137
+ isExtensionLicensed?: (type: string, id: string) => boolean;
138
+ getClusterEvents?: (clusterName: string, limit?: number) => Promise<IClusterEvent[]>;
139
+ getClusterMetrics?: (clusterName: string) => Promise<{
140
+ cpu: number;
141
+ memory: number;
142
+ vcpus: number;
143
+ totalMemoryBytes: number;
144
+ pods: number;
145
+ maxPods: number;
146
+ } | null>;
147
+ }
148
+ export interface IHomepageExtension {
149
+ homepageId: string;
150
+ displayName: string;
151
+ Component: FC<IHomepageProps>;
152
+ }
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.MiniGauge = exports.MarkdownViewer = exports.cleanANSI = exports.MetricDefinition = exports.ENotifyLevel = exports.EChannelRefreshAction = exports.useKeyboard = void 0;
3
+ 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;
4
4
  const react_1 = require("react");
5
5
  const kwirth_common_1 = require("@kwirthmagnify/kwirth-common");
6
6
  Object.defineProperty(exports, "EChannelRefreshAction", { enumerable: true, get: function () { return kwirth_common_1.EChannelRefreshAction; } });
@@ -43,3 +43,13 @@ var MarkdownViewer_1 = require("./MarkdownViewer");
43
43
  Object.defineProperty(exports, "MarkdownViewer", { enumerable: true, get: function () { return MarkdownViewer_1.MarkdownViewer; } });
44
44
  var MiniGauge_1 = require("./MiniGauge");
45
45
  Object.defineProperty(exports, "MiniGauge", { enumerable: true, get: function () { return MiniGauge_1.MiniGauge; } });
46
+ var MsgBox_1 = require("./MsgBox");
47
+ Object.defineProperty(exports, "MsgBoxButtons", { enumerable: true, get: function () { return MsgBox_1.MsgBoxButtons; } });
48
+ Object.defineProperty(exports, "MsgBoxOk", { enumerable: true, get: function () { return MsgBox_1.MsgBoxOk; } });
49
+ Object.defineProperty(exports, "MsgBoxOkWarning", { enumerable: true, get: function () { return MsgBox_1.MsgBoxOkWarning; } });
50
+ Object.defineProperty(exports, "MsgBoxOkError", { enumerable: true, get: function () { return MsgBox_1.MsgBoxOkError; } });
51
+ Object.defineProperty(exports, "MsgBoxOkCancel", { enumerable: true, get: function () { return MsgBox_1.MsgBoxOkCancel; } });
52
+ Object.defineProperty(exports, "MsgBoxYesNo", { enumerable: true, get: function () { return MsgBox_1.MsgBoxYesNo; } });
53
+ Object.defineProperty(exports, "MsgBoxYesNoCancel", { enumerable: true, get: function () { return MsgBox_1.MsgBoxYesNoCancel; } });
54
+ Object.defineProperty(exports, "MsgBoxWait", { enumerable: true, get: function () { return MsgBox_1.MsgBoxWait; } });
55
+ Object.defineProperty(exports, "MsgBoxWaitCancel", { enumerable: true, get: function () { return MsgBox_1.MsgBoxWaitCancel; } });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kwirthmagnify/kwirth-common-front",
3
- "version": "0.5.15",
3
+ "version": "0.5.17",
4
4
  "description": "Frontend channel interfaces for Kwirth plugins and channels",
5
5
  "scripts": {
6
6
  "build": "del .\\dist\\* /s /q && tsc"
@@ -22,9 +22,15 @@
22
22
  "react-markdown": "^10.1.0"
23
23
  },
24
24
  "peerDependencies": {
25
+ "@mui/icons-material": ">=5.0.0",
26
+ "@mui/material": ">=5.0.0",
25
27
  "react": ">=18.0.0"
26
28
  },
27
29
  "devDependencies": {
30
+ "@emotion/react": "^11.14.0",
31
+ "@emotion/styled": "^11.14.1",
32
+ "@mui/icons-material": "^7.3.11",
33
+ "@mui/material": "^7.3.11",
28
34
  "@types/react": "^18.3.0",
29
35
  "react": "^18.3.0",
30
36
  "typescript": "^5.8.3"