@cognite/reveal-components 1.0.2 → 1.48552.0

package/dist/ui/components/Image360CollectionContainer/useApply360AnnotationStyling.js

@@ -1,39 +1,78 @@
-import { useReveal as e } from "../RevealCanvas/ViewerContext.js";
-import { image360CollectionExists as t } from "../../../utilities/modelExists.js";
-import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
-import { Color as o } from "three";
-//#region libs/shared/reveal-components/src/ui/components/Image360CollectionContainer/useApply360AnnotationStyling.tsx
-var s = {
-	color: new o("rgb(150, 150, 242)"),
-	visible: !0
-}, c = (o, c) => {
-	let u = e(), [d, f] = a([]), p = i(new AbortController()), m = c?.defaultStyle ?? s, h = c?.groups, g = n(() => {
-		o !== void 0 && (d.forEach((e) => {
-			e.setColor(void 0);
-		}), f([]), o.setDefaultAnnotationStyle(m), u.requestRedraw());
-	}, [
-		u,
-		m,
-		h
-	]);
-	r(() => {
-		if (o !== void 0) return o.on("image360Entered", g), () => {
-			o.off("image360Entered", g);
-		};
-	}, [u, o]), r(() => {
-		!t(o, u) || h === void 0 || (h.length === 0 ? (g(), p.current.abort(), p.current = new AbortController()) : l(o, h, u, g, f, p.current.signal));
-	}, [h, o]);
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Color } from "three";
+import { image360CollectionExists } from "../../../utilities/modelExists.js";
+import { useReveal } from "../RevealCanvas/ViewerContext.js";
+const defaultStyling = {
+    color: new Color('rgb(150, 150, 242)'),
+    visible: true
 };
