@cognite/reveal-components 1.0.0

package/dist/ui/components/commandBased/pointsOfInterest/PoiInfoPanelContent.js

@@ -0,0 +1,22 @@
+import { PointsOfInterestStatus as e } from "../../../../domains/pointsOfInterest/types.js";
+import { PoiInfoPanelContentContext as t } from "./PoiInfoPanelContent.context.js";
+import { useContext as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/PoiInfoPanelContent.tsx
+var a = () => {
+	let { useSelectedPoi: a, PoiHeader: o, PoiInfoSection: s, PoiCommentSection: c } = n(t), l = a();
+	if (l === void 0) return null;
+	let u = l.status === e.PendingCreation, d = l.status === e.PendingEditing;
+	return /* @__PURE__ */ i("div", {
+		className: "flex h-full min-h-0 flex-col",
+		children: [/* @__PURE__ */ r(o, {}), /* @__PURE__ */ i("div", {
+			className: "flex min-h-0 flex-1 flex-col",
+			children: [/* @__PURE__ */ r("div", {
+				className: "shrink-0",
+				children: /* @__PURE__ */ r(s, {})
+			}), !u && !d && /* @__PURE__ */ r(c, {})]
+		})]
+	});
+};
+//#endregion
+export { a as PoiInfoPanelContent };

package/dist/ui/components/commandBased/pointsOfInterest/PoiInfoSection.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { PointOfInterest } from '../../../../domains/pointsOfInterest/types';
+export declare const PoiInfoSection: () => ReactNode;
+export declare const PoiMetadataSection: ({ selectedPoi, }: {
+    selectedPoi: PointOfInterest<unknown>;
+}) => ReactNode;

package/dist/ui/components/commandBased/pointsOfInterest/PoiInfoSection.js

@@ -0,0 +1,199 @@
+import { useTranslation as e } from "../../i18n/I18n.js";
+import { PointsOfInterestStatus as t, getPointOfInterestKey as n } from "../../../../domains/pointsOfInterest/types.js";
+import { formatDateTime as r } from "../../../../utilities/date-time-utils/format-date-time.js";
+import "../../../../utilities/date-time-utils/index.js";
+import { TextWithClickableLink as i } from "../../../../utilities/TextWithClickableLink.js";
+import { getAvatarInitials as a, getAvatarVariant as o } from "./avatarUtils.js";
+import { useSelectedPoi as s } from "./useSelectedPoi.js";
+import { InstanceLabel as c } from "../../InstanceLabel/InstanceLabel.js";
+import "../../InstanceLabel/index.js";
+import { useEditPoiInfoSection as l } from "./useEditPoiInfoSection.js";
+import { usePendingPoiInfoSection as u } from "./usePendingPoiInfoSection.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Button as p } from "@cognite/aura/components/button";
+import { IconLoader2 as m } from "@tabler/icons-react";
+import { Input as h } from "@cognite/aura/components/input";
+import { Textarea as g } from "@cognite/aura/components/textarea";
+import { Label as _ } from "@cognite/aura/components/label";
+import { Avatar as v, AvatarFallback as y } from "@cognite/aura/components/avatar";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/PoiInfoSection.tsx
+var b = () => {
+	let e = s();
+	if (e !== void 0) return e.status === t.PendingCreation ? /* @__PURE__ */ d(w, { selectedPoi: e }, n(e)) : e.status === t.PendingEditing ? /* @__PURE__ */ d(T, { selectedPoi: e }, n(e)) : /* @__PURE__ */ d(x, { selectedPoi: e });
+}, x = ({ selectedPoi: t }) => {
+	let { t: n } = e(), { name: r, description: i } = t.properties;
+	return /* @__PURE__ */ f("div", {
+		className: "flex flex-col justify-between gap-2 mt-4",
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ f(_, {
+					htmlFor: "poi-name",
+					children: [n({ key: "NAME" }), "*"]
+				}), /* @__PURE__ */ d(h, {
+					id: "poi-name",
+					value: r,
+					readOnly: !0
+				})]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ d(_, {
+					htmlFor: "poi-description",
+					children: n({ key: "DESCRIPTION" })
+				}), /* @__PURE__ */ d(S, { description: i })]
+			}),
+			t.properties.instanceRef !== void 0 && /* @__PURE__ */ f("div", {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ d(_, { children: n({ key: "ASSET" }) }), /* @__PURE__ */ d(c, { instance: t.properties.instanceRef })]
+			}),
+			/* @__PURE__ */ d(C, { selectedPoi: t })
+		]
+	});
+};
+function S({ description: t }) {
+	let { t: n } = e(), r = t?.trim(), a = r === void 0 || r === "";
+	return /* @__PURE__ */ d("p", {
+		className: `min-h-9 rounded-lg bg-muted-background py-1.75 pl-2 pr-1 text-sm leading-5 tracking-tight whitespace-pre-wrap break-words ${a ? "text-muted-foreground" : "text-foreground"}`,
+		children: a ? n({ key: "DESCRIPTION_PLACEHOLDER" }) : /* @__PURE__ */ d(i, { content: r })
+	});
+}
+var C = ({ selectedPoi: t }) => {
+	let { t: n, currentLanguage: i } = e(), { createdTime: s, lastUpdatedTime: c, ownerId: l } = t.properties, u = l !== void 0 && l !== "", p = s !== void 0, m = c !== void 0;
+	return !u && !p && !m ? null : /* @__PURE__ */ f("div", {
+		className: "mb-2 flex flex-col gap-0.5 pt-1",
+		children: [
+			u && /* @__PURE__ */ f("div", {
+				className: "flex flex-row items-center gap-2 pb-1",
+				children: [/* @__PURE__ */ d(v, {
+					variant: o(l),
+					sizes: "xxsm",
+					children: /* @__PURE__ */ d(y, { children: a(l) })
+				}), /* @__PURE__ */ d("span", {
+					className: "text-xs text-muted-foreground",
+					children: l
+				})]
+			}),
+			p && /* @__PURE__ */ f("span", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					n({ key: "CREATED" }),
+					" ",
+					r({
+						date: s,
+						showAbsolute: !0,
+						language: i
+					})
+				]
+			}),
+			m && /* @__PURE__ */ f("span", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					n({ key: "UPDATED" }),
+					" ",
+					r({
+						date: c,
+						showAbsolute: !0,
+						language: i
+					})
+				]
+			})
+		]
+	});
+}, w = ({ selectedPoi: t }) => {
+	let { t: n } = e(), { name: r, setName: i, description: a, setDescription: o, instanceRef: s, isSubmitting: c, errorMessage: l, canSubmit: f, handleSave: p, handleCancel: m } = u(t);
+	return /* @__PURE__ */ d(E, {
+		t: n,
+		name: r,
+		setName: i,
+		description: a,
+		setDescription: o,
+		instanceRef: s,
+		isSubmitting: c,
+		errorMessage: l,
+		canSubmit: f,
+		onSave: p,
+		onCancel: m
+	});
+}, T = ({ selectedPoi: t }) => {
+	let { t: n } = e(), { name: r, setName: i, description: a, setDescription: o, instanceRef: s, isSubmitting: c, errorMessage: u, canSubmit: f, handleSave: p, handleCancel: m } = l(t);
+	return /* @__PURE__ */ d(E, {
+		t: n,
+		name: r,
+		setName: i,
+		description: a,
+		setDescription: o,
+		instanceRef: s,
+		isSubmitting: c,
+		errorMessage: u,
+		canSubmit: f,
+		onSave: p,
+		onCancel: m
+	});
+}, E = ({ t: e, name: t, setName: n, description: r, setDescription: i, instanceRef: a, isSubmitting: o, errorMessage: s, canSubmit: l, onSave: u, onCancel: v }) => /* @__PURE__ */ f("div", {
+	className: "flex flex-col justify-between gap-2 mt-4",
+	children: [
+		/* @__PURE__ */ f("div", {
+			className: "flex flex-col",
+			children: [/* @__PURE__ */ f(_, {
+				htmlFor: "poi-name",
+				children: [e({ key: "NAME" }), "*"]
+			}), /* @__PURE__ */ d(h, {
+				id: "poi-name",
+				value: t,
+				autoFocus: !0,
+				disabled: o,
+				onFocus: (e) => {
+					e.currentTarget.select();
+				},
+				onChange: (e) => {
+					n(e.target.value);
+				},
+				placeholder: e({ key: "NAME" })
+			})]
+		}),
+		/* @__PURE__ */ f("div", {
+			className: "flex flex-col",
+			children: [/* @__PURE__ */ d(_, {
+				htmlFor: "poi-description",
+				children: e({ key: "DESCRIPTION" })
+			}), /* @__PURE__ */ d(g, {
+				id: "poi-description",
+				placeholder: e({ key: "POINT_OF_INTEREST_DESCRIPTION_PLACEHOLDER" }),
+				value: r,
+				disabled: o,
+				onChange: (e) => {
+					i(e.target.value);
+				}
+			})]
+		}),
+		a !== void 0 && /* @__PURE__ */ f("div", {
+			className: "flex flex-col",
+			children: [/* @__PURE__ */ d(_, { children: e({ key: "ASSET" }) }), /* @__PURE__ */ d(c, { instance: a })]
+		}),
+		s !== void 0 && /* @__PURE__ */ d("p", {
+			className: "text-sm text-destructive-foreground",
+			role: "alert",
+			children: s
+		}),
+		/* @__PURE__ */ f("div", {
+			className: "flex gap-2 justify-end mt-2",
+			children: [/* @__PURE__ */ d(p, {
+				variant: "secondary",
+				disabled: o,
+				onClick: v,
+				children: e({ key: "CANCEL" })
+			}), /* @__PURE__ */ d(p, {
+				style: { color: "white" },
+				disabled: !l,
+				onClick: u,
+				children: o ? /* @__PURE__ */ d(m, {
+					className: "size-4 animate-spin",
+					"aria-hidden": !0
+				}) : e({ key: "SAVE" })
+			})]
+		})
+	]
+});
+//#endregion
+export { b as PoiInfoSection, C as PoiMetadataSection };

