@cundi/refine-xaf 1.0.4 → 1.0.5

package/dist/index.mjs

@@ -795,6 +795,9 @@ var en = {
       math: "Math (LaTeX)",
       youtube: "YouTube",
       enterYoutubeUrl: "Enter YouTube URL"
+    },
+    drawioEditor: {
+      loading: "Loading diagram editor..."
     }
   },
   common: {
@@ -810,6 +813,7 @@ var en = {
     dashboard: "Dashboard",
     dataTypeExamples: "Data Type Examples",
     tiptapExamples: "Tiptap Examples",
+    drawioExamples: "Drawio Examples",
     users: "Users",
     roles: "Roles",
     settings: "Settings"
@@ -890,6 +894,9 @@ var zhTW = {
       math: "\u6578\u5B78\u516C\u5F0F (LaTeX)",
       youtube: "YouTube \u5F71\u7247",
       enterYoutubeUrl: "\u8F38\u5165 YouTube \u7DB2\u5740"
+    },
+    drawioEditor: {
+      loading: "\u8F09\u5165\u5716\u8868\u7DE8\u8F2F\u5668\u4E2D..."
     }
   },
   common: {
@@ -905,6 +912,7 @@ var zhTW = {
     dashboard: "\u5100\u8868\u677F",
     dataTypeExamples: "\u8CC7\u6599\u985E\u578B\u7BC4\u4F8B",
     tiptapExamples: "Tiptap \u7BC4\u4F8B",
+    drawioExamples: "Drawio \u7BC4\u4F8B",
     users: "\u4F7F\u7528\u8005",
     roles: "\u89D2\u8272",
     settings: "\u8A2D\u5B9A"
@@ -19102,10 +19110,109 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
   );
 };
 
+// src/components/DrawioEditor.tsx
+import React7, { useRef, useState as useState4, useMemo as useMemo2 } from "react";
+import { useTranslation as useTranslation6 } from "react-i18next";
+import { DrawIoEmbed } from "react-drawio";
+import { theme as theme4, Spin } from "antd/lib";
+var mapLanguageToDrawio = (lang) => {
+  const langMap = {
+    "zh-TW": "zh-tw",
+    "zh-CN": "zh",
+    "zh": "zh",
+    "en": "en",
+    "ja": "ja",
+    "ko": "ko",
+    "de": "de",
+    "fr": "fr",
+    "es": "es",
+    "pt": "pt",
+    "ru": "ru"
+  };
+  return langMap[lang] || lang.toLowerCase();
+};
+var DrawioEditor = ({
+  value,
+  onChange,
+  disabled = false,
+  height = 500,
+  autosave = true
+}) => {
+  const { token } = theme4.useToken();
+  const { t, i18n } = useTranslation6();
+  const drawioRef = useRef(null);
+  const [isLoading, setIsLoading] = useState4(true);
+  const drawioLang = useMemo2(() => mapLanguageToDrawio(i18n.language), [i18n.language]);
+  const handleSave = (data) => {
+    if (onChange && data.xml) {
+      onChange(data.xml);
+    }
+  };
+  const handleAutoSave = (data) => {
+    if (onChange && data.xml) {
+      onChange(data.xml);
+    }
+  };
+  const handleLoad = () => {
+    setIsLoading(false);
+  };
+  return /* @__PURE__ */ React7.createElement(
+    "div",
+    {
+      style: {
+        border: `1px solid ${token.colorBorder}`,
+        borderRadius: token.borderRadiusLG,
+        overflow: "hidden",
+        backgroundColor: token.colorBgContainer,
+        position: "relative",
+        height: typeof height === "number" ? `${height}px` : height
+      }
+    },
+    isLoading && /* @__PURE__ */ React7.createElement(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: token.colorBgContainer,
+          zIndex: 10
+        }
+      },
+      /* @__PURE__ */ React7.createElement(Spin, { tip: t("components.drawioEditor.loading", "Loading diagram editor...") })
+    ),
+    /* @__PURE__ */ React7.createElement(
+      DrawIoEmbed,
+      {
+        ref: drawioRef,
+        xml: value,
+        autosave: autosave && !disabled,
+        urlParameters: {
+          ui: "kennedy",
+          spin: true,
+          libraries: true,
+          saveAndExit: false,
+          noSaveBtn: disabled,
+          noExitBtn: true,
+          lang: drawioLang
+        },
+        onLoad: handleLoad,
+        onSave: handleSave,
+        onAutoSave: handleAutoSave
+      }
+    )
+  );
+};
+
 // src/pages/login/index.tsx
-import React7 from "react";
+import React8 from "react";
 import { useLogin, useTranslate } from "@refinedev/core";
-import { Button as Button5, Form as Form4, Input as Input4, Card, Typography as Typography2, Layout as Layout2, theme as theme4, Checkbox as Checkbox2, Divider } from "antd/lib";
+import { Button as Button5, Form as Form4, Input as Input4, Card, Typography as Typography2, Layout as Layout2, theme as theme5, Checkbox as Checkbox2, Divider } from "antd/lib";
 import { ThemedTitle } from "@refinedev/antd";
 import { useNavigate } from "react-router";
 var { Title, Link } = Typography2;