-async function l(e, t, n, r, i, a) {
-	if (t !== void 0 && t.length !== 0) {
-		for (let o of t) if (o.assetRefs !== void 0) {
-			let t = o.assetRefs.map(async () => await e.findImageAnnotations({ assetRef: typeof o.assetRefs[0] == "number" ? { id: o.assetRefs[0] } : o.assetRefs[0] })), s = (await Promise.all(t)).flat();
-			if (s.length === 0 || a.aborted) return;
-			r(), s.forEach((e) => {
-				e.annotation.setColor(o.style.color);
-			}), i(s.map((e) => e.annotation)), n.requestRedraw();
-		}
-	}
+export const useApply360AnnotationStyling = (imageCollection, styling)=>{
+    const viewer = useReveal();
+    const [lastStyledImageAnnotations, setLastStyledImageAnnotations] = useState([]);
+    const abortController = useRef(new AbortController());
+    const defaultStyle = styling?.defaultStyle ?? defaultStyling;
+    const styleGroups = styling?.groups;
+    const applyDefaultAnnotationStyling = useCallback(()=>{
+        if (imageCollection === undefined) return;
+        lastStyledImageAnnotations.forEach((a)=>{
+            a.setColor(undefined);
+        });
+        setLastStyledImageAnnotations([]);
+        imageCollection.setDefaultAnnotationStyle(defaultStyle);
+        viewer.requestRedraw();
+    }, [
+        viewer,
+        defaultStyle,
+        styleGroups
+    ]);
+    useEffect(()=>{
+        if (imageCollection === undefined) return;
+        imageCollection.on('image360Entered', applyDefaultAnnotationStyling);
+        return ()=>{
+            imageCollection.off('image360Entered', applyDefaultAnnotationStyling);
+        };
+    }, [
+        viewer,
+        imageCollection
+    ]);
+    useEffect(()=>{
+        if (!image360CollectionExists(imageCollection, viewer) || styleGroups === undefined) return;
+        if (styleGroups.length === 0) {
+            applyDefaultAnnotationStyling();
+            abortController.current.abort();
+            abortController.current = new AbortController();
+        } else {
+            void applyStyling(imageCollection, styleGroups, viewer, applyDefaultAnnotationStyling, setLastStyledImageAnnotations, abortController.current.signal);
+        }
+    }, [
+        styleGroups,
+        imageCollection
+    ]);
+};
+async function applyStyling(imageCollection, styling, viewer, applyDefaultAnnotationStyling, setLastStyledImageAnnotations, signal) {
+    if (styling === undefined || styling.length === 0) return;
+    for (const group of styling){
+        if (group.assetRefs !== undefined) {
+            const annotationInfoPromise = group.assetRefs.map(async ()=>{
+                const result = await imageCollection.findImageAnnotations({
+                    assetRef: typeof group.assetRefs[0] === 'number' ? {
+                        id: group.assetRefs[0]
+                    } : group.assetRefs[0]
+                });
+                return result;
+            });
+            const annotationInfo = (await Promise.all(annotationInfoPromise)).flat();
+            if (annotationInfo.length === 0 || signal.aborted) {
+                return;
+            }
+            applyDefaultAnnotationStyling();
+            annotationInfo.forEach((info)=>{
+                info.annotation.setColor(group.style.color);
+            });
+            setLastStyledImageAnnotations(annotationInfo.map((i)=>i.annotation));
+            viewer.requestRedraw();
+        }
+    }
 }
-//#endregion
-export { c as useApply360AnnotationStyling };
+
+//# sourceMappingURL=useApply360AnnotationStyling.js.map

package/dist/ui/components/Image360CollectionContainer/useApply360AnnotationStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/components/Image360CollectionContainer/useApply360AnnotationStyling.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Color } from 'three';\n\nimport {\n  type Cognite3DViewer,\n  type Image360Collection,\n  type Image360Annotation,\n  type Image360AnnotationAppearance,\n  type DataSourceType,\n  type DMInstanceRef,\n} from '@cognite/reveal';\nimport { type CogniteInternalId } from '@cognite/sdk';\n\nimport { image360CollectionExists } from '../../../utilities/modelExists';\nimport { useReveal } from '../RevealCanvas/ViewerContext';\n\nexport type AnnotationIdStylingGroup = {\n  assetRefs: (CogniteInternalId | DMInstanceRef)[];\n  annotationRefs?: CogniteInternalId[] | DMInstanceRef[];\n  style: Image360AnnotationAppearance;\n};\n\nexport type ImageCollectionModelStyling = {\n  defaultStyle?: Image360AnnotationAppearance;\n  groups?: AnnotationIdStylingGroup[];\n};\n\nconst defaultStyling: Image360AnnotationAppearance = {\n  color: new Color('rgb(150, 150, 242)'),\n  visible: true,\n};\n\nexport const useApply360AnnotationStyling = (\n  imageCollection?: Image360Collection<DataSourceType>,\n  styling?: ImageCollectionModelStyling\n): void => {\n  const viewer = useReveal();\n  const [lastStyledImageAnnotations, setLastStyledImageAnnotations] = useState<\n    Array<Image360Annotation<DataSourceType>>\n  >([]);\n\n  const abortController = useRef(new AbortController());\n\n  const defaultStyle = styling?.defaultStyle ?? defaultStyling;\n  const styleGroups = styling?.groups;\n\n  const applyDefaultAnnotationStyling = useCallback(() => {\n    if (imageCollection === undefined) return;\n    lastStyledImageAnnotations.forEach((a) => {\n      a.setColor(undefined);\n    });\n    setLastStyledImageAnnotations([]);\n    imageCollection.setDefaultAnnotationStyle(defaultStyle);\n    viewer.requestRedraw();\n  }, [viewer, defaultStyle, styleGroups]);\n\n  useEffect(() => {\n    if (imageCollection === undefined) return;\n    imageCollection.on('image360Entered', applyDefaultAnnotationStyling);\n\n    return () => {\n      imageCollection.off('image360Entered', applyDefaultAnnotationStyling);\n    };\n  }, [viewer, imageCollection]);\n\n  useEffect(() => {\n    if (\n      !image360CollectionExists(imageCollection, viewer) ||\n      styleGroups === undefined\n    )\n      return;\n\n    if (styleGroups.length === 0) {\n      applyDefaultAnnotationStyling();\n      abortController.current.abort();\n      abortController.current = new AbortController();\n    } else {\n      void applyStyling(\n        imageCollection,\n        styleGroups,\n        viewer,\n        applyDefaultAnnotationStyling,\n        setLastStyledImageAnnotations,\n        abortController.current.signal\n      );\n    }\n  }, [styleGroups, imageCollection]);\n};\n\nasync function applyStyling(\n  imageCollection: Image360Collection<DataSourceType>,\n  styling: AnnotationIdStylingGroup[],\n  viewer: Cognite3DViewer<DataSourceType>,\n  applyDefaultAnnotationStyling: () => void,\n  setLastStyledImageAnnotations: (\n    annotations: Array<Image360Annotation<DataSourceType>>\n  ) => void,\n  signal: AbortSignal\n): Promise<void> {\n  if (styling === undefined || styling.length === 0) return;\n\n  for (const group of styling) {\n    if (group.assetRefs !== undefined) {\n      const annotationInfoPromise = group.assetRefs.map(async () => {\n        const result = await imageCollection.findImageAnnotations({\n          assetRef:\n            typeof group.assetRefs[0] === 'number'\n              ? { id: group.assetRefs[0] }\n              : group.assetRefs[0],\n        });\n        return result;\n      });\n      const annotationInfo = (await Promise.all(annotationInfoPromise)).flat();\n\n      if (annotationInfo.length === 0 || signal.aborted) {\n        return;\n      }\n      applyDefaultAnnotationStyling();\n\n      annotationInfo.forEach((info) => {\n        info.annotation.setColor(group.style.color);\n      });\n      setLastStyledImageAnnotations(annotationInfo.map((i) => i.annotation));\n\n      viewer.requestRedraw();\n    }\n  }\n}\n"],"names":["useCallback","useEffect","useRef","useState","Color","image360CollectionExists","useReveal","defaultStyling","color","visible","useApply360AnnotationStyling","imageCollection","styling","viewer","lastStyledImageAnnotations","setLastStyledImageAnnotations","abortController","AbortController","defaultStyle","styleGroups","groups","applyDefaultAnnotationStyling","undefined","forEach","a","setColor","setDefaultAnnotationStyle","requestRedraw","on","off","length","current","abort","applyStyling","signal","group","assetRefs","annotationInfoPromise","map","result","findImageAnnotations","assetRef","id","annotationInfo","Promise","all","flat","aborted","info","annotation","style","i"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAEjE,SAASC,KAAK,QAAQ,QAAQ;AAY9B,SAASC,wBAAwB,QAAQ,oCAAiC;AAC1E,SAASC,SAAS,QAAQ,mCAAgC;AAa1D,MAAMC,iBAA+C;IACnDC,OAAO,IAAIJ,MAAM;IACjBK,SAAS;AACX;AAEA,OAAO,MAAMC,+BAA+B,CAC1CC,iBACAC;IAEA,MAAMC,SAASP;IACf,MAAM,CAACQ,4BAA4BC,8BAA8B,GAAGZ,SAElE,EAAE;IAEJ,MAAMa,kBAAkBd,OAAO,IAAIe;IAEnC,MAAMC,eAAeN,SAASM,gBAAgBX;IAC9C,MAAMY,cAAcP,SAASQ;IAE7B,MAAMC,gCAAgCrB,YAAY;QAChD,IAAIW,oBAAoBW,WAAW;QACnCR,2BAA2BS,OAAO,CAAC,CAACC;YAClCA,EAAEC,QAAQ,CAACH;QACb;QACAP,8BAA8B,EAAE;QAChCJ,gBAAgBe,yBAAyB,CAACR;QAC1CL,OAAOc,aAAa;IACtB,GAAG;QAACd;QAAQK;QAAcC;KAAY;IAEtClB,UAAU;QACR,IAAIU,oBAAoBW,WAAW;QACnCX,gBAAgBiB,EAAE,CAAC,mBAAmBP;QAEtC,OAAO;YACLV,gBAAgBkB,GAAG,CAAC,mBAAmBR;QACzC;IACF,GAAG;QAACR;QAAQF;KAAgB;IAE5BV,UAAU;QACR,IACE,CAACI,yBAAyBM,iBAAiBE,WAC3CM,gBAAgBG,WAEhB;QAEF,IAAIH,YAAYW,MAAM,KAAK,GAAG;YAC5BT;YACAL,gBAAgBe,OAAO,CAACC,KAAK;YAC7BhB,gBAAgBe,OAAO,GAAG,IAAId;QAChC,OAAO;YACL,KAAKgB,aACHtB,iBACAQ,aACAN,QACAQ,+BACAN,+BACAC,gBAAgBe,OAAO,CAACG,MAAM;QAElC;IACF,GAAG;QAACf;QAAaR;KAAgB;AACnC,EAAE;AAEF,eAAesB,aACbtB,eAAmD,EACnDC,OAAmC,EACnCC,MAAuC,EACvCQ,6BAAyC,EACzCN,6BAES,EACTmB,MAAmB;IAEnB,IAAItB,YAAYU,aAAaV,QAAQkB,MAAM,KAAK,GAAG;IAEnD,KAAK,MAAMK,SAASvB,QAAS;QAC3B,IAAIuB,MAAMC,SAAS,KAAKd,WAAW;YACjC,MAAMe,wBAAwBF,MAAMC,SAAS,CAACE,GAAG,CAAC;gBAChD,MAAMC,SAAS,MAAM5B,gBAAgB6B,oBAAoB,CAAC;oBACxDC,UACE,OAAON,MAAMC,SAAS,CAAC,EAAE,KAAK,WAC1B;wBAAEM,IAAIP,MAAMC,SAAS,CAAC,EAAE;oBAAC,IACzBD,MAAMC,SAAS,CAAC,EAAE;gBAC1B;gBACA,OAAOG;YACT;YACA,MAAMI,iBAAiB,AAAC,CAAA,MAAMC,QAAQC,GAAG,CAACR,sBAAqB,EAAGS,IAAI;YAEtE,IAAIH,eAAeb,MAAM,KAAK,KAAKI,OAAOa,OAAO,EAAE;gBACjD;YACF;YACA1B;YAEAsB,eAAepB,OAAO,CAAC,CAACyB;gBACtBA,KAAKC,UAAU,CAACxB,QAAQ,CAACU,MAAMe,KAAK,CAAC1C,KAAK;YAC5C;YACAO,8BAA8B4B,eAAeL,GAAG,CAAC,CAACa,IAAMA,EAAEF,UAAU;YAEpEpC,OAAOc,aAAa;QACtB;IACF;AACF"}