package/dist/ui/components/commandBased/pointsOfInterest/PoiList.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { PointOfInterest } from '../../../../domains/pointsOfInterest/types';
+/**
+ * A filter for Points of interests
+ */
+export type PoiFilter = {
+    /**
+     * Checks if the PoI title or ID contains the string
+     */
+    contains: string;
+};
+export type PoiListProps = {
+    onRowClick?: (poi: PointOfInterest<unknown>) => void;
+    filter?: PoiFilter;
+    pageLimit?: number;
+    values?: Array<PointOfInterest<unknown>>;
+};
+export declare const PoiList: ({ onRowClick, filter, pageLimit, values, }: PoiListProps) => ReactNode;

package/dist/ui/components/commandBased/pointsOfInterest/PoiList.js

@@ -0,0 +1,64 @@
+import { useTranslation as e } from "../../i18n/I18n.js";
+import { usePoiDomainObject as t } from "./usePoiDomainObject.js";
+import { useSelectedPoi as n } from "./useSelectedPoi.js";
+import { useFilterPointsOfInterest as r } from "./useFilterPointsOfInterest.js";
+import { usePointsOfInterest as i } from "./usePointsOfInterest.js";
+import { useCallback as a, useMemo as o, useState as s } from "react";
+import { take as c } from "lodash-es";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Button as d } from "@cognite/aura/components/button";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/PoiList.tsx
+var f = ({ onRowClick: f, filter: p, pageLimit: m = Infinity, values: h }) => {
+	let { t: g } = e(), _ = i(), v = n(), [y, b] = s(m), x = r(_, p), S = h ?? x, C = S.length > y, w = t(), T = o(() => c(S, y).map((e) => ({
+		id: JSON.stringify(e.id),
+		name: e.properties.name ?? JSON.stringify(e.id),
+		poi: e
+	})), [S, y]), E = a(() => {
+		C && b((e) => Math.min(S.length, e + m));
+	}, [
+		S,
+		b,
+		C,
+		m
+	]), D = JSON.stringify(v?.id);
+	return /* @__PURE__ */ u("div", {
+		className: "flex flex-col",
+		children: [/* @__PURE__ */ u("table", {
+			className: "w-full border-collapse text-sm",
+			children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ l("tr", {
+				className: "border-y border-border bg-background",
+				children: /* @__PURE__ */ l("th", {
+					className: "h-9 px-3 pl-4 text-left text-sm font-medium text-muted-foreground",
+					children: g({ key: "NAME" })
+				})
+			}) }), /* @__PURE__ */ l("tbody", { children: T.map((e) => {
+				let t = e.id === D, n = () => {
+					w?.focusOn(e.poi), f?.(e.poi);
+				};
+				return /* @__PURE__ */ l("tr", {
+					role: "button",
+					tabIndex: 0,
+					"aria-pressed": t,
+					className: `h-9 cursor-pointer border-b border-border transition-colors hover:bg-active-muted-background ${t ? "bg-active-muted-background" : "bg-background"}`,
+					onClick: n,
+					onKeyDown: (e) => {
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), n());
+					},
+					children: /* @__PURE__ */ l("td", {
+						className: "px-3 pl-4 align-middle",
+						children: e.name
+					})
+				}, e.id);
+			}) })]
+		}), /* @__PURE__ */ l("div", {
+			className: "flex flex-row justify-center gap-4 pt-2",
+			children: C && /* @__PURE__ */ l(d, {
+				onClick: E,
+				style: { color: "white" },
+				children: g({ key: "SHOW_MORE" })
+			})
+		})]
+	});
+};
+//#endregion
+export { f as PoiList };

