@object-ui/plugin-workflow 0.1.0 → 3.0.0

package/README.md

@@ -0,0 +1,112 @@
+# @object-ui/plugin-workflow
+
+Workflow and approval components for Object UI — visual workflow designer and approval process handler.
+
+## Features
+
+- 🔀 **Workflow Designer** - Visual workflow builder with drag-and-drop nodes and edges
+- ✅ **Approval Process** - Multi-step approval handling with history and comments
+- 🗺️ **Minimap** - Overview minimap for complex workflows
+- 🛠️ **Toolbar** - Built-in toolbar for node creation and editing
+- 📜 **Approval History** - View full approval chain and decision history
+- 💬 **Comments** - Add comments to approval steps
+- 📦 **Auto-registered** - Components register with `ComponentRegistry` on import
+
+## Installation
+
+```bash
+npm install @object-ui/plugin-workflow
+```
+
+**Peer Dependencies:**
+- `react` ^18.0.0 || ^19.0.0
+- `react-dom` ^18.0.0 || ^19.0.0
+- `@object-ui/core`
+
+## Quick Start
+
+```tsx
+import { WorkflowDesigner, ApprovalProcess } from '@object-ui/plugin-workflow';
+
+function WorkflowEditor() {
+  return (
+    <WorkflowDesigner
+      workflow={workflowDefinition}
+      showToolbar
+      showMinimap
+      readOnly={false}
+    />
+  );
+}
+
+function ApprovalView() {
+  return (
+    <ApprovalProcess
+      workflowId="wf-001"
+      instanceId="inst-001"
+      currentNodeId="review-step"
+      showHistory
+      showComments
+    />
+  );
+}
+```
+
+## API
+
+### WorkflowDesigner
+
+Visual workflow builder with nodes, edges, and conditions:
+
+```tsx
+<WorkflowDesigner
+  workflow={workflowDefinition}
+  readOnly={false}
+  showToolbar
+  showMinimap={false}
+/>
+```
+
+### ApprovalProcess
+
+Approval process handler with history and actions:
+
+```tsx
+<ApprovalProcess
+  workflowId="wf-001"
+  instanceId="inst-001"
+  currentNodeId="manager-approval"
+  approvalRule={approvalRuleConfig}
+  history={approvalHistory}
+  showHistory
+  showComments
+/>
+```
+
+### Schema-Driven Usage
+
+Components auto-register with `ComponentRegistry`:
+
+```json
+{
+  "type": "workflow-designer",
+  "workflow": { "nodes": [], "edges": [] },
+  "showToolbar": true,
+  "showMinimap": false
+}
+```
+
+```json
+{
+  "type": "approval-process",
+  "workflowId": "wf-001",
+  "instanceId": "inst-001",
+  "currentNodeId": "review-step",
+  "showHistory": true,
+  "showComments": true
+}
+```
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export * from './src/index'
+export * from './plugin-workflow/src/index'
 export {}

package/dist/{src → plugin-workflow/src}/ApprovalProcess.d.ts

@@ -8,4 +8,3 @@ export interface ApprovalProcessProps {
  * Shows current approval status, history, and action buttons for pending approvals.
  */
 export declare const ApprovalProcess: React.FC<ApprovalProcessProps>;
-//# sourceMappingURL=ApprovalProcess.d.ts.map

package/dist/{src → plugin-workflow/src}/WorkflowDesigner.d.ts

@@ -8,4 +8,3 @@ export interface WorkflowDesignerProps {
  * Provides a visual interface for creating and editing workflow definitions.
  */
 export declare const WorkflowDesigner: React.FC<WorkflowDesignerProps>;
-//# sourceMappingURL=WorkflowDesigner.d.ts.map

package/dist/{src → plugin-workflow/src}/index.d.ts

@@ -1,4 +1,3 @@
 import { WorkflowDesigner } from './WorkflowDesigner';
 import { ApprovalProcess } from './ApprovalProcess';
 export { WorkflowDesigner, ApprovalProcess };
-//# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/plugin-workflow",
-  "version": "0.1.0",
+  "version": "3.0.0",
   "type": "module",
   "main": "dist/index.umd.cjs",
   "module": "dist/index.js",
@@ -18,21 +18,21 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@object-ui/core": "0.5.0",
-    "@object-ui/types": "0.5.0",
-    "@object-ui/components": "0.5.0",
-    "@object-ui/react": "0.5.0"
+    "@object-ui/components": "3.0.0",
+    "@object-ui/core": "3.0.0",
+    "@object-ui/react": "3.0.0",
+    "@object-ui/types": "3.0.0"
   },
   "dependencies": {
-    "clsx": "^2.1.0",
+    "clsx": "^2.1.1",
     "lucide-react": "^0.344.0",
-    "tailwind-merge": "^2.2.1"
+    "tailwind-merge": "^2.6.1"
   },
   "devDependencies": {
-    "@types/node": "^25.2.2",
-    "@types/react": "^19.2.13",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.3",
+    "@types/node": "^25.2.3",
+    "@types/react": "19.2.13",
+    "@types/react-dom": "19.2.3",
+    "@vitejs/plugin-react": "^5.1.4",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.18"

package/dist/src/ApprovalProcess.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApprovalProcess.d.ts","sourceRoot":"","sources":["../../src/ApprovalProcess.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,qBAAqB,EAAuB,MAAM,kBAAkB,CAAC;AAGnF,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,qBAAqB,CAAC;CAC/B;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyK1D,CAAC"}

package/dist/src/WorkflowDesigner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkflowDesigner.d.ts","sourceRoot":"","sources":["../../src/WorkflowDesigner.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EACV,sBAAsB,EAEvB,MAAM,kBAAkB,CAAC;AAM1B,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,sBAAsB,CAAC;CAChC;AAkCD;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8W5D,CAAC"}

package/dist/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC"}