package/dist/ui/components/Image360Details/Image360Details.context.d.ts

@@ -1,11 +1,11 @@
-import { Context } from 'react';
-import { Image360HistoricalDetails } from '../Image360HistoricalDetails/Image360HistoricalDetails';
-import { useReveal } from '../RevealCanvas';
-import { useImage360Entity } from './useImage360Entity';
+import type { Context } from "react";
+import { Image360HistoricalDetails } from "../Image360HistoricalDetails/Image360HistoricalDetails";
+import { useReveal } from "../RevealCanvas";
+import { useImage360Entity } from "./useImage360Entity";
 export type Image360DetailsContextDependencies = {
-    useReveal: typeof useReveal;
-    useImage360Entity: typeof useImage360Entity;
-    Image360HistoricalDetails: typeof Image360HistoricalDetails;
+	useReveal: typeof useReveal;
+	useImage360Entity: typeof useImage360Entity;
+	Image360HistoricalDetails: typeof Image360HistoricalDetails;
 };
 export declare const defaultImage360DetailsContextDependencies: Image360DetailsContextDependencies;
 export declare const Image360DetailsContext: Context<Image360DetailsContextDependencies>;

package/dist/ui/components/Image360Details/Image360Details.context.js

@@ -1,13 +1,12 @@
-import { useReveal as e } from "../RevealCanvas/ViewerContext.js";
-import "../RevealCanvas/index.js";
-import { Image360HistoricalDetails as t } from "../Image360HistoricalDetails/Image360HistoricalDetails.js";
-import { useImage360Entity as n } from "./useImage360Entity.js";
-import { createContext as r } from "react";
-//#region libs/shared/reveal-components/src/ui/components/Image360Details/Image360Details.context.ts
-var i = {
-	useReveal: e,
-	useImage360Entity: n,
-	Image360HistoricalDetails: t
-}, a = r(i);
-//#endregion
-export { a as Image360DetailsContext, i as defaultImage360DetailsContextDependencies };
+import { createContext } from "react";
+import { Image360HistoricalDetails } from "../Image360HistoricalDetails/Image360HistoricalDetails.js";
+import { useReveal } from "../RevealCanvas/index.js";
+import { useImage360Entity } from "./useImage360Entity.js";
+export const defaultImage360DetailsContextDependencies = {
+    useReveal,
+    useImage360Entity,
+    Image360HistoricalDetails
+};
+export const Image360DetailsContext = createContext(defaultImage360DetailsContextDependencies);
+
+//# sourceMappingURL=Image360Details.context.js.map

package/dist/ui/components/Image360Details/Image360Details.context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/components/Image360Details/Image360Details.context.ts"],"sourcesContent":["import type { Context } from 'react';\nimport { createContext } from 'react';\n\nimport { Image360HistoricalDetails } from '../Image360HistoricalDetails/Image360HistoricalDetails';\nimport { useReveal } from '../RevealCanvas';\n\nimport { useImage360Entity } from './useImage360Entity';\n\nexport type Image360DetailsContextDependencies = {\n  useReveal: typeof useReveal;\n  useImage360Entity: typeof useImage360Entity;\n  Image360HistoricalDetails: typeof Image360HistoricalDetails;\n};\n\nexport const defaultImage360DetailsContextDependencies: Image360DetailsContextDependencies =\n  {\n    useReveal,\n    useImage360Entity,\n    Image360HistoricalDetails,\n  };\n\nexport const Image360DetailsContext: Context<Image360DetailsContextDependencies> =\n  createContext<Image360DetailsContextDependencies>(\n    defaultImage360DetailsContextDependencies\n  );\n"],"names":["createContext","Image360HistoricalDetails","useReveal","useImage360Entity","defaultImage360DetailsContextDependencies","Image360DetailsContext"],"mappings":"AACA,SAASA,aAAa,QAAQ,QAAQ;AAEtC,SAASC,yBAAyB,QAAQ,4DAAyD;AACnG,SAASC,SAAS,QAAQ,2BAAkB;AAE5C,SAASC,iBAAiB,QAAQ,yBAAsB;AAQxD,OAAO,MAAMC,4CACX;IACEF;IACAC;IACAF;AACF,EAAE;AAEJ,OAAO,MAAMI,yBACXL,cACEI,2CACA"}

package/dist/ui/components/Image360Details/Image360Details.d.ts

@@ -1,7 +1,7 @@
-import { ReactElement } from 'react';
+import { type ReactElement } from "react";
 type Image360DetailsProps = {
-    appLanguage?: string;
-    enableExitButton?: boolean;
+	appLanguage?: string;
+	enableExitButton?: boolean;
 };
-export declare function Image360Details({ appLanguage, enableExitButton, }: Image360DetailsProps): ReactElement;
+export declare function Image360Details({ appLanguage, enableExitButton }: Image360DetailsProps): ReactElement;
 export {};

package/dist/ui/components/Image360Details/Image360Details.js