package/dist/ui/components/commandBased/pointsOfInterest/PoiSharePanel.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const PoiSharePanel: () => ReactNode;

package/dist/ui/components/commandBased/pointsOfInterest/PoiSharePanel.js

@@ -0,0 +1,60 @@
+import { useTranslation as e } from "../../i18n/I18n.js";
+import { Changes as t } from "../../../../foundation/domainObjectsHelpers/Changes.js";
+import "../../../../domains/index.js";
+import { useOnUpdateDomainObject as n } from "../hooks/useOnUpdateDomainObject.js";
+import { usePoiDomainObject as r } from "./usePoiDomainObject.js";
+import { useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Button as s } from "@cognite/aura/components/button";
+import { IconLink as c, IconShare as l } from "@tabler/icons-react";
+import { Label as u } from "@cognite/aura/components/label";
+import { Switch as d } from "@cognite/aura/components/switch";
+import { Alert as f, AlertDescription as p, AlertTitle as m } from "@cognite/aura/components/alert";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/PoiSharePanel.tsx
+var h = () => {
+	let { t } = e(), d = r(), f = d?.selectedPointsOfInterest, [p, m] = i(f?.properties.visibility ?? "PRIVATE");
+	return n(d, () => {
+		let e = f?.properties.visibility ?? "PRIVATE";
+		m(e);
+	}), /* @__PURE__ */ a("div", {
+		className: "flex flex-row gap-6 p-4 w-fit min-w-[400px] rounded-md bg-white shadow-[0px_1px_16px_4px_rgba(79,82,104,0.1),0px_1px_8px_0px_rgba(79,82,104,0.08),0px_1px_2px_0px_rgba(79,82,104,0.24)]",
+		children: /* @__PURE__ */ o("div", {
+			className: "flex flex-col gap-2",
+			children: [
+				/* @__PURE__ */ o("div", {
+					className: "flex flex-row gap-4",
+					children: [/* @__PURE__ */ a(l, {}), /* @__PURE__ */ a(u, { children: t({ key: "SHARE" }) })]
+				}),
+				/* @__PURE__ */ a(g, {
+					poiDomainObject: d,
+					poiVisibility: p
+				}),
+				/* @__PURE__ */ o(s, {
+					variant: "default",
+					disabled: p === "PRIVATE",
+					onClick: async () => {
+						let e = window.location.href;
+						await navigator.clipboard.writeText(e);
+					},
+					children: [/* @__PURE__ */ a(c, {}), t({ key: "COPY_URL_TO_SHARE" })]
+				})
+			]
+		})
+	});
+}, g = ({ poiDomainObject: n, poiVisibility: r }) => {
+	let { t: i } = e(), s = n?.selectedPointsOfInterest, c = r === "PUBLIC", l = i(c ? { key: "POINT_OF_INTEREST_IS_PUBLIC" } : { key: "POINT_OF_INTEREST_IS_PRIVATE" }), u = i(c ? { key: "POINT_OF_INTEREST_PUBLIC_DESCRIPTION" } : { key: "POINT_OF_INTEREST_PRIVATE_DESCRIPTION" });
+	return n === void 0 || s === void 0 ? null : /* @__PURE__ */ a(f, { children: /* @__PURE__ */ o("div", {
+		className: "flex flex-row gap-4 items-center",
+		children: [/* @__PURE__ */ a(d, {
+			checked: c,
+			onCheckedChange: (e) => {
+				s.properties.visibility = e ? "PUBLIC" : "PRIVATE", n.updatePointsOfInterest([s]), n.notify(t.geometry);
+			}
+		}), /* @__PURE__ */ o("div", {
+			className: "flex flex-col",
+			children: [/* @__PURE__ */ a(m, { children: l }), /* @__PURE__ */ a(p, { children: u })]
+		})]
+	}) });
+};
+//#endregion
+export { h as PoiSharePanel };

