@industry-theme/agent-panels 0.2.16 → 0.2.17
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
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { type SkillsListPanelProps } from './panels/SkillsListPanel';
|
|
2
|
+
import { type SkillDetailPanelProps } from './panels/SkillDetailPanel';
|
|
2
3
|
import type { PanelDefinition } from './types';
|
|
3
|
-
|
|
4
|
+
import type { Skill } from './panels/skills/hooks/useSkillsData';
|
|
5
|
+
export type { SkillsListPanelProps, SkillDetailPanelProps, Skill };
|
|
4
6
|
/**
|
|
5
7
|
* Export array of panel definitions.
|
|
6
8
|
* This is the required export for panel extensions.
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AACtF,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAGzF,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAC;AAGjE,YAAY,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,EA6GnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAGzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,qBAG3B,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { PanelComponentProps } from '../types';
|
|
3
|
+
import type { Skill } from './skills/hooks/useSkillsData';
|
|
3
4
|
import './SkillDetailPanel.css';
|
|
4
5
|
export interface SkillDetailPanelProps extends PanelComponentProps {
|
|
5
6
|
/**
|
|
@@ -8,6 +9,12 @@ export interface SkillDetailPanelProps extends PanelComponentProps {
|
|
|
8
9
|
* This allows the host to control panel state via props instead of events.
|
|
9
10
|
*/
|
|
10
11
|
selectedSkillId?: string | null;
|
|
12
|
+
/**
|
|
13
|
+
* Optional skill object to display.
|
|
14
|
+
* If provided, bypasses useSkillsData loading for instant display.
|
|
15
|
+
* This provides better performance when the skill data is already available.
|
|
16
|
+
*/
|
|
17
|
+
skill?: Skill | null;
|
|
11
18
|
}
|
|
12
19
|
export declare const SkillDetailPanel: React.FC<SkillDetailPanelProps>;
|
|
13
20
|
//# sourceMappingURL=SkillDetailPanel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SkillDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/SkillDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"SkillDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/SkillDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAK1D,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;IAChE;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+L5D,CAAC"}
|
package/dist/panels.bundle.js
CHANGED
|
@@ -48745,14 +48745,16 @@ const SkillDetailPanel = ({
|
|
|
48745
48745
|
context,
|
|
48746
48746
|
events,
|
|
48747
48747
|
actions,
|
|
48748
|
-
selectedSkillId: selectedSkillIdProp
|
|
48748
|
+
selectedSkillId: selectedSkillIdProp,
|
|
48749
|
+
skill: skillProp
|
|
48749
48750
|
}) => {
|
|
48750
48751
|
const { theme: theme2 } = useTheme();
|
|
48751
48752
|
const { skills, isLoading, error } = useSkillsData({ context });
|
|
48752
48753
|
const [selectedSkillIdState, setSelectedSkillIdState] = useState(null);
|
|
48753
|
-
const [
|
|
48754
|
+
const [skillState, setSkillState] = useState(null);
|
|
48754
48755
|
const panelRef = useRef(null);
|
|
48755
48756
|
const selectedSkillId = selectedSkillIdProp !== void 0 ? selectedSkillIdProp : selectedSkillIdState;
|
|
48757
|
+
const skill = skillProp !== void 0 ? skillProp : skillState;
|
|
48756
48758
|
gt(
|
|
48757
48759
|
"skill-detail",
|
|
48758
48760
|
events,
|
|
@@ -48775,13 +48777,16 @@ const SkillDetailPanel = ({
|
|
|
48775
48777
|
return unsubscribe;
|
|
48776
48778
|
}, [events, selectedSkillIdProp]);
|
|
48777
48779
|
useEffect(() => {
|
|
48780
|
+
if (skillProp !== void 0) {
|
|
48781
|
+
return;
|
|
48782
|
+
}
|
|
48778
48783
|
if (selectedSkillId && skills.length > 0) {
|
|
48779
48784
|
const foundSkill = skills.find((s2) => s2.id === selectedSkillId);
|
|
48780
|
-
|
|
48785
|
+
setSkillState(foundSkill || null);
|
|
48781
48786
|
} else if (!selectedSkillId) {
|
|
48782
|
-
|
|
48787
|
+
setSkillState(null);
|
|
48783
48788
|
}
|
|
48784
|
-
}, [selectedSkillId, skills]);
|
|
48789
|
+
}, [selectedSkillId, skills, skillProp]);
|
|
48785
48790
|
if (error) {
|
|
48786
48791
|
return /* @__PURE__ */ jsx(
|
|
48787
48792
|
"div",
|