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

package/index.d.ts

@@ -494,6 +494,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";
@@ -587,6 +589,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;
@@ -1205,6 +1212,16 @@ 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;
@@ -1235,6 +1252,14 @@ 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;

package/index.js

@@ -59033,6 +59033,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"
 }));
@@ -127916,6 +127922,121 @@ 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,
@@ -127949,6 +128070,7 @@ export {
   DEFAULT_PAGE_SIZE,
   DOCSVISION_CONNECTION_SETTINGS_LAYOUT,
   DashboardConfigurationService,
+  DatabaseSelectionModal,
   DatabaseSettingsCard,
   DateRangeCalendarIcon,
   DateRangeContainer,
@@ -127967,6 +128089,7 @@ export {
   EditorInnerWrapper,
   EditorName,
   EditorWrapper,
+  EngineType,
   ErrorBlock,
   ErrorIcon$1 as ErrorIcon,
   ErrorMessage,