@industry-theme/repository-composition-panels 0.2.7 → 0.2.8

package/dist/panels/PackageCompositionPanel.d.ts

@@ -14,6 +14,8 @@ export interface PackageCompositionPanelProps {
     onConfigClick?: (configFile: ConfigFile) => void;
     /** Callback when a package folder is clicked */
     onPackageClick?: (packagePath: string) => void;
+    /** Callback when hovering over a package (null when hover ends) */
+    onPackageHover?: (pkg: PackageLayer | null) => void;
 }
 /**
  * PackageCompositionPanelContent - Internal component that renders the package composition UI

package/dist/panels/PackageCompositionPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PackageCompositionPanel.d.ts","sourceRoot":"","sources":["../../src/panels/PackageCompositionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAmBjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAmRrF,MAAM,WAAW,4BAA4B;IAC3C,0CAA0C;IAC1C,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,6CAA6C;IAC7C,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACjD,gDAAgD;IAChD,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAusBD;;GAEG;AACH,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA4MjF,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAgClD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAajE,CAAC"}
+{"version":3,"file":"PackageCompositionPanel.d.ts","sourceRoot":"","sources":["../../src/panels/PackageCompositionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAmBjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAsRrF,MAAM,WAAW,4BAA4B;IAC3C,0CAA0C;IAC1C,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,6CAA6C;IAC7C,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACjD,gDAAgD;IAChD,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,mEAAmE;IACnE,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD;AAusBD;;GAEG;AACH,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA8MjF,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAgClD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2BjE,CAAC"}

package/dist/panels/PackageCompositionPanel.stories.d.ts

@@ -24,6 +24,7 @@ declare const meta: {
         onCommandClick?: ((command: PackageCommand, packagePath: string) => void) | undefined;
         onConfigClick?: ((configFile: ConfigFile) => void) | undefined;
         onPackageClick?: ((packagePath: string) => void) | undefined;
+        onPackageHover?: ((pkg: PackageLayer | null) => void) | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;

package/dist/panels/PackageCompositionPanel.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PackageCompositionPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/PackageCompositionPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAkC,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAC3G,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAErF;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAsB6C,CAAC;AAExD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA+JnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA2D1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KA+B/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAuC3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,8BAA8B,CAQnE,CAAC"}
+{"version":3,"file":"PackageCompositionPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/PackageCompositionPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAkC,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAC3G,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAErF;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAsB6C,CAAC;AAExD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA+JnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA2D1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KA+B/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAuC3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,8BAA8B,CAQnE,CAAC"}

package/dist/panels.bundle.js

@@ -9111,7 +9111,7 @@ function findInternalDependencies(pkg, allPackages) {
   });
   return { dependsOn, usedBy };
 }
-const PackageSummaryCard = ({ pkg, allPackages, onClick }) => {
+const PackageSummaryCard = ({ pkg, allPackages, onClick, onHover }) => {
   var _a;
   const { theme } = useTheme();
   const deps = pkg.packageData.dependencies || {};
@@ -9157,10 +9157,12 @@ const PackageSummaryCard = ({ pkg, allPackages, onClick }) => {
       onMouseEnter: (e) => {
         e.currentTarget.style.borderColor = theme.colors.accent;
         e.currentTarget.style.backgroundColor = theme.colors.backgroundTertiary;
+        onHover == null ? void 0 : onHover(pkg);
       },
       onMouseLeave: (e) => {
         e.currentTarget.style.borderColor = theme.colors.border;
         e.currentTarget.style.backgroundColor = theme.colors.backgroundSecondary;
+        onHover == null ? void 0 : onHover(null);
       },
       children: [
         /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
@@ -9972,7 +9974,8 @@ const PackageCompositionPanelContent = ({
   emptyMessage = "No packages detected",
   onCommandClick,
   onConfigClick,
-  onPackageClick
+  onPackageClick,
+  onPackageHover
 }) => {
   const { theme } = useTheme();
   const [selectedPackageId, setSelectedPackageId] = useState(null);
@@ -10096,7 +10099,8 @@ const PackageCompositionPanelContent = ({
                         {
                           pkg,
                           allPackages: packages,
-                          onClick: () => setSelectedPackageId(pkg.id)
+                          onClick: () => setSelectedPackageId(pkg.id),
+                          onHover: onPackageHover
                         },
                         pkg.id
                       ))
@@ -10214,16 +10218,28 @@ const PackageCompositionPanelPreview = () => {
     }
   );
 };
-const PackageCompositionPanel = ({ context }) => {
+const PackageCompositionPanel = ({ context, events }) => {
   var _a;
   const packagesSlice = context.getSlice("packages");
   const packages = ((_a = packagesSlice == null ? void 0 : packagesSlice.data) == null ? void 0 : _a.packages) ?? [];
   const isLoading = (packagesSlice == null ? void 0 : packagesSlice.loading) || false;
+  const handlePackageHover = (pkg) => {
+    events == null ? void 0 : events.emit({
+      type: "package:hover",
+      source: "PackageCompositionPanel",
+      timestamp: Date.now(),
+      payload: pkg ? {
+        packagePath: pkg.packageData.path,
+        packageName: pkg.packageData.name
+      } : null
+    });
+  };
   return /* @__PURE__ */ jsx(
     PackageCompositionPanelContent,
     {
       packages,
-      isLoading
+      isLoading,
+      onPackageHover: handlePackageHover
     }
   );
 };