@docsvision/management-console 6.2.0-beta.10 → 6.2.0-beta.11

package/index.d.ts

@@ -1751,6 +1751,7 @@ export declare interface IPageLayoutModelElement {
     elements?: IPageModelElement[];
     extendedLayoutId?: string;
     readonly?: boolean;
+    inProcess?: boolean;
     parameters?: Record<string, string>;
 }
 
@@ -1768,6 +1769,7 @@ declare interface IPageLayoutModelElement_2 {
     elements?: IPageModelElement_2[];
     extendedLayoutId?: string;
     readonly?: boolean;
+    inProcess?: boolean;
     parameters?: Record<string, string>;
 }
 
@@ -1875,6 +1877,14 @@ export declare interface IPopupNotificationProps extends Noty_2.Options {
     buttonsProps?: IButtonsProps[];
 }
 
+export declare interface IProcessOverlayProps {
+    children: React_2.ReactNode;
+    inProcess?: boolean;
+    message?: string;
+    spinnerSize?: number;
+    className?: string;
+}
+
 declare interface IRealtimeCommunicationService {
     on: (methodName: string, callback: (...args: unknown[]) => void) => void;
     off: (methodName: string, callback: (...args: unknown[]) => void) => void;
@@ -2521,6 +2531,8 @@ declare enum PeriodType {
     DateRange
 }
 
+export declare function ProcessOverlay(props: IProcessOverlayProps): JSX.Element;
+
 export declare function registerEditors(): void;
 
 export declare function removeCssVariables(theme: Theme): void;

package/index.js

@@ -59056,7 +59056,7 @@ const WarningIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
 }));
 function DatabaseSettingsCard(props) {
   const { title, label, isDefault, children, size = "sm", error } = props;
-  return /* @__PURE__ */ jsx(Grid$1, { className: classNames("database-settings-card__wrapper", { "database-settings-card__wrapper_medium": size === "md" }), children: /* @__PURE__ */ jsxs(Paper$3, { className: "database-settings-card__container", children: [
+  return /* @__PURE__ */ jsx(Grid$1, { className: classNames("database-settings-card__wrapper", { "database-settings-card__wrapper_medium": size === "md" }), children: /* @__PURE__ */ jsxs(Paper$3, { children: [
     /* @__PURE__ */ jsxs(Grid$1, { container: true, alignItems: "center", justifyContent: "space-between", wrap: "nowrap", className: "database-settings-card__head", children: [
       /* @__PURE__ */ jsxs(Grid$1, { container: true, alignItems: "center", children: [
         /* @__PURE__ */ jsx(StorageRounded, { color: "secondary", fontSize: "large" }),
@@ -76670,6 +76670,16 @@ function NumberComponent(props) {
     errorMessage && /* @__PURE__ */ jsx(ErrorMessage, { message: errorMessage })
   ] });
 }
+function ProcessOverlay(props) {
+  const { children, inProcess, message, spinnerSize = 60, className } = props;
+  return /* @__PURE__ */ jsxs("div", { className: classNames("process-overlay", className), children: [
+    /* @__PURE__ */ jsx("div", { className: classNames({ "process-overlay__content_blur": inProcess }), children }),
+    inProcess && /* @__PURE__ */ jsxs("div", { className: "process-overlay__process", children: [
+      /* @__PURE__ */ jsx(CircularProgress$3, { size: spinnerSize, thickness: 4, color: "primary" }),
+      message && /* @__PURE__ */ jsx(Typography$3, { color: "primary", fontWeight: "bold", children: message })
+    ] })
+  ] });
+}
 class EditorFactory {
   constructor() {
     this.editorMap = {};
@@ -86910,6 +86920,11 @@ var ILongOperationCompleteStatus = /* @__PURE__ */ ((ILongOperationCompleteStatu
   ILongOperationCompleteStatus2[ILongOperationCompleteStatus2["Error"] = 1] = "Error";
   return ILongOperationCompleteStatus2;
 })(ILongOperationCompleteStatus || {});
+var ILongOperationScope = /* @__PURE__ */ ((ILongOperationScope2) => {
+  ILongOperationScope2[ILongOperationScope2["Global"] = 0] = "Global";
+  ILongOperationScope2[ILongOperationScope2["Local"] = 1] = "Local";
+  return ILongOperationScope2;
+})(ILongOperationScope || {});
 class SettingsPageLogic extends ComponentLogic {
   constructor() {
     super(...arguments);
@@ -86927,6 +86942,8 @@ class SettingsPageLogic extends ComponentLogic {
     realtimeCommunication.on("ReceiveLongOperationCompleteNotification", (notification) => {
       const { data, route } = routingService.getLastRouteResolvedParams() || {};
       const isCurrentService = data?.serviceId === notification.serviceId;
+      const isLocalScope = notification.scope === ILongOperationScope.Local;
+      if (isLocalScope && !isCurrentService) return;
       const buttonsProps = isCurrentService ? [{ text: resources.RefreshPage, onClick: () => location.reload(), dataTestId: "reload-button" }] : [];
       const notyType = notification.status === ILongOperationCompleteStatus.Success ? "info" : "error";
       const note = showNote({ type: notyType, timeout: 0, text: notification.message, buttonsProps });
@@ -124655,6 +124672,7 @@ export {
   PageTabPanel,
   PageTable,
   PageTitle,
+  ProcessOverlay,
   ResourcesManagement,
   RootElementService,
   RouteContentRenderService,