@cundi/refine-xaf 1.0.4 → 1.0.6

package/README.md

@@ -11,6 +11,7 @@ This is an SDK integrating XAF backend with Refine frontend, including core logi
     - `LoginPage`: Standard login page.
     - `SmartList`, `RelatedList`: Highly encapsulated generic list and detail components. (**Note**: To use `defaultVisible` prop, import `@cundi/refine-xaf/dist/antd-column-ext` in your app entry)
     - `TiptapEditor`: Rich text editor with support for Images, Tables, Tasks, Math (LaTeX), YouTube, Emoji, Highlight, and Text Color.
+    - `DrawioEditor`: Draw.io diagram editor with i18n language sync support.
     - `ApplicationUser`: Complete user management (List, Create, Edit, Role Assignment).
     - `PermissionPolicyRole`: Complete role and permission management.
 
@@ -260,6 +261,32 @@ export const DemoObjectCreate = () => {
 };
 ```
 
+### DrawioEditor Usage
+
+Use the `DrawioEditor` component for Draw.io diagram editing with automatic i18n language synchronization.
+
+```tsx
+import { DrawioEditor } from "@cundi/refine-xaf";
+import { Form } from "antd";
+
+// Basic usage in a form
+<Form.Item
+    label="Diagram"
+    name={["DiagramXml"]}
+    trigger="onChange"
+    getValueFromEvent={(value) => value}
+>
+    <DrawioEditor height={600} />
+</Form.Item>
+
+// Props:
+// - value?: string          - XML format diagram data
+// - onChange?: (xml) => void - Callback when content changes
+// - disabled?: boolean      - Read-only mode (hides save button)
+// - height?: number|string  - Editor height (default: 500)
+// - autosave?: boolean      - Enable autosave (default: true)
+```
+
 ## Development and Publishing
 
 1. **Install Dependencies**: `npm install`
@@ -299,7 +326,20 @@ console.log(claims.sub, claims.exp);
 
 ## Changelog
 
-### v1.0.2 (Latest)
+### v1.0.5 (Latest)
+- Added `DrawioEditor` component for Draw.io diagram editing
+- DrawioEditor supports automatic i18n language synchronization
+- Added `react-drawio` dependency
+
+### v1.0.4
+- Fixed `refineXafTranslations` export (was missing from main index)
+- Fixed i18n translations for dashboard page
+
+### v1.0.3
+- Added Dashboard page translations
+- Fixed internationalization in template
+
+### v1.0.2
 - Fixed `defaultVisible` type definition for `SmartList`. Consumers must add `import "@cundi/refine-xaf/dist/antd-column-ext";` to their entry file (e.g., `App.tsx`) to enable this feature.
 
 ### v1.0.1

package/dist/index.d.mts

@@ -271,6 +271,9 @@ declare const refineXafTranslations: {
                 youtube: string;
                 enterYoutubeUrl: string;
             };
+            drawioEditor: {
+                loading: string;
+            };
         };
         common: {
             actions: {
@@ -285,9 +288,61 @@ declare const refineXafTranslations: {
             dashboard: string;
             dataTypeExamples: string;
             tiptapExamples: string;
+            drawioExamples: string;
             users: string;
             roles: string;
             settings: string;
+            backgroundJobs: string;
+        };
+        backgroundJobs: {
+            title: string;
+            tabs: {
+                recurring: string;
+                succeeded: string;
+                failed: string;
+                processing: string;
+            };
+            columns: {
+                id: string;
+                jobId: string;
+                jobName: string;
+                cron: string;
+                queue: string;
+                nextExecution: string;
+                lastState: string;
+                succeededAt: string;
+                failedAt: string;
+                startedAt: string;
+                duration: string;
+                exception: string;
+                serverId: string;
+                actions: string;
+            };
+            status: {
+                succeeded: string;
+                failed: string;
+                processing: string;
+                scheduled: string;
+                unknown: string;
+            };
+            actions: {
+                trigger: string;
+                delete: string;
+                triggerSuccess: string;
+                deleteSuccess: string;
+                triggerError: string;
+                deleteError: string;
+            };
+            drawer: {
+                title: string;
+                jobName: string;
+                createdAt: string;
+                history: string;
+                state: string;
+                reason: string;
+                data: string;
+                noData: string;
+            };
         };
     };
     "zh-TW": {
@@ -366,6 +421,9 @@ declare const refineXafTranslations: {
                 youtube: string;
                 enterYoutubeUrl: string;
             };
+            drawioEditor: {
+                loading: string;
+            };
         };
         common: {
             actions: {
@@ -380,9 +438,61 @@ declare const refineXafTranslations: {
             dashboard: string;
             dataTypeExamples: string;
             tiptapExamples: string;
+            drawioExamples: string;
             users: string;
             roles: string;
             settings: string;
+            backgroundJobs: string;
+        };
+        backgroundJobs: {
+            title: string;
+            tabs: {
+                recurring: string;
+                succeeded: string;
+                failed: string;
+                processing: string;
+            };
+            columns: {
+                id: string;
+                jobId: string;
+                jobName: string;
+                cron: string;
+                queue: string;
+                nextExecution: string;
+                lastState: string;
+                succeededAt: string;
+                failedAt: string;
+                startedAt: string;
+                duration: string;
+                exception: string;
+                serverId: string;
+                actions: string;
+            };
+            status: {
+                succeeded: string;
+                failed: string;
+                processing: string;
+                scheduled: string;
+                unknown: string;
+            };
+            actions: {
+                trigger: string;
+                delete: string;
+                triggerSuccess: string;
+                deleteSuccess: string;
+                triggerError: string;
+                deleteError: string;
+            };
+            drawer: {
+                title: string;
+                jobName: string;
+                createdAt: string;
+                history: string;
+                state: string;
+                reason: string;
+                data: string;
+                noData: string;
+            };
         };
     };
 };
@@ -428,6 +538,20 @@ interface TiptapEditorProps {
 }
 declare const TiptapEditor: React.FC<TiptapEditorProps>;
 
+interface DrawioEditorProps {
+    /** XML format diagram data */
+    value?: string;
+    /** Callback when diagram content changes */
+    onChange?: (value: string) => void;
+    /** Whether the editor is disabled (read-only mode) */
+    disabled?: boolean;
+    /** Height of the editor, default is 500 */
+    height?: number | string;
+    /** Enable autosave feature */
+    autosave?: boolean;
+}
+declare const DrawioEditor: React.FC<DrawioEditorProps>;
+
 declare const LoginPage: React.FC;
 
 declare const KeycloakLoginPage: React.FC;
@@ -450,6 +574,21 @@ declare const RoleCreate: React.FC<IResourceComponentsProps>;
 
 declare const RoleEdit: React.FC<IResourceComponentsProps>;
 
+/**
+ * Props for the BackgroundJobList component.
+ */
+interface BackgroundJobListProps {
+    /** Custom title for the list page */
+    title?: string;
+    /** Base API URL (defaults to useApiUrl() without /odata) */
+    apiUrl?: string;
+}
+/**
+ * A reusable component for managing Hangfire background jobs.
+ * Displays recurring jobs, succeeded jobs, failed jobs, and processing jobs.
+ */
+declare const BackgroundJobList: React.FC<BackgroundJobListProps>;
+
 type ColorModeContextType = {
     mode: "light" | "dark";
     setMode: (mode: "light" | "dark") => void;
@@ -468,4 +607,4 @@ interface IModelType {
 }
 declare const useModelTypes: () => _tanstack_react_query.UseQueryResult<IModelType[], Error>;
 
-export { ApplicationUserCreate, ApplicationUserEdit, ApplicationUserList, AuthCallback, Base64Upload, ColorModeContext, ColorModeContextProvider, Header, HttpError, type IApplicationUser, type IJwtClaims, type IModelType, type IPermissionPolicyRole, type IPermissionPolicyTypePermissionObject, type IXafEntity, KeycloakLoginPage, type KeycloakTokenResponse, LoginPage, RelatedList, type RequestOptions, RoleCreate, RoleEdit, RoleList, SecurityPermissionPolicy, SecurityPermissionState, SmartList, TOKEN_KEY, TiptapEditor, type TiptapEditorProps, authProvider, authService, dataProvider, generatePassword, getBaseUrl, httpClient, keycloakService, parseJwt, refineXafTranslations, useColorMode, useModelTypes, validatePasswordStrength };
+export { ApplicationUserCreate, ApplicationUserEdit, ApplicationUserList, AuthCallback, BackgroundJobList, type BackgroundJobListProps, Base64Upload, ColorModeContext, ColorModeContextProvider, DrawioEditor, type DrawioEditorProps, Header, HttpError, type IApplicationUser, type IJwtClaims, type IModelType, type IPermissionPolicyRole, type IPermissionPolicyTypePermissionObject, type IXafEntity, KeycloakLoginPage, type KeycloakTokenResponse, LoginPage, RelatedList, type RequestOptions, RoleCreate, RoleEdit, RoleList, SecurityPermissionPolicy, SecurityPermissionState, SmartList, TOKEN_KEY, TiptapEditor, type TiptapEditorProps, authProvider, authService, dataProvider, generatePassword, getBaseUrl, httpClient, keycloakService, parseJwt, refineXafTranslations, useColorMode, useModelTypes, validatePasswordStrength };

package/dist/index.d.ts

@@ -271,6 +271,9 @@ declare const refineXafTranslations: {
                 youtube: string;
                 enterYoutubeUrl: string;
             };
+            drawioEditor: {
+                loading: string;
+            };
         };
         common: {
             actions: {
@@ -285,9 +288,61 @@ declare const refineXafTranslations: {
             dashboard: string;
             dataTypeExamples: string;
             tiptapExamples: string;
+            drawioExamples: string;
             users: string;
             roles: string;
             settings: string;
+            backgroundJobs: string;
+        };
+        backgroundJobs: {
+            title: string;
+            tabs: {
+                recurring: string;
+                succeeded: string;
+                failed: string;
+                processing: string;
+            };
+            columns: {
+                id: string;
+                jobId: string;
+                jobName: string;
+                cron: string;
+                queue: string;
+                nextExecution: string;
+                lastState: string;
+                succeededAt: string;
+                failedAt: string;
+                startedAt: string;
+                duration: string;
+                exception: string;
+                serverId: string;
+                actions: string;
+            };
+            status: {
+                succeeded: string;
+                failed: string;
+                processing: string;
+                scheduled: string;
+                unknown: string;
+            };
+            actions: {
+                trigger: string;
+                delete: string;
+                triggerSuccess: string;
+                deleteSuccess: string;
+                triggerError: string;
+                deleteError: string;
+            };
+            drawer: {
+                title: string;
+                jobName: string;
+                createdAt: string;
+                history: string;
+                state: string;
+                reason: string;
+                data: string;
+                noData: string;
+            };
         };
     };
     "zh-TW": {
@@ -366,6 +421,9 @@ declare const refineXafTranslations: {
                 youtube: string;
                 enterYoutubeUrl: string;
             };
+            drawioEditor: {
+                loading: string;
+            };
         };
         common: {
             actions: {
@@ -380,9 +438,61 @@ declare const refineXafTranslations: {
             dashboard: string;
             dataTypeExamples: string;
             tiptapExamples: string;
+            drawioExamples: string;
             users: string;
             roles: string;
             settings: string;
+            backgroundJobs: string;
+        };
+        backgroundJobs: {
+            title: string;
+            tabs: {
+                recurring: string;
+                succeeded: string;
+                failed: string;
+                processing: string;
+            };
+            columns: {
+                id: string;
+                jobId: string;
+                jobName: string;
+                cron: string;
+                queue: string;
+                nextExecution: string;
+                lastState: string;
+                succeededAt: string;
+                failedAt: string;
+                startedAt: string;
+                duration: string;
+                exception: string;
+                serverId: string;
+                actions: string;
+            };
+            status: {
+                succeeded: string;
+                failed: string;
+                processing: string;
+                scheduled: string;
+                unknown: string;
+            };
+            actions: {
+                trigger: string;
+                delete: string;
+                triggerSuccess: string;
+                deleteSuccess: string;
+                triggerError: string;
+                deleteError: string;
+            };
+            drawer: {
+                title: string;
+                jobName: string;
+                createdAt: string;
+                history: string;
+                state: string;
+                reason: string;
+                data: string;
+                noData: string;
+            };
         };
     };
 };
@@ -428,6 +538,20 @@ interface TiptapEditorProps {
 }
 declare const TiptapEditor: React.FC<TiptapEditorProps>;
 
+interface DrawioEditorProps {
+    /** XML format diagram data */
+    value?: string;
+    /** Callback when diagram content changes */
+    onChange?: (value: string) => void;
+    /** Whether the editor is disabled (read-only mode) */
+    disabled?: boolean;
+    /** Height of the editor, default is 500 */
+    height?: number | string;
+    /** Enable autosave feature */
+    autosave?: boolean;
+}
+declare const DrawioEditor: React.FC<DrawioEditorProps>;
+
 declare const LoginPage: React.FC;
 
 declare const KeycloakLoginPage: React.FC;
@@ -450,6 +574,21 @@ declare const RoleCreate: React.FC<IResourceComponentsProps>;
 
 declare const RoleEdit: React.FC<IResourceComponentsProps>;
 
+/**
+ * Props for the BackgroundJobList component.
+ */
+interface BackgroundJobListProps {
+    /** Custom title for the list page */
+    title?: string;
+    /** Base API URL (defaults to useApiUrl() without /odata) */
+    apiUrl?: string;
+}
+/**
+ * A reusable component for managing Hangfire background jobs.
+ * Displays recurring jobs, succeeded jobs, failed jobs, and processing jobs.
+ */
+declare const BackgroundJobList: React.FC<BackgroundJobListProps>;
+
 type ColorModeContextType = {
     mode: "light" | "dark";
     setMode: (mode: "light" | "dark") => void;
@@ -468,4 +607,4 @@ interface IModelType {
 }
 declare const useModelTypes: () => _tanstack_react_query.UseQueryResult<IModelType[], Error>;
 
-export { ApplicationUserCreate, ApplicationUserEdit, ApplicationUserList, AuthCallback, Base64Upload, ColorModeContext, ColorModeContextProvider, Header, HttpError, type IApplicationUser, type IJwtClaims, type IModelType, type IPermissionPolicyRole, type IPermissionPolicyTypePermissionObject, type IXafEntity, KeycloakLoginPage, type KeycloakTokenResponse, LoginPage, RelatedList, type RequestOptions, RoleCreate, RoleEdit, RoleList, SecurityPermissionPolicy, SecurityPermissionState, SmartList, TOKEN_KEY, TiptapEditor, type TiptapEditorProps, authProvider, authService, dataProvider, generatePassword, getBaseUrl, httpClient, keycloakService, parseJwt, refineXafTranslations, useColorMode, useModelTypes, validatePasswordStrength };
+export { ApplicationUserCreate, ApplicationUserEdit, ApplicationUserList, AuthCallback, BackgroundJobList, type BackgroundJobListProps, Base64Upload, ColorModeContext, ColorModeContextProvider, DrawioEditor, type DrawioEditorProps, Header, HttpError, type IApplicationUser, type IJwtClaims, type IModelType, type IPermissionPolicyRole, type IPermissionPolicyTypePermissionObject, type IXafEntity, KeycloakLoginPage, type KeycloakTokenResponse, LoginPage, RelatedList, type RequestOptions, RoleCreate, RoleEdit, RoleList, SecurityPermissionPolicy, SecurityPermissionState, SmartList, TOKEN_KEY, TiptapEditor, type TiptapEditorProps, authProvider, authService, dataProvider, generatePassword, getBaseUrl, httpClient, keycloakService, parseJwt, refineXafTranslations, useColorMode, useModelTypes, validatePasswordStrength };