@principal-ade/dynamic-file-tree 0.1.37 → 0.1.39

package/dist/index.mjs

@@ -162,7 +162,7 @@ var DirectoryFilterInput = ({
     style: {
       flex: 1,
       padding: "8px 12px",
-      fontSize: "14px",
+      fontSize: theme.fontSizes[1],
       borderRadius: "4px",
       border: `1px solid ${showDropdown ? theme.colors.primary : theme.colors.border}`,
       backgroundColor: theme.colors.backgroundSecondary || theme.colors.background,
@@ -174,7 +174,7 @@ var DirectoryFilterInput = ({
     onClick: () => setExcludeMode(!excludeMode),
     style: {
       padding: "8px 12px",
-      fontSize: "12px",
+      fontSize: theme.fontSizes[0],
       fontWeight: 500,
       borderRadius: "4px",
       border: `1px solid ${excludeMode ? theme.colors.primary : theme.colors.border}`,
@@ -202,7 +202,7 @@ var DirectoryFilterInput = ({
     style: {
       padding: "8px 12px",
       cursor: "pointer",
-      fontSize: "14px",
+      fontSize: theme.fontSizes[1],
       backgroundColor: index === selectedIndex ? theme.colors.primary : "transparent",
       color: index === selectedIndex ? "#ffffff" : theme.colors.text || theme.colors.textSecondary,
       transition: "background-color 0.15s, color 0.15s",
@@ -223,7 +223,7 @@ var DirectoryFilterInput = ({
       gap: "4px",
       padding: "4px 8px",
       borderRadius: "4px",
-      fontSize: "12px",
+      fontSize: theme.fontSizes[0],
       backgroundColor: filter.mode === "include" ? `${theme.colors.primary}20` : `${theme.colors.error}20`,
       border: `1px solid ${filter.mode === "include" ? theme.colors.primary : theme.colors.error}`,
       color: theme.colors.text
@@ -244,7 +244,7 @@ var DirectoryFilterInput = ({
       color: theme.colors.textSecondary,
       cursor: "pointer",
       padding: 0,
-      fontSize: "14px"
+      fontSize: theme.fontSizes[1]
     },
     title: "Remove filter"
   }, "×")))));
@@ -612,7 +612,7 @@ var OrderedFileList = ({
       }
     }, /* @__PURE__ */ React4.createElement("div", {
       style: {
-        fontSize: "14px",
+        fontSize: theme.fontSizes[1],
         fontWeight: isSelected ? 500 : 400,
         overflow: "hidden",
         textOverflow: "ellipsis",
@@ -621,7 +621,7 @@ var OrderedFileList = ({
       title: file.relativePath
     }, file.name), /* @__PURE__ */ React4.createElement("div", {
       style: {
-        fontSize: "12px",
+        fontSize: theme.fontSizes[0],
         color: theme.colors.secondary || theme.colors.text + "99",
         overflow: "hidden",
         textOverflow: "ellipsis",
@@ -633,7 +633,7 @@ var OrderedFileList = ({
         display: "flex",
         flexDirection: "column",
         alignItems: "flex-end",
-        fontSize: "12px",
+        fontSize: theme.fontSizes[0],
         color: theme.colors.secondary || theme.colors.text + "99",
         marginLeft: "16px",
         flexShrink: 0
@@ -646,7 +646,7 @@ var OrderedFileList = ({
       justifyContent: "center",
       height: containerHeight,
       color: theme.colors.secondary || theme.colors.text + "99",
-      fontSize: "14px"
+      fontSize: theme.fontSizes[1]
     }
   }, "No files found"));
 };
@@ -910,7 +910,7 @@ var GitOrderedFileList = ({
       }
     }, /* @__PURE__ */ React5.createElement("div", {
       style: {
-        fontSize: "14px",
+        fontSize: theme.fontSizes[1],
         fontWeight: isSelected ? 500 : 400,
         overflow: "hidden",
         textOverflow: "ellipsis",
@@ -920,7 +920,7 @@ var GitOrderedFileList = ({
       title: file.relativePath
     }, file.name), /* @__PURE__ */ React5.createElement("div", {
       style: {
-        fontSize: "12px",
+        fontSize: theme.fontSizes[0],
         color: theme.colors.secondary || theme.colors.text + "99",
         overflow: "hidden",
         textOverflow: "ellipsis",
@@ -932,7 +932,7 @@ var GitOrderedFileList = ({
         display: "flex",
         flexDirection: "column",
         alignItems: "flex-end",
-        fontSize: "12px",
+        fontSize: theme.fontSizes[0],
         color: theme.colors.secondary || theme.colors.text + "99",
         marginLeft: "16px",
         flexShrink: 0
@@ -945,7 +945,7 @@ var GitOrderedFileList = ({
       justifyContent: "center",
       height: containerHeight,
       color: theme.colors.secondary || theme.colors.text + "99",
-      fontSize: "14px"
+      fontSize: theme.fontSizes[1]
     }
   }, showOnlyChanged ? "No changed files" : "No files found"));
 };
@@ -1181,7 +1181,7 @@ var GitStatusFileTree = ({
     }, gitDisplay.icon, /* @__PURE__ */ React7.createElement("span", {
       style: {
         marginLeft: "4px",
-        fontSize: "12px",
+        fontSize: theme.fontSizes[0],
         fontWeight: "bold"
       }
     }, gitStatus)) : null;
@@ -1328,7 +1328,7 @@ var GitStatusFileTreeContainer = ({
   }, /* @__PURE__ */ React8.createElement("h3", {
     style: {
       margin: 0,
-      fontSize: "14px",
+      fontSize: theme.fontSizes[1],
       fontWeight: "bold",
       color: theme.colors.text
     }
@@ -1338,7 +1338,7 @@ var GitStatusFileTreeContainer = ({
       color: "#ffffff",
       padding: "2px 8px",
       borderRadius: "12px",
-      fontSize: "12px",
+      fontSize: theme.fontSizes[0],
       fontWeight: "bold"
     }
   }, changedFilesCount), isLoading && /* @__PURE__ */ React8.createElement(RefreshCw, {
@@ -1358,7 +1358,7 @@ var GitStatusFileTreeContainer = ({
       display: "flex",
       alignItems: "center",
       gap: "4px",
-      fontSize: "12px",
+      fontSize: theme.fontSizes[0],
       color: theme.colors.text
     },
     title: showUnchangedFiles ? "Hide unchanged files" : "Show all files"
@@ -1378,7 +1378,7 @@ var GitStatusFileTreeContainer = ({
       display: "flex",
       alignItems: "center",
       gap: "4px",
-      fontSize: "12px",
+      fontSize: theme.fontSizes[0],
       color: theme.colors.text,
       opacity: isLoading ? 0.6 : 1
     },
@@ -1394,14 +1394,14 @@ var GitStatusFileTreeContainer = ({
       backgroundColor: "#fff3cd",
       border: "1px solid #ffeaa7",
       borderRadius: "4px",
-      fontSize: "12px",
+      fontSize: theme.fontSizes[0],
       color: "#856404"
     }
   }, /* @__PURE__ */ React8.createElement(AlertCircle3, {
     size: 14
   }), error), !error && hasChanges && /* @__PURE__ */ React8.createElement("div", {
     style: {
-      fontSize: "12px",
+      fontSize: theme.fontSizes[0],
       color: theme.colors.textSecondary || "#666",
       marginTop: "4px"
     }
@@ -1748,7 +1748,7 @@ var MultiFileTree = ({
     }
   }, /* @__PURE__ */ React10.createElement("h4", {
     style: {
-      fontSize: "16px",
+      fontSize: theme.fontSizes[2],
       fontWeight: "600",
       color: theme.colors.text,
       margin: 0
@@ -1762,7 +1762,7 @@ var MultiFileTree = ({
     onClick: () => setViewMode("all"),
     style: {
       padding: "6px 12px",
-      fontSize: "13px",
+      fontSize: theme.fontSizes[1],
       fontWeight: "500",
       backgroundColor: viewMode === "all" ? theme.colors.primary : "transparent",
       color: viewMode === "all" ? theme.colors.background : theme.colors.text,
@@ -1776,7 +1776,7 @@ var MultiFileTree = ({
     disabled: currentSelectedDirs.length === 0,
     style: {
       padding: "6px 12px",
-      fontSize: "13px",
+      fontSize: theme.fontSizes[1],
       fontWeight: "500",
       backgroundColor: viewMode === "selected" ? theme.colors.primary : "transparent",
       color: viewMode === "selected" ? theme.colors.background : currentSelectedDirs.length === 0 ? theme.colors.textSecondary : theme.colors.text,
@@ -1795,7 +1795,7 @@ var MultiFileTree = ({
     }
   }, /* @__PURE__ */ React10.createElement("div", {
     style: {
-      fontSize: "13px",
+      fontSize: theme.fontSizes[1],
       fontWeight: "500",
       color: theme.colors.text,
       marginBottom: "8px"
@@ -1807,14 +1807,14 @@ var MultiFileTree = ({
     onFiltersChange: handleFiltersChange
   }), currentSelectedDirs.length === 0 && /* @__PURE__ */ React10.createElement("div", {
     style: {
-      fontSize: "12px",
+      fontSize: theme.fontSizes[0],
       color: theme.colors.textSecondary,
       marginTop: "8px",
       fontStyle: "italic"
     }
   }, 'Type to search and select directories from any repository. Selected directories will be highlighted when you click "Show Selected".'), currentSelectedDirs.length > 0 && viewMode === "all" && /* @__PURE__ */ React10.createElement("div", {
     style: {
-      fontSize: "12px",
+      fontSize: theme.fontSizes[0],
       color: theme.colors.primary,
       marginTop: "8px"
     }
@@ -1826,7 +1826,7 @@ var MultiFileTree = ({
     }
   }, viewMode === "selected" && currentSelectedDirs.length > 0 && /* @__PURE__ */ React10.createElement("div", {
     style: {
-      fontSize: "13px",
+      fontSize: theme.fontSizes[1],
       color: theme.colors.textSecondary,
       marginBottom: "12px",
       padding: "8px 12px",
@@ -1854,13 +1854,13 @@ var MultiFileTree = ({
       backgroundColor: theme.colors.backgroundSecondary,
       borderRadius: "8px",
       border: `1px solid ${theme.colors.border}`,
-      fontSize: "12px",
+      fontSize: theme.fontSizes[0],
       color: theme.colors.textSecondary
     }
   }, "Selected: ", selectedFile.source.name, " / ", selectedFile.path));
 };
 // src/components/CanvasNarrativeTree/CanvasNarrativeTreeCore.tsx
-import { Package, Activity, FileText } from "lucide-react";
+import { Package, Workflow, Scroll } from "lucide-react";
 import React11, { useMemo as useMemo9 } from "react";
 import { Tree as Tree3 } from "react-arborist";
 var buildTreeData = (canvases, narratives) => {
@@ -1954,30 +1954,64 @@ var CanvasNarrativeTreeCore = ({
   narratives,
   theme,
   onClick,
+  onOpenCanvas,
   selectedNodeId,
   defaultOpen = false,
   initialOpenState,
   horizontalNodePadding = "8px",
   verticalNodePadding = "3px",
-  verticalPadding
+  verticalPadding,
+  enableDragAndDrop = false
 }) => {
+  const dndProps = getDndProps(enableDragAndDrop);
   const treeData = useMemo9(() => buildTreeData(canvases, narratives), [canvases, narratives]);
   const NodeRenderer = (props) => {
     const { node } = props;
     const data = node.data;
     const icon = data.type === "package" ? /* @__PURE__ */ React11.createElement(Package, {
       size: 16
-    }) : data.type === "canvas" ? /* @__PURE__ */ React11.createElement(Activity, {
+    }) : data.type === "canvas" ? /* @__PURE__ */ React11.createElement(Workflow, {
       size: 16
-    }) : /* @__PURE__ */ React11.createElement(FileText, {
+    }) : /* @__PURE__ */ React11.createElement(Scroll, {
       size: 16
     });
     const nameColor = data.type === "package" ? theme.colors.primary : data.type === "canvas" ? theme.colors.success : theme.colors.textSecondary;
+    const hasNarratives = data.type === "canvas" && data.children && data.children.length > 0;
+    const showOpenButton = hasNarratives && onOpenCanvas;
+    const rightContent = /* @__PURE__ */ React11.createElement("div", {
+      style: { display: "flex", alignItems: "center", gap: "8px" }
+    }, showOpenButton && /* @__PURE__ */ React11.createElement("button", {
+      onClick: (e) => {
+        e.stopPropagation();
+        if (data.canvas && onOpenCanvas) {
+          onOpenCanvas(data.canvas);
+        }
+      },
+      style: {
+        background: "none",
+        border: "none",
+        cursor: "pointer",
+        display: "flex",
+        alignItems: "center",
+        padding: "2px 4px",
+        color: theme.colors.primary,
+        opacity: 0.8,
+        fontSize: theme.fontSizes[0],
+        fontFamily: theme.fonts.body
+      },
+      title: "Edit canvas",
+      onMouseEnter: (e) => {
+        e.currentTarget.style.opacity = "1";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.opacity = "0.8";
+      }
+    }, "Edit Canvas"), icon);
     return /* @__PURE__ */ React11.createElement(TreeNode, {
       ...props,
       theme,
       nameColor,
-      rightContent: icon,
+      rightContent,
       horizontalNodePadding,
       verticalNodePadding
     });
@@ -2010,12 +2044,13 @@ var CanvasNarrativeTreeCore = ({
     ...selectedNodeId !== undefined && { selection: selectedNodeId },
     width: "100%",
     height: containerHeight,
-    rowHeight: 28
+    rowHeight: 28,
+    ...dndProps
   }, NodeRenderer));
 };
 // src/components/TelemetryCoverageFileTree.tsx
 import {
-  Activity as Activity2,
+  Activity,
   CircleDot,
   Circle,
   TestTube
@@ -2039,7 +2074,7 @@ var getCoverageStatusDisplay = (coverage, _theme) => {
   switch (status) {
     case "covered":
       return {
-        icon: /* @__PURE__ */ React12.createElement(Activity2, {
+        icon: /* @__PURE__ */ React12.createElement(Activity, {
           size: 14
         }),
         color: "#22c55e",
@@ -2195,7 +2230,7 @@ var TelemetryCoverageFileTree = ({
     }, coverageDisplay.icon, /* @__PURE__ */ React12.createElement("span", {
       style: {
         marginLeft: "4px",
-        fontSize: "11px",
+        fontSize: theme.fontSizes[0],
         fontWeight: "bold",
         fontFamily: "monospace"
       }
@@ -2314,7 +2349,7 @@ var calculateTelemetryCoverageStats = (coverageData) => {
   };
 };
 // src/components/TelemetryCoverageFileTreeContainer.tsx
-import { RefreshCw as RefreshCw2, Eye as Eye2, EyeOff as EyeOff2, AlertCircle as AlertCircle4, Activity as Activity3 } from "lucide-react";
+import { RefreshCw as RefreshCw2, Eye as Eye2, EyeOff as EyeOff2, AlertCircle as AlertCircle4, Activity as Activity2 } from "lucide-react";
 import React13, { useState as useState7, useMemo as useMemo11 } from "react";
 var TelemetryCoverageFileTreeContainer = ({
   fileTree,
@@ -2365,13 +2400,13 @@ var TelemetryCoverageFileTreeContainer = ({
     }
   }, /* @__PURE__ */ React13.createElement("div", {
     style: { display: "flex", alignItems: "center", gap: "8px" }
-  }, /* @__PURE__ */ React13.createElement(Activity3, {
+  }, /* @__PURE__ */ React13.createElement(Activity2, {
     size: 16,
     color: theme.colors.primary
   }), /* @__PURE__ */ React13.createElement("h3", {
     style: {
       margin: 0,
-      fontSize: "14px",
+      fontSize: theme.fontSizes[1],
       fontWeight: "bold",
       color: theme.colors.text
     }
@@ -2381,7 +2416,7 @@ var TelemetryCoverageFileTreeContainer = ({
       color: "#ffffff",
       padding: "2px 8px",
       borderRadius: "12px",
-      fontSize: "12px",
+      fontSize: theme.fontSizes[0],
       fontWeight: "bold",
       fontFamily: "monospace"
     }
@@ -2403,7 +2438,7 @@ var TelemetryCoverageFileTreeContainer = ({
       display: "flex",
       alignItems: "center",
       gap: "4px",
-      fontSize: "12px",
+      fontSize: theme.fontSizes[0],
       color: theme.colors.text
     },
     title: showUncoveredFiles ? "Show only covered files" : "Show all test files"
@@ -2423,7 +2458,7 @@ var TelemetryCoverageFileTreeContainer = ({
       display: "flex",
       alignItems: "center",
       gap: "4px",
-      fontSize: "12px",
+      fontSize: theme.fontSizes[0],
       color: theme.colors.text,
       opacity: isLoading ? 0.6 : 1
     },
@@ -2439,7 +2474,7 @@ var TelemetryCoverageFileTreeContainer = ({
       backgroundColor: "#fff3cd",
       border: "1px solid #ffeaa7",
       borderRadius: "4px",
-      fontSize: "12px",
+      fontSize: theme.fontSizes[0],
       color: "#856404",
       marginBottom: "8px"
     }
@@ -2449,7 +2484,7 @@ var TelemetryCoverageFileTreeContainer = ({
     style: {
       display: "flex",
       gap: "16px",
-      fontSize: "12px",
+      fontSize: theme.fontSizes[0],
       color: theme.colors.textSecondary || "#666"
     }
   }, /* @__PURE__ */ React13.createElement("span", null, /* @__PURE__ */ React13.createElement("strong", {
@@ -2462,7 +2497,7 @@ var TelemetryCoverageFileTreeContainer = ({
     style: { marginLeft: "auto" }
   }, stats.totalTraced, "/", stats.totalTests, " tests traced")), !error && stats.testFiles === 0 && /* @__PURE__ */ React13.createElement("div", {
     style: {
-      fontSize: "12px",
+      fontSize: theme.fontSizes[0],
       color: theme.colors.textSecondary || "#666"
     }
   }, "No test files with coverage data found")), /* @__PURE__ */ React13.createElement(DirectoryFilterInput, {

package/dist/src/components/CanvasNarrativeTree/CanvasNarrativeTree.stories.d.ts

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { CanvasNarrativeTreeCore } from './CanvasNarrativeTreeCore';
+declare const meta: Meta<typeof CanvasNarrativeTreeCore>;
+export default meta;
+type Story = StoryObj<typeof CanvasNarrativeTreeCore>;
+export declare const Default: Story;
+export declare const SinglePackage: Story;
+export declare const RootCanvasOnly: Story;
+export declare const NoNarratives: Story;
+export declare const CollapsedByDefault: Story;
+export declare const WithSelection: Story;
+export declare const RegalTheme: Story;
+export declare const TerminalTheme: Story;
+export declare const MatrixTheme: Story;
+export declare const MatrixMinimalTheme: Story;
+export declare const SlateTheme: Story;
+export declare const InteractiveDemo: Story;
+export declare const ThemeComparison: Story;
+export declare const CustomPadding: Story;
+//# sourceMappingURL=CanvasNarrativeTree.stories.d.ts.map

package/dist/src/components/CanvasNarrativeTree/CanvasNarrativeTree.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasNarrativeTree.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasNarrativeTree/CanvasNarrativeTree.stories.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAgMpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,uBAAuB,CAQ9C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAEtD,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAQhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAQhC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA2E7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiE7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC"}

package/dist/src/components/CanvasNarrativeTree/CanvasNarrativeTreeCore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasNarrativeTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasNarrativeTree/CanvasNarrativeTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAEV,4BAA4B,EAG7B,MAAM,SAAS,CAAC;AA2HjB,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA+F1E,CAAC"}
+{"version":3,"file":"CanvasNarrativeTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasNarrativeTree/CanvasNarrativeTreeCore.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAEV,4BAA4B,EAG7B,MAAM,SAAS,CAAC;AA2HjB,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA6I1E,CAAC"}

package/dist/src/components/CanvasNarrativeTree/types.d.ts

@@ -27,11 +27,13 @@ export interface CanvasNarrativeTreeCoreProps {
     }>;
     theme: Theme;
     onClick: (node: CanvasNarrativeNodeData) => void;
+    onOpenCanvas?: (canvas: DiscoveredCanvas) => void;
     selectedNodeId?: string;
     defaultOpen?: boolean;
     initialOpenState?: Record<string, boolean>;
     horizontalNodePadding?: string;
     verticalNodePadding?: string;
     verticalPadding?: string;
+    enableDragAndDrop?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/src/components/CanvasNarrativeTree/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasNarrativeTree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AACrG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAGD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAC;AAEpD,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAC;AAEzE,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,IAAI,EAAE,uBAAuB,CAAC;IAC9B,QAAQ,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAGrC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,UAAU,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,aAAa,CAAC;QAAC,QAAQ,EAAE,iBAAiB,CAAA;KAAE,CAAC,CAAC;IACxE,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasNarrativeTree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAErG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAGD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAC;AAEpD,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAC;AAEzE,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,IAAI,EAAE,uBAAuB,CAAC;IAC9B,QAAQ,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAGrC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,UAAU,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,aAAa,CAAC;QAAC,QAAQ,EAAE,iBAAiB,CAAA;KAAE,CAAC,CAAC;IACxE,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B"}

package/dist/src/components/OrderedFileList.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderedFileList.stories.d.ts","sourceRoot":"","sources":["../../../src/components/OrderedFileList.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAsGpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAgBtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KAyBrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA2BjC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA2BxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KA2BlC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA2BzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAsBvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAKhC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAyFlC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA4C7B,CAAC;AAuCF,eAAO,MAAM,aAAa,EAAE,KAyB3B,CAAC;AAkCF,eAAO,MAAM,uBAAuB,EAAE,KA0BrC,CAAC"}
+{"version":3,"file":"OrderedFileList.stories.d.ts","sourceRoot":"","sources":["../../../src/components/OrderedFileList.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAsGpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAgBtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KAyBrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA2BjC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA2BxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KA2BlC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA2BzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAsBvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAKhC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAyFlC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA4C7B,CAAC;AAuCF,eAAO,MAAM,aAAa,EAAE,KA0B3B,CAAC;AAkCF,eAAO,MAAM,uBAAuB,EAAE,KA0BrC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@principal-ade/dynamic-file-tree",
-  "version": "0.1.37",
+  "version": "0.1.39",
   "description": "React component for selective directory filtering and file tree visualization",
   "type": "module",
   "main": "dist/index.mjs",