package/dist/ui/components/commandBased/pointsOfInterest/PointsOfInterestSidePanel.context.d.ts

@@ -0,0 +1,13 @@
+import { Context } from 'react';
+import { PoiInfoPanelContent } from './PoiInfoPanelContent';
+import { PoiList } from './PoiList';
+import { usePointsOfInterestTool } from './usePointsOfInterestTool';
+import { useSelectedPoi } from './useSelectedPoi';
+export type PointsOfInterestSidePanelDependencies = {
+    useSelectedPoi: typeof useSelectedPoi;
+    usePointsOfInterestTool: typeof usePointsOfInterestTool;
+    PoiList: typeof PoiList;
+    PoiInfoPanelContent: typeof PoiInfoPanelContent;
+};
+export declare const defaultPointsOfInterestSidePanelDependencies: PointsOfInterestSidePanelDependencies;
+export declare const PointsOfInterestSidePanelContext: Context<PointsOfInterestSidePanelDependencies>;

package/dist/ui/components/commandBased/pointsOfInterest/PointsOfInterestSidePanel.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren, ReactNode } from 'react';
+export declare const PointsOfInterestSidePanel: ({ children, }: PropsWithChildren) => ReactNode;

package/dist/ui/components/commandBased/pointsOfInterest/avatarUtils.d.ts