@@ -1,45 +1,63 @@
-import { Image360DetailsContext as e } from "./Image360Details.context.js";
-import { useCallback as t, useContext as n, useEffect as r, useRef as i, useState as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Button as l } from "@cognite/aura/components/button";
-import { IconX as u } from "@tabler/icons-react";
-//#region libs/shared/reveal-components/src/ui/components/Image360Details/Image360Details.tsx
-function d({ appLanguage: d, enableExitButton: f = !0 }) {
-	let { useReveal: p, useImage360Entity: m, Image360HistoricalDetails: h } = n(e), g = p(), _ = m(g), [v, y] = a(!1), b = t((e) => {
-		y(e);
-	}, []), x = t(() => {
-		g.exit360Image();
-	}, [g]), S = i(null);
-	return r(() => {
-		let e = S.current;
-		if (e === null) return;
-		let t = (e) => {
-			e.stopPropagation();
-		};
-		return e.addEventListener("pointerdown", t), e.addEventListener("wheel", t), e.addEventListener("keydown", t), () => {
-			e.removeEventListener("pointerdown", t), e.removeEventListener("wheel", t), e.removeEventListener("keydown", t);
-		};
-	}, []), /* @__PURE__ */ s("div", {
-		ref: S,
-		children: _ !== void 0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", {
-			className: `absolute flex flex-col h-fit w-fit max-w-full min-w-full transition-transform duration-[250ms] ease-in-out z-[100] ${v ? "bottom-0 translate-y-0" : "bottom-10 translate-y-full"}`,
-			children: /* @__PURE__ */ s(h, {
-				viewer: g,
-				image360Entity: _,
-				onExpand: b,
-				fallbackLanguage: d
-			})
-		}), f && /* @__PURE__ */ s("div", {
-			className: "absolute right-5 top-5 bg-white size-9 rounded-lg outline-none",
-			children: /* @__PURE__ */ s(l, {
-				variant: "ghost",
-				size: "icon",
-				className: "rounded-lg",
-				onClick: x,
-				children: /* @__PURE__ */ s(u, {})
-			})
-		})] })
-	});
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useCallback, useContext } from "react";
+import { IconX } from "@tabler/icons-react";
+import { Button } from "@cognite/aura/components/button";
+import { Image360DetailsContext } from "./Image360Details.context.js";
+export function Image360Details({ appLanguage, enableExitButton = true }) {
+    const { useReveal, useImage360Entity, Image360HistoricalDetails } = useContext(Image360DetailsContext);
+    const viewer = useReveal();
+    const enteredEntity = useImage360Entity(viewer);
+    const [is360HistoricalPanelExpanded, setIs360HistoricalPanelExpanded] = useState(false);
+    const handleExpand = useCallback((isExpanded)=>{
+        setIs360HistoricalPanelExpanded(isExpanded);
+    }, []);
+    const exitImage360Image = useCallback(()=>{
+        viewer.exit360Image();
+    }, [
+        viewer
+    ]);
+    const containerRef = useRef(null);
+    useEffect(()=>{
+        const div = containerRef.current;
+        if (div === null) return;
+        const stopPropagation = (event)=>{
+            event.stopPropagation();
+        };
+        div.addEventListener('pointerdown', stopPropagation);
+        div.addEventListener('wheel', stopPropagation);
+        div.addEventListener('keydown', stopPropagation);
+        return ()=>{
+            div.removeEventListener('pointerdown', stopPropagation);
+            div.removeEventListener('wheel', stopPropagation);
+            div.removeEventListener('keydown', stopPropagation);
+        };
+    }, []);
+    return /*#__PURE__*/ _jsx("div", {
+        ref: containerRef,
+        children: enteredEntity !== undefined && /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                /*#__PURE__*/ _jsx("div", {
+                    className: `absolute flex flex-col h-fit w-fit max-w-full min-w-full transition-transform duration-[250ms] ease-in-out z-[100] ${is360HistoricalPanelExpanded ? 'bottom-0 translate-y-0' : 'bottom-10 translate-y-full'}`,
+                    children: /*#__PURE__*/ _jsx(Image360HistoricalDetails, {
+                        viewer: viewer,
+                        image360Entity: enteredEntity,
+                        onExpand: handleExpand,
+                        fallbackLanguage: appLanguage
+                    })
+                }),
+                enableExitButton && /*#__PURE__*/ _jsx("div", {
+                    className: "absolute right-5 top-5 bg-white size-9 rounded-lg outline-none",
+                    children: /*#__PURE__*/ _jsx(Button, {
+                        variant: "ghost",
+                        size: "icon",
+                        className: "rounded-lg",
+                        onClick: exitImage360Image,
+                        children: /*#__PURE__*/ _jsx(IconX, {})
+                    })
+                })
+            ]
+        })
+    });
 }
-//#endregion
-export { d as Image360Details };
+
+//# sourceMappingURL=Image360Details.js.map

