@principal-ade/dynamic-file-tree 0.2.22 → 0.2.24
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/dist/index.mjs +110 -52
- package/dist/src/components/CanvasListTree/CanvasListTreeCore.d.ts.map +1 -1
- package/dist/src/components/CanvasListTree/types.d.ts +4 -2
- package/dist/src/components/CanvasListTree/types.d.ts.map +1 -1
- package/dist/src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.d.ts.map +1 -1
- package/dist/src/components/StoryboardWorkflowsTree/types.d.ts +1 -1
- package/dist/src/components/StoryboardWorkflowsTree/types.d.ts.map +1 -1
- package/dist/src/components/TreeNode.d.ts +3 -1
- package/dist/src/components/TreeNode.d.ts.map +1 -1
- package/package.json +2 -2
package/dist/index.mjs
CHANGED
|
@@ -280,7 +280,8 @@ function TreeNode({
|
|
|
280
280
|
onContextMenu,
|
|
281
281
|
onHover,
|
|
282
282
|
leftIcon,
|
|
283
|
-
dragConfig
|
|
283
|
+
dragConfig,
|
|
284
|
+
onNodeClick
|
|
284
285
|
}) {
|
|
285
286
|
const [isHovered, setIsHovered] = useState3(false);
|
|
286
287
|
const [isDragging, setIsDragging] = useState3(false);
|
|
@@ -359,7 +360,10 @@ function TreeNode({
|
|
|
359
360
|
draggable: isDraggable,
|
|
360
361
|
onDragStart: isDraggable ? handleDragStart : undefined,
|
|
361
362
|
onDragEnd: isDraggable ? handleDragEnd : undefined,
|
|
362
|
-
onClick: () =>
|
|
363
|
+
onClick: (e) => {
|
|
364
|
+
onNodeClick?.(e, node);
|
|
365
|
+
node.isInternal ? node.toggle() : node.select();
|
|
366
|
+
},
|
|
363
367
|
onContextMenu: (e) => {
|
|
364
368
|
if (onContextMenu) {
|
|
365
369
|
e.preventDefault();
|
|
@@ -2754,10 +2758,14 @@ var StoryboardWorkflowsTreeCoreInner = ({
|
|
|
2754
2758
|
rightContent,
|
|
2755
2759
|
horizontalNodePadding: nodeHorizontalPadding,
|
|
2756
2760
|
verticalNodePadding,
|
|
2757
|
-
dragConfig
|
|
2761
|
+
dragConfig,
|
|
2762
|
+
onNodeClick: (event) => {
|
|
2763
|
+
lastClickEventRef.current = event;
|
|
2764
|
+
}
|
|
2758
2765
|
});
|
|
2759
2766
|
};
|
|
2760
2767
|
const lastSelectionRef = useRef5(null);
|
|
2768
|
+
const lastClickEventRef = useRef5(null);
|
|
2761
2769
|
const handleSelect = (selectedNodes) => {
|
|
2762
2770
|
if (selectedNodes.length === 0)
|
|
2763
2771
|
return;
|
|
@@ -2770,7 +2778,9 @@ var StoryboardWorkflowsTreeCoreInner = ({
|
|
|
2770
2778
|
}
|
|
2771
2779
|
lastSelectionRef.current = { nodeId: nodeData.id, timestamp: now };
|
|
2772
2780
|
if (nodeData.type === "overview" || nodeData.type === "canvas" || nodeData.type === "workflow" || nodeData.type === "scenario") {
|
|
2773
|
-
|
|
2781
|
+
const event = lastClickEventRef.current;
|
|
2782
|
+
lastClickEventRef.current = null;
|
|
2783
|
+
onClick(nodeData, event ?? undefined);
|
|
2774
2784
|
}
|
|
2775
2785
|
};
|
|
2776
2786
|
const initialHeight = 600;
|
|
@@ -3034,19 +3044,20 @@ var WorkflowScenarioTreeCore = ({
|
|
|
3034
3044
|
}, NodeRenderer));
|
|
3035
3045
|
};
|
|
3036
3046
|
// src/components/CanvasListTree/CanvasListTreeCore.tsx
|
|
3037
|
-
import { Package as Package3, Folder, LayoutDashboard as LayoutDashboard2, FileText } from "lucide-react";
|
|
3047
|
+
import { Package as Package3, Folder, LayoutDashboard as LayoutDashboard2, FileText, Layers, Network } from "lucide-react";
|
|
3038
3048
|
import React15, { useMemo as useMemo11, useRef as useRef6 } from "react";
|
|
3039
3049
|
import { Tree as Tree5 } from "react-arborist";
|
|
3040
3050
|
var buildTreeData = (canvases, gitStatusMap) => {
|
|
3041
|
-
const
|
|
3042
|
-
const
|
|
3051
|
+
const resourcesScopesCanvases = [];
|
|
3052
|
+
const spansCanvases = [];
|
|
3053
|
+
const regularCanvases = [];
|
|
3043
3054
|
for (const canvas of canvases) {
|
|
3044
|
-
if (canvas.
|
|
3045
|
-
|
|
3046
|
-
|
|
3047
|
-
|
|
3055
|
+
if (canvas.type === "resources" || canvas.type === "scopes") {
|
|
3056
|
+
resourcesScopesCanvases.push(canvas);
|
|
3057
|
+
} else if (canvas.type === "spans") {
|
|
3058
|
+
spansCanvases.push(canvas);
|
|
3048
3059
|
} else {
|
|
3049
|
-
|
|
3060
|
+
regularCanvases.push(canvas);
|
|
3050
3061
|
}
|
|
3051
3062
|
}
|
|
3052
3063
|
const buildCanvasNode = (canvas) => {
|
|
@@ -3078,47 +3089,84 @@ var buildTreeData = (canvases, gitStatusMap) => {
|
|
|
3078
3089
|
children
|
|
3079
3090
|
};
|
|
3080
3091
|
};
|
|
3081
|
-
const
|
|
3082
|
-
|
|
3083
|
-
|
|
3084
|
-
|
|
3085
|
-
|
|
3086
|
-
|
|
3087
|
-
|
|
3088
|
-
|
|
3089
|
-
|
|
3090
|
-
|
|
3091
|
-
|
|
3092
|
-
packageName,
|
|
3093
|
-
scope: "package",
|
|
3094
|
-
children: canvasNodes
|
|
3095
|
-
});
|
|
3092
|
+
const buildPackageGroupedCanvases = (canvasesToGroup) => {
|
|
3093
|
+
const packagesMap = new Map;
|
|
3094
|
+
const rootCanvasesList = [];
|
|
3095
|
+
for (const canvas of canvasesToGroup) {
|
|
3096
|
+
if (canvas.scope === "package" && canvas.packageName) {
|
|
3097
|
+
const existing = packagesMap.get(canvas.packageName) || [];
|
|
3098
|
+
existing.push(canvas);
|
|
3099
|
+
packagesMap.set(canvas.packageName, existing);
|
|
3100
|
+
} else {
|
|
3101
|
+
rootCanvasesList.push(canvas);
|
|
3102
|
+
}
|
|
3096
3103
|
}
|
|
3097
|
-
|
|
3098
|
-
|
|
3099
|
-
|
|
3100
|
-
|
|
3101
|
-
|
|
3102
|
-
|
|
3103
|
-
|
|
3104
|
-
|
|
3105
|
-
|
|
3104
|
+
const hasMultiplePackages = packagesMap.size > 1;
|
|
3105
|
+
const hasRootAndPackages = packagesMap.size > 0 && rootCanvasesList.length > 0;
|
|
3106
|
+
const shouldShowPackageLevel = hasMultiplePackages || hasRootAndPackages;
|
|
3107
|
+
if (shouldShowPackageLevel) {
|
|
3108
|
+
const result2 = [];
|
|
3109
|
+
for (const [packageName, packageCanvases] of packagesMap) {
|
|
3110
|
+
const canvasNodes = packageCanvases.map(buildCanvasNode).sort((a, b) => a.name.localeCompare(b.name));
|
|
3111
|
+
result2.push({
|
|
3112
|
+
id: `package:${packageName}`,
|
|
3113
|
+
name: packageName,
|
|
3114
|
+
type: "package",
|
|
3115
|
+
packageName,
|
|
3116
|
+
scope: "package",
|
|
3117
|
+
children: canvasNodes
|
|
3118
|
+
});
|
|
3119
|
+
}
|
|
3120
|
+
if (rootCanvasesList.length > 0) {
|
|
3121
|
+
const rootCanvasNodes = rootCanvasesList.map(buildCanvasNode).sort((a, b) => a.name.localeCompare(b.name));
|
|
3122
|
+
result2.push({
|
|
3123
|
+
id: "package:root",
|
|
3124
|
+
name: "Root",
|
|
3125
|
+
type: "package",
|
|
3126
|
+
packageName: "root",
|
|
3127
|
+
scope: "root",
|
|
3128
|
+
children: rootCanvasNodes
|
|
3129
|
+
});
|
|
3130
|
+
}
|
|
3131
|
+
return result2.sort((a, b) => {
|
|
3132
|
+
if (a.packageName === "root")
|
|
3133
|
+
return 1;
|
|
3134
|
+
if (b.packageName === "root")
|
|
3135
|
+
return -1;
|
|
3136
|
+
return a.name.localeCompare(b.name);
|
|
3106
3137
|
});
|
|
3138
|
+
} else {
|
|
3139
|
+
const allCanvases = [...rootCanvasesList];
|
|
3140
|
+
for (const packageCanvases of packagesMap.values()) {
|
|
3141
|
+
allCanvases.push(...packageCanvases);
|
|
3142
|
+
}
|
|
3143
|
+
return allCanvases.map(buildCanvasNode).sort((a, b) => a.name.localeCompare(b.name));
|
|
3107
3144
|
}
|
|
3108
|
-
|
|
3109
|
-
|
|
3110
|
-
|
|
3111
|
-
|
|
3112
|
-
|
|
3113
|
-
|
|
3145
|
+
};
|
|
3146
|
+
const result = [];
|
|
3147
|
+
if (resourcesScopesCanvases.length > 0) {
|
|
3148
|
+
const resourcesScopesNodes = resourcesScopesCanvases.map(buildCanvasNode).sort((a, b) => a.name.localeCompare(b.name));
|
|
3149
|
+
result.push({
|
|
3150
|
+
id: "architecture-group:resources-scopes",
|
|
3151
|
+
name: "Resources & Scopes",
|
|
3152
|
+
type: "architecture-group",
|
|
3153
|
+
architectureGroupType: "resources-scopes",
|
|
3154
|
+
children: resourcesScopesNodes
|
|
3155
|
+
});
|
|
3156
|
+
}
|
|
3157
|
+
if (spansCanvases.length > 0) {
|
|
3158
|
+
const spansNodes = spansCanvases.map(buildCanvasNode).sort((a, b) => a.name.localeCompare(b.name));
|
|
3159
|
+
result.push({
|
|
3160
|
+
id: "architecture-group:spans",
|
|
3161
|
+
name: "Spans",
|
|
3162
|
+
type: "architecture-group",
|
|
3163
|
+
architectureGroupType: "spans",
|
|
3164
|
+
children: spansNodes
|
|
3114
3165
|
});
|
|
3115
|
-
} else {
|
|
3116
|
-
const allCanvases = [...rootCanvases];
|
|
3117
|
-
for (const packageCanvases of packagesMap.values()) {
|
|
3118
|
-
allCanvases.push(...packageCanvases);
|
|
3119
|
-
}
|
|
3120
|
-
return allCanvases.map(buildCanvasNode).sort((a, b) => a.name.localeCompare(b.name));
|
|
3121
3166
|
}
|
|
3167
|
+
const regularNodes = buildPackageGroupedCanvases(regularCanvases);
|
|
3168
|
+
result.push(...regularNodes);
|
|
3169
|
+
return result;
|
|
3122
3170
|
};
|
|
3123
3171
|
var getDefaultCanvasDragConfig = (node) => {
|
|
3124
3172
|
const DATA_TYPES = {
|
|
@@ -3238,7 +3286,11 @@ var CanvasListTreeCore = ({
|
|
|
3238
3286
|
const NodeRenderer = (props) => {
|
|
3239
3287
|
const { node } = props;
|
|
3240
3288
|
const data = node.data;
|
|
3241
|
-
const icon = data.type === "
|
|
3289
|
+
const icon = data.type === "architecture-group" ? data.architectureGroupType === "resources-scopes" ? /* @__PURE__ */ React15.createElement(Layers, {
|
|
3290
|
+
size: 16
|
|
3291
|
+
}) : /* @__PURE__ */ React15.createElement(Network, {
|
|
3292
|
+
size: 16
|
|
3293
|
+
}) : data.type === "package" ? /* @__PURE__ */ React15.createElement(Package3, {
|
|
3242
3294
|
size: 16
|
|
3243
3295
|
}) : data.type === "canvas-folder" ? /* @__PURE__ */ React15.createElement(Folder, {
|
|
3244
3296
|
size: 16
|
|
@@ -3247,7 +3299,7 @@ var CanvasListTreeCore = ({
|
|
|
3247
3299
|
}) : /* @__PURE__ */ React15.createElement(LayoutDashboard2, {
|
|
3248
3300
|
size: 16
|
|
3249
3301
|
});
|
|
3250
|
-
const nameColor = data.type === "package" ? theme.colors.primary : data.type === "canvas-folder" ? theme.colors.textSecondary : data.type === "overview" ? theme.colors.info || "#3b82f6" : theme.colors.warning || "#f59e0b";
|
|
3302
|
+
const nameColor = data.type === "architecture-group" ? theme.colors.info || "#3b82f6" : data.type === "package" ? theme.colors.primary : data.type === "canvas-folder" ? theme.colors.textSecondary : data.type === "overview" ? theme.colors.info || "#3b82f6" : theme.colors.warning || "#f59e0b";
|
|
3251
3303
|
const nodeHorizontalPadding = data.type === "overview" || data.type === "canvas" ? `calc(${horizontalNodePadding} + 12px)` : horizontalNodePadding;
|
|
3252
3304
|
const rightContent = (() => {
|
|
3253
3305
|
if (data.gitStatus && (data.type === "canvas" || data.type === "overview")) {
|
|
@@ -3269,10 +3321,14 @@ var CanvasListTreeCore = ({
|
|
|
3269
3321
|
rightContent,
|
|
3270
3322
|
horizontalNodePadding: nodeHorizontalPadding,
|
|
3271
3323
|
verticalNodePadding,
|
|
3272
|
-
dragConfig
|
|
3324
|
+
dragConfig,
|
|
3325
|
+
onNodeClick: (event) => {
|
|
3326
|
+
lastClickEventRef.current = event;
|
|
3327
|
+
}
|
|
3273
3328
|
});
|
|
3274
3329
|
};
|
|
3275
3330
|
const lastSelectionRef = useRef6(null);
|
|
3331
|
+
const lastClickEventRef = useRef6(null);
|
|
3276
3332
|
const handleSelect = (selectedNodes) => {
|
|
3277
3333
|
if (selectedNodes.length === 0)
|
|
3278
3334
|
return;
|
|
@@ -3285,7 +3341,9 @@ var CanvasListTreeCore = ({
|
|
|
3285
3341
|
}
|
|
3286
3342
|
lastSelectionRef.current = { nodeId: nodeData.id, timestamp: now };
|
|
3287
3343
|
if (nodeData.type === "overview" || nodeData.type === "canvas") {
|
|
3288
|
-
|
|
3344
|
+
const event = lastClickEventRef.current;
|
|
3345
|
+
lastClickEventRef.current = null;
|
|
3346
|
+
onClick(nodeData, event ?? undefined);
|
|
3289
3347
|
}
|
|
3290
3348
|
};
|
|
3291
3349
|
const initialHeight = 600;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CanvasListTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/CanvasListTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAQ/C,OAAO,KAAK,EAEV,mBAAmB,EAEpB,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"CanvasListTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/CanvasListTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAQ/C,OAAO,KAAK,EAEV,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AA8QjB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6M5D,CAAC"}
|
|
@@ -3,7 +3,7 @@ import type { DiscoveredCanvas } from '@principal-ai/principal-view-core';
|
|
|
3
3
|
import type { GitFileStatus, GitStatus } from '../../utils/gitStatus';
|
|
4
4
|
import type { TreeNodeData, DragConfig } from '../TreeNode';
|
|
5
5
|
export type { DiscoveredCanvas };
|
|
6
|
-
export type CanvasListNodeType = 'package' | 'canvas-folder' | 'canvas' | 'overview';
|
|
6
|
+
export type CanvasListNodeType = 'package' | 'architecture-group' | 'canvas-folder' | 'canvas' | 'overview';
|
|
7
7
|
export interface CanvasListNodeData extends TreeNodeData {
|
|
8
8
|
type: CanvasListNodeType;
|
|
9
9
|
children?: CanvasListNodeData[];
|
|
@@ -11,12 +11,14 @@ export interface CanvasListNodeData extends TreeNodeData {
|
|
|
11
11
|
packageName?: string;
|
|
12
12
|
scope?: 'package' | 'root';
|
|
13
13
|
markdownPath?: string;
|
|
14
|
+
/** Architecture group type for grouping special canvas types */
|
|
15
|
+
architectureGroupType?: 'resources-scopes' | 'spans';
|
|
14
16
|
gitStatus?: GitStatus;
|
|
15
17
|
}
|
|
16
18
|
export interface CanvasListTreeProps {
|
|
17
19
|
canvases: DiscoveredCanvas[];
|
|
18
20
|
theme: Theme;
|
|
19
|
-
onClick: (node: CanvasListNodeData) => void;
|
|
21
|
+
onClick: (node: CanvasListNodeData, event?: React.MouseEvent) => void;
|
|
20
22
|
selectedNodeId?: string;
|
|
21
23
|
defaultOpen?: boolean;
|
|
22
24
|
initialOpenState?: Record<string, boolean>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG5D,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG5D,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,oBAAoB,GAAG,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE5G,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAGhC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,kBAAkB,GAAG,OAAO,CAAC;IAGrD,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAG5B,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAGhC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,UAAU,GAAG,SAAS,CAAC;CACtE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StoryboardWorkflowsTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAS/C,OAAO,KAAK,EAEV,4BAA4B,EAQ7B,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"StoryboardWorkflowsTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAS/C,OAAO,KAAK,EAEV,4BAA4B,EAQ7B,MAAM,SAAS,CAAC;AAu8BjB,eAAO,MAAM,2BAA2B,0DAA+C,CAAC"}
|
|
@@ -71,7 +71,7 @@ export declare function hasWorkflowContent(node: StoryboardWorkflowNodeData): no
|
|
|
71
71
|
export interface StoryboardWorkflowsTreeProps {
|
|
72
72
|
storyboards: DiscoveredStoryboard[];
|
|
73
73
|
theme: Theme;
|
|
74
|
-
onClick: (node: StoryboardWorkflowNodeData) => void;
|
|
74
|
+
onClick: (node: StoryboardWorkflowNodeData, event?: React.MouseEvent) => void;
|
|
75
75
|
selectedNodeId?: string;
|
|
76
76
|
defaultOpen?: boolean;
|
|
77
77
|
initialOpenState?: Record<string, boolean>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAE7N,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG5D,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,eAAe,EAAE,CAAC;AAEpL,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;AAE9I;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAE5E;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,0CAA0C;IAC1C,SAAS,EAAE,KAAK,CAAC;QACf,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,OAAO,CAAC;QAClB,sDAAsD;QACtD,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,aAAa,CAAC;KAC5D,CAAC,CAAC;CACJ;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpE;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,QAAQ,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,0BAA2B,SAAQ,YAAY;IAC9D,IAAI,EAAE,0BAA0B,CAAC;IACjC,QAAQ,CAAC,EAAE,0BAA0B,EAAE,CAAC;IAGxC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAI1B,QAAQ,CAAC,EAAE,kBAAkB,GAAG,6BAA6B,CAAC;IAG9D,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,0BAA0B,GAC/B,IAAI,IAAI,0BAA0B,GAAG;IAAE,QAAQ,EAAE,6BAA6B,CAAA;CAAE,CAMlF;AAED,MAAM,WAAW,4BAA4B;IAC3C,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -38,6 +38,8 @@ export interface TreeNodeProps<T extends TreeNodeData> extends NodeRendererProps
|
|
|
38
38
|
leftIcon?: ReactNode;
|
|
39
39
|
/** Configuration for making this node draggable to other panels */
|
|
40
40
|
dragConfig?: DragConfig;
|
|
41
|
+
/** Callback fired when the node is clicked, before selection. Receives the mouse event for modifier key detection. */
|
|
42
|
+
onNodeClick?: (event: React.MouseEvent, node: NodeRendererProps<T>['node']) => void;
|
|
41
43
|
}
|
|
42
|
-
export declare function TreeNode<T extends TreeNodeData>({ node, style, dragHandle, theme, rightContent, extraContent, isSelectedDirectory, nameColor, horizontalNodePadding, verticalNodePadding, onContextMenu, onHover, leftIcon, dragConfig, }: TreeNodeProps<T>): React.JSX.Element;
|
|
44
|
+
export declare function TreeNode<T extends TreeNodeData>({ node, style, dragHandle, theme, rightContent, extraContent, isSelectedDirectory, nameColor, horizontalNodePadding, verticalNodePadding, onContextMenu, onHover, leftIcon, dragConfig, onNodeClick, }: TreeNodeProps<T>): React.JSX.Element;
|
|
43
45
|
//# sourceMappingURL=TreeNode.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeNode.d.ts","sourceRoot":"","sources":["../../../src/components/TreeNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,KAAK,EAAE,EAAY,SAAS,EAAe,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,6FAA6F;IAC7F,QAAQ,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,YAAY,CAAE,SAAQ,iBAAiB,CAAC,CAAC,CAAC;IACjF,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACtF,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mEAAmE;IACnE,UAAU,CAAC,EAAE,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"TreeNode.d.ts","sourceRoot":"","sources":["../../../src/components/TreeNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,KAAK,EAAE,EAAY,SAAS,EAAe,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,6FAA6F;IAC7F,QAAQ,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,YAAY,CAAE,SAAQ,iBAAiB,CAAC,CAAC,CAAC;IACjF,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACtF,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mEAAmE;IACnE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,sHAAsH;IACtH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CACrF;AAKD,wBAAgB,QAAQ,CAAC,CAAC,SAAS,YAAY,EAAE,EAC/C,IAAI,EACJ,KAAK,EACL,UAAU,EACV,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,mBAA2B,EAC3B,SAAS,EACT,qBAA6B,EAC7B,mBAA2B,EAC3B,aAAa,EACb,OAAO,EACP,QAAQ,EACR,UAAU,EACV,WAAW,GACZ,EAAE,aAAa,CAAC,CAAC,CAAC,qBA2JlB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@principal-ade/dynamic-file-tree",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.24",
|
|
4
4
|
"description": "React component for selective directory filtering and file tree visualization",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.mjs",
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
"@principal-ade/industry-theme": "^0.1.8",
|
|
82
82
|
"@principal-ade/panel-framework-core": "^0.5.1",
|
|
83
83
|
"@principal-ai/alexandria-core-library": "^0.3.3",
|
|
84
|
-
"@principal-ai/principal-view-core": "0.24.
|
|
84
|
+
"@principal-ai/principal-view-core": "0.24.76",
|
|
85
85
|
"@principal-ai/repository-abstraction": "^0.5.7",
|
|
86
86
|
"@storybook/addon-docs": "^10.2.14",
|
|
87
87
|
"@storybook/addon-onboarding": "^10.2.14",
|