@pipelex/mthds-ui 0.29.1 → 0.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -8
- package/dist/{chunk-ZTXSDTVF.js → chunk-3BXB6HSF.js} +1304 -31
- package/dist/chunk-3BXB6HSF.js.map +1 -0
- package/dist/{chunk-Y46574OW.js → chunk-GAOBB3UT.js} +5 -2
- package/dist/chunk-GAOBB3UT.js.map +1 -0
- package/dist/chunk-KB2DIEVF.js +1 -0
- package/dist/{chunk-3I3ZPYMW.js → chunk-PJTYQURQ.js} +33 -1
- package/dist/chunk-PJTYQURQ.js.map +1 -0
- package/dist/form/react/index.d.ts +1 -1
- package/dist/form/react/index.js +2 -2
- package/dist/graph/index.d.ts +336 -9
- package/dist/graph/index.js +98 -4
- package/dist/graph/react/index.d.ts +26 -2
- package/dist/graph/react/index.js +975 -371
- package/dist/graph/react/index.js.map +1 -1
- package/dist/graph/react/styles/simple/SimpleStyle.css +434 -0
- package/dist/graph/react/viewer/GraphToolbar.css +114 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.js +98 -4
- package/dist/standalone/graph-standalone.html +714 -165
- package/dist/standalone/graph-viewer.css +549 -0
- package/dist/standalone/graph-viewer.js +164 -164
- package/dist/static-graph/index.d.ts +1 -1
- package/dist/static-graph/index.js +1 -1
- package/dist/{types-BaFWy56P.d.ts → types-BNqjYF_x.d.ts} +152 -1
- package/package.json +2 -1
- package/dist/chunk-3I3ZPYMW.js.map +0 -1
- package/dist/chunk-F6TZIJ7A.js +0 -1
- package/dist/chunk-Y46574OW.js.map +0 -1
- package/dist/chunk-ZTXSDTVF.js.map +0 -1
- package/dist/graph/react/index.css +0 -749
- package/dist/graph/react/index.css.map +0 -1
- /package/dist/{chunk-F6TZIJ7A.js.map → chunk-KB2DIEVF.js.map} +0 -0
package/README.md
CHANGED
|
@@ -83,14 +83,19 @@ Without `pipeIoContracts` and `outputForm` the panel shows each concept's struct
|
|
|
83
83
|
|
|
84
84
|
### GraphViewer props
|
|
85
85
|
|
|
86
|
-
| Prop
|
|
87
|
-
|
|
|
88
|
-
| `graph`
|
|
89
|
-
| `config`
|
|
90
|
-
| `direction`
|
|
91
|
-
| `showControllers`
|
|
92
|
-
| `onNavigateToPipe`
|
|
93
|
-
| `onReactFlowInit`
|
|
86
|
+
| Prop | Type | Default | Description |
|
|
87
|
+
| -------------------- | ------------------------------------------------- | ---------------------- | -------------------------------------------------------------- |
|
|
88
|
+
| `graph` | `GraphArtifacts \| null` | — | The spec and its descriptors, one source |
|
|
89
|
+
| `config` | `GraphConfig` | `DEFAULT_GRAPH_CONFIG` | Layout and visual configuration |
|
|
90
|
+
| `direction` | `GraphDirection` | `"LR"` | Layout direction: `TB`, `LR`, `RL`, `BT` |
|
|
91
|
+
| `showControllers` | `boolean` | `false` | Show controller group outlines |
|
|
92
|
+
| `onNavigateToPipe` | `(pipeCode: string, status?: PipeStatus) => void` | — | Callback when a pipe node is clicked |
|
|
93
|
+
| `onReactFlowInit` | `(instance: AppRFInstance) => void` | — | Access the underlying ReactFlow instance |
|
|
94
|
+
| `graphStyle` | `GraphStyleId` | `"detailed"` | The style the graph is drawn in: `detailed` or `simple` |
|
|
95
|
+
| `styleMenu` | `boolean \| GraphStyleId[]` | — | Offer a style menu in the toolbar (opt-in) |
|
|
96
|
+
| `onGraphStyleChange` | `(style: GraphStyleId) => void` | — | Called when the style changes, so the host can keep the choice |
|
|
97
|
+
|
|
98
|
+
The `simple` style draws the method as a flowchart in plain words: steps titled by their descriptions, only the method's inputs and final output as data, decisions with their outcomes, and loops as "for each". See [docs/graph-styles.md](docs/graph-styles.md).
|
|
94
99
|
|
|
95
100
|
### Container sizing
|
|
96
101
|
|
|
@@ -237,6 +242,7 @@ const myConfig = {
|
|
|
237
242
|
| Field | Type | Default | Description |
|
|
238
243
|
| ----------------- | ------------------------ | ------------- | -------------------------------------- |
|
|
239
244
|
| `direction` | `GraphDirection` | `"LR"` | Layout direction |
|
|
245
|
+
| `graphStyle` | `GraphStyleId` | `"detailed"` | The style the graph is drawn in |
|
|
240
246
|
| `showControllers` | `boolean` | `false` | Show controller group boxes |
|
|
241
247
|
| `nodesep` | `number` | `50` | Horizontal spacing between nodes |
|
|
242
248
|
| `ranksep` | `number` | `100` | Vertical spacing between ranks |
|