@docsvision/management-console 6.2.0-beta.1 → 6.2.0-beta.2

package/index.d.ts

@@ -481,6 +481,8 @@ 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";
@@ -572,6 +574,11 @@ 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;
@@ -1186,6 +1193,16 @@ declare enum IDatabaseMasterState {
     ProcessFinished = 2
 }
 
+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;
@@ -1214,6 +1231,14 @@ declare interface IDatabasesController extends Service {
     libraries(serviceId: string, databaseAlias: string): Promise<IScriptGenerationModel>
 }
 
+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;

package/index.js

@@ -58985,6 +58985,12 @@ 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"
 }));
@@ -85676,6 +85682,12 @@ class RouteContentRenderService {
       } catch (error) {
         console.error(error);
       }
+      const { route } = this.application.routingService.getLastRouteResolvedParams() || {};
+      const currentPath = route?.path;
+      if (currentPath !== path) {
+        this.application.logService.trace(`Skip rendering stale route ${path}`);
+        return;
+      }
       if (contentComponent) this.setContentComponent(contentComponent);
     };
     const router = this.application.routingService.getInternalRouterInstance();
@@ -127122,6 +127134,111 @@ 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(Typography$3, { variant: "body2", children: value })
+  ] }, `${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 hasDatabases = databases.length > 0;
+  const isApplyDisabled = !hasDatabases || !selectedIds.size;
+  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__ */ jsx(Table$1, { size: "small", children: /* @__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(TableCell$2, { className: "database-selection-modal__cell", width: "30%", children: database.sqlServerName }),
+                      /* @__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(),
+                          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,
@@ -127155,6 +127272,7 @@ export {
   DEFAULT_PAGE_SIZE,
   DOCSVISION_CONNECTION_SETTINGS_LAYOUT,
   DashboardConfigurationService,
+  DatabaseSelectionModal,
   DatabaseSettingsCard,
   DateRangeCalendarIcon,
   DateRangeContainer,
@@ -127172,6 +127290,7 @@ export {
   EditorInnerWrapper,
   EditorName,
   EditorWrapper,
+  EngineType,
   ErrorBlock,
   ErrorIcon$1 as ErrorIcon,
   ErrorMessage,