@@ -19114,12 +19221,12 @@ var LoginPage = () => {
   const { mutate: login, isPending } = useLogin();
   const isLoading = isPending;
   const translate = useTranslate();
-  const { token } = theme4.useToken();
+  const { token } = theme5.useToken();
   const navigate = useNavigate();
   const onFinish = async (values) => {
     login(values);
   };
-  return /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React8.createElement(
     Layout2,
     {
       style: {
@@ -19129,14 +19236,14 @@ var LoginPage = () => {
         backgroundColor: token.colorBgContainer
       }
     },
-    /* @__PURE__ */ React7.createElement("div", { style: { marginBottom: "24px" } }, /* @__PURE__ */ React7.createElement(
+    /* @__PURE__ */ React8.createElement("div", { style: { marginBottom: "24px" } }, /* @__PURE__ */ React8.createElement(
       ThemedTitle,
       {
         collapsed: false,
         wrapperStyles: { fontSize: "22px", justifyContent: "center" }
       }
     )),
-    /* @__PURE__ */ React7.createElement(
+    /* @__PURE__ */ React8.createElement(
       Card,
       {
         style: {
@@ -19146,8 +19253,8 @@ var LoginPage = () => {
           boxShadow: "0 4px 24px -4px rgba(0, 0, 0, 0.1)"
         }
       },
-      /* @__PURE__ */ React7.createElement("div", { style: { textAlign: "center", marginBottom: "32px" } }, /* @__PURE__ */ React7.createElement(Title, { level: 3, style: { color: token.colorPrimary, margin: 0 } }, translate("pages.login.title", "Sign in to your account")), /* @__PURE__ */ React7.createElement(Typography2.Text, { type: "secondary", style: { fontSize: "14px", marginTop: "8px", display: "block" } }, "Log in using a local account")),
-      /* @__PURE__ */ React7.createElement(
+      /* @__PURE__ */ React8.createElement("div", { style: { textAlign: "center", marginBottom: "32px" } }, /* @__PURE__ */ React8.createElement(Title, { level: 3, style: { color: token.colorPrimary, margin: 0 } }, translate("pages.login.title", "Sign in to your account")), /* @__PURE__ */ React8.createElement(Typography2.Text, { type: "secondary", style: { fontSize: "14px", marginTop: "8px", display: "block" } }, "Log in using a local account")),
+      /* @__PURE__ */ React8.createElement(
         Form4,
         {
           layout: "vertical",
@@ -19157,7 +19264,7 @@ var LoginPage = () => {
             remember: false
           }
         },
-        /* @__PURE__ */ React7.createElement(
+        /* @__PURE__ */ React8.createElement(
           Form4.Item,
           {
             label: translate("pages.login.fields.username", "Username"),
@@ -19172,9 +19279,9 @@ var LoginPage = () => {
               }
             ]
           },
-          /* @__PURE__ */ React7.createElement(Input4, { size: "large", placeholder: "Username" })
+          /* @__PURE__ */ React8.createElement(Input4, { size: "large", placeholder: "Username" })
         ),
-        /* @__PURE__ */ React7.createElement(
+        /* @__PURE__ */ React8.createElement(
           Form4.Item,
           {
             label: translate("pages.login.fields.password", "Password"),
@@ -19189,9 +19296,9 @@ var LoginPage = () => {
               }
             ]
           },
-          /* @__PURE__ */ React7.createElement(Input4.Password, { size: "large", placeholder: "Password" })
+          /* @__PURE__ */ React8.createElement(Input4.Password, { size: "large", placeholder: "Password" })
         ),
-        /* @__PURE__ */ React7.createElement(
+        /* @__PURE__ */ React8.createElement(
           "div",
           {
             style: {
@@ -19200,8 +19307,8 @@ var LoginPage = () => {
               marginBottom: "24px"
             }
           },
-          /* @__PURE__ */ React7.createElement(Form4.Item, { name: "remember", valuePropName: "checked", noStyle: true }, /* @__PURE__ */ React7.createElement(Checkbox2, null, translate("pages.login.buttons.rememberMe", "Remember me"))),
-          /* @__PURE__ */ React7.createElement(
+          /* @__PURE__ */ React8.createElement(Form4.Item, { name: "remember", valuePropName: "checked", noStyle: true }, /* @__PURE__ */ React8.createElement(Checkbox2, null, translate("pages.login.buttons.rememberMe", "Remember me"))),
+          /* @__PURE__ */ React8.createElement(
             Link,
             {
               onClick: () => {
@@ -19211,7 +19318,7 @@ var LoginPage = () => {
             translate("pages.login.buttons.forgotPassword", "Forgot password?")
           )
         ),
-        /* @__PURE__ */ React7.createElement(Form4.Item, null, /* @__PURE__ */ React7.createElement(
+        /* @__PURE__ */ React8.createElement(Form4.Item, null, /* @__PURE__ */ React8.createElement(
           Button5,
           {
             type: "primary",
@@ -19222,8 +19329,8 @@ var LoginPage = () => {
           },
           translate("pages.login.signin", "Sign in")
         )),
-        /* @__PURE__ */ React7.createElement(Divider, { plain: true }, "or"),
-        /* @__PURE__ */ React7.createElement(
+        /* @__PURE__ */ React8.createElement(Divider, { plain: true }, "or"),
+        /* @__PURE__ */ React8.createElement(
           Button5,
           {
             block: true,
@@ -19238,9 +19345,9 @@ var LoginPage = () => {
 };
 
 // src/pages/login/keycloak.tsx
-import React8 from "react";
+import React9 from "react";
 import { useLogin as useLogin2, useTranslate as useTranslate2 } from "@refinedev/core";
-import { Button as Button6, Card as Card2, Typography as Typography3, Layout as Layout3, theme as theme5, Divider as Divider2 } from "antd/lib";
+import { Button as Button6, Card as Card2, Typography as Typography3, Layout as Layout3, theme as theme6, Divider as Divider2 } from "antd/lib";
 import { ThemedTitle as ThemedTitle2 } from "@refinedev/antd";
 import { useNavigate as useNavigate2 } from "react-router";
 var { Title: Title2 } = Typography3;
@@ -19248,12 +19355,12 @@ var KeycloakLoginPage = () => {
   const { mutate: login, isPending } = useLogin2();
   const isLoading = isPending;
   const translate = useTranslate2();
-  const { token } = theme5.useToken();
+  const { token } = theme6.useToken();
   const navigate = useNavigate2();
   const handleKeycloakLogin = () => {
     login({ provider: "keycloak" });
   };
-  return /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React9.createElement(
     Layout3,
     {
       style: {
@@ -19263,14 +19370,14 @@ var KeycloakLoginPage = () => {
         backgroundColor: token.colorBgContainer
       }
     },
-    /* @__PURE__ */ React8.createElement("div", { style: { marginBottom: "24px" } }, /* @__PURE__ */ React8.createElement(
+    /* @__PURE__ */ React9.createElement("div", { style: { marginBottom: "24px" } }, /* @__PURE__ */ React9.createElement(
       ThemedTitle2,
       {
         collapsed: false,
         wrapperStyles: { fontSize: "22px", justifyContent: "center" }
       }
     )),
-    /* @__PURE__ */ React8.createElement(
+    /* @__PURE__ */ React9.createElement(
       Card2,
       {
         style: {
@@ -19280,8 +19387,8 @@ var KeycloakLoginPage = () => {
           boxShadow: "0 4px 24px -4px rgba(0, 0, 0, 0.1)"
         }
       },
-      /* @__PURE__ */ React8.createElement("div", { style: { textAlign: "center", marginBottom: "32px" } }, /* @__PURE__ */ React8.createElement(Title2, { level: 3, style: { color: token.colorPrimary, margin: 0 } }, translate("pages.login.title", "Sign in to your account")), /* @__PURE__ */ React8.createElement(Typography3.Text, { type: "secondary", style: { fontSize: "14px", marginTop: "8px", display: "block" } }, "Choose your authentication method")),
-      /* @__PURE__ */ React8.createElement(
+      /* @__PURE__ */ React9.createElement("div", { style: { textAlign: "center", marginBottom: "32px" } }, /* @__PURE__ */ React9.createElement(Title2, { level: 3, style: { color: token.colorPrimary, margin: 0 } }, translate("pages.login.title", "Sign in to your account")), /* @__PURE__ */ React9.createElement(Typography3.Text, { type: "secondary", style: { fontSize: "14px", marginTop: "8px", display: "block" } }, "Choose your authentication method")),
+      /* @__PURE__ */ React9.createElement(
         Button6,
         {
           type: "primary",
@@ -19293,8 +19400,8 @@ var KeycloakLoginPage = () => {
         },
         "Sign in with Keycloak"
       ),
-      /* @__PURE__ */ React8.createElement(Divider2, { plain: true }, "or"),
-      /* @__PURE__ */ React8.createElement(
+      /* @__PURE__ */ React9.createElement(Divider2, { plain: true }, "or"),
+      /* @__PURE__ */ React9.createElement(
         Button6,
         {
           block: true,
@@ -19308,14 +19415,14 @@ var KeycloakLoginPage = () => {
 };
 
 // src/pages/auth/AuthCallback.tsx
-import React9, { useEffect as useEffect5, useState as useState4, useRef } from "react";
+import React10, { useEffect as useEffect5, useState as useState5, useRef as useRef2 } from "react";
 import { useLogin as useLogin3 } from "@refinedev/core";
-import { Spin, Result } from "antd";
+import { Spin as Spin2, Result } from "antd";
 var AuthCallback = () => {
   const { mutate: login } = useLogin3();
-  const [error, setError] = useState4(null);
-  const [processing, setProcessing] = useState4(false);
-  const hasProcessed = useRef(false);
+  const [error, setError] = useState5(null);
+  const [processing, setProcessing] = useState5(false);
+  const hasProcessed = useRef2(false);
   useEffect5(() => {
     if (hasProcessed.current || processing) {
       return;
@@ -19359,13 +19466,13 @@ var AuthCallback = () => {
     handleCallback();
   }, [login, processing]);
   if (error) {
-    return /* @__PURE__ */ React9.createElement(
+    return /* @__PURE__ */ React10.createElement(
       Result,
       {
         status: "error",
         title: "Authentication Failed",
         subTitle: error,
-        extra: /* @__PURE__ */ React9.createElement(
+        extra: /* @__PURE__ */ React10.createElement(
           "button",
           {
             onClick: () => window.location.href = "/login",
@@ -19383,7 +19490,7 @@ var AuthCallback = () => {
       }
     );
   }
-  return /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React10.createElement(
     "div",
     {
       style: {
@@ -19395,13 +19502,13 @@ var AuthCallback = () => {
         gap: "16px"
       }
     },
-    /* @__PURE__ */ React9.createElement(Spin, { size: "large" }),
-    /* @__PURE__ */ React9.createElement("p", null, "Completing authentication...")
+    /* @__PURE__ */ React10.createElement(Spin2, { size: "large" }),
+    /* @__PURE__ */ React10.createElement("p", null, "Completing authentication...")
   );
 };
 
 // src/pages/application-users/list.tsx
-import React10, { useState as useState5 } from "react";
+import React11, { useState as useState6 } from "react";
 import { useNotification } from "@refinedev/core";
 import { EditButton, DeleteButton } from "@refinedev/antd";
 import {
@@ -19416,11 +19523,11 @@ import {
 } from "antd/lib";
 import { KeyOutlined, ThunderboltOutlined as ThunderboltOutlined2 } from "@ant-design/icons";
 var ApplicationUserList = () => {
-  const [isModalOpen, setIsModalOpen] = useState5(false);
-  const [selectedUser, setSelectedUser] = useState5(null);
+  const [isModalOpen, setIsModalOpen] = useState6(false);
+  const [selectedUser, setSelectedUser] = useState6(null);
   const [form] = Form5.useForm();
   const { open } = useNotification();
-  const [isLoading, setIsLoading] = useState5(false);
+  const [isLoading, setIsLoading] = useState6(false);
   const handleResetPasswordClick = (user) => {
     setSelectedUser(user);
     setIsModalOpen(true);
@@ -19450,20 +19557,20 @@ var ApplicationUserList = () => {
       setIsLoading(false);
     }
   };
-  return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(
     SmartList,
     {
       searchFields: ["UserName", "DisplayName", "Email"]
     },
-    /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React11.createElement(
       Table4.Column,
       {
         dataIndex: "Photo",
         title: "Photo",
-        render: (value) => value ? /* @__PURE__ */ React10.createElement("img", { src: `data:image/png;base64,${value}`, alt: "User", style: { height: 40, width: 40, objectFit: "cover", borderRadius: "50%" } }) : "-"
+        render: (value) => value ? /* @__PURE__ */ React11.createElement("img", { src: `data:image/png;base64,${value}`, alt: "User", style: { height: 40, width: 40, objectFit: "cover", borderRadius: "50%" } }) : "-"
       }
     ),
-    /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React11.createElement(
       Table4.Column,
       {
         dataIndex: "DisplayName",
@@ -19473,7 +19580,7 @@ var ApplicationUserList = () => {
         defaultVisible: true
       }
     ),
-    /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React11.createElement(
       Table4.Column,
       {
         dataIndex: "UserName",
@@ -19482,7 +19589,7 @@ var ApplicationUserList = () => {
         defaultVisible: true
       }
     ),
-    /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React11.createElement(
       Table4.Column,
       {
         dataIndex: "Email",
@@ -19490,38 +19597,38 @@ var ApplicationUserList = () => {
         sorter: true
       }
     ),
-    /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React11.createElement(
       Table4.Column,
       {
         dataIndex: "IsActive",
         title: "Active",
-        render: (value) => /* @__PURE__ */ React10.createElement(Checkbox3, { checked: value, disabled: true }),
+        render: (value) => /* @__PURE__ */ React11.createElement(Checkbox3, { checked: value, disabled: true }),
         sorter: true
       }
     ),
-    /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React11.createElement(
       Table4.Column,
       {
         dataIndex: "AccessFailedCount",
         title: "Access Failed Count"
       }
     ),
-    /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React11.createElement(
       Table4.Column,
       {
         title: "Actions",
         dataIndex: "actions",
-        render: (_, record) => /* @__PURE__ */ React10.createElement(Space6, null, /* @__PURE__ */ React10.createElement(Tooltip, { title: "Reset Password" }, /* @__PURE__ */ React10.createElement(
+        render: (_, record) => /* @__PURE__ */ React11.createElement(Space6, null, /* @__PURE__ */ React11.createElement(Tooltip, { title: "Reset Password" }, /* @__PURE__ */ React11.createElement(
           Button7,
           {
             size: "small",
-            icon: /* @__PURE__ */ React10.createElement(KeyOutlined, null),
+            icon: /* @__PURE__ */ React11.createElement(KeyOutlined, null),
             onClick: () => handleResetPasswordClick(record)
           }
-        )), /* @__PURE__ */ React10.createElement(EditButton, { hideText: true, size: "small", recordItemId: record.Oid }), /* @__PURE__ */ React10.createElement(DeleteButton, { hideText: true, size: "small", recordItemId: record.Oid }))
+        )), /* @__PURE__ */ React11.createElement(EditButton, { hideText: true, size: "small", recordItemId: record.Oid }), /* @__PURE__ */ React11.createElement(DeleteButton, { hideText: true, size: "small", recordItemId: record.Oid }))
       }
     )
-  ), /* @__PURE__ */ React10.createElement(
+  ), /* @__PURE__ */ React11.createElement(
     Modal3,
     {
       title: `Reset Password for ${selectedUser?.DisplayName || selectedUser?.UserName}`,
@@ -19530,7 +19637,7 @@ var ApplicationUserList = () => {
       onOk: () => form.submit(),
       confirmLoading: isLoading
     },
-    /* @__PURE__ */ React10.createElement(Form5, { form, onFinish: handleResetPasswordSubmit, layout: "vertical" }, /* @__PURE__ */ React10.createElement("div", { style: { display: "flex", gap: 8, alignItems: "flex-end" } }, /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React11.createElement(Form5, { form, onFinish: handleResetPasswordSubmit, layout: "vertical" }, /* @__PURE__ */ React11.createElement("div", { style: { display: "flex", gap: 8, alignItems: "flex-end" } }, /* @__PURE__ */ React11.createElement(
       Form5.Item,
       {
         name: "password",
@@ -19538,18 +19645,18 @@ var ApplicationUserList = () => {
         style: { flex: 1, marginBottom: 0 },
         rules: [{ required: true, message: "Please input the new password!" }]
       },
-      /* @__PURE__ */ React10.createElement(Input5.Password, { placeholder: "Enter new password" })
-    ), /* @__PURE__ */ React10.createElement(Tooltip, { title: "Generate Complex Password" }, /* @__PURE__ */ React10.createElement(Button7, { icon: /* @__PURE__ */ React10.createElement(ThunderboltOutlined2, null), onClick: handleGeneratePassword }))))
+      /* @__PURE__ */ React11.createElement(Input5.Password, { placeholder: "Enter new password" })
+    ), /* @__PURE__ */ React11.createElement(Tooltip, { title: "Generate Complex Password" }, /* @__PURE__ */ React11.createElement(Button7, { icon: /* @__PURE__ */ React11.createElement(ThunderboltOutlined2, null), onClick: handleGeneratePassword }))))
   ));
 };
 
 // src/pages/application-users/create.tsx
-import React11 from "react";
+import React12 from "react";
 import { Create, useForm } from "@refinedev/antd";
 import { Form as Form6, Input as Input6, Checkbox as Checkbox4 } from "antd/lib";
 var ApplicationUserCreate = () => {
   const { formProps, saveButtonProps } = useForm();
-  return /* @__PURE__ */ React11.createElement(Create, { saveButtonProps }, /* @__PURE__ */ React11.createElement(Form6, { ...formProps, layout: "vertical" }, /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React12.createElement(Create, { saveButtonProps }, /* @__PURE__ */ React12.createElement(Form6, { ...formProps, layout: "vertical" }, /* @__PURE__ */ React12.createElement(
     Form6.Item,
     {
       label: "User Name",
@@ -19560,15 +19667,15 @@ var ApplicationUserCreate = () => {
         }
       ]
     },
-    /* @__PURE__ */ React11.createElement(Input6, null)
-  ), /* @__PURE__ */ React11.createElement(
+    /* @__PURE__ */ React12.createElement(Input6, null)
+  ), /* @__PURE__ */ React12.createElement(
     Form6.Item,
     {
       label: "Display Name",
       name: "DisplayName"
     },
-    /* @__PURE__ */ React11.createElement(Input6, null)
-  ), /* @__PURE__ */ React11.createElement(
+    /* @__PURE__ */ React12.createElement(Input6, null)
+  ), /* @__PURE__ */ React12.createElement(
     Form6.Item,
     {
       label: "Email",
@@ -19579,8 +19686,8 @@ var ApplicationUserCreate = () => {
         }
       ]
     },
-    /* @__PURE__ */ React11.createElement(Input6, null)
-  ), /* @__PURE__ */ React11.createElement(
+    /* @__PURE__ */ React12.createElement(Input6, null)
+  ), /* @__PURE__ */ React12.createElement(
     Form6.Item,
     {
       label: "Is Active",
@@ -19588,19 +19695,19 @@ var ApplicationUserCreate = () => {
       valuePropName: "checked",
       initialValue: true
     },
-    /* @__PURE__ */ React11.createElement(Checkbox4, null, "Active")
-  ), /* @__PURE__ */ React11.createElement(
+    /* @__PURE__ */ React12.createElement(Checkbox4, null, "Active")
+  ), /* @__PURE__ */ React12.createElement(
     Form6.Item,
     {
       label: "Photo",
       name: "Photo"
     },
-    /* @__PURE__ */ React11.createElement(Base64Upload, null)
+    /* @__PURE__ */ React12.createElement(Base64Upload, null)
   )));
 };
 
 // src/pages/application-users/edit.tsx
-import React12 from "react";
+import React13 from "react";
 import { Edit, useForm as useForm2, useSelect } from "@refinedev/antd";
 import { Form as Form7, Input as Input7, Checkbox as Checkbox5, Select, App } from "antd/lib";
 var ApplicationUserEdit = () => {
@@ -19643,7 +19750,7 @@ var ApplicationUserEdit = () => {
     const { Roles, ...userValues } = values;
     formProps.onFinish?.(userValues);
   };
-  return /* @__PURE__ */ React12.createElement(Edit, { saveButtonProps }, /* @__PURE__ */ React12.createElement(Form7, { ...formProps, layout: "vertical", onFinish: handleOnFinish }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React13.createElement(Edit, { saveButtonProps }, /* @__PURE__ */ React13.createElement(Form7, { ...formProps, layout: "vertical", onFinish: handleOnFinish }, /* @__PURE__ */ React13.createElement(
     Form7.Item,
     {
       label: "User Name",
@@ -19654,15 +19761,15 @@ var ApplicationUserEdit = () => {
         }
       ]
     },
-    /* @__PURE__ */ React12.createElement(Input7, null)
-  ), /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React13.createElement(Input7, null)
+  ), /* @__PURE__ */ React13.createElement(
     Form7.Item,
     {
       label: "Display Name",
       name: "DisplayName"
     },
-    /* @__PURE__ */ React12.createElement(Input7, null)
-  ), /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React13.createElement(Input7, null)
+  ), /* @__PURE__ */ React13.createElement(
     Form7.Item,
     {
       label: "Email",
@@ -19673,16 +19780,16 @@ var ApplicationUserEdit = () => {
         }
       ]
     },
-    /* @__PURE__ */ React12.createElement(Input7, null)
-  ), /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React13.createElement(Input7, null)
+  ), /* @__PURE__ */ React13.createElement(
     Form7.Item,
     {
       label: "Is Active",
       name: "IsActive",
       valuePropName: "checked"
     },
-    /* @__PURE__ */ React12.createElement(Checkbox5, null, "Active")
-  ), /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React13.createElement(Checkbox5, null, "Active")
+  ), /* @__PURE__ */ React13.createElement(
     Form7.Item,
     {
       label: "Roles",
@@ -19701,49 +19808,49 @@ var ApplicationUserEdit = () => {
         return { value: [] };
       }
     },
-    /* @__PURE__ */ React12.createElement(Select, { ...roleSelectProps, mode: "multiple" })
-  ), /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React13.createElement(Select, { ...roleSelectProps, mode: "multiple" })
+  ), /* @__PURE__ */ React13.createElement(
     Form7.Item,
     {
       label: "Photo",
       name: "Photo"
     },
-    /* @__PURE__ */ React12.createElement(Base64Upload, null)
+    /* @__PURE__ */ React13.createElement(Base64Upload, null)
   )));
 };
 
 // src/pages/roles/list.tsx
-import React13 from "react";
+import React14 from "react";
 import { useTable as useTable2, List as List2, EditButton as EditButton2, DeleteButton as DeleteButton2 } from "@refinedev/antd";
 import { Table as Table5, Space as Space7, Checkbox as Checkbox6 } from "antd/lib";
 var RoleList = () => {
   const { tableProps } = useTable2({
     syncWithLocation: true
   });
-  return /* @__PURE__ */ React13.createElement(List2, null, /* @__PURE__ */ React13.createElement(Table5, { ...tableProps, rowKey: "Oid" }, /* @__PURE__ */ React13.createElement(Table5.Column, { dataIndex: "Name", title: "Name" }), /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React14.createElement(List2, null, /* @__PURE__ */ React14.createElement(Table5, { ...tableProps, rowKey: "Oid" }, /* @__PURE__ */ React14.createElement(Table5.Column, { dataIndex: "Name", title: "Name" }), /* @__PURE__ */ React14.createElement(
     Table5.Column,
     {
       dataIndex: "IsAdministrative",
       title: "Is Administrative",
-      render: (value) => /* @__PURE__ */ React13.createElement(Checkbox6, { checked: value, disabled: true })
+      render: (value) => /* @__PURE__ */ React14.createElement(Checkbox6, { checked: value, disabled: true })
     }
-  ), /* @__PURE__ */ React13.createElement(Table5.Column, { dataIndex: "PermissionPolicy", title: "Permission Policy" }), /* @__PURE__ */ React13.createElement(
+  ), /* @__PURE__ */ React14.createElement(Table5.Column, { dataIndex: "PermissionPolicy", title: "Permission Policy" }), /* @__PURE__ */ React14.createElement(
     Table5.Column,
     {
       title: "Actions",
       dataIndex: "actions",
-      render: (_, record) => /* @__PURE__ */ React13.createElement(Space7, null, /* @__PURE__ */ React13.createElement(EditButton2, { hideText: true, size: "small", recordItemId: record.Oid }), /* @__PURE__ */ React13.createElement(DeleteButton2, { hideText: true, size: "small", recordItemId: record.Oid }))
+      render: (_, record) => /* @__PURE__ */ React14.createElement(Space7, null, /* @__PURE__ */ React14.createElement(EditButton2, { hideText: true, size: "small", recordItemId: record.Oid }), /* @__PURE__ */ React14.createElement(DeleteButton2, { hideText: true, size: "small", recordItemId: record.Oid }))
     }
   )));
 };
 
 // src/pages/roles/create.tsx
-import React15 from "react";
+import React16 from "react";
 import { Create as Create2, useForm as useForm3 } from "@refinedev/antd";
 import { Form as Form9, Input as Input8, Checkbox as Checkbox7, Select as Select3 } from "antd/lib";
 
 // src/pages/roles/TypePermissionList.tsx
-import React14 from "react";
+import React15 from "react";
 import { Form as Form8, Select as Select2, Table as Table6 } from "antd/lib";
 import { useTable as useTable3 } from "@refinedev/antd";
 
@@ -19772,7 +19879,7 @@ var useModelTypes = () => {
 };
 
 // src/pages/roles/TypePermissionList.tsx
-var PermissionSelect = (props) => /* @__PURE__ */ React14.createElement(
+var PermissionSelect = (props) => /* @__PURE__ */ React15.createElement(
   Select2,
   {
     ...props,
@@ -19784,14 +19891,14 @@ var PermissionSelect = (props) => /* @__PURE__ */ React14.createElement(
   }
 );
 var TypePermissionFormFields = ({ typeOptions }) => {
-  return /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(
     Form8.Item,
     {
       label: "Target Type",
       name: "TargetTypeFullName",
       rules: [{ required: true }]
     },
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       Select2,
       {
         showSearch: true,
@@ -19799,7 +19906,7 @@ var TypePermissionFormFields = ({ typeOptions }) => {
         filterOption: (input, option) => (option?.label ?? "").toLowerCase().includes(input.toLowerCase())
       }
     )
-  ), /* @__PURE__ */ React14.createElement(Form8.Item, { label: "Read State", name: "ReadState" }, /* @__PURE__ */ React14.createElement(PermissionSelect, null)), /* @__PURE__ */ React14.createElement(Form8.Item, { label: "Write State", name: "WriteState" }, /* @__PURE__ */ React14.createElement(PermissionSelect, null)), /* @__PURE__ */ React14.createElement(Form8.Item, { label: "Create State", name: "CreateState" }, /* @__PURE__ */ React14.createElement(PermissionSelect, null)), /* @__PURE__ */ React14.createElement(Form8.Item, { label: "Delete State", name: "DeleteState" }, /* @__PURE__ */ React14.createElement(PermissionSelect, null)));
+  ), /* @__PURE__ */ React15.createElement(Form8.Item, { label: "Read State", name: "ReadState" }, /* @__PURE__ */ React15.createElement(PermissionSelect, null)), /* @__PURE__ */ React15.createElement(Form8.Item, { label: "Write State", name: "WriteState" }, /* @__PURE__ */ React15.createElement(PermissionSelect, null)), /* @__PURE__ */ React15.createElement(Form8.Item, { label: "Create State", name: "CreateState" }, /* @__PURE__ */ React15.createElement(PermissionSelect, null)), /* @__PURE__ */ React15.createElement(Form8.Item, { label: "Delete State", name: "DeleteState" }, /* @__PURE__ */ React15.createElement(PermissionSelect, null)));
 };
 var TypePermissionList = ({ masterId }) => {
   const { data: modelTypes } = useModelTypes();
@@ -19819,17 +19926,17 @@ var TypePermissionList = ({ masterId }) => {
       mode: "off"
     }
   });
-  const typeOptions = React14.useMemo(() => modelTypes?.filter((t) => t.IsCreatable && !t.IsDeprecated).map((t) => ({ label: t.Caption, value: t.Name })) || [], [modelTypes]);
-  const FormFieldsWrapper = React14.useMemo(() => {
-    return ({ mode }) => /* @__PURE__ */ React14.createElement(TypePermissionFormFields, { typeOptions });
+  const typeOptions = React15.useMemo(() => modelTypes?.filter((t) => t.IsCreatable && !t.IsDeprecated).map((t) => ({ label: t.Caption, value: t.Name })) || [], [modelTypes]);
+  const FormFieldsWrapper = React15.useMemo(() => {
+    return ({ mode }) => /* @__PURE__ */ React15.createElement(TypePermissionFormFields, { typeOptions });
   }, [typeOptions]);
-  const dataSource = React14.useMemo(() => {
+  const dataSource = React15.useMemo(() => {
     return (tableProps.dataSource || []).map((p) => ({
       ...p,
       TargetType: p.TargetType || p.TargetTypeFullName || ""
     }));
   }, [tableProps.dataSource]);
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React15.createElement(
     RelatedList,
     {
       resource: "PermissionPolicyTypePermissionObject",
@@ -19840,7 +19947,7 @@ var TypePermissionList = ({ masterId }) => {
       modalTitle: "Type Permission",
       FormFields: FormFieldsWrapper
     },
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       Table6.Column,
       {
         dataIndex: "TargetType",
@@ -19848,10 +19955,10 @@ var TypePermissionList = ({ masterId }) => {
         render: (value) => typeOptions.find((t) => t.value === value)?.label || value
       }
     ),
-    /* @__PURE__ */ React14.createElement(Table6.Column, { dataIndex: "ReadState", title: "Read" }),
-    /* @__PURE__ */ React14.createElement(Table6.Column, { dataIndex: "WriteState", title: "Write" }),
-    /* @__PURE__ */ React14.createElement(Table6.Column, { dataIndex: "CreateState", title: "Create" }),
-    /* @__PURE__ */ React14.createElement(Table6.Column, { dataIndex: "DeleteState", title: "Delete" })
+    /* @__PURE__ */ React15.createElement(Table6.Column, { dataIndex: "ReadState", title: "Read" }),
+    /* @__PURE__ */ React15.createElement(Table6.Column, { dataIndex: "WriteState", title: "Write" }),
+    /* @__PURE__ */ React15.createElement(Table6.Column, { dataIndex: "CreateState", title: "Create" }),
+    /* @__PURE__ */ React15.createElement(Table6.Column, { dataIndex: "DeleteState", title: "Delete" })
   );
 };
 
@@ -19862,7 +19969,7 @@ var RoleCreate = () => {
   const handleSave = () => {
     form.submit();
   };
-  return /* @__PURE__ */ React15.createElement(Create2, { saveButtonProps: { ...saveButtonProps, onClick: handleSave } }, /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React16.createElement(Create2, { saveButtonProps: { ...saveButtonProps, onClick: handleSave } }, /* @__PURE__ */ React16.createElement(
     Form9,
     {
       ...formProps,
@@ -19872,25 +19979,25 @@ var RoleCreate = () => {
         return formProps.onFinish && formProps.onFinish(values);
       }
     },
-    /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React16.createElement(
       Form9.Item,
       {
         label: "Name",
         name: "Name",
         rules: [{ required: true }]
       },
-      /* @__PURE__ */ React15.createElement(Input8, null)
+      /* @__PURE__ */ React16.createElement(Input8, null)
     ),
-    /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React16.createElement(
       Form9.Item,
       {
         label: "Is Administrative",
         name: "IsAdministrative",
         valuePropName: "checked"
       },
-      /* @__PURE__ */ React15.createElement(Checkbox7, null, "Is Administrative")
+      /* @__PURE__ */ React16.createElement(Checkbox7, null, "Is Administrative")
     ),
-    /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React16.createElement(
       Form9.Item,
       {
         label: "Permission Policy",
@@ -19898,7 +20005,7 @@ var RoleCreate = () => {
         initialValue: "DenyAllByDefault" /* DenyAllByDefault */,
         rules: [{ required: true }]
       },
-      /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React16.createElement(
         Select3,
         {
           options: [
@@ -19909,12 +20016,12 @@ var RoleCreate = () => {
         }
       )
     ),
-    /* @__PURE__ */ React15.createElement(TypePermissionList, null)
+    /* @__PURE__ */ React16.createElement(TypePermissionList, null)
   ));
 };
 
 // src/pages/roles/edit.tsx
-import React16 from "react";
+import React17 from "react";
 import { Edit as Edit2, useForm as useForm4 } from "@refinedev/antd";
 import { Form as Form10, Input as Input9, Checkbox as Checkbox8, Select as Select4 } from "antd/lib";
 var RoleEdit = () => {
@@ -19922,7 +20029,7 @@ var RoleEdit = () => {
   const handleSave = () => {
     formProps.form?.submit();
   };
-  return /* @__PURE__ */ React16.createElement(Edit2, { saveButtonProps: { ...saveButtonProps, onClick: handleSave } }, /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React17.createElement(Edit2, { saveButtonProps: { ...saveButtonProps, onClick: handleSave } }, /* @__PURE__ */ React17.createElement(
     Form10,
     {
       ...formProps,
@@ -19932,32 +20039,32 @@ var RoleEdit = () => {
         return formProps.onFinish && formProps.onFinish(rest);
       }
     },
-    /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React17.createElement(
       Form10.Item,
       {
         label: "Name",
         name: "Name",
         rules: [{ required: true }]
       },
-      /* @__PURE__ */ React16.createElement(Input9, null)
+      /* @__PURE__ */ React17.createElement(Input9, null)
     ),
-    /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React17.createElement(
       Form10.Item,
       {
         label: "Is Administrative",
         name: "IsAdministrative",
         valuePropName: "checked"
       },
-      /* @__PURE__ */ React16.createElement(Checkbox8, null, "Is Administrative")
+      /* @__PURE__ */ React17.createElement(Checkbox8, null, "Is Administrative")
     ),
-    /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React17.createElement(
       Form10.Item,
       {
         label: "Permission Policy",
         name: "PermissionPolicy",
         rules: [{ required: true }]
       },
-      /* @__PURE__ */ React16.createElement(
+      /* @__PURE__ */ React17.createElement(
         Select4,
         {
           options: [
@@ -19968,7 +20075,7 @@ var RoleEdit = () => {
         }
       )
     ),
-    /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React17.createElement(
       TypePermissionList,
       {
         masterId: id?.toString()
@@ -19984,6 +20091,7 @@ export {
   Base64Upload,
   ColorModeContext,
   ColorModeContextProvider,
+  DrawioEditor,
   Header,
   HttpError,
   KeycloakLoginPage,