package/dist/ui/components/Image360Details/Image360Details.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/components/Image360Details/Image360Details.tsx"],"sourcesContent":["import {\n  useState,\n  useRef,\n  useEffect,\n  type ReactElement,\n  useCallback,\n  useContext,\n} from 'react';\n\nimport { IconX } from '@tabler/icons-react';\n\nimport { Button } from '@cognite/aura/components/button';\n\nimport { Image360DetailsContext } from './Image360Details.context';\n\ntype Image360DetailsProps = {\n  appLanguage?: string;\n  enableExitButton?: boolean;\n};\n\nexport function Image360Details({\n  appLanguage,\n  enableExitButton = true,\n}: Image360DetailsProps): ReactElement {\n  const { useReveal, useImage360Entity, Image360HistoricalDetails } =\n    useContext(Image360DetailsContext);\n\n  const viewer = useReveal();\n  const enteredEntity = useImage360Entity(viewer);\n  const [is360HistoricalPanelExpanded, setIs360HistoricalPanelExpanded] =\n    useState<boolean>(false);\n  const handleExpand = useCallback((isExpanded: boolean) => {\n    setIs360HistoricalPanelExpanded(isExpanded);\n  }, []);\n\n  const exitImage360Image = useCallback((): void => {\n    viewer.exit360Image();\n  }, [viewer]);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const div = containerRef.current;\n    if (div === null) return;\n    const stopPropagation = (event: Event): void => {\n      event.stopPropagation();\n    };\n    div.addEventListener('pointerdown', stopPropagation);\n    div.addEventListener('wheel', stopPropagation);\n    div.addEventListener('keydown', stopPropagation);\n    return () => {\n      div.removeEventListener('pointerdown', stopPropagation);\n      div.removeEventListener('wheel', stopPropagation);\n      div.removeEventListener('keydown', stopPropagation);\n    };\n  }, []);\n\n  return (\n    <div ref={containerRef}>\n      {enteredEntity !== undefined && (\n        <>\n          <div\n            className={`absolute flex flex-col h-fit w-fit max-w-full min-w-full transition-transform duration-[250ms] ease-in-out z-[100] ${is360HistoricalPanelExpanded ? 'bottom-0 translate-y-0' : 'bottom-10 translate-y-full'}`}\n          >\n            <Image360HistoricalDetails\n              viewer={viewer}\n              image360Entity={enteredEntity}\n              onExpand={handleExpand}\n              fallbackLanguage={appLanguage}\n            />\n          </div>\n          {enableExitButton && (\n            <div className=\"absolute right-5 top-5 bg-white size-9 rounded-lg outline-none\">\n              <Button\n                variant=\"ghost\"\n                size=\"icon\"\n                className=\"rounded-lg\"\n                onClick={exitImage360Image}\n              >\n                <IconX />\n              </Button>\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["useState","useRef","useEffect","useCallback","useContext","IconX","Button","Image360DetailsContext","Image360Details","appLanguage","enableExitButton","useReveal","useImage360Entity","Image360HistoricalDetails","viewer","enteredEntity","is360HistoricalPanelExpanded","setIs360HistoricalPanelExpanded","handleExpand","isExpanded","exitImage360Image","exit360Image","containerRef","div","current","stopPropagation","event","addEventListener","removeEventListener","ref","undefined","className","image360Entity","onExpand","fallbackLanguage","variant","size","onClick"],"mappings":";AAAA,SACEA,QAAQ,EACRC,MAAM,EACNC,SAAS,EAETC,WAAW,EACXC,UAAU,QACL,QAAQ;AAEf,SAASC,KAAK,QAAQ,sBAAsB;AAE5C,SAASC,MAAM,QAAQ,kCAAkC;AAEzD,SAASC,sBAAsB,QAAQ,+BAA4B;AAOnE,OAAO,SAASC,gBAAgB,EAC9BC,WAAW,EACXC,mBAAmB,IAAI,EACF;IACrB,MAAM,EAAEC,SAAS,EAAEC,iBAAiB,EAAEC,yBAAyB,EAAE,GAC/DT,WAAWG;IAEb,MAAMO,SAASH;IACf,MAAMI,gBAAgBH,kBAAkBE;IACxC,MAAM,CAACE,8BAA8BC,gCAAgC,GACnEjB,SAAkB;IACpB,MAAMkB,eAAef,YAAY,CAACgB;QAChCF,gCAAgCE;IAClC,GAAG,EAAE;IAEL,MAAMC,oBAAoBjB,YAAY;QACpCW,OAAOO,YAAY;IACrB,GAAG;QAACP;KAAO;IAEX,MAAMQ,eAAerB,OAAuB;IAE5CC,UAAU;QACR,MAAMqB,MAAMD,aAAaE,OAAO;QAChC,IAAID,QAAQ,MAAM;QAClB,MAAME,kBAAkB,CAACC;YACvBA,MAAMD,eAAe;QACvB;QACAF,IAAII,gBAAgB,CAAC,eAAeF;QACpCF,IAAII,gBAAgB,CAAC,SAASF;QAC9BF,IAAII,gBAAgB,CAAC,WAAWF;QAChC,OAAO;YACLF,IAAIK,mBAAmB,CAAC,eAAeH;YACvCF,IAAIK,mBAAmB,CAAC,SAASH;YACjCF,IAAIK,mBAAmB,CAAC,WAAWH;QACrC;IACF,GAAG,EAAE;IAEL,qBACE,KAACF;QAAIM,KAAKP;kBACPP,kBAAkBe,2BACjB;;8BACE,KAACP;oBACCQ,WAAW,CAAC,mHAAmH,EAAEf,+BAA+B,2BAA2B,8BAA8B;8BAEzN,cAAA,KAACH;wBACCC,QAAQA;wBACRkB,gBAAgBjB;wBAChBkB,UAAUf;wBACVgB,kBAAkBzB;;;gBAGrBC,kCACC,KAACa;oBAAIQ,WAAU;8BACb,cAAA,KAACzB;wBACC6B,SAAQ;wBACRC,MAAK;wBACLL,WAAU;wBACVM,SAASjB;kCAET,cAAA,KAACf;;;;;;AAQjB"}

package/dist/ui/components/Image360Details/useImage360Entity.context.d.ts

@@ -1,7 +1,7 @@
-import { Context } from 'react';
-import { useImage360Collections } from '../../hooks';
+import type { Context } from "react";
+import { useImage360Collections } from "../../hooks";
 export type UseImage360EntityContextDependencies = {
-    useImage360Collections: typeof useImage360Collections;
+	useImage360Collections: typeof useImage360Collections;
 };
 export declare const defaultUseImage360EntityContextDependencies: UseImage360EntityContextDependencies;
 export declare const UseImage360EntityContext: Context<UseImage360EntityContextDependencies>;

package/dist/ui/components/Image360Details/useImage360Entity.context.js

@@ -1,7 +1,8 @@
-import { useImage360Collections as e } from "../../hooks/useImage360Collections.js";
-import "../../hooks/index.js";
-import { createContext as t } from "react";
-//#region libs/shared/reveal-components/src/ui/components/Image360Details/useImage360Entity.context.ts
-var n = { useImage360Collections: e }, r = t(n);
-//#endregion
-export { r as UseImage360EntityContext, n as defaultUseImage360EntityContextDependencies };
+import { createContext } from "react";
+import { useImage360Collections } from "../../hooks/index.js";
+export const defaultUseImage360EntityContextDependencies = {
+    useImage360Collections
+};
+export const UseImage360EntityContext = createContext(defaultUseImage360EntityContextDependencies);
+
+//# sourceMappingURL=useImage360Entity.context.js.map

package/dist/ui/components/Image360Details/useImage360Entity.context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/components/Image360Details/useImage360Entity.context.ts"],"sourcesContent":["import type { Context } from 'react';\nimport { createContext } from 'react';\n\nimport { useImage360Collections } from '../../hooks';\n\nexport type UseImage360EntityContextDependencies = {\n  useImage360Collections: typeof useImage360Collections;\n};\n\nexport const defaultUseImage360EntityContextDependencies: UseImage360EntityContextDependencies =\n  {\n    useImage360Collections,\n  };\n\nexport const UseImage360EntityContext: Context<UseImage360EntityContextDependencies> =\n  createContext<UseImage360EntityContextDependencies>(\n    defaultUseImage360EntityContextDependencies\n  );\n"],"names":["createContext","useImage360Collections","defaultUseImage360EntityContextDependencies","UseImage360EntityContext"],"mappings":"AACA,SAASA,aAAa,QAAQ,QAAQ;AAEtC,SAASC,sBAAsB,QAAQ,uBAAc;AAMrD,OAAO,MAAMC,8CACX;IACED;AACF,EAAE;AAEJ,OAAO,MAAME,2BACXH,cACEE,6CACA"}

package/dist/ui/components/Image360Details/useImage360Entity.d.ts

@@ -1,2 +1,2 @@
-import { Cognite3DViewer, DataSourceType, Image360 } from '@cognite/reveal';
+import { type Cognite3DViewer, type DataSourceType, type Image360 } from "@cognite/reveal";
 export declare const useImage360Entity: (viewer: Cognite3DViewer<DataSourceType>) => Image360<DataSourceType> | undefined;

package/dist/ui/components/Image360Details/useImage360Entity.js

@@ -1,22 +1,32 @@
-import { UseImage360EntityContext as e } from "./useImage360Entity.context.js";
-import { useCallback as t, useContext as n, useEffect as r, useState as i } from "react";
-//#region libs/shared/reveal-components/src/ui/components/Image360Details/useImage360Entity.tsx
-var a = (a) => {
-	let { useImage360Collections: o } = n(e), [s, c] = i(), l = t(() => {
-		c(void 0);
-	}, [c]), u = o();
-	return r(() => (u.forEach((e) => {
-		e.on("image360Entered", c), e.on("image360Exited", l);
-	}), () => {
-		u.forEach((e) => {
-			e.off("image360Entered", c), e.off("image360Exited", l);
-		});
-	}), [
-		a,
-		u,
-		c,
-		l
-	]), s;
+import { useState, useCallback, useEffect, useContext } from "react";
+import { UseImage360EntityContext } from "./useImage360Entity.context.js";
+export const useImage360Entity = (viewer)=>{
+    const { useImage360Collections } = useContext(UseImage360EntityContext);
+    const [enteredEntity, setEnteredEntity] = useState();
+    const clearEnteredImage360 = useCallback(()=>{
+        setEnteredEntity(undefined);
+    }, [
+        setEnteredEntity
+    ]);
+    const collections = useImage360Collections();
+    useEffect(()=>{
+        collections.forEach((collection)=>{
+            collection.on('image360Entered', setEnteredEntity);
+            collection.on('image360Exited', clearEnteredImage360);
+        });
+        return ()=>{
+            collections.forEach((collection)=>{
+                collection.off('image360Entered', setEnteredEntity);
+                collection.off('image360Exited', clearEnteredImage360);
+            });
+        };
+    }, [
+        viewer,
+        collections,
+        setEnteredEntity,
+        clearEnteredImage360
+    ]);
+    return enteredEntity;
 };
-//#endregion
-export { a as useImage360Entity };
+
+//# sourceMappingURL=useImage360Entity.js.map

package/dist/ui/components/Image360Details/useImage360Entity.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/components/Image360Details/useImage360Entity.tsx"],"sourcesContent":["import { useState, useCallback, useEffect, useContext } from 'react';\n\nimport {\n  type Cognite3DViewer,\n  type DataSourceType,\n  type Image360,\n} from '@cognite/reveal';\n\nimport { UseImage360EntityContext } from './useImage360Entity.context';\n\nexport const useImage360Entity = (\n  viewer: Cognite3DViewer<DataSourceType>\n): Image360<DataSourceType> | undefined => {\n  const { useImage360Collections } = useContext(UseImage360EntityContext);\n  const [enteredEntity, setEnteredEntity] = useState<\n    Image360<DataSourceType> | undefined\n  >();\n\n  const clearEnteredImage360 = useCallback((): void => {\n    setEnteredEntity(undefined);\n  }, [setEnteredEntity]);\n\n  const collections = useImage360Collections();\n\n  useEffect(() => {\n    collections.forEach((collection) => {\n      collection.on('image360Entered', setEnteredEntity);\n      collection.on('image360Exited', clearEnteredImage360);\n    });\n    return () => {\n      collections.forEach((collection) => {\n        collection.off('image360Entered', setEnteredEntity);\n        collection.off('image360Exited', clearEnteredImage360);\n      });\n    };\n  }, [viewer, collections, setEnteredEntity, clearEnteredImage360]);\n\n  return enteredEntity;\n};\n"],"names":["useState","useCallback","useEffect","useContext","UseImage360EntityContext","useImage360Entity","viewer","useImage360Collections","enteredEntity","setEnteredEntity","clearEnteredImage360","undefined","collections","forEach","collection","on","off"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,UAAU,QAAQ,QAAQ;AAQrE,SAASC,wBAAwB,QAAQ,iCAA8B;AAEvE,OAAO,MAAMC,oBAAoB,CAC/BC;IAEA,MAAM,EAAEC,sBAAsB,EAAE,GAAGJ,WAAWC;IAC9C,MAAM,CAACI,eAAeC,iBAAiB,GAAGT;IAI1C,MAAMU,uBAAuBT,YAAY;QACvCQ,iBAAiBE;IACnB,GAAG;QAACF;KAAiB;IAErB,MAAMG,cAAcL;IAEpBL,UAAU;QACRU,YAAYC,OAAO,CAAC,CAACC;YACnBA,WAAWC,EAAE,CAAC,mBAAmBN;YACjCK,WAAWC,EAAE,CAAC,kBAAkBL;QAClC;QACA,OAAO;YACLE,YAAYC,OAAO,CAAC,CAACC;gBACnBA,WAAWE,GAAG,CAAC,mBAAmBP;gBAClCK,WAAWE,GAAG,CAAC,kBAAkBN;YACnC;QACF;IACF,GAAG;QAACJ;QAAQM;QAAaH;QAAkBC;KAAqB;IAEhE,OAAOF;AACT,EAAE"}

package/dist/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.context.d.ts

@@ -1,11 +1,11 @@
-import { Context } from 'react';
-import { useImage360HistoricalDetailsViewModel } from './Image360HistoricalDetails.viewmodel';
-import { Image360HistoricalPanel } from './Panel/Image360HistoricalPanel';
-import { Image360HistoricalSummary } from './Toolbar/Image360HistoricalSummary';
+import type { Context } from "react";
+import { useImage360HistoricalDetailsViewModel } from "./Image360HistoricalDetails.viewmodel";
+import { Image360HistoricalPanel } from "./Panel/Image360HistoricalPanel";
+import { Image360HistoricalSummary } from "./Toolbar/Image360HistoricalSummary";
 export type Image360HistoricalDetailsDependencies = {
-    Image360HistoricalPanel: typeof Image360HistoricalPanel;
-    Image360HistoricalSummary: typeof Image360HistoricalSummary;
-    useImage360HistoricalDetailsViewModel: typeof useImage360HistoricalDetailsViewModel;
+	Image360HistoricalPanel: typeof Image360HistoricalPanel;
+	Image360HistoricalSummary: typeof Image360HistoricalSummary;
+	useImage360HistoricalDetailsViewModel: typeof useImage360HistoricalDetailsViewModel;
 };
 export declare const defaultImage360HistoricalDetailsDependencies: Image360HistoricalDetailsDependencies;
 export declare const Image360HistoricalDetailsContext: Context<Image360HistoricalDetailsDependencies>;

package/dist/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.context.js

@@ -1,12 +1,12 @@
-import { useImage360HistoricalDetailsViewModel as e } from "./Image360HistoricalDetails.viewmodel.js";
-import { Image360HistoricalPanel as t } from "./Panel/Image360HistoricalPanel.js";
-import { Image360HistoricalSummary as n } from "./Toolbar/Image360HistoricalSummary.js";
-import { createContext as r } from "react";
-//#region libs/shared/reveal-components/src/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.context.tsx
-var i = {
-	Image360HistoricalPanel: t,
-	Image360HistoricalSummary: n,
-	useImage360HistoricalDetailsViewModel: e
-}, a = r(i);
-//#endregion
-export { a as Image360HistoricalDetailsContext, i as defaultImage360HistoricalDetailsDependencies };
+import { createContext } from "react";
+import { useImage360HistoricalDetailsViewModel } from "./Image360HistoricalDetails.viewmodel.js";
+import { Image360HistoricalPanel } from "./Panel/Image360HistoricalPanel.js";
+import { Image360HistoricalSummary } from "./Toolbar/Image360HistoricalSummary.js";
+export const defaultImage360HistoricalDetailsDependencies = {
+    Image360HistoricalPanel,
+    Image360HistoricalSummary,
+    useImage360HistoricalDetailsViewModel
+};
+export const Image360HistoricalDetailsContext = /*#__PURE__*/ createContext(defaultImage360HistoricalDetailsDependencies);
+
+//# sourceMappingURL=Image360HistoricalDetails.context.js.map

package/dist/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.context.tsx"],"sourcesContent":["import type { Context } from 'react';\nimport { createContext } from 'react';\n\nimport { useImage360HistoricalDetailsViewModel } from './Image360HistoricalDetails.viewmodel';\nimport { Image360HistoricalPanel } from './Panel/Image360HistoricalPanel';\nimport { Image360HistoricalSummary } from './Toolbar/Image360HistoricalSummary';\n\nexport type Image360HistoricalDetailsDependencies = {\n  Image360HistoricalPanel: typeof Image360HistoricalPanel;\n  Image360HistoricalSummary: typeof Image360HistoricalSummary;\n  useImage360HistoricalDetailsViewModel: typeof useImage360HistoricalDetailsViewModel;\n};\n\nexport const defaultImage360HistoricalDetailsDependencies: Image360HistoricalDetailsDependencies =\n  {\n    Image360HistoricalPanel,\n    Image360HistoricalSummary,\n    useImage360HistoricalDetailsViewModel,\n  };\n\nexport const Image360HistoricalDetailsContext: Context<Image360HistoricalDetailsDependencies> =\n  createContext<Image360HistoricalDetailsDependencies>(\n    defaultImage360HistoricalDetailsDependencies\n  );\n"],"names":["createContext","useImage360HistoricalDetailsViewModel","Image360HistoricalPanel","Image360HistoricalSummary","defaultImage360HistoricalDetailsDependencies","Image360HistoricalDetailsContext"],"mappings":"AACA,SAASA,aAAa,QAAQ,QAAQ;AAEtC,SAASC,qCAAqC,QAAQ,2CAAwC;AAC9F,SAASC,uBAAuB,QAAQ,qCAAkC;AAC1E,SAASC,yBAAyB,QAAQ,yCAAsC;AAQhF,OAAO,MAAMC,+CACX;IACEF;IACAC;IACAF;AACF,EAAE;AAEJ,OAAO,MAAMI,iDACXL,cACEI,8CACA"}

package/dist/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.d.ts

@@ -1,3 +1,3 @@
-import { ReactElement } from 'react';
-import { Image360HistoricalDetailsProps } from './types';
-export declare const Image360HistoricalDetails: ({ viewer, image360Entity, onExpand, fallbackLanguage, }: Image360HistoricalDetailsProps) => ReactElement;
+import { type ReactElement } from "react";
+import { type Image360HistoricalDetailsProps } from "./types";
+export declare const Image360HistoricalDetails: ({ viewer, image360Entity, onExpand, fallbackLanguage }: Image360HistoricalDetailsProps) => ReactElement;

package/dist/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.js

@@ -1,36 +1,41 @@
-import { Image360HistoricalDetailsContext as e } from "./Image360HistoricalDetails.context.js";
-import { useContext as t } from "react";
-import { uniqueId as n } from "lodash-es";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region libs/shared/reveal-components/src/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.tsx
-var o = ({ viewer: o, image360Entity: s, onExpand: c, fallbackLanguage: l }) => {
-	let { Image360HistoricalPanel: u, Image360HistoricalSummary: d, useImage360HistoricalDetailsViewModel: f } = t(e), { revisionDetailsExpanded: p, setRevisionDetailsExpanded: m, activeRevision: h, setActiveRevision: g, revisionCollection: _, newScrollPosition: v, stationId: y, stationName: b } = f({
-		viewer: o,
-		image360Entity: s,
-		onExpand: c,
-		fallbackLanguage: l
-	});
-	return /* @__PURE__ */ i("div", {
-		onClick: (e) => {
-			e.stopPropagation();
-		},
-		className: `relative flex flex-col h-fit w-full ${p ? "min-w-full" : "min-w-[100px]"}`,
-		children: /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(u, {
-			revisionCount: _.length,
-			revisionDetailsExpanded: p,
-			setRevisionDetailsExpanded: m,
-			fallbackLanguage: l
-		}, n()), p && /* @__PURE__ */ i(d, {
-			ref: v,
-			viewer: o,
-			stationId: y,
-			stationName: b,
-			activeRevision: h,
-			setActiveRevision: g,
-			revisionCollection: _,
-			fallbackLanguage: l
-		}, n())] })
-	});
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useContext } from "react";
+import { uniqueId } from "lodash-es";
+import { Image360HistoricalDetailsContext } from "./Image360HistoricalDetails.context.js";
+export const Image360HistoricalDetails = ({ viewer, image360Entity, onExpand, fallbackLanguage })=>{
+    const { Image360HistoricalPanel, Image360HistoricalSummary, useImage360HistoricalDetailsViewModel } = useContext(Image360HistoricalDetailsContext);
+    const { revisionDetailsExpanded, setRevisionDetailsExpanded, activeRevision, setActiveRevision, revisionCollection, newScrollPosition, stationId, stationName } = useImage360HistoricalDetailsViewModel({
+        viewer,
+        image360Entity,
+        onExpand,
+        fallbackLanguage
+    });
+    return /*#__PURE__*/ _jsx("div", {
+        onClick: (event)=>{
+            event.stopPropagation();
+        },
+        className: `relative flex flex-col h-fit w-full ${revisionDetailsExpanded ? 'min-w-full' : 'min-w-[100px]'}`,
+        children: /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                /*#__PURE__*/ _jsx(Image360HistoricalPanel, {
+                    revisionCount: revisionCollection.length,
+                    revisionDetailsExpanded: revisionDetailsExpanded,
+                    setRevisionDetailsExpanded: setRevisionDetailsExpanded,
+                    fallbackLanguage: fallbackLanguage
+                }, uniqueId()),
+                revisionDetailsExpanded && /*#__PURE__*/ _jsx(Image360HistoricalSummary, {
+                    ref: newScrollPosition,
+                    viewer: viewer,
+                    stationId: stationId,
+                    stationName: stationName,
+                    activeRevision: activeRevision,
+                    setActiveRevision: setActiveRevision,
+                    revisionCollection: revisionCollection,
+                    fallbackLanguage: fallbackLanguage
+                }, uniqueId())
+            ]
+        })
+    });
 };
