@industry-theme/repository-composition-panels 0.1.0 → 0.2.1
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.d.ts +19 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/mocks/panelContext.d.ts.map +1 -1
- package/dist/panels/DependenciesPanel.d.ts +7 -0
- package/dist/panels/DependenciesPanel.d.ts.map +1 -0
- package/dist/panels/DependenciesPanel.stories.d.ts +55 -0
- package/dist/panels/DependenciesPanel.stories.d.ts.map +1 -0
- package/dist/panels/GitChangesPanel.d.ts +11 -2
- package/dist/panels/GitChangesPanel.d.ts.map +1 -1
- package/dist/panels/GitChangesPanel.stories.d.ts +5 -3
- package/dist/panels/GitChangesPanel.stories.d.ts.map +1 -1
- package/dist/panels/PackageCompositionPanel.d.ts +28 -0
- package/dist/panels/PackageCompositionPanel.d.ts.map +1 -0
- package/dist/panels/PackageCompositionPanel.stories.d.ts +63 -0
- package/dist/panels/PackageCompositionPanel.stories.d.ts.map +1 -0
- package/dist/panels/components/DependencyInfoModal.d.ts +8 -0
- package/dist/panels/components/DependencyInfoModal.d.ts.map +1 -0
- package/dist/panels/components/DependencyRow.d.ts +8 -0
- package/dist/panels/components/DependencyRow.d.ts.map +1 -0
- package/dist/panels/components/FilterBar.d.ts +17 -0
- package/dist/panels/components/FilterBar.d.ts.map +1 -0
- package/dist/panels/components/index.d.ts +4 -0
- package/dist/panels/components/index.d.ts.map +1 -0
- package/dist/panels.bundle.js +1808 -58
- package/dist/panels.bundle.js.map +1 -1
- package/dist/types/composition.d.ts +109 -0
- package/dist/types/composition.d.ts.map +1 -0
- package/dist/types/dependencies.d.ts +36 -0
- package/dist/types/dependencies.d.ts.map +1 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,21 @@
|
|
|
1
|
-
|
|
1
|
+
import type { PanelDefinition } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* Export array of panel definitions.
|
|
4
|
+
* This is the required export for panel extensions.
|
|
5
|
+
*/
|
|
6
|
+
export declare const panels: PanelDefinition[];
|
|
7
|
+
/**
|
|
8
|
+
* Optional: Called once when the entire package is loaded.
|
|
9
|
+
*/
|
|
10
|
+
export declare const onPackageLoad: () => Promise<void>;
|
|
11
|
+
/**
|
|
12
|
+
* Optional: Called once when the package is unloaded.
|
|
13
|
+
*/
|
|
14
|
+
export declare const onPackageUnload: () => Promise<void>;
|
|
15
|
+
export { GitChangesPanel, GitChangesPanelContent, GitChangesPanelPreview } from './panels/GitChangesPanel';
|
|
2
16
|
export type { GitChangesPanelProps } from './panels/GitChangesPanel';
|
|
3
|
-
export
|
|
17
|
+
export { PackageCompositionPanel, PackageCompositionPanelContent, PackageCompositionPanelPreview } from './panels/PackageCompositionPanel';
|
|
18
|
+
export type { PackageCompositionPanelProps } from './panels/PackageCompositionPanel';
|
|
19
|
+
export { DependenciesPanel } from './panels/DependenciesPanel';
|
|
20
|
+
export type { GitStatus, GitChangeSelectionStatus, GitFileStatus, FileTree, PanelComponentProps, PanelDefinition, PanelContextValue, PackageLayer, PackageCommand, ConfigFile, QualityMetrics, DependencyItem, PackageSummary, PackagesSliceData, } from './types';
|
|
4
21
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,SAAS,CAAC;AAElE;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,EA2FnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,qBAGzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,qBAG3B,CAAC;AAGF,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC3G,YAAY,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,8BAA8B,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAC3I,YAAY,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG/D,YAAY,EACV,SAAS,EACT,wBAAwB,EACxB,aAAa,EACb,QAAQ,EACR,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,iBAAiB,GAClB,MAAM,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"panelContext.d.ts","sourceRoot":"","sources":["../../src/mocks/panelContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,EAIlB,MAAM,UAAU,CAAC;AA+BlB;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,YAAY,OAAO,CAAC,iBAAiB,CAAC,KACrC,
|
|
1
|
+
{"version":3,"file":"panelContext.d.ts","sourceRoot":"","sources":["../../src/mocks/panelContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,EAIlB,MAAM,UAAU,CAAC;AA+BlB;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,YAAY,OAAO,CAAC,iBAAiB,CAAC,KACrC,iBAoHF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,YAAY,OAAO,CAAC,YAAY,CAAC,KAChC,YAkBD,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,QAAO,iBAwCnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1D,gBAAgB,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAC1C,CAMA,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { PanelComponentProps } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* DependenciesPanel - Main panel component with ThemeProvider wrapper
|
|
5
|
+
*/
|
|
6
|
+
export declare const DependenciesPanel: React.FC<PanelComponentProps>;
|
|
7
|
+
//# sourceMappingURL=DependenciesPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DependenciesPanel.d.ts","sourceRoot":"","sources":["../../src/panels/DependenciesPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAoZpD;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAM3D,CAAC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
/**
|
|
3
|
+
* DependenciesPanel displays package dependencies from the packages slice.
|
|
4
|
+
* It supports filtering by type, searching, and viewing dependency details.
|
|
5
|
+
*/
|
|
6
|
+
declare const meta: {
|
|
7
|
+
title: string;
|
|
8
|
+
component: import("react").FC<import("@principal-ade/panel-framework-core").PanelComponentProps>;
|
|
9
|
+
parameters: {
|
|
10
|
+
layout: string;
|
|
11
|
+
docs: {
|
|
12
|
+
description: {
|
|
13
|
+
component: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
tags: string[];
|
|
18
|
+
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
19
|
+
context: import("@principal-ade/panel-framework-core").PanelContextValue;
|
|
20
|
+
actions: import("@principal-ade/panel-framework-core").PanelActions;
|
|
21
|
+
events: import("@principal-ade/panel-framework-core").PanelEventEmitter;
|
|
22
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
23
|
+
args: {
|
|
24
|
+
context: import("@principal-ade/panel-framework-core").PanelContextValue;
|
|
25
|
+
actions: import("@principal-ade/panel-framework-core").PanelActions;
|
|
26
|
+
events: import("@principal-ade/panel-framework-core").PanelEventEmitter;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export default meta;
|
|
30
|
+
type Story = StoryObj<typeof meta>;
|
|
31
|
+
/**
|
|
32
|
+
* Default state with a single package
|
|
33
|
+
*/
|
|
34
|
+
export declare const Default: Story;
|
|
35
|
+
/**
|
|
36
|
+
* Loading state
|
|
37
|
+
*/
|
|
38
|
+
export declare const Loading: Story;
|
|
39
|
+
/**
|
|
40
|
+
* No packages available
|
|
41
|
+
*/
|
|
42
|
+
export declare const NoPackages: Story;
|
|
43
|
+
/**
|
|
44
|
+
* Package with many dependencies
|
|
45
|
+
*/
|
|
46
|
+
export declare const ManyDependencies: Story;
|
|
47
|
+
/**
|
|
48
|
+
* Monorepo with multiple packages
|
|
49
|
+
*/
|
|
50
|
+
export declare const Monorepo: Story;
|
|
51
|
+
/**
|
|
52
|
+
* Package with only dev dependencies
|
|
53
|
+
*/
|
|
54
|
+
export declare const OnlyDevDependencies: Story;
|
|
55
|
+
//# sourceMappingURL=DependenciesPanel.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DependenciesPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/DependenciesPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;CAyBgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KA6BrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KA2C9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KA2DtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KA0BjC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type FileTree } from '@principal-ai/repository-abstraction';
|
|
3
|
-
import type { GitStatus, GitChangeSelectionStatus } from '../types';
|
|
3
|
+
import type { GitStatus, GitChangeSelectionStatus, PanelComponentProps } from '../types';
|
|
4
4
|
export interface GitChangesPanelProps {
|
|
5
5
|
/** Git status data with categorized file paths */
|
|
6
6
|
gitStatus: GitStatus;
|
|
@@ -19,6 +19,15 @@ export interface GitChangesPanelProps {
|
|
|
19
19
|
/** Currently selected file path */
|
|
20
20
|
selectedFile?: string;
|
|
21
21
|
}
|
|
22
|
-
|
|
22
|
+
/**
|
|
23
|
+
* GitChangesPanelContent - Internal component that renders the git changes UI
|
|
24
|
+
* Can be used directly with props or via the framework wrapper
|
|
25
|
+
*/
|
|
26
|
+
export declare const GitChangesPanelContent: React.FC<GitChangesPanelProps>;
|
|
23
27
|
export declare const GitChangesPanelPreview: React.FC;
|
|
28
|
+
/**
|
|
29
|
+
* GitChangesPanel - Panel Framework compatible component
|
|
30
|
+
* Uses context.getSlice('git') and context.getSlice('fileTree') to get data
|
|
31
|
+
*/
|
|
32
|
+
export declare const GitChangesPanel: React.FC<PanelComponentProps>;
|
|
24
33
|
//# sourceMappingURL=GitChangesPanel.d.ts.map
|
|
@@ -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,MAAM,UAAU,CAAC;
|
|
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,CAqQjE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAiD1C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4BzD,CAAC"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import type { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
import { GitChangesPanelPreview } from './GitChangesPanel';
|
|
3
|
-
import type { GitStatus } from '../types';
|
|
3
|
+
import type { GitStatus, GitChangeSelectionStatus } from '../types';
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
5
|
+
* GitChangesPanelContent displays git status changes in a file tree format.
|
|
6
6
|
* It supports two view modes: "Full Tree" (complete file structure) and "Changes Only" (modified files only).
|
|
7
|
+
*
|
|
8
|
+
* Note: This is the direct-props version. The GitChangesPanel component is the Panel Framework wrapper.
|
|
7
9
|
*/
|
|
8
10
|
declare const meta: {
|
|
9
11
|
title: string;
|
|
@@ -22,7 +24,7 @@ declare const meta: {
|
|
|
22
24
|
fileTree?: (import("@principal-ai/repository-abstraction").FileTree | null) | undefined;
|
|
23
25
|
rootPath?: string | undefined;
|
|
24
26
|
isLoading?: boolean | undefined;
|
|
25
|
-
onFileClick?: ((filePath: string, status?:
|
|
27
|
+
onFileClick?: ((filePath: string, status?: GitChangeSelectionStatus) => void) | undefined;
|
|
26
28
|
emptyMessage?: string | undefined;
|
|
27
29
|
loadingMessage?: string | undefined;
|
|
28
30
|
selectedFile?: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GitChangesPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/GitChangesPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,
|
|
1
|
+
{"version":3,"file":"GitChangesPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/GitChangesPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAA0B,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AACnF,OAAO,KAAK,EAAE,SAAS,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEpE;;;;;GAKG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;gDAQqF,CAAC;;;;;CAcjD,CAAC;AAEhD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA6BnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAe3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAczB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,sBAAsB,CAQ3D,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { PanelComponentProps } from '../types';
|
|
3
|
+
import type { PackageLayer, ConfigFile, PackageCommand } from '../types/composition';
|
|
4
|
+
export interface PackageCompositionPanelProps {
|
|
5
|
+
/** Detected packages in the repository */
|
|
6
|
+
packages: PackageLayer[];
|
|
7
|
+
/** Whether package data is loading */
|
|
8
|
+
isLoading?: boolean;
|
|
9
|
+
/** Message to display when there are no packages */
|
|
10
|
+
emptyMessage?: string;
|
|
11
|
+
/** Callback when a command is clicked */
|
|
12
|
+
onCommandClick?: (command: PackageCommand, packagePath: string) => void;
|
|
13
|
+
/** Callback when a config file is clicked */
|
|
14
|
+
onConfigClick?: (configFile: ConfigFile) => void;
|
|
15
|
+
/** Callback when a package folder is clicked */
|
|
16
|
+
onPackageClick?: (packagePath: string) => void;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* PackageCompositionPanelContent - Internal component that renders the package composition UI
|
|
20
|
+
*/
|
|
21
|
+
export declare const PackageCompositionPanelContent: React.FC<PackageCompositionPanelProps>;
|
|
22
|
+
export declare const PackageCompositionPanelPreview: React.FC;
|
|
23
|
+
/**
|
|
24
|
+
* PackageCompositionPanel - Panel Framework compatible component
|
|
25
|
+
* Uses context.getSlice('packages') to get package layer data
|
|
26
|
+
*/
|
|
27
|
+
export declare const PackageCompositionPanel: React.FC<PanelComponentProps>;
|
|
28
|
+
//# sourceMappingURL=PackageCompositionPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PackageCompositionPanel.d.ts","sourceRoot":"","sources":["../../src/panels/PackageCompositionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAErF,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;AA4RD;;GAEG;AACH,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAmGjF,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EA4BlD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAajE,CAAC"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { PackageCompositionPanelPreview } from './PackageCompositionPanel';
|
|
3
|
+
import type { PackageLayer, PackageCommand, ConfigFile } from '../types/composition';
|
|
4
|
+
/**
|
|
5
|
+
* PackageCompositionPanelContent displays detected packages with their
|
|
6
|
+
* config files and available commands in an expandable card format.
|
|
7
|
+
*/
|
|
8
|
+
declare const meta: {
|
|
9
|
+
title: string;
|
|
10
|
+
component: import("react").FC<import("./PackageCompositionPanel").PackageCompositionPanelProps>;
|
|
11
|
+
parameters: {
|
|
12
|
+
layout: string;
|
|
13
|
+
docs: {
|
|
14
|
+
description: {
|
|
15
|
+
component: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
tags: string[];
|
|
20
|
+
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
21
|
+
packages: PackageLayer[];
|
|
22
|
+
isLoading?: boolean | undefined;
|
|
23
|
+
emptyMessage?: string | undefined;
|
|
24
|
+
onCommandClick?: ((command: PackageCommand, packagePath: string) => void) | undefined;
|
|
25
|
+
onConfigClick?: ((configFile: ConfigFile) => void) | undefined;
|
|
26
|
+
onPackageClick?: ((packagePath: string) => void) | undefined;
|
|
27
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
28
|
+
};
|
|
29
|
+
export default meta;
|
|
30
|
+
type Story = StoryObj<typeof meta>;
|
|
31
|
+
/**
|
|
32
|
+
* Default panel with multiple packages (monorepo structure)
|
|
33
|
+
*/
|
|
34
|
+
export declare const Default: Story;
|
|
35
|
+
/**
|
|
36
|
+
* Loading state
|
|
37
|
+
*/
|
|
38
|
+
export declare const Loading: Story;
|
|
39
|
+
/**
|
|
40
|
+
* No packages detected
|
|
41
|
+
*/
|
|
42
|
+
export declare const NoPackages: Story;
|
|
43
|
+
/**
|
|
44
|
+
* Single package (simple project)
|
|
45
|
+
*/
|
|
46
|
+
export declare const SinglePackage: Story;
|
|
47
|
+
/**
|
|
48
|
+
* Package with many commands
|
|
49
|
+
*/
|
|
50
|
+
export declare const ManyCommands: Story;
|
|
51
|
+
/**
|
|
52
|
+
* Package with inline configs
|
|
53
|
+
*/
|
|
54
|
+
export declare const WithInlineConfigs: Story;
|
|
55
|
+
/**
|
|
56
|
+
* Python package
|
|
57
|
+
*/
|
|
58
|
+
export declare const PythonPackage: Story;
|
|
59
|
+
/**
|
|
60
|
+
* Preview component - shown in panel switcher
|
|
61
|
+
*/
|
|
62
|
+
export declare const Preview: StoryObj<typeof PackageCompositionPanelPreview>;
|
|
63
|
+
//# sourceMappingURL=PackageCompositionPanel.stories.d.ts.map
|
|
@@ -0,0 +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;AA8HnC;;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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DependencyInfoModal.d.ts","sourceRoot":"","sources":["../../../src/panels/components/DependencyInfoModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,wBAAwB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyIlE,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { DependencyItem } from '../../types/dependencies';
|
|
3
|
+
interface DependencyRowProps {
|
|
4
|
+
dependency: DependencyItem;
|
|
5
|
+
}
|
|
6
|
+
export declare const DependencyRow: React.FC<DependencyRowProps>;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=DependencyRow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DependencyRow.d.ts","sourceRoot":"","sources":["../../../src/panels/components/DependencyRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE/D,UAAU,kBAAkB;IAC1B,UAAU,EAAE,cAAc,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoHtD,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type ToggleableFilterType = 'production' | 'development' | 'peer';
|
|
3
|
+
interface FilterBarProps {
|
|
4
|
+
activeFilters: Set<ToggleableFilterType>;
|
|
5
|
+
onToggleFilter: (type: ToggleableFilterType) => void;
|
|
6
|
+
searchQuery: string;
|
|
7
|
+
onSearchChange: (query: string) => void;
|
|
8
|
+
counts: {
|
|
9
|
+
all: number;
|
|
10
|
+
production: number;
|
|
11
|
+
development: number;
|
|
12
|
+
peer: number;
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
export declare const FilterBar: React.FC<FilterBarProps>;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=FilterBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilterBar.d.ts","sourceRoot":"","sources":["../../../src/panels/components/FilterBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,oBAAoB,GAAG,YAAY,GAAG,aAAa,GAAG,MAAM,CAAC;AAElE,UAAU,cAAc;IACtB,aAAa,EAAE,GAAG,CAAC,oBAAoB,CAAC,CAAC;IACzC,cAAc,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACrD,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,UAAU,EAAE,MAAM,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8H9C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panels/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
|