@semiont/react-ui 0.4.13 → 0.4.14
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.mts +8 -2
- package/dist/index.mjs +21 -17
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/Toolbar.tsx +13 -13
- package/src/components/resource/panels/CollaborationPanel.tsx +9 -1
- package/src/features/resource-viewer/components/ResourceViewerPage.tsx +7 -0
- package/src/styles/patterns/panels-base.css +12 -0
package/dist/index.d.mts
CHANGED
|
@@ -762,6 +762,7 @@ declare function useHealth(): {
|
|
|
762
762
|
};
|
|
763
763
|
message: string;
|
|
764
764
|
authenticatedAs?: string;
|
|
765
|
+
projectName?: string;
|
|
765
766
|
}, Error>;
|
|
766
767
|
};
|
|
767
768
|
};
|
|
@@ -2293,8 +2294,9 @@ interface Props$3 {
|
|
|
2293
2294
|
isConnected: boolean;
|
|
2294
2295
|
eventCount: number;
|
|
2295
2296
|
lastEventTimestamp?: string;
|
|
2297
|
+
knowledgeBaseName?: string;
|
|
2296
2298
|
}
|
|
2297
|
-
declare function CollaborationPanel({ isConnected, eventCount, lastEventTimestamp }: Props$3): react_jsx_runtime.JSX.Element;
|
|
2299
|
+
declare function CollaborationPanel({ isConnected, eventCount, lastEventTimestamp, knowledgeBaseName }: Props$3): react_jsx_runtime.JSX.Element;
|
|
2298
2300
|
|
|
2299
2301
|
type Annotation$9 = components['schemas']['Annotation'];
|
|
2300
2302
|
interface CommentEntryProps {
|
|
@@ -4009,6 +4011,10 @@ interface ResourceViewerPageProps {
|
|
|
4009
4011
|
* SSE attention stream connection status for the active workspace
|
|
4010
4012
|
*/
|
|
4011
4013
|
streamStatus: StreamStatus;
|
|
4014
|
+
/**
|
|
4015
|
+
* Name of the active knowledge base (for display in panels)
|
|
4016
|
+
*/
|
|
4017
|
+
knowledgeBaseName?: string | undefined;
|
|
4012
4018
|
}
|
|
4013
4019
|
/**
|
|
4014
4020
|
* ResourceViewerPage - Main component
|
|
@@ -4037,7 +4043,7 @@ interface ResourceViewerPageProps {
|
|
|
4037
4043
|
* @subscribes browse:reference-navigate - Navigate to a referenced document
|
|
4038
4044
|
* @subscribes browse:entity-type-clicked - Navigate filtered by entity type
|
|
4039
4045
|
*/
|
|
4040
|
-
declare function ResourceViewerPage({ resource, rUri, locale, Link, routes, ToolbarPanels, refetchDocument, streamStatus, }: ResourceViewerPageProps): react_jsx_runtime.JSX.Element;
|
|
4046
|
+
declare function ResourceViewerPage({ resource, rUri, locale, Link, routes, ToolbarPanels, refetchDocument, streamStatus, knowledgeBaseName, }: ResourceViewerPageProps): react_jsx_runtime.JSX.Element;
|
|
4041
4047
|
|
|
4042
4048
|
/**
|
|
4043
4049
|
* useBeckonFlow — Annotation attention / pointer coordination hook
|
package/dist/index.mjs
CHANGED
|
@@ -27220,19 +27220,6 @@ function Toolbar({
|
|
|
27220
27220
|
children: /* @__PURE__ */ jsx12("span", { className: "semiont-toolbar-icon", "aria-hidden": "true", children: "\u{1F4D2}" })
|
|
27221
27221
|
}
|
|
27222
27222
|
),
|
|
27223
|
-
/* @__PURE__ */ jsx12(
|
|
27224
|
-
"button",
|
|
27225
|
-
{
|
|
27226
|
-
onClick: () => handlePanelToggle("collaboration"),
|
|
27227
|
-
className: "semiont-toolbar-button",
|
|
27228
|
-
"data-active": activePanel === "collaboration",
|
|
27229
|
-
"data-panel": "collaboration",
|
|
27230
|
-
"aria-label": t12("collaboration"),
|
|
27231
|
-
"aria-pressed": activePanel === "collaboration",
|
|
27232
|
-
title: t12("collaboration"),
|
|
27233
|
-
children: /* @__PURE__ */ jsx12("span", { className: "semiont-toolbar-icon", "aria-hidden": "true", children: "\u{1F465}" })
|
|
27234
|
-
}
|
|
27235
|
-
),
|
|
27236
27223
|
/* @__PURE__ */ jsx12(
|
|
27237
27224
|
"button",
|
|
27238
27225
|
{
|
|
@@ -27245,6 +27232,19 @@ function Toolbar({
|
|
|
27245
27232
|
title: "JSON-LD",
|
|
27246
27233
|
children: /* @__PURE__ */ jsx12("span", { className: "semiont-toolbar-icon", "aria-hidden": "true", children: "\u{1F310}" })
|
|
27247
27234
|
}
|
|
27235
|
+
),
|
|
27236
|
+
/* @__PURE__ */ jsx12(
|
|
27237
|
+
"button",
|
|
27238
|
+
{
|
|
27239
|
+
onClick: () => handlePanelToggle("collaboration"),
|
|
27240
|
+
className: "semiont-toolbar-button",
|
|
27241
|
+
"data-active": activePanel === "collaboration",
|
|
27242
|
+
"data-panel": "collaboration",
|
|
27243
|
+
"aria-label": t12("collaboration"),
|
|
27244
|
+
"aria-pressed": activePanel === "collaboration",
|
|
27245
|
+
title: t12("collaboration"),
|
|
27246
|
+
children: /* @__PURE__ */ jsx12("span", { className: "semiont-toolbar-icon", "aria-hidden": "true", children: "\u{1F465}" })
|
|
27247
|
+
}
|
|
27248
27248
|
)
|
|
27249
27249
|
] }),
|
|
27250
27250
|
/* @__PURE__ */ jsx12(
|
|
@@ -46682,7 +46682,8 @@ import { jsx as jsx32, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
|
46682
46682
|
function CollaborationPanel({
|
|
46683
46683
|
isConnected,
|
|
46684
46684
|
eventCount,
|
|
46685
|
-
lastEventTimestamp
|
|
46685
|
+
lastEventTimestamp,
|
|
46686
|
+
knowledgeBaseName
|
|
46686
46687
|
}) {
|
|
46687
46688
|
const t12 = useTranslations("CollaborationPanel");
|
|
46688
46689
|
let lastSyncText;
|
|
@@ -46713,6 +46714,7 @@ function CollaborationPanel({
|
|
|
46713
46714
|
}
|
|
46714
46715
|
return /* @__PURE__ */ jsxs23("div", { className: "semiont-collaboration-panel", children: [
|
|
46715
46716
|
/* @__PURE__ */ jsx32("h3", { className: "semiont-collaboration-panel__title", children: t12("title") }),
|
|
46717
|
+
knowledgeBaseName && /* @__PURE__ */ jsx32("div", { style: { padding: "0 0.75rem 0.5rem", fontSize: "0.8rem", color: "var(--semiont-color-neutral-400)" }, children: knowledgeBaseName }),
|
|
46716
46718
|
/* @__PURE__ */ jsxs23("div", { className: "semiont-collaboration-panel__section", children: [
|
|
46717
46719
|
/* @__PURE__ */ jsx32("h3", { className: "semiont-collaboration-panel__heading", children: t12("connectionStatus") }),
|
|
46718
46720
|
/* @__PURE__ */ jsxs23("div", { className: "semiont-collaboration-panel__status", children: [
|
|
@@ -55728,7 +55730,7 @@ function usePanelBrowse() {
|
|
|
55728
55730
|
if (typeof window !== "undefined") {
|
|
55729
55731
|
const saved = localStorage.getItem("activeToolbarPanel");
|
|
55730
55732
|
if (saved) return saved;
|
|
55731
|
-
|
|
55733
|
+
return "knowledge-base";
|
|
55732
55734
|
}
|
|
55733
55735
|
return null;
|
|
55734
55736
|
});
|
|
@@ -58198,7 +58200,8 @@ function ResourceViewerPage({
|
|
|
58198
58200
|
routes,
|
|
58199
58201
|
ToolbarPanels,
|
|
58200
58202
|
refetchDocument,
|
|
58201
|
-
streamStatus
|
|
58203
|
+
streamStatus,
|
|
58204
|
+
knowledgeBaseName
|
|
58202
58205
|
}) {
|
|
58203
58206
|
const tw = useTranslations("ReferenceWizard");
|
|
58204
58207
|
const eventBus = useEventBus();
|
|
@@ -58569,7 +58572,8 @@ function ResourceViewerPage({
|
|
|
58569
58572
|
CollaborationPanel,
|
|
58570
58573
|
{
|
|
58571
58574
|
isConnected: streamStatus === "connected",
|
|
58572
|
-
eventCount: 0
|
|
58575
|
+
eventCount: 0,
|
|
58576
|
+
knowledgeBaseName
|
|
58573
58577
|
}
|
|
58574
58578
|
),
|
|
58575
58579
|
activePanel === "jsonld" && /* @__PURE__ */ jsx89(JsonLdPanel, { resource })
|