@@ -0,0 +1,5 @@
+declare const AVATAR_VARIANTS: readonly ["decorative-3", "decorative-4", "decorative-2", "decorative-5", "decorative-6", "decorative-1"];
+type AvatarVariant = (typeof AVATAR_VARIANTS)[number];
+export declare function getAvatarVariant(text: string): AvatarVariant;
+export declare function getAvatarInitials(text: string): string;
+export {};

package/dist/ui/components/commandBased/pointsOfInterest/avatarUtils.js

@@ -0,0 +1,19 @@
+//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/avatarUtils.ts
+var e = [
+	"decorative-3",
+	"decorative-4",
+	"decorative-2",
+	"decorative-5",
+	"decorative-6",
+	"decorative-1"
+];
+function t(t) {
+	let n = 0;
+	for (let e = 0; e < t.length; e++) n = n * 31 + t.charCodeAt(e) | 0;
+	return e[Math.abs(n) % e.length];
+}
+function n(e) {
+	return e.slice(0, 2).toUpperCase();
+}
+//#endregion
+export { n as getAvatarInitials, t as getAvatarVariant };

package/dist/ui/components/commandBased/pointsOfInterest/index.d.ts

@@ -0,0 +1,8 @@
+export { PoiInfoPanelContent } from './PoiInfoPanelContent';
+export { useFilterPointsOfInterest } from './useFilterPointsOfInterest';
+export { usePoiCreateFlowState } from './usePoiCreateFlowState';
+export { usePoiDomainObject } from './usePoiDomainObject';
+export { usePointsOfInterest } from './usePointsOfInterest';
+export { usePointsOfInterestTool } from './usePointsOfInterestTool';
+export { useSyncSelectedPoi } from './useSyncSelectedPoi';
+export { PoiList } from './PoiList';

