@docsvision/management-console 6.2.0-beta.5 → 6.2.0-beta.7

package/index.d.ts

@@ -494,8 +494,6 @@ export declare class DashboardConfigurationService implements IDashboardConfigur
     removeDashboardConfiguration(dashboardId: string): Promise<void>;
 }
 
-export declare function DatabaseSelectionModal(props: IDatabaseSelectionModalProps): JSX.Element;
-
 export declare function DatabaseSettingsCard(props: IDatabaseSettingsCardProps): JSX.Element;
 
 export declare type DatabaseSettingsCardSize = "sm" | "md";
@@ -589,11 +587,6 @@ declare type EffectCallbackAsync = () => (Promise<void> | (() => Promise<void |
 
 export declare const EMAIL_CONNECTION_SETTINGS_LAYOUT = "ea883b59-bb95-446e-879b-97874ac4d82b";
 
-export declare enum EngineType {
-    MsSQL = 0,
-    PgSQL = 1
-}
-
 export declare const ERROR_ROW_CLASS_NAME = "page-table__row-error";
 
 export declare function ErrorBlock({ text, close }: IErrorBlockProps): JSX.Element;
@@ -1212,16 +1205,6 @@ declare enum IDatabaseMasterState {
     SolutionProcessFinished = 4
 }
 
-export declare interface IDatabaseModel {
-    baseName: string;
-    sqlServerName: string;
-    serverType: EngineType;
-    usesFileService: boolean;
-    hash: string;
-    serverNames: string[];
-    error?: string;
-}
-
 declare interface IDatabaseParameters {
     alias: string;
     databaseName: string;
@@ -1252,14 +1235,6 @@ declare interface IDatabasesController extends Service {
     installSolutions(serviceId: string, databaseAlias: string, solutions: string[]): Promise<void>;
 }
 
-export declare interface IDatabaseSelectionModalProps {
-    open: boolean;
-    databases: IDatabaseModel[];
-    onCancel: () => void;
-    onApply: (selected: IDatabaseModel[]) => void;
-    resources: IResourcesMap_2;
-}
-
 export declare interface IDatabaseSettingsCardProps {
     title: string;
     label: string;
@@ -1890,6 +1865,7 @@ export declare interface IPageLayoutModelElement {
     elements?: IPageModelElement[];
     extendedLayoutId?: string;
     readonly?: boolean;
+    inProcess?: boolean;
     parameters?: Record<string, string>;
 }
 
@@ -1907,6 +1883,7 @@ declare interface IPageLayoutModelElement_2 {
     elements?: IPageModelElement_2[];
     extendedLayoutId?: string;
     readonly?: boolean;
+    inProcess?: boolean;
     parameters?: Record<string, string>;
 }
 
@@ -2014,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 {
@@ -2699,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

@@ -59033,12 +59033,6 @@ const CheckIcon$1 = createSvgIcon(/* @__PURE__ */ jsx("path", {
 const Clear = createSvgIcon(/* @__PURE__ */ jsx("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }));
-const Close = createSvgIcon(/* @__PURE__ */ jsx("path", {
-  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-}));
-const ComputerRounded = createSvgIcon(/* @__PURE__ */ jsx("path", {
-  d: "M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H1c-.55 0-1 .45-1 1s.45 1 1 1h22c.55 0 1-.45 1-1s-.45-1-1-1zM5 6h14c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1H5c-.55 0-1-.45-1-1V7c0-.55.45-1 1-1"
-}));
 const DeleteIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
   d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM8 9h8v10H8zm7.5-5-1-1h-5l-1 1H5v2h14V4z"
 }));
@@ -59068,7 +59062,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" }),
@@ -76683,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 = {};
@@ -85303,8 +85307,16 @@ class ProcessTemplatesLogic extends ComponentLogic {
       { hasSelected: this.$hasSelectedTemplate, isPending: this.reinstallProcessTemplatesFx.pending },
       ({ hasSelected, isPending }) => hasSelected && !isPending
     );
+    this.inProcessChanged = this.domain.event("inProcessChanged");
+    this.$inProcess = this.domain.store(false, { name: "$inProcess" });
   }
   init() {
+    v({
+      clock: this.inProcessChanged,
+      fn: (value) => !!value,
+      target: this.$inProcess
+    });
+    this.inProcessChanged(!!this.options.inProcess);
     v({
       clock: this.processTemplatesLoaded,
       fn: () => ({ ...this.options.value, templates: this.options.value.templates.map((template) => ({ ...template, selected: false })) }),
@@ -85321,9 +85333,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) {
@@ -85336,11 +85353,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);
@@ -85348,9 +85366,7 @@ async function reinstallProcessTemplates({ value, services }) {
     return selectedTemplatesIds;
   }, []);
   const requestData = { timestamp: value.timestamp, templateIds };
-  await processTemplatesController.installProcessTemplates(serviceId, requestData);
-  await messageWindow.showConfirmation(resources.TemplatesReinstalledReloadPageConfirm);
-  location.reload();
+  await processTemplatesController.installProcessTemplates(serviceId, pageId, elementId, requestData);
 }
 function ProcessTemplates(props) {
   const services = React__default.useContext(ServicesContext);
@@ -85359,8 +85375,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 }),
@@ -85391,12 +85408,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;
@@ -88072,6 +88089,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);
@@ -88089,6 +88111,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 });
@@ -127714,8 +127738,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 {
@@ -127922,121 +127946,6 @@ function SectionContentWrapper(props) {
     }) })
   ] });
 }
