@industry-theme/repository-composition-panels 0.2.8 → 0.2.10
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/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 +23 -4
- package/dist/panels.bundle.js.map +1 -1
- package/package.json +1 -1
|
@@ -16,6 +16,8 @@ export interface PackageCompositionPanelProps {
|
|
|
16
16
|
onPackageClick?: (packagePath: string) => void;
|
|
17
17
|
/** Callback when hovering over a package (null when hover ends) */
|
|
18
18
|
onPackageHover?: (pkg: PackageLayer | null) => void;
|
|
19
|
+
/** Callback when a package is selected (null when deselected) */
|
|
20
|
+
onPackageSelect?: (pkg: PackageLayer | null) => void;
|
|
19
21
|
}
|
|
20
22
|
/**
|
|
21
23
|
* 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;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;
|
|
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;IACpD,iEAAiE;IACjE,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;CACtD;AAusBD;;GAEG;AACH,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAqNjF,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAgClD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyCjE,CAAC"}
|
|
@@ -25,6 +25,7 @@ declare const meta: {
|
|
|
25
25
|
onConfigClick?: ((configFile: ConfigFile) => void) | undefined;
|
|
26
26
|
onPackageClick?: ((packagePath: string) => void) | undefined;
|
|
27
27
|
onPackageHover?: ((pkg: PackageLayer | null) => void) | undefined;
|
|
28
|
+
onPackageSelect?: ((pkg: PackageLayer | null) => void) | undefined;
|
|
28
29
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
29
30
|
};
|
|
30
31
|
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
|
@@ -9975,7 +9975,8 @@ const PackageCompositionPanelContent = ({
|
|
|
9975
9975
|
onCommandClick,
|
|
9976
9976
|
onConfigClick,
|
|
9977
9977
|
onPackageClick,
|
|
9978
|
-
onPackageHover
|
|
9978
|
+
onPackageHover,
|
|
9979
|
+
onPackageSelect
|
|
9979
9980
|
}) => {
|
|
9980
9981
|
const { theme } = useTheme();
|
|
9981
9982
|
const [selectedPackageId, setSelectedPackageId] = useState(null);
|
|
@@ -10099,7 +10100,10 @@ const PackageCompositionPanelContent = ({
|
|
|
10099
10100
|
{
|
|
10100
10101
|
pkg,
|
|
10101
10102
|
allPackages: packages,
|
|
10102
|
-
onClick: () =>
|
|
10103
|
+
onClick: () => {
|
|
10104
|
+
setSelectedPackageId(pkg.id);
|
|
10105
|
+
onPackageSelect == null ? void 0 : onPackageSelect(pkg);
|
|
10106
|
+
},
|
|
10103
10107
|
onHover: onPackageHover
|
|
10104
10108
|
},
|
|
10105
10109
|
pkg.id
|
|
@@ -10134,7 +10138,10 @@ const PackageCompositionPanelContent = ({
|
|
|
10134
10138
|
children: /* @__PURE__ */ jsxs(
|
|
10135
10139
|
"button",
|
|
10136
10140
|
{
|
|
10137
|
-
onClick: () =>
|
|
10141
|
+
onClick: () => {
|
|
10142
|
+
setSelectedPackageId(null);
|
|
10143
|
+
onPackageSelect == null ? void 0 : onPackageSelect(null);
|
|
10144
|
+
},
|
|
10138
10145
|
style: {
|
|
10139
10146
|
display: "flex",
|
|
10140
10147
|
alignItems: "center",
|
|
@@ -10234,12 +10241,24 @@ const PackageCompositionPanel = ({ context, events }) => {
|
|
|
10234
10241
|
} : null
|
|
10235
10242
|
});
|
|
10236
10243
|
};
|
|
10244
|
+
const handlePackageSelect = (pkg) => {
|
|
10245
|
+
events == null ? void 0 : events.emit({
|
|
10246
|
+
type: "package:select",
|
|
10247
|
+
source: "PackageCompositionPanel",
|
|
10248
|
+
timestamp: Date.now(),
|
|
10249
|
+
payload: pkg ? {
|
|
10250
|
+
packagePath: pkg.packageData.path,
|
|
10251
|
+
packageName: pkg.packageData.name
|
|
10252
|
+
} : null
|
|
10253
|
+
});
|
|
10254
|
+
};
|
|
10237
10255
|
return /* @__PURE__ */ jsx(
|
|
10238
10256
|
PackageCompositionPanelContent,
|
|
10239
10257
|
{
|
|
10240
10258
|
packages,
|
|
10241
10259
|
isLoading,
|
|
10242
|
-
onPackageHover: handlePackageHover
|
|
10260
|
+
onPackageHover: handlePackageHover,
|
|
10261
|
+
onPackageSelect: handlePackageSelect
|
|
10243
10262
|
}
|
|
10244
10263
|
);
|
|
10245
10264
|
};
|