package/dist/ui/components/commandBased/pointsOfInterest/index.js

@@ -0,0 +1,9 @@
+import { usePoiDomainObject as e } from "./usePoiDomainObject.js";
+import { usePointsOfInterestTool as t } from "./usePointsOfInterestTool.js";
+import { PoiInfoPanelContent as n } from "./PoiInfoPanelContent.js";
+import { useFilterPointsOfInterest as r } from "./useFilterPointsOfInterest.js";
+import { usePoiCreateFlowState as i } from "./usePoiCreateFlowState.js";
+import { usePointsOfInterest as a } from "./usePointsOfInterest.js";
+import { useSyncSelectedPoi as o } from "./useSyncSelectedPoi.js";
+import { PoiList as s } from "./PoiList.js";
+export { n as PoiInfoPanelContent, s as PoiList, r as useFilterPointsOfInterest, i as usePoiCreateFlowState, e as usePoiDomainObject, a as usePointsOfInterest, t as usePointsOfInterestTool, o as useSyncSelectedPoi };

package/dist/ui/components/commandBased/pointsOfInterest/useCommentsForPoiQuery.d.ts

@@ -0,0 +1,4 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import { PointOfInterest } from '../../../../domains';
+import { CommentProperties } from '../../../../domains/pointsOfInterest/models';
+export declare function useCommentsForPoiQuery(poi: PointOfInterest<unknown> | undefined): UseQueryResult<CommentProperties[] | null>;

package/dist/ui/components/commandBased/pointsOfInterest/useCommentsForPoiQuery.js

@@ -0,0 +1,14 @@
+import { queryKeys as e } from "../../../../utilities/queryKeys.js";
+import { usePoiDomainObject as t } from "./usePoiDomainObject.js";
+import { useQuery as n } from "@tanstack/react-query";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/useCommentsForPoiQuery.ts
+function r(r) {
+	let i = t();
+	return n({
+		queryKey: e.poiCommentsById(r?.id),
+		queryFn: async () => r === void 0 || i === void 0 ? null : [...await i.getCommentsForPoi(r)],
+		enabled: i !== void 0 && r !== void 0
+	});
+}
+//#endregion
+export { r as useCommentsForPoiQuery };

package/dist/ui/components/commandBased/pointsOfInterest/useEditPoiInfoSection.d.ts

@@ -0,0 +1,16 @@
+import { PointOfInterest } from '../../../../domains/pointsOfInterest/types';
+import { InstanceReference } from '../../../../utilities/instanceIds';
+type EditPoiInfoSectionState = {
+    name: string;
+    setName: (name: string) => void;
+    description: string;
+    setDescription: (description: string) => void;
+    instanceRef: InstanceReference | undefined;
+    isSubmitting: boolean;
+    errorMessage: string | undefined;
+    canSubmit: boolean;
+    handleSave: () => void;
+    handleCancel: () => void;
+};
+export declare function useEditPoiInfoSection(selectedPoi: PointOfInterest<unknown>): EditPoiInfoSectionState;
+export {};