-//#endregion
-export { o as Image360HistoricalDetails };
+
+//# sourceMappingURL=Image360HistoricalDetails.js.map

package/dist/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.tsx"],"sourcesContent":["import { useContext, type ReactElement } from 'react';\n\nimport { uniqueId } from 'lodash-es';\n\nimport { Image360HistoricalDetailsContext } from './Image360HistoricalDetails.context';\nimport { type Image360HistoricalDetailsProps } from './types';\n\nexport const Image360HistoricalDetails = ({\n  viewer,\n  image360Entity,\n  onExpand,\n  fallbackLanguage,\n}: Image360HistoricalDetailsProps): ReactElement => {\n  const {\n    Image360HistoricalPanel,\n    Image360HistoricalSummary,\n    useImage360HistoricalDetailsViewModel,\n  } = useContext(Image360HistoricalDetailsContext);\n\n  const {\n    revisionDetailsExpanded,\n    setRevisionDetailsExpanded,\n    activeRevision,\n    setActiveRevision,\n    revisionCollection,\n    newScrollPosition,\n    stationId,\n    stationName,\n  } = useImage360HistoricalDetailsViewModel({\n    viewer,\n    image360Entity,\n    onExpand,\n    fallbackLanguage,\n  });\n\n  return (\n    <div\n      onClick={(event) => {\n        event.stopPropagation();\n      }}\n      className={`relative flex flex-col h-fit w-full ${revisionDetailsExpanded ? 'min-w-full' : 'min-w-[100px]'}`}\n    >\n      <>\n        <Image360HistoricalPanel\n          key={uniqueId()}\n          revisionCount={revisionCollection.length}\n          revisionDetailsExpanded={revisionDetailsExpanded}\n          setRevisionDetailsExpanded={setRevisionDetailsExpanded}\n          fallbackLanguage={fallbackLanguage}\n        />\n        {revisionDetailsExpanded && (\n          <Image360HistoricalSummary\n            ref={newScrollPosition}\n            key={uniqueId()}\n            viewer={viewer}\n            stationId={stationId}\n            stationName={stationName}\n            activeRevision={activeRevision}\n            setActiveRevision={setActiveRevision}\n            revisionCollection={revisionCollection}\n            fallbackLanguage={fallbackLanguage}\n          />\n        )}\n      </>\n    </div>\n  );\n};\n"],"names":["useContext","uniqueId","Image360HistoricalDetailsContext","Image360HistoricalDetails","viewer","image360Entity","onExpand","fallbackLanguage","Image360HistoricalPanel","Image360HistoricalSummary","useImage360HistoricalDetailsViewModel","revisionDetailsExpanded","setRevisionDetailsExpanded","activeRevision","setActiveRevision","revisionCollection","newScrollPosition","stationId","stationName","div","onClick","event","stopPropagation","className","revisionCount","length","ref"],"mappings":";AAAA,SAASA,UAAU,QAA2B,QAAQ;AAEtD,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,gCAAgC,QAAQ,yCAAsC;AAGvF,OAAO,MAAMC,4BAA4B,CAAC,EACxCC,MAAM,EACNC,cAAc,EACdC,QAAQ,EACRC,gBAAgB,EACe;IAC/B,MAAM,EACJC,uBAAuB,EACvBC,yBAAyB,EACzBC,qCAAqC,EACtC,GAAGV,WAAWE;IAEf,MAAM,EACJS,uBAAuB,EACvBC,0BAA0B,EAC1BC,cAAc,EACdC,iBAAiB,EACjBC,kBAAkB,EAClBC,iBAAiB,EACjBC,SAAS,EACTC,WAAW,EACZ,GAAGR,sCAAsC;QACxCN;QACAC;QACAC;QACAC;IACF;IAEA,qBACE,KAACY;QACCC,SAAS,CAACC;YACRA,MAAMC,eAAe;QACvB;QACAC,WAAW,CAAC,oCAAoC,EAAEZ,0BAA0B,eAAe,iBAAiB;kBAE5G,cAAA;;8BACE,KAACH;oBAECgB,eAAeT,mBAAmBU,MAAM;oBACxCd,yBAAyBA;oBACzBC,4BAA4BA;oBAC5BL,kBAAkBA;mBAJbN;gBAMNU,yCACC,KAACF;oBACCiB,KAAKV;oBAELZ,QAAQA;oBACRa,WAAWA;oBACXC,aAAaA;oBACbL,gBAAgBA;oBAChBC,mBAAmBA;oBACnBC,oBAAoBA;oBACpBR,kBAAkBA;mBAPbN;;;;AAajB,EAAE"}

package/dist/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.viewmodel.context.d.ts

@@ -1,8 +1,8 @@
-import { Context } from 'react';
-import { formatDateTime } from '../../../utilities/date-time-utils';
+import type { Context } from "react";
+import { formatDateTime } from "../../../utilities/date-time-utils";
 export type Image360HistoricalDetailsViewModelDependencies = {
-    formatDateTime: typeof formatDateTime;
-    revokeObjectUrl: typeof globalThis.URL.revokeObjectURL;
+	formatDateTime: typeof formatDateTime;
+	revokeObjectUrl: typeof globalThis.URL.revokeObjectURL;
 };
 export declare const defaultImage360HistoricalDetailsViewModelDependencies: Image360HistoricalDetailsViewModelDependencies;
 export declare const Image360HistoricalDetailsViewModelContext: Context<Image360HistoricalDetailsViewModelDependencies>;