@industry-theme/repository-composition-panels 0.2.6 → 0.2.8
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/panels/GitChangesPanel.d.ts.map +1 -1
- package/dist/panels/PackageCompositionPanel.d.ts +2 -0
- package/dist/panels/PackageCompositionPanel.d.ts.map +1 -1
- package/dist/panels/PackageCompositionPanel.stories.d.ts +1 -0
- package/dist/panels/PackageCompositionPanel.stories.d.ts.map +1 -1
- package/dist/panels.bundle.js +24 -7
- package/dist/panels.bundle.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GitChangesPanel.d.ts","sourceRoot":"","sources":["../../src/panels/GitChangesPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,OAAO,EAAwB,KAAK,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAC3F,OAAO,KAAK,EAAE,SAAS,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEzF,MAAM,WAAW,oBAAoB;IACnC,kDAAkD;IAClD,SAAS,EAAE,SAAS,CAAC;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC5E,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"GitChangesPanel.d.ts","sourceRoot":"","sources":["../../src/panels/GitChangesPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,OAAO,EAAwB,KAAK,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAC3F,OAAO,KAAK,EAAE,SAAS,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEzF,MAAM,WAAW,oBAAoB;IACnC,kDAAkD;IAClD,SAAS,EAAE,SAAS,CAAC;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC5E,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsQjE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAiD1C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4BzD,CAAC"}
|
|
@@ -14,6 +14,8 @@ export interface PackageCompositionPanelProps {
|
|
|
14
14
|
onConfigClick?: (configFile: ConfigFile) => void;
|
|
15
15
|
/** Callback when a package folder is clicked */
|
|
16
16
|
onPackageClick?: (packagePath: string) => void;
|
|
17
|
+
/** Callback when hovering over a package (null when hover ends) */
|
|
18
|
+
onPackageHover?: (pkg: PackageLayer | null) => void;
|
|
17
19
|
}
|
|
18
20
|
/**
|
|
19
21
|
* PackageCompositionPanelContent - Internal component that renders the package composition UI
|
|
@@ -1 +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;
|
|
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;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"}
|
|
@@ -24,6 +24,7 @@ declare const meta: {
|
|
|
24
24
|
onCommandClick?: ((command: PackageCommand, packagePath: string) => void) | undefined;
|
|
25
25
|
onConfigClick?: ((configFile: ConfigFile) => void) | undefined;
|
|
26
26
|
onPackageClick?: ((packagePath: string) => void) | undefined;
|
|
27
|
+
onPackageHover?: ((pkg: PackageLayer | null) => void) | undefined;
|
|
27
28
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
28
29
|
};
|
|
29
30
|
export default meta;
|
|
@@ -1 +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
|
|
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"}
|
package/dist/panels.bundle.js
CHANGED
|
@@ -8200,7 +8200,8 @@ const GitChangesPanelContent = ({
|
|
|
8200
8200
|
display: "flex",
|
|
8201
8201
|
alignItems: "stretch",
|
|
8202
8202
|
backgroundColor: theme.colors.backgroundTertiary,
|
|
8203
|
-
width: "100%"
|
|
8203
|
+
width: "100%",
|
|
8204
|
+
height: "100%"
|
|
8204
8205
|
},
|
|
8205
8206
|
children: [
|
|
8206
8207
|
/* @__PURE__ */ jsx(
|
|
@@ -8294,7 +8295,7 @@ const GitChangesPanelContent = ({
|
|
|
8294
8295
|
);
|
|
8295
8296
|
};
|
|
8296
8297
|
return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
|
|
8297
|
-
/* @__PURE__ */ jsx("div", { style: { borderBottom: `1px solid ${theme.colors.border}` }, children: /* @__PURE__ */ jsx(ToggleButtons, {}) }),
|
|
8298
|
+
/* @__PURE__ */ jsx("div", { style: { height: 40, borderBottom: `1px solid ${theme.colors.border}` }, children: /* @__PURE__ */ jsx(ToggleButtons, {}) }),
|
|
8298
8299
|
/* @__PURE__ */ jsx("div", { style: { flex: 1, overflow: "auto" }, children: /* @__PURE__ */ jsx(Content, {}) })
|
|
8299
8300
|
] });
|
|
8300
8301
|
};
|
|
@@ -9110,7 +9111,7 @@ function findInternalDependencies(pkg, allPackages) {
|
|
|
9110
9111
|
});
|
|
9111
9112
|
return { dependsOn, usedBy };
|
|
9112
9113
|
}
|
|
9113
|
-
const PackageSummaryCard = ({ pkg, allPackages, onClick }) => {
|
|
9114
|
+
const PackageSummaryCard = ({ pkg, allPackages, onClick, onHover }) => {
|
|
9114
9115
|
var _a;
|
|
9115
9116
|
const { theme } = useTheme();
|
|
9116
9117
|
const deps = pkg.packageData.dependencies || {};
|
|
@@ -9156,10 +9157,12 @@ const PackageSummaryCard = ({ pkg, allPackages, onClick }) => {
|
|
|
9156
9157
|
onMouseEnter: (e) => {
|
|
9157
9158
|
e.currentTarget.style.borderColor = theme.colors.accent;
|
|
9158
9159
|
e.currentTarget.style.backgroundColor = theme.colors.backgroundTertiary;
|
|
9160
|
+
onHover == null ? void 0 : onHover(pkg);
|
|
9159
9161
|
},
|
|
9160
9162
|
onMouseLeave: (e) => {
|
|
9161
9163
|
e.currentTarget.style.borderColor = theme.colors.border;
|
|
9162
9164
|
e.currentTarget.style.backgroundColor = theme.colors.backgroundSecondary;
|
|
9165
|
+
onHover == null ? void 0 : onHover(null);
|
|
9163
9166
|
},
|
|
9164
9167
|
children: [
|
|
9165
9168
|
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
|
|
@@ -9971,7 +9974,8 @@ const PackageCompositionPanelContent = ({
|
|
|
9971
9974
|
emptyMessage = "No packages detected",
|
|
9972
9975
|
onCommandClick,
|
|
9973
9976
|
onConfigClick,
|
|
9974
|
-
onPackageClick
|
|
9977
|
+
onPackageClick,
|
|
9978
|
+
onPackageHover
|
|
9975
9979
|
}) => {
|
|
9976
9980
|
const { theme } = useTheme();
|
|
9977
9981
|
const [selectedPackageId, setSelectedPackageId] = useState(null);
|
|
@@ -10095,7 +10099,8 @@ const PackageCompositionPanelContent = ({
|
|
|
10095
10099
|
{
|
|
10096
10100
|
pkg,
|
|
10097
10101
|
allPackages: packages,
|
|
10098
|
-
onClick: () => setSelectedPackageId(pkg.id)
|
|
10102
|
+
onClick: () => setSelectedPackageId(pkg.id),
|
|
10103
|
+
onHover: onPackageHover
|
|
10099
10104
|
},
|
|
10100
10105
|
pkg.id
|
|
10101
10106
|
))
|
|
@@ -10213,16 +10218,28 @@ const PackageCompositionPanelPreview = () => {
|
|
|
10213
10218
|
}
|
|
10214
10219
|
);
|
|
10215
10220
|
};
|
|
10216
|
-
const PackageCompositionPanel = ({ context }) => {
|
|
10221
|
+
const PackageCompositionPanel = ({ context, events }) => {
|
|
10217
10222
|
var _a;
|
|
10218
10223
|
const packagesSlice = context.getSlice("packages");
|
|
10219
10224
|
const packages = ((_a = packagesSlice == null ? void 0 : packagesSlice.data) == null ? void 0 : _a.packages) ?? [];
|
|
10220
10225
|
const isLoading = (packagesSlice == null ? void 0 : packagesSlice.loading) || false;
|
|
10226
|
+
const handlePackageHover = (pkg) => {
|
|
10227
|
+
events == null ? void 0 : events.emit({
|
|
10228
|
+
type: "package:hover",
|
|
10229
|
+
source: "PackageCompositionPanel",
|
|
10230
|
+
timestamp: Date.now(),
|
|
10231
|
+
payload: pkg ? {
|
|
10232
|
+
packagePath: pkg.packageData.path,
|
|
10233
|
+
packageName: pkg.packageData.name
|
|
10234
|
+
} : null
|
|
10235
|
+
});
|
|
10236
|
+
};
|
|
10221
10237
|
return /* @__PURE__ */ jsx(
|
|
10222
10238
|
PackageCompositionPanelContent,
|
|
10223
10239
|
{
|
|
10224
10240
|
packages,
|
|
10225
|
-
isLoading
|
|
10241
|
+
isLoading,
|
|
10242
|
+
onPackageHover: handlePackageHover
|
|
10226
10243
|
}
|
|
10227
10244
|
);
|
|
10228
10245
|
};
|