package/dist/ui/components/commandBased/pointsOfInterest/useEditPoiInfoSection.js

@@ -0,0 +1,42 @@
+import { useTranslation as e } from "../../i18n/I18n.js";
+import { usePoiDomainObject as t } from "./usePoiDomainObject.js";
+import { usePoiToolIsSaving as n, usePointsOfInterestTool as r } from "./usePointsOfInterestTool.js";
+import { useState as i } from "react";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/useEditPoiInfoSection.ts
+function a(a) {
+	let { t: o } = e(), s = t(), c = r(), l = n(), [u, d] = i(a.properties.name), [f, p] = i(a.properties.description ?? ""), [m, h] = i(), g = a.properties.instanceRef, _ = u.trim(), v = f.trim(), y = _ !== a.properties.name || v !== (a.properties.description ?? "");
+	return {
+		name: u,
+		description: f,
+		instanceRef: g,
+		isSubmitting: l,
+		errorMessage: m,
+		canSubmit: _ !== "" && !l && y,
+		setDescription: p,
+		setName: d,
+		handleSave: () => {
+			if (s === void 0 || _ === "" || c?.isSaving()) return;
+			let e = s;
+			c?.setIsSaving(!0), h(void 0), (async () => {
+				try {
+					if (await e.saveUpdatedPointOfInterest(a, {
+						name: _,
+						description: v
+					}) === void 0) {
+						h(o({ key: "POINT_OF_INTEREST_UPDATE_FAILED" }));
+						return;
+					}
+				} catch (e) {
+					console.error(e), h(o({ key: "POINT_OF_INTEREST_UPDATE_FAILED" }));
+				} finally {
+					c?.setIsSaving(!1);
+				}
+			})();
+		},
+		handleCancel: () => {
+			c?.isSaving() || c?.stopEditingSelectedPoi();
+		}
+	};
+}
+//#endregion
+export { a as useEditPoiInfoSection };

package/dist/ui/components/commandBased/pointsOfInterest/useFilterPointsOfInterest.d.ts

@@ -0,0 +1,6 @@
+import { PointOfInterest } from '../../../../domains';
+import { PoiFilter } from './PoiList';
+/**
+ * Filters the Points of interest with the provided PoiFilter
+ */
+export declare const useFilterPointsOfInterest: (pois: Array<PointOfInterest<unknown>>, poiFilter: PoiFilter | undefined) => Array<PointOfInterest<unknown>>;

package/dist/ui/components/commandBased/pointsOfInterest/useFilterPointsOfInterest.js

@@ -0,0 +1,10 @@
+import { useMemo as e } from "react";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/useFilterPointsOfInterest.ts
+var t = (t, r) => e(() => t.filter((e) => n(e, r)), [t, r]);
+function n(e, t) {
+	if (t === void 0) return !0;
+	let n = t.contains.toLowerCase(), r = e.properties.name?.toLowerCase().includes(n), i = JSON.stringify(e.id).toLowerCase().includes(n);
+	return r || i;
+}
+//#endregion
+export { t as useFilterPointsOfInterest };

package/dist/ui/components/commandBased/pointsOfInterest/useLoadPoisForScene.context.d.ts

@@ -0,0 +1,11 @@
+import { Context } from 'react';
+import { CogniteClient } from '@cognite/sdk';
+import { PointsOfInterestDomainObject } from '../../../../domains';
+import { useRenderTarget } from '../../RevealCanvas';
+export type UseLoadPoisForSceneDependencies = {
+    pointsOfInterestConstructor: (sdk: CogniteClient) => PointsOfInterestDomainObject<string>;
+    useRenderTarget: typeof useRenderTarget;
+    errorLogger: (typeof console)['error'];
+};
+export declare const defaultUseLoadPoisForSceneDependencies: UseLoadPoisForSceneDependencies;
+export declare const UseLoadPoisForSceneContext: Context<UseLoadPoisForSceneDependencies>;