-var EngineType = /* @__PURE__ */ ((EngineType2) => {
-  EngineType2[EngineType2["MsSQL"] = 0] = "MsSQL";
-  EngineType2[EngineType2["PgSQL"] = 1] = "PgSQL";
-  return EngineType2;
-})(EngineType || {});
-function renderColumn(values2, iconComponent) {
-  const Icon2 = iconComponent;
-  return values2.map((value, index) => /* @__PURE__ */ jsxs("div", { className: "database-selection-modal__value", children: [
-    /* @__PURE__ */ jsx(Icon2, { fontSize: "small", color: "secondary" }),
-    /* @__PURE__ */ jsx(CellTextContent, { content: value, multiline: true })
-  ] }, `${value}-${index}`));
-}
-function DatabaseSelectionModal(props) {
-  const { open, databases, onCancel, onApply, resources } = props;
-  const [selectedIds, setSelectedIds] = useState(/* @__PURE__ */ new Set());
-  useEffect(() => {
-    if (open) {
-      setSelectedIds(/* @__PURE__ */ new Set());
-    }
-  }, [open]);
-  const handleToggle = (id) => {
-    setSelectedIds((prev) => {
-      const next = new Set(prev);
-      if (next.has(id)) {
-        next.delete(id);
-      } else {
-        next.add(id);
-      }
-      return next;
-    });
-  };
-  const handleApply = () => {
-    const selectedItems = databases.filter((database) => selectedIds.has(database.hash));
-    onApply(selectedItems);
-  };
-  const handleKeyDown2 = (event, databaseHash) => {
-    if (event.key === "Enter") {
-      handleToggle(databaseHash);
-    }
-  };
-  const hasDatabases = databases.length > 0;
-  const isApplyDisabled = !hasDatabases || !selectedIds.size;
-  const columns = [resources.Alias, resources.ApplicationServer, resources.SqlServer, ""];
-  return /* @__PURE__ */ jsxs(
-    Dialog$2,
-    {
-      open,
-      onClose: onCancel,
-      fullWidth: true,
-      maxWidth: "md",
-      scroll: "paper",
-      className: "database-selection-modal__dialog",
-      slotProps: { paper: { className: "database-selection-modal__paper" } },
-      children: [
-        /* @__PURE__ */ jsxs(DialogTitle, { variant: "h6", className: "database-selection-modal__title", children: [
-          resources.ConnectDatabase,
-          /* @__PURE__ */ jsx(IconButton$3, { onClick: onCancel, children: /* @__PURE__ */ jsx(Close, {}) })
-        ] }),
-        /* @__PURE__ */ jsxs(DialogContent$2, { className: "database-selection-modal__content", children: [
-          /* @__PURE__ */ jsx(Typography$3, { variant: "body1", className: "database-selection-modal__description", children: resources.SelectDatabasesToConnect }),
-          !hasDatabases ? /* @__PURE__ */ jsx(Typography$3, { variant: "body2", className: "database-selection-modal__empty", children: resources.NoDatabasesAvailableForConnection }) : /* @__PURE__ */ jsx("div", { className: "database-selection-modal__table-wrapper", children: /* @__PURE__ */ jsx(TableContainer, { children: /* @__PURE__ */ jsxs(Table$1, { size: "small", children: [
-            /* @__PURE__ */ jsx(TableHead, { children: columns.map((column) => /* @__PURE__ */ jsx(TableCell$2, { children: column }, column)) }),
-            /* @__PURE__ */ jsx(TableBody$1, { children: databases.map((database) => {
-              const hasError = !!database.error;
-              const isSelected = selectedIds.has(database.hash);
-              const handleRowClick = hasError ? void 0 : () => handleToggle(database.hash);
-              return /* @__PURE__ */ jsx(
-                LightTooltip,
-                {
-                  title: database.error ?? "",
-                  arrow: true,
-                  placement: "top",
-                  disableHoverListener: !hasError,
-                  disableFocusListener: !hasError,
-                  disableTouchListener: !hasError,
-                  children: /* @__PURE__ */ jsxs(
-                    TableRow$1,
-                    {
-                      hover: !hasError,
-                      onClick: handleRowClick,
-                      className: classNames(
-                        "database-selection-modal__row",
-                        { "database-selection-modal__row_error": hasError }
-                      ),
-                      children: [
-                        /* @__PURE__ */ jsx(TableCell$2, { className: "database-selection-modal__cell", width: "30%", children: renderColumn([database.baseName], StorageRounded) }),
-                        /* @__PURE__ */ jsx(TableCell$2, { className: "database-selection-modal__cell", width: "30%", children: renderColumn(database.serverNames, ComputerRounded) }),
-                        /* @__PURE__ */ jsx(CellWithFixedWidth, { content: database.sqlServerName, maxWidth: "30%" }),
-                        /* @__PURE__ */ jsx(TableCell$2, { className: "database-selection-modal__cell", width: "10%", children: /* @__PURE__ */ jsx(
-                          Checkbox$1,
-                          {
-                            checked: isSelected,
-                            onChange: () => handleToggle(database.hash),
-                            onClick: (event) => event.stopPropagation(),
-                            onKeyDown: (event) => handleKeyDown2(event, database.hash),
-                            disabled: hasError
-                          }
-                        ) })
-                      ]
-                    }
-                  )
-                },
-                database.hash
-              );
-            }) })
-          ] }) }) })
-        ] }),
-        /* @__PURE__ */ jsxs(DialogActions$2, { className: "database-selection-modal__actions", children: [
-          /* @__PURE__ */ jsx(Button$3, { onClick: onCancel, color: "primary", children: resources.DialogButton_Cancel }),
-          /* @__PURE__ */ jsx(Button$3, { onClick: handleApply, color: "primary", variant: "contained", disabled: isApplyDisabled, children: resources.DialogButton_Accept })
-        ] })
-      ]
-    }
-  );
-}
 export {
   $AboutSettings,
   $ApplicationSettings,
@@ -128070,7 +127979,6 @@ export {
   DEFAULT_PAGE_SIZE,
   DOCSVISION_CONNECTION_SETTINGS_LAYOUT,
   DashboardConfigurationService,
-  DatabaseSelectionModal,
   DatabaseSettingsCard,
   DateRangeCalendarIcon,
   DateRangeContainer,
@@ -128089,7 +127997,6 @@ export {
   EditorInnerWrapper,
   EditorName,
   EditorWrapper,
-  EngineType,
   ErrorBlock,
   ErrorIcon$1 as ErrorIcon,
   ErrorMessage,
@@ -128119,6 +128026,7 @@ export {
   PageTabPanel,
   PageTable,
   PageTitle,
+  ProcessOverlay,
   ResourcesManagement,
   RouteContentRenderService,
   SavePageStatus,