@docsvision/management-console 6.2.0-beta.4 → 6.2.0-beta.6

package/index.d.ts

@@ -1865,6 +1865,7 @@ export declare interface IPageLayoutModelElement {
     elements?: IPageModelElement[];
     extendedLayoutId?: string;
     readonly?: boolean;
+    inProcess?: boolean;
     parameters?: Record<string, string>;
 }
 
@@ -1882,6 +1883,7 @@ declare interface IPageLayoutModelElement_2 {
     elements?: IPageModelElement_2[];
     extendedLayoutId?: string;
     readonly?: boolean;
+    inProcess?: boolean;
     parameters?: Record<string, string>;
 }
 
@@ -1989,13 +1991,21 @@ 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 IProcessStatus {
     state: ProcessState;
     errorMessage?: string
 }
 
 declare interface IProcessTemplatesController extends Service {
-    installProcessTemplates(serviceId: string, data: IInstallProcessTemplatesRequestModel): Promise<void>;
+    installProcessTemplates(serviceId: string, pageId: string, elementId: string, data: IInstallProcessTemplatesRequestModel): Promise<void>;
 }
 
 declare interface IRealtimeCommunicationService {
@@ -2674,6 +2684,8 @@ declare enum PeriodType {
     DateRange
 }
 
+export declare function ProcessOverlay(props: IProcessOverlayProps): JSX.Element;
+
 declare enum ProcessState {
     Running = 0,
     Finished = 1,

package/index.js

@@ -76677,6 +76677,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 = {};
@@ -85297,6 +85307,7 @@ class ProcessTemplatesLogic extends ComponentLogic {
       { hasSelected: this.$hasSelectedTemplate, isPending: this.reinstallProcessTemplatesFx.pending },
       ({ hasSelected, isPending }) => hasSelected && !isPending
     );
+    this.$inProcess = this.domain.store(this.options.inProcess || false, { name: "$inProcess" });
   }
   init() {
     v({
@@ -85315,9 +85326,14 @@ class ProcessTemplatesLogic extends ComponentLogic {
     v({
       clock: this.processTemplatesReinstalled,
       source: this.$processTemplates,
-      fn: (value) => ({ value, services: this.options.services }),
+      fn: (value) => ({ value, services: this.options.services, elementId: this.options.id }),
       target: this.reinstallProcessTemplatesFx
     });
+    v({
+      clock: this.reinstallProcessTemplatesFx.done,
+      fn: () => true,
+      target: this.$inProcess
+    });
   }
 }
 function handleSelectProcessTemplate(value, id) {
@@ -85330,11 +85346,12 @@ function handleSelectProcessTemplate(value, id) {
   };
   return newValue;
 }
-async function reinstallProcessTemplates({ value, services }) {
+async function reinstallProcessTemplates({ value, services, elementId }) {
   const { messageWindow, resources, routingService, processTemplatesController } = services;
   await messageWindow.showConfirmation(resources.ConfirmTemplatesReinstall);
   const { data } = routingService.getLastRouteResolvedParams() || {};
   const serviceId = data?.serviceId;
+  const pageId = data?.layoutId;
   const templateIds = value.templates.reduce((selectedTemplatesIds, template) => {
     if (template.selected) {
       selectedTemplatesIds.push(template.id);
@@ -85342,7 +85359,7 @@ async function reinstallProcessTemplates({ value, services }) {
     return selectedTemplatesIds;
   }, []);
   const requestData = { timestamp: value.timestamp, templateIds };
-  await processTemplatesController.installProcessTemplates(serviceId, requestData);
+  await processTemplatesController.installProcessTemplates(serviceId, pageId, elementId, requestData);
   await messageWindow.showConfirmation(resources.TemplatesReinstalledReloadPageConfirm);
   location.reload();
 }
@@ -85353,8 +85370,9 @@ function ProcessTemplates(props) {
   const logic = useLogic(logicProps, ProcessTemplatesLogic);
   const processTemplatesValue = e(logic.$processTemplates);
   const canReinstallProcessTemplates = e(logic.$canReinstallProcessTemplates);
+  const inProcess = e(logic.$inProcess);
   const handleSelectProcessTemplate2 = (templateId) => () => logic.processTemplateSelected(templateId);
-  return /* @__PURE__ */ jsxs(EditorContainer, { ...props, children: [
+  return /* @__PURE__ */ jsx(EditorContainer, { ...props, inProcess: true, isEditable: !inProcess, children: /* @__PURE__ */ jsxs(ProcessOverlay, { inProcess, message: resources.OperationInProgress, children: [
     /* @__PURE__ */ jsx(TableContainer, { component: Paper$3, className: "process-templates__table-container", children: /* @__PURE__ */ jsxs(Table$1, { className: "process-templates__table", children: [
       /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow$1, { children: [
         /* @__PURE__ */ jsx(TableCell$2, { className: "process-templates__cell_with_padding", children: resources.TemplateName }),
@@ -85385,12 +85403,12 @@ function ProcessTemplates(props) {
         size: "small",
         color: "secondary",
         disabled: !canReinstallProcessTemplates,
-        onClick: logic.processTemplatesReinstalled,
         "data-testid": "reload-button",
+        onClick: logic.processTemplatesReinstalled,
         children: resources.Reinstall
       }
     ) })
-  ] });
+  ] }) });
 }
 function TenantsProcessShare(props) {
   const { required, id: fieldName, value } = props;
@@ -88066,6 +88084,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);
@@ -88083,6 +88106,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 });
@@ -127708,8 +127733,8 @@ class ProcessTemplatesController {
     this.meta = null;
     this.baseUrl = "api/workflow/processTemplate";
   }
-  installProcessTemplates(serviceId, data) {
-    return this.requestService.post(`${this.baseUrl}?serviceId=${serviceId}`, data);
+  installProcessTemplates(serviceId, pageId, elementId, data) {
+    return this.requestService.post(`${this.baseUrl}?serviceId=${serviceId}&pageId=${pageId}&elementId=${elementId}`, data);
   }
 }
 class Application extends ServiceContainer {
@@ -127996,6 +128021,7 @@ export {
   PageTabPanel,
   PageTable,
   PageTitle,
+  ProcessOverlay,
   ResourcesManagement,
   RouteContentRenderService,
   SavePageStatus,