package/dist/ui/components/commandBased/pointsOfInterest/useLoadPoisForScene.context.js

@@ -0,0 +1,14 @@
+import { useRenderTarget as e } from "../../RevealCanvas/ViewerContext.js";
+import "../../RevealCanvas/index.js";
+import { PointsOfInterestDomainObject as t } from "../../../../domains/pointsOfInterest/PointsOfInterestDomainObject.js";
+import { PointsOfInterestAdsProvider as n } from "../../../../domains/pointsOfInterest/ads/PointsOfInterestAdsProvider.js";
+import "../../../../domains/index.js";
+import { createContext as r } from "react";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/useLoadPoisForScene.context.ts
+var i = {
+	pointsOfInterestConstructor: (e) => new t(new n(e)),
+	useRenderTarget: e,
+	errorLogger: console.error
+}, a = r(i);
+//#endregion
+export { a as UseLoadPoisForSceneContext, i as defaultUseLoadPoisForSceneDependencies };

package/dist/ui/components/commandBased/pointsOfInterest/useLoadPoisForScene.d.ts

@@ -0,0 +1 @@
+export declare const useLoadPoisForScene: (sceneExternalId: string, sceneSpace: string) => void;

package/dist/ui/components/commandBased/pointsOfInterest/useLoadPoisForScene.js

@@ -0,0 +1,36 @@
+import { PointsOfInterestDomainObject as e } from "../../../../domains/pointsOfInterest/PointsOfInterestDomainObject.js";
+import "../../../../domains/index.js";
+import { UseLoadPoisForSceneContext as t } from "./useLoadPoisForScene.context.js";
+import { useContext as n, useEffect as r, useRef as i } from "react";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/useLoadPoisForScene.ts
+var a = (a, o) => {
+	let { useRenderTarget: s, pointsOfInterestConstructor: c, errorLogger: l } = n(t), u = s(), d = i(Promise.resolve());
+	r(() => {
+		let t = !1;
+		return d.current = d.current.then(async () => {
+			try {
+				let n = u.root.getDescendantByType(e);
+				if (n === void 0 && (n = c(u.root.sdk)), await n.setCurrentScene({
+					space: o,
+					externalId: a
+				}), t) return;
+				let r = u.root.getDescendantByType(e), i = r !== void 0 && r.pointsOfInterest.length === 0, s = r === void 0 && n.pointsOfInterest.length > 0;
+				i ? r.remove() : s && u.root.addChild(n);
+			} catch (e) {
+				l("Failed to load points of interest for scene:", e);
+			}
+		}), () => {
+			t = !0;
+			let n = u.root.getDescendantByType(e);
+			n !== void 0 && n.remove();
+		};
+	}, [
+		a,
+		o,
+		u,
+		c,
+		l
+	]);
+};
+//#endregion
+export { a as useLoadPoisForScene };

package/dist/ui/components/commandBased/pointsOfInterest/usePendingPoiInfoSection.d.ts

@@ -0,0 +1,16 @@
+import { PointOfInterest } from '../../../../domains/pointsOfInterest/types';
+import { InstanceReference } from '../../../../utilities/instanceIds';
+type PendingPoiInfoSectionState = {
+    name: string;
+    setName: (name: string) => void;
+    description: string;
+    setDescription: (description: string) => void;
+    instanceRef: InstanceReference | undefined;
+    isSubmitting: boolean;
+    errorMessage: string | undefined;
+    canSubmit: boolean;
+    handleSave: () => void;
+    handleCancel: () => void;
+};
+export declare function usePendingPoiInfoSection(selectedPoi: PointOfInterest<unknown>): PendingPoiInfoSectionState;
+export {};