@cognite/reveal-components 1.0.2 → 1.48552.0

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

@@ -1,12 +1,11 @@
-import { formatDateTime as e } from "../../../utilities/date-time-utils/format-date-time.js";
-import "../../../utilities/date-time-utils/index.js";
-import { createContext as t } from "react";
-//#region libs/shared/reveal-components/src/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.viewmodel.context.ts
-var n = {
-	formatDateTime: e,
-	revokeObjectUrl: (e) => {
-		globalThis.URL.revokeObjectURL(e);
-	}
-}, r = t(n);
-//#endregion
-export { r as Image360HistoricalDetailsViewModelContext, n as defaultImage360HistoricalDetailsViewModelDependencies };
+import { createContext } from "react";
+import { formatDateTime } from "../../../utilities/date-time-utils/index.js";
+export const defaultImage360HistoricalDetailsViewModelDependencies = {
+    formatDateTime,
+    revokeObjectUrl: (url)=>{
+        globalThis.URL.revokeObjectURL(url);
+    }
+};
+export const Image360HistoricalDetailsViewModelContext = createContext(defaultImage360HistoricalDetailsViewModelDependencies);
+
+//# sourceMappingURL=Image360HistoricalDetails.viewmodel.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.viewmodel.context.ts"],"sourcesContent":["import type { Context } from 'react';\nimport { createContext } from 'react';\n\nimport { formatDateTime } from '../../../utilities/date-time-utils';\n\nexport type Image360HistoricalDetailsViewModelDependencies = {\n  formatDateTime: typeof formatDateTime;\n  revokeObjectUrl: typeof globalThis.URL.revokeObjectURL;\n};\n\nexport const defaultImage360HistoricalDetailsViewModelDependencies: Image360HistoricalDetailsViewModelDependencies =\n  {\n    formatDateTime,\n    revokeObjectUrl: (url: string) => {\n      globalThis.URL.revokeObjectURL(url);\n    },\n  };\n\nexport const Image360HistoricalDetailsViewModelContext: Context<Image360HistoricalDetailsViewModelDependencies> =\n  createContext<Image360HistoricalDetailsViewModelDependencies>(\n    defaultImage360HistoricalDetailsViewModelDependencies\n  );\n"],"names":["createContext","formatDateTime","defaultImage360HistoricalDetailsViewModelDependencies","revokeObjectUrl","url","globalThis","URL","revokeObjectURL","Image360HistoricalDetailsViewModelContext"],"mappings":"AACA,SAASA,aAAa,QAAQ,QAAQ;AAEtC,SAASC,cAAc,QAAQ,8CAAqC;AAOpE,OAAO,MAAMC,wDACX;IACED;IACAE,iBAAiB,CAACC;QAChBC,WAAWC,GAAG,CAACC,eAAe,CAACH;IACjC;AACF,EAAE;AAEJ,OAAO,MAAMI,4CACXR,cACEE,uDACA"}

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

@@ -1,2 +1,2 @@
-import { Image360HistoricalDetailsProps, UseImage360HistoricalDetailsViewModelResult } from './types';
-export declare function useImage360HistoricalDetailsViewModel({ image360Entity, onExpand, }: Image360HistoricalDetailsProps): UseImage360HistoricalDetailsViewModelResult;
+import { type Image360HistoricalDetailsProps, type UseImage360HistoricalDetailsViewModelResult } from "./types";
+export declare function useImage360HistoricalDetailsViewModel({ image360Entity, onExpand }: Image360HistoricalDetailsProps): UseImage360HistoricalDetailsViewModelResult;

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

@@ -1,42 +1,71 @@
-import { Image360HistoricalDetailsViewModelContext as e } from "./Image360HistoricalDetails.viewmodel.context.js";
-import { getStationIdentifier as t } from "./utils/getStationIdentifier.js";
-import { useContext as n, useEffect as r, useRef as i, useState as a } from "react";
-//#region libs/shared/reveal-components/src/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.viewmodel.tsx
-function o({ image360Entity: o, onExpand: s }) {
-	let [c, l] = a(!1), [u, d] = a(0), [f, p] = a([]), [m, h] = a([]), g = i(0), { formatDateTime: _, revokeObjectUrl: v } = n(e), y = o === void 0 ? void 0 : t(o), b = o?.label;
-	return r(() => ((async () => {
-		if (o !== void 0) {
-			let e = o.getRevisions(), t = e.map((e) => e.date), n = await Promise.all(e.map(async (e) => await e.getPreviewThumbnailUrl()));
-			h(n);
-			let r = t.map((e, t) => ({
-				date: e === void 0 ? "Date not available" : _({ date: e }),
-				imageUrl: n[t],
-				index: t,
-				image360Entity: o
-			}));
-			g.current = 0, p(r), d(0);
-		}
-	})(), () => {
-		m.forEach((e) => {
-			e !== void 0 && v(e);
-		}), h([]);
-	}), [
-		o,
-		v,
-		_
-	]), r(() => {
-		s !== void 0 && s(c);
-	}, [c, s]), {
-		revisionDetailsExpanded: c,
-		setRevisionDetailsExpanded: l,
-		activeRevision: u,
-		setActiveRevision: d,
-		revisionCollection: f,
-		imageUrls: m,
-		newScrollPosition: g,
-		stationId: y,
-		stationName: b
-	};
+import { useContext, useEffect, useRef, useState } from "react";
+import { Image360HistoricalDetailsViewModelContext } from "./Image360HistoricalDetails.viewmodel.context.js";
+import { getStationIdentifier } from "./utils/getStationIdentifier.js";
+export function useImage360HistoricalDetailsViewModel({ image360Entity, onExpand }) {
+    const [revisionDetailsExpanded, setRevisionDetailsExpanded] = useState(false);
+    const [activeRevision, setActiveRevision] = useState(0);
+    const [revisionCollection, setRevisionCollection] = useState([]);
+    const [imageUrls, setImageUrls] = useState([]);
+    const newScrollPosition = useRef(0);
+    const { formatDateTime, revokeObjectUrl } = useContext(Image360HistoricalDetailsViewModelContext);
+    const stationId = image360Entity !== undefined ? getStationIdentifier(image360Entity) : undefined;
+    const stationName = image360Entity?.label;
+    useEffect(()=>{
+        const fetchRevisionCollection = async ()=>{
+            if (image360Entity !== undefined) {
+                const revisions = image360Entity.getRevisions();
+                const revisionDates = revisions.map((revision)=>revision.date);
+                const imageDatas = await Promise.all(revisions.map(async (revision)=>await revision.getPreviewThumbnailUrl()));
+                setImageUrls(imageDatas);
+                const collection = revisionDates.map((date, index)=>{
+                    return {
+                        date: date !== undefined ? formatDateTime({
+                            date
+                        }) : 'Date not available',
+                        imageUrl: imageDatas[index],
+                        index,
+                        image360Entity
+                    };
+                });
+                newScrollPosition.current = 0;
+                setRevisionCollection(collection);
+                setActiveRevision(0);
+            }
+        };
+        void fetchRevisionCollection();
+        return ()=>{
+            // Remove image URLs
+            imageUrls.forEach((url)=>{
+                if (url !== undefined) {
+                    revokeObjectUrl(url);
+                }
+            });
+            setImageUrls([]);
+        };
+    }, [
+        image360Entity,
+        revokeObjectUrl,
+        formatDateTime
+    ]);
+    useEffect(()=>{
+        if (onExpand !== undefined) {
+            onExpand(revisionDetailsExpanded);
+        }
+    }, [
+        revisionDetailsExpanded,
+        onExpand
+    ]);
+    return {
+        revisionDetailsExpanded,
+        setRevisionDetailsExpanded,
+        activeRevision,
+        setActiveRevision,
+        revisionCollection,
+        imageUrls,
+        newScrollPosition,
+        stationId,
+        stationName
+    };
 }
-//#endregion
-export { o as useImage360HistoricalDetailsViewModel };
+
+//# sourceMappingURL=Image360HistoricalDetails.viewmodel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.viewmodel.tsx"],"sourcesContent":["import { useContext, useEffect, useRef, useState } from 'react';\n\nimport { Image360HistoricalDetailsViewModelContext } from './Image360HistoricalDetails.viewmodel.context';\nimport { type Image360RevisionDetails } from './Toolbar/Image360HistoricalSummary';\nimport {\n  type Image360HistoricalDetailsProps,\n  type UseImage360HistoricalDetailsViewModelResult,\n} from './types';\nimport { getStationIdentifier } from './utils/getStationIdentifier';\n\nexport function useImage360HistoricalDetailsViewModel({\n  image360Entity,\n  onExpand,\n}: Image360HistoricalDetailsProps): UseImage360HistoricalDetailsViewModelResult {\n  const [revisionDetailsExpanded, setRevisionDetailsExpanded] =\n    useState<boolean>(false);\n  const [activeRevision, setActiveRevision] = useState<number>(0);\n  const [revisionCollection, setRevisionCollection] = useState<\n    Image360RevisionDetails[]\n  >([]);\n  const [imageUrls, setImageUrls] = useState<Array<string | undefined>>([]);\n  const newScrollPosition = useRef(0);\n\n  const { formatDateTime, revokeObjectUrl } = useContext(\n    Image360HistoricalDetailsViewModelContext\n  );\n\n  const stationId =\n    image360Entity !== undefined\n      ? getStationIdentifier(image360Entity)\n      : undefined;\n  const stationName = image360Entity?.label;\n\n  useEffect(() => {\n    const fetchRevisionCollection = async (): Promise<void> => {\n      if (image360Entity !== undefined) {\n        const revisions = image360Entity.getRevisions();\n        const revisionDates = revisions.map((revision) => revision.date);\n        const imageDatas = await Promise.all(\n          revisions.map(\n            async (revision) => await revision.getPreviewThumbnailUrl()\n          )\n        );\n        setImageUrls(imageDatas);\n\n        const collection = revisionDates.map((date, index) => {\n          return {\n            date:\n              date !== undefined\n                ? formatDateTime({ date })\n                : 'Date not available',\n            imageUrl: imageDatas[index],\n            index,\n            image360Entity,\n          };\n        });\n\n        newScrollPosition.current = 0;\n        setRevisionCollection(collection);\n        setActiveRevision(0);\n      }\n    };\n\n    void fetchRevisionCollection();\n\n    return () => {\n      // Remove image URLs\n      imageUrls.forEach((url) => {\n        if (url !== undefined) {\n          revokeObjectUrl(url);\n        }\n      });\n      setImageUrls([]);\n    };\n  }, [image360Entity, revokeObjectUrl, formatDateTime]);\n\n  useEffect(() => {\n    if (onExpand !== undefined) {\n      onExpand(revisionDetailsExpanded);\n    }\n  }, [revisionDetailsExpanded, onExpand]);\n\n  return {\n    revisionDetailsExpanded,\n    setRevisionDetailsExpanded,\n    activeRevision,\n    setActiveRevision,\n    revisionCollection,\n    imageUrls,\n    newScrollPosition,\n    stationId,\n    stationName,\n  };\n}\n"],"names":["useContext","useEffect","useRef","useState","Image360HistoricalDetailsViewModelContext","getStationIdentifier","useImage360HistoricalDetailsViewModel","image360Entity","onExpand","revisionDetailsExpanded","setRevisionDetailsExpanded","activeRevision","setActiveRevision","revisionCollection","setRevisionCollection","imageUrls","setImageUrls","newScrollPosition","formatDateTime","revokeObjectUrl","stationId","undefined","stationName","label","fetchRevisionCollection","revisions","getRevisions","revisionDates","map","revision","date","imageDatas","Promise","all","getPreviewThumbnailUrl","collection","index","imageUrl","current","forEach","url"],"mappings":"AAAA,SAASA,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAEhE,SAASC,yCAAyC,QAAQ,mDAAgD;AAM1G,SAASC,oBAAoB,QAAQ,kCAA+B;AAEpE,OAAO,SAASC,sCAAsC,EACpDC,cAAc,EACdC,QAAQ,EACuB;IAC/B,MAAM,CAACC,yBAAyBC,2BAA2B,GACzDP,SAAkB;IACpB,MAAM,CAACQ,gBAAgBC,kBAAkB,GAAGT,SAAiB;IAC7D,MAAM,CAACU,oBAAoBC,sBAAsB,GAAGX,SAElD,EAAE;IACJ,MAAM,CAACY,WAAWC,aAAa,GAAGb,SAAoC,EAAE;IACxE,MAAMc,oBAAoBf,OAAO;IAEjC,MAAM,EAAEgB,cAAc,EAAEC,eAAe,EAAE,GAAGnB,WAC1CI;IAGF,MAAMgB,YACJb,mBAAmBc,YACfhB,qBAAqBE,kBACrBc;IACN,MAAMC,cAAcf,gBAAgBgB;IAEpCtB,UAAU;QACR,MAAMuB,0BAA0B;YAC9B,IAAIjB,mBAAmBc,WAAW;gBAChC,MAAMI,YAAYlB,eAAemB,YAAY;gBAC7C,MAAMC,gBAAgBF,UAAUG,GAAG,CAAC,CAACC,WAAaA,SAASC,IAAI;gBAC/D,MAAMC,aAAa,MAAMC,QAAQC,GAAG,CAClCR,UAAUG,GAAG,CACX,OAAOC,WAAa,MAAMA,SAASK,sBAAsB;gBAG7DlB,aAAae;gBAEb,MAAMI,aAAaR,cAAcC,GAAG,CAAC,CAACE,MAAMM;oBAC1C,OAAO;wBACLN,MACEA,SAAST,YACLH,eAAe;4BAAEY;wBAAK,KACtB;wBACNO,UAAUN,UAAU,CAACK,MAAM;wBAC3BA;wBACA7B;oBACF;gBACF;gBAEAU,kBAAkBqB,OAAO,GAAG;gBAC5BxB,sBAAsBqB;gBACtBvB,kBAAkB;YACpB;QACF;QAEA,KAAKY;QAEL,OAAO;YACL,oBAAoB;YACpBT,UAAUwB,OAAO,CAAC,CAACC;gBACjB,IAAIA,QAAQnB,WAAW;oBACrBF,gBAAgBqB;gBAClB;YACF;YACAxB,aAAa,EAAE;QACjB;IACF,GAAG;QAACT;QAAgBY;QAAiBD;KAAe;IAEpDjB,UAAU;QACR,IAAIO,aAAaa,WAAW;YAC1Bb,SAASC;QACX;IACF,GAAG;QAACA;QAAyBD;KAAS;IAEtC,OAAO;QACLC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAE;QACAG;QACAE;IACF;AACF"}

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

@@ -1,8 +1,8 @@
-import { ReactElement } from 'react';
+import { type ReactElement } from "react";
 export type Image360HistoricalPanelProps = {
-    revisionCount?: number;
-    revisionDetailsExpanded: boolean;
-    setRevisionDetailsExpanded: (detailed: boolean) => void;
-    fallbackLanguage?: string;
+	revisionCount?: number;
+	revisionDetailsExpanded: boolean;
+	setRevisionDetailsExpanded: (detailed: boolean) => void;
+	fallbackLanguage?: string;
 };
-export declare const Image360HistoricalPanel: ({ revisionCount, revisionDetailsExpanded, setRevisionDetailsExpanded, fallbackLanguage, }: Image360HistoricalPanelProps) => ReactElement;
+export declare const Image360HistoricalPanel: ({ revisionCount, revisionDetailsExpanded, setRevisionDetailsExpanded, fallbackLanguage }: Image360HistoricalPanelProps) => ReactElement;

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

@@ -1,28 +1,49 @@
-import { useTranslation as e } from "../../i18n/I18n.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Tooltip as r, TooltipContent as i, TooltipProvider as a, TooltipTrigger as o } from "@cognite/aura/components/tooltip";
-import { Button as s } from "@cognite/aura/components/button";
-import { Badge as c } from "@cognite/aura/components/badge";
-//#region libs/shared/reveal-components/src/ui/components/Image360HistoricalDetails/Panel/Image360HistoricalPanel.tsx
-var l = ({ revisionCount: l, revisionDetailsExpanded: u, setRevisionDetailsExpanded: d, fallbackLanguage: f }) => {
-	let { t: p } = e(f);
-	return /* @__PURE__ */ t("div", {
-		onClick: (e) => {
-			e.stopPropagation();
-		},
-		className: `relative left-[calc(100%-200px)] w-fit h-fit bg-white py-1 px-2.5 items-center flex ${u ? "rounded-t-md" : "rounded-md"}`,
-		children: /* @__PURE__ */ t(a, { children: /* @__PURE__ */ n(r, { children: [/* @__PURE__ */ t(o, { render: /* @__PURE__ */ n(s, {
-			variant: "ghost",
-			onClick: () => {
-				d(!u);
-			},
-			className: "h-auto rounded-md border-0 w-fit p-0 gap-1.5 text-sm font-medium leading-5",
-			children: [p({ key: "IMAGES_360_DETAILS" }), !u && /* @__PURE__ */ n(c, {
-				variant: "secondary",
-				children: [l, " Historic"]
-			})]
-		}) }), /* @__PURE__ */ t(i, { children: p({ key: "IMAGES_360_DETAILS_TOOLTIP" }) })] }) })
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "@cognite/aura/components/badge";
+import { Button } from "@cognite/aura/components/button";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@cognite/aura/components/tooltip";
+import { useTranslation } from "../../i18n/I18n.js";
+export const Image360HistoricalPanel = ({ revisionCount, revisionDetailsExpanded, setRevisionDetailsExpanded, fallbackLanguage })=>{
+    const { t } = useTranslation(fallbackLanguage);
+    const onDetailsClick = ()=>{
+        setRevisionDetailsExpanded(!revisionDetailsExpanded);
+    };
+    return /*#__PURE__*/ _jsx("div", {
+        onClick: (event)=>{
+            event.stopPropagation();
+        },
+        className: `relative left-[calc(100%-200px)] w-fit h-fit bg-white py-1 px-2.5 items-center flex ${revisionDetailsExpanded ? 'rounded-t-md' : 'rounded-md'}`,
+        children: /*#__PURE__*/ _jsx(TooltipProvider, {
+            children: /*#__PURE__*/ _jsxs(Tooltip, {
+                children: [
+                    /*#__PURE__*/ _jsx(TooltipTrigger, {
+                        render: /*#__PURE__*/ _jsxs(Button, {
+                            variant: "ghost",
+                            onClick: onDetailsClick,
+                            className: "h-auto rounded-md border-0 w-fit p-0 gap-1.5 text-sm font-medium leading-5",
+                            children: [
+                                t({
+                                    key: 'IMAGES_360_DETAILS'
+                                }),
+                                !revisionDetailsExpanded && /*#__PURE__*/ _jsxs(Badge, {
+                                    variant: "secondary",
+                                    children: [
+                                        revisionCount,
+                                        " Historic"
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(TooltipContent, {
+                        children: t({
+                            key: 'IMAGES_360_DETAILS_TOOLTIP'
+                        })
+                    })
+                ]
+            })
+        })
+    });
 };
-//#endregion
-export { l as Image360HistoricalPanel };
+
+//# sourceMappingURL=Image360HistoricalPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/components/Image360HistoricalDetails/Panel/Image360HistoricalPanel.tsx"],"sourcesContent":["import { type ReactElement } from 'react';\n\nimport { Badge } from '@cognite/aura/components/badge';\nimport { Button } from '@cognite/aura/components/button';\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@cognite/aura/components/tooltip';\n\nimport { useTranslation } from '../../i18n/I18n';\n\nexport type Image360HistoricalPanelProps = {\n  revisionCount?: number;\n  revisionDetailsExpanded: boolean;\n  setRevisionDetailsExpanded: (detailed: boolean) => void;\n  fallbackLanguage?: string;\n};\n\nexport const Image360HistoricalPanel = ({\n  revisionCount,\n  revisionDetailsExpanded,\n  setRevisionDetailsExpanded,\n  fallbackLanguage,\n}: Image360HistoricalPanelProps): ReactElement => {\n  const { t } = useTranslation(fallbackLanguage);\n\n  const onDetailsClick = (): void => {\n    setRevisionDetailsExpanded(!revisionDetailsExpanded);\n  };\n\n  return (\n    <div\n      onClick={(event) => {\n        event.stopPropagation();\n      }}\n      className={`relative left-[calc(100%-200px)] w-fit h-fit bg-white py-1 px-2.5 items-center flex ${revisionDetailsExpanded ? 'rounded-t-md' : 'rounded-md'}`}\n    >\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger\n            render={\n              <Button\n                variant=\"ghost\"\n                onClick={onDetailsClick}\n                className=\"h-auto rounded-md border-0 w-fit p-0 gap-1.5 text-sm font-medium leading-5\"\n              >\n                {t({ key: 'IMAGES_360_DETAILS' })}\n                {!revisionDetailsExpanded && (\n                  <Badge variant=\"secondary\">{revisionCount} Historic</Badge>\n                )}\n              </Button>\n            }\n          />\n          <TooltipContent>\n            {t({ key: 'IMAGES_360_DETAILS_TOOLTIP' })}\n          </TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    </div>\n  );\n};\n"],"names":["Badge","Button","Tooltip","TooltipContent","TooltipProvider","TooltipTrigger","useTranslation","Image360HistoricalPanel","revisionCount","revisionDetailsExpanded","setRevisionDetailsExpanded","fallbackLanguage","t","onDetailsClick","div","onClick","event","stopPropagation","className","render","variant","key"],"mappings":";AAEA,SAASA,KAAK,QAAQ,iCAAiC;AACvD,SAASC,MAAM,QAAQ,kCAAkC;AACzD,SACEC,OAAO,EACPC,cAAc,EACdC,eAAe,EACfC,cAAc,QACT,mCAAmC;AAE1C,SAASC,cAAc,QAAQ,qBAAkB;AASjD,OAAO,MAAMC,0BAA0B,CAAC,EACtCC,aAAa,EACbC,uBAAuB,EACvBC,0BAA0B,EAC1BC,gBAAgB,EACa;IAC7B,MAAM,EAAEC,CAAC,EAAE,GAAGN,eAAeK;IAE7B,MAAME,iBAAiB;QACrBH,2BAA2B,CAACD;IAC9B;IAEA,qBACE,KAACK;QACCC,SAAS,CAACC;YACRA,MAAMC,eAAe;QACvB;QACAC,WAAW,CAAC,oFAAoF,EAAET,0BAA0B,iBAAiB,cAAc;kBAE3J,cAAA,KAACL;sBACC,cAAA,MAACF;;kCACC,KAACG;wBACCc,sBACE,MAAClB;4BACCmB,SAAQ;4BACRL,SAASF;4BACTK,WAAU;;gCAETN,EAAE;oCAAES,KAAK;gCAAqB;gCAC9B,CAACZ,yCACA,MAACT;oCAAMoB,SAAQ;;wCAAaZ;wCAAc;;;;;;kCAKlD,KAACL;kCACES,EAAE;4BAAES,KAAK;wBAA6B;;;;;;AAMnD,EAAE"}

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

@@ -1,18 +1,18 @@
-import { default as React } from 'react';
-import { DataSourceType, Cognite3DViewer, Image360 } from '@cognite/reveal';
+import React from "react";
+import { type DataSourceType, type Cognite3DViewer, type Image360 } from "@cognite/reveal";
 export type Image360RevisionDetails = {
-    date?: string;
-    imageUrl?: string;
-    index: number;
-    image360Entity: Image360<DataSourceType> | undefined;
+	date?: string;
+	imageUrl?: string;
+	index: number;
+	image360Entity: Image360<DataSourceType> | undefined;
 };
 export type Image360HistoricalSummaryProps = {
-    stationId?: string;
-    stationName?: string;
-    viewer?: Cognite3DViewer<DataSourceType>;
-    revisionCollection: Image360RevisionDetails[];
-    activeRevision: number;
-    setActiveRevision: (index: number) => void;
-    fallbackLanguage?: string;
+	stationId?: string;
+	stationName?: string;
+	viewer?: Cognite3DViewer<DataSourceType>;
+	revisionCollection: Image360RevisionDetails[];
+	activeRevision: number;
+	setActiveRevision: (index: number) => void;
+	fallbackLanguage?: string;
 };
 export declare const Image360HistoricalSummary: React.ForwardRefExoticComponent<Image360HistoricalSummaryProps & React.RefAttributes<number>>;

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

@@ -1,63 +1,82 @@
-import { useTranslation as e } from "../../i18n/I18n.js";
-import { Thumbnail as t } from "../utils/Thumbnail.js";
-import { forwardRef as n, useEffect as r, useRef as i } from "react";
-import { uniqueId as a } from "lodash-es";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region libs/shared/reveal-components/src/ui/components/Image360HistoricalDetails/Toolbar/Image360HistoricalSummary.tsx
-var c = n(({ stationId: n, stationName: c, revisionCollection: l, activeRevision: u, setActiveRevision: d, viewer: f, fallbackLanguage: p }, m) => {
-	let { t: h } = e(p), g = i(null), _ = async (e, t) => {
-		if (f !== void 0 && e.image360Entity !== void 0) {
-			d(t);
-			let n = e.image360Entity.getRevisions(), r = e.index;
-			r >= 0 && r < n.length && await f.enter360Image(e.image360Entity, n[r]);
-		}
-	};
-	function v(e) {
-		return e.current !== void 0;
-	}
-	function y(e) {
-		v(m) && (m.current = e.currentTarget.scrollLeft);
-	}
-	return r(() => {
-		g.current !== null && v(m) && (g.current.scrollLeft = m.current);
-	}, []), /* @__PURE__ */ s("div", {
-		className: "flex h-fit flex-row items-start justify-between px-4 pt-4 pb-2 bg-white shadow-[0px_-4px_12px_rgba(0,0,0,0.25)]",
-		children: [/* @__PURE__ */ s("div", {
-			className: "flex flex-col max-w-1/4 font-sans font-semibold text-lg leading-6 tracking-[-0.014em] text-black/90",
-			children: [/* @__PURE__ */ o("span", {
-				className: "overflow-hidden inline-block text-ellipsis whitespace-nowrap mb-2.5",
-				children: c
-			}), /* @__PURE__ */ s("p", {
-				className: "font-sans font-medium text-sm leading-5 tracking-[-0.006em] text-black/90 overflow-hidden inline-block text-ellipsis whitespace-nowrap",
-				children: [
-					h({ key: "IMAGES_360_STATION" }),
-					" ",
-					n
-				]
-			})]
-		}), /* @__PURE__ */ o("div", {
-			ref: g,
-			onScroll: y,
-			className: "scrollbar-thin w-[70%] h-fit overflow-x-auto pb-[5px] [scrollbar-color:#999999_#d9d9d9]",
-			children: /* @__PURE__ */ o("div", {
-				className: "grid grid-flow-col items-center gap-1.5 justify-end min-w-fit",
-				children: l.map((e, n) => /* @__PURE__ */ s("div", {
-					className: "flex flex-col items-center opacity-80 gap-2.5",
-					onClick: () => {
-						_(e, n);
-					},
-					children: [/* @__PURE__ */ o(t, {
-						isActive: u === n,
-						imageUrl: e.imageUrl,
-						isLoading: !1
-					}, n), /* @__PURE__ */ o("p", {
-						className: "text-xs h-4",
-						children: e.date
-					})]
-				}, a()))
-			})
-		})]
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { forwardRef, useEffect, useRef } from "react";
+import { useTranslation } from "../../i18n/I18n.js";
+import { Thumbnail } from "../utils/Thumbnail.js";
+export const Image360HistoricalSummary = /*#__PURE__*/ forwardRef(({ stationId, stationName, revisionCollection, activeRevision, setActiveRevision, viewer, fallbackLanguage }, ref)=>{
+    const { t } = useTranslation(fallbackLanguage);
+    const gridContainerRef = useRef(null);
+    const onRevisionChanged = async (revisionDetails, index)=>{
+        if (viewer !== undefined && revisionDetails.image360Entity !== undefined) {
+            setActiveRevision(index);
+            const revisions = revisionDetails.image360Entity.getRevisions();
+            const revisionIndex = revisionDetails.index;
+            if (revisionIndex >= 0 && revisionIndex < revisions.length) {
+                await viewer.enter360Image(revisionDetails.image360Entity, revisions[revisionIndex]);
+            }
+        }
+    };
+    function isMutableRefObject(ref) {
+        return ref.current !== undefined;
+    }
+    function onScroll(e) {
+        if (isMutableRefObject(ref)) {
+            ref.current = e.currentTarget.scrollLeft;
+        }
+    }
+    useEffect(()=>{
+        if (gridContainerRef.current !== null && isMutableRefObject(ref)) {
+            gridContainerRef.current.scrollLeft = ref.current;
+        }
+    }, []);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex h-fit flex-row items-start justify-between px-4 pt-4 pb-2 bg-white shadow-[0px_-4px_12px_rgba(0,0,0,0.25)]",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-col max-w-1/4 font-sans font-semibold text-lg leading-6 tracking-[-0.014em] text-black/90",
+                children: [
+                    /*#__PURE__*/ _jsx("span", {
+                        className: "overflow-hidden inline-block text-ellipsis whitespace-nowrap mb-2.5",
+                        children: stationName
+                    }),
+                    /*#__PURE__*/ _jsxs("p", {
+                        className: "font-sans font-medium text-sm leading-5 tracking-[-0.006em] text-black/90 overflow-hidden inline-block text-ellipsis whitespace-nowrap",
+                        children: [
+                            t({
+                                key: 'IMAGES_360_STATION'
+                            }),
+                            " ",
+                            stationId
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                ref: gridContainerRef,
+                onScroll: onScroll,
+                className: "w-[70%] h-fit overflow-x-auto pb-2 [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar-track]:rounded [&::-webkit-scrollbar-track]:bg-[#d9d9d9] [&::-webkit-scrollbar-thumb]:rounded [&::-webkit-scrollbar-thumb]:bg-[#999999] [@supports(-moz-appearance:none)]:[scrollbar-color:#999999_#d9d9d9]",
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: "grid grid-flow-col items-center gap-1.5 justify-end min-w-fit",
+                    children: revisionCollection.map((revisionDetails, index)=>/*#__PURE__*/ _jsxs("div", {
+                            className: "flex flex-col items-center opacity-80 gap-2.5",
+                            onClick: ()=>{
+                                void onRevisionChanged(revisionDetails, index);
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Thumbnail, {
+                                    isActive: activeRevision === index,
+                                    imageUrl: revisionDetails.imageUrl,
+                                    isLoading: false
+                                }, index),
+                                /*#__PURE__*/ _jsx("p", {
+                                    className: "text-xs h-5 leading-5",
+                                    children: revisionDetails.date
+                                })
+                            ]
+                        }, `${revisionDetails.index}-${revisionDetails.date ?? ''}`))
+                })
+            })
+        ]
+    });
 });
-//#endregion
-export { c as Image360HistoricalSummary };
+
+//# sourceMappingURL=Image360HistoricalSummary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/components/Image360HistoricalDetails/Toolbar/Image360HistoricalSummary.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef } from 'react';\n\nimport {\n  type DataSourceType,\n  type Cognite3DViewer,\n  type Image360,\n} from '@cognite/reveal';\n\nimport { useTranslation } from '../../i18n/I18n';\nimport { Thumbnail } from '../utils/Thumbnail';\n\nexport type Image360RevisionDetails = {\n  date?: string;\n  imageUrl?: string;\n  index: number;\n  image360Entity: Image360<DataSourceType> | undefined;\n};\n\nexport type Image360HistoricalSummaryProps = {\n  stationId?: string;\n  stationName?: string;\n  viewer?: Cognite3DViewer<DataSourceType>;\n  revisionCollection: Image360RevisionDetails[];\n  activeRevision: number;\n  setActiveRevision: (index: number) => void;\n  fallbackLanguage?: string;\n};\n\nexport const Image360HistoricalSummary: React.ForwardRefExoticComponent<\n  Image360HistoricalSummaryProps & React.RefAttributes<number>\n> = forwardRef(\n  (\n    {\n      stationId,\n      stationName,\n      revisionCollection,\n      activeRevision,\n      setActiveRevision,\n      viewer,\n      fallbackLanguage,\n    }: Image360HistoricalSummaryProps,\n    ref: React.ForwardedRef<number>\n  ) => {\n    const { t } = useTranslation(fallbackLanguage);\n    const gridContainerRef = useRef<HTMLDivElement>(null);\n\n    const onRevisionChanged = async (\n      revisionDetails: Image360RevisionDetails,\n      index: number\n    ): Promise<void> => {\n      if (\n        viewer !== undefined &&\n        revisionDetails.image360Entity !== undefined\n      ) {\n        setActiveRevision(index);\n        const revisions = revisionDetails.image360Entity.getRevisions();\n        const revisionIndex = revisionDetails.index;\n        if (revisionIndex >= 0 && revisionIndex < revisions.length) {\n          await viewer.enter360Image(\n            revisionDetails.image360Entity,\n            revisions[revisionIndex]\n          );\n        }\n      }\n    };\n\n    function isMutableRefObject<T>(\n      ref: React.ForwardedRef<T>\n    ): ref is React.MutableRefObject<T> {\n      return (ref as React.MutableRefObject<T>).current !== undefined;\n    }\n\n    function onScroll(e: React.UIEvent<HTMLDivElement, UIEvent>): void {\n      if (isMutableRefObject(ref)) {\n        ref.current = e.currentTarget.scrollLeft;\n      }\n    }\n\n    useEffect(() => {\n      if (gridContainerRef.current !== null && isMutableRefObject(ref)) {\n        gridContainerRef.current.scrollLeft = ref.current;\n      }\n    }, []);\n\n    return (\n      <div className=\"flex h-fit flex-row items-start justify-between px-4 pt-4 pb-2 bg-white shadow-[0px_-4px_12px_rgba(0,0,0,0.25)]\">\n        <div className=\"flex flex-col max-w-1/4 font-sans font-semibold text-lg leading-6 tracking-[-0.014em] text-black/90\">\n          <span className=\"overflow-hidden inline-block text-ellipsis whitespace-nowrap mb-2.5\">\n            {stationName}\n          </span>\n          <p className=\"font-sans font-medium text-sm leading-5 tracking-[-0.006em] text-black/90 overflow-hidden inline-block text-ellipsis whitespace-nowrap\">\n            {t({ key: 'IMAGES_360_STATION' })} {stationId}\n          </p>\n        </div>\n\n        <div\n          ref={gridContainerRef}\n          onScroll={onScroll}\n          className=\"w-[70%] h-fit overflow-x-auto pb-2 [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar-track]:rounded [&::-webkit-scrollbar-track]:bg-[#d9d9d9] [&::-webkit-scrollbar-thumb]:rounded [&::-webkit-scrollbar-thumb]:bg-[#999999] [@supports(-moz-appearance:none)]:[scrollbar-color:#999999_#d9d9d9]\"\n        >\n          <div className=\"grid grid-flow-col items-center gap-1.5 justify-end min-w-fit\">\n            {revisionCollection.map((revisionDetails, index) => (\n              <div\n                className=\"flex flex-col items-center opacity-80 gap-2.5\"\n                key={`${revisionDetails.index}-${revisionDetails.date ?? ''}`}\n                onClick={() => {\n                  void onRevisionChanged(revisionDetails, index);\n                }}\n              >\n                <Thumbnail\n                  key={index}\n                  isActive={activeRevision === index}\n                  imageUrl={revisionDetails.imageUrl}\n                  isLoading={false}\n                />\n                <p className=\"text-xs h-5 leading-5\">{revisionDetails.date}</p>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n"],"names":["React","forwardRef","useEffect","useRef","useTranslation","Thumbnail","Image360HistoricalSummary","stationId","stationName","revisionCollection","activeRevision","setActiveRevision","viewer","fallbackLanguage","ref","t","gridContainerRef","onRevisionChanged","revisionDetails","index","undefined","image360Entity","revisions","getRevisions","revisionIndex","length","enter360Image","isMutableRefObject","current","onScroll","e","currentTarget","scrollLeft","div","className","span","p","key","map","onClick","isActive","imageUrl","isLoading","date"],"mappings":";AAAA,OAAOA,SAASC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,QAAQ;AAQ7D,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,SAAS,QAAQ,wBAAqB;AAmB/C,OAAO,MAAMC,0CAETL,WACF,CACE,EACEM,SAAS,EACTC,WAAW,EACXC,kBAAkB,EAClBC,cAAc,EACdC,iBAAiB,EACjBC,MAAM,EACNC,gBAAgB,EACe,EACjCC;IAEA,MAAM,EAAEC,CAAC,EAAE,GAAGX,eAAeS;IAC7B,MAAMG,mBAAmBb,OAAuB;IAEhD,MAAMc,oBAAoB,OACxBC,iBACAC;QAEA,IACEP,WAAWQ,aACXF,gBAAgBG,cAAc,KAAKD,WACnC;YACAT,kBAAkBQ;YAClB,MAAMG,YAAYJ,gBAAgBG,cAAc,CAACE,YAAY;YAC7D,MAAMC,gBAAgBN,gBAAgBC,KAAK;YAC3C,IAAIK,iBAAiB,KAAKA,gBAAgBF,UAAUG,MAAM,EAAE;gBAC1D,MAAMb,OAAOc,aAAa,CACxBR,gBAAgBG,cAAc,EAC9BC,SAAS,CAACE,cAAc;YAE5B;QACF;IACF;IAEA,SAASG,mBACPb,GAA0B;QAE1B,OAAO,AAACA,IAAkCc,OAAO,KAAKR;IACxD;IAEA,SAASS,SAASC,CAAyC;QACzD,IAAIH,mBAAmBb,MAAM;YAC3BA,IAAIc,OAAO,GAAGE,EAAEC,aAAa,CAACC,UAAU;QAC1C;IACF;IAEA9B,UAAU;QACR,IAAIc,iBAAiBY,OAAO,KAAK,QAAQD,mBAAmBb,MAAM;YAChEE,iBAAiBY,OAAO,CAACI,UAAU,GAAGlB,IAAIc,OAAO;QACnD;IACF,GAAG,EAAE;IAEL,qBACE,MAACK;QAAIC,WAAU;;0BACb,MAACD;gBAAIC,WAAU;;kCACb,KAACC;wBAAKD,WAAU;kCACb1B;;kCAEH,MAAC4B;wBAAEF,WAAU;;4BACVnB,EAAE;gCAAEsB,KAAK;4BAAqB;4BAAG;4BAAE9B;;;;;0BAIxC,KAAC0B;gBACCnB,KAAKE;gBACLa,UAAUA;gBACVK,WAAU;0BAEV,cAAA,KAACD;oBAAIC,WAAU;8BACZzB,mBAAmB6B,GAAG,CAAC,CAACpB,iBAAiBC,sBACxC,MAACc;4BACCC,WAAU;4BAEVK,SAAS;gCACP,KAAKtB,kBAAkBC,iBAAiBC;4BAC1C;;8CAEA,KAACd;oCAECmC,UAAU9B,mBAAmBS;oCAC7BsB,UAAUvB,gBAAgBuB,QAAQ;oCAClCC,WAAW;mCAHNvB;8CAKP,KAACiB;oCAAEF,WAAU;8CAAyBhB,gBAAgByB,IAAI;;;2BAXrD,GAAGzB,gBAAgBC,KAAK,CAAC,CAAC,EAAED,gBAAgByB,IAAI,IAAI,IAAI;;;;;AAkB3E,GACA"}

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

@@ -1,20 +1,20 @@
-import { MutableRefObject } from 'react';
-import { DataSourceType, Cognite3DViewer, Image360 } from '@cognite/reveal';
-import { Image360RevisionDetails } from './Toolbar/Image360HistoricalSummary';
+import { type MutableRefObject } from "react";
+import { type DataSourceType, type Cognite3DViewer, type Image360 } from "@cognite/reveal";
+import { type Image360RevisionDetails } from "./Toolbar/Image360HistoricalSummary";
 export type Image360HistoricalDetailsProps = {
-    viewer: Cognite3DViewer<DataSourceType>;
-    image360Entity?: Image360<DataSourceType>;
-    onExpand?: (isExpanded: boolean) => void;
-    fallbackLanguage?: string;
+	viewer: Cognite3DViewer<DataSourceType>;
+	image360Entity?: Image360<DataSourceType>;
+	onExpand?: (isExpanded: boolean) => void;
+	fallbackLanguage?: string;
 };
 export type UseImage360HistoricalDetailsViewModelResult = {
-    revisionDetailsExpanded: boolean;
-    setRevisionDetailsExpanded: (expanded: boolean) => void;
-    activeRevision: number;
-    setActiveRevision: (revision: number) => void;
-    revisionCollection: Image360RevisionDetails[];
-    imageUrls: Array<string | undefined>;
-    newScrollPosition: MutableRefObject<number>;
-    stationId: string | undefined;
-    stationName: string | undefined;
+	revisionDetailsExpanded: boolean;
+	setRevisionDetailsExpanded: (expanded: boolean) => void;
+	activeRevision: number;
+	setActiveRevision: (revision: number) => void;
+	revisionCollection: Image360RevisionDetails[];
+	imageUrls: Array<string | undefined>;
+	newScrollPosition: MutableRefObject<number>;
+	stationId: string | undefined;
+	stationName: string | undefined;
 };

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

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/components/Image360HistoricalDetails/types.ts"],"sourcesContent":["import { type MutableRefObject } from 'react';\n\nimport {\n  type DataSourceType,\n  type Cognite3DViewer,\n  type Image360,\n} from '@cognite/reveal';\n\nimport { type Image360RevisionDetails } from './Toolbar/Image360HistoricalSummary';\n\nexport type Image360HistoricalDetailsProps = {\n  viewer: Cognite3DViewer<DataSourceType>;\n  image360Entity?: Image360<DataSourceType>;\n  onExpand?: (isExpanded: boolean) => void;\n  fallbackLanguage?: string;\n};\n\nexport type UseImage360HistoricalDetailsViewModelResult = {\n  revisionDetailsExpanded: boolean;\n  setRevisionDetailsExpanded: (expanded: boolean) => void;\n  activeRevision: number;\n  setActiveRevision: (revision: number) => void;\n  revisionCollection: Image360RevisionDetails[];\n  imageUrls: Array<string | undefined>;\n  newScrollPosition: MutableRefObject<number>;\n  stationId: string | undefined;\n  stationName: string | undefined;\n};\n"],"names":[],"mappings":"AAiBA,WAUE"}

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

@@ -1,6 +1,6 @@
-import { ReactElement } from 'react';
-export declare const Thumbnail: ({ imageUrl, isActive, isLoading, }: {
-    imageUrl?: string;
-    isActive: boolean;
-    isLoading: boolean;
+import { type ReactElement } from "react";
+export declare const Thumbnail: ({ imageUrl, isActive, isLoading }: {
+	imageUrl?: string;
+	isActive: boolean;
+	isLoading: boolean;
 }) => ReactElement;

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

@@ -1,16 +1,28 @@
-import { useMemo as e } from "react";
-import { jsx as t } from "react/jsx-runtime";
-import { IconLoader2 as n, IconPhotoOff as r } from "@tabler/icons-react";
-//#region libs/shared/reveal-components/src/ui/components/Image360HistoricalDetails/utils/Thumbnail.tsx
-var i = ({ imageUrl: i, isActive: a, isLoading: o }) => {
-	let s = e(() => i === void 0 ? t(o ? n : r, {}) : /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("img", {
-		src: i,
-		alt: "thumbnail"
-	}) }), [i, o]);
-	return /* @__PURE__ */ t("div", {
-		className: `flex flex-col justify-center items-center overflow-hidden w-40 min-w-14 h-[90px] rounded-xl gap-1.5 ${a ? "border-4 border-[#4A67FB]" : "border-2 border-[#d9d9d9]"}`,
-		children: s
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { IconPhotoOff, IconLoader2 } from "@tabler/icons-react";
+export const Thumbnail = ({ imageUrl, isActive, isLoading })=>{
+    const image = useMemo(()=>{
+        if (imageUrl !== undefined) {
+            return /*#__PURE__*/ _jsx("div", {
+                children: /*#__PURE__*/ _jsx("img", {
+                    src: imageUrl,
+                    alt: "thumbnail"
+                })
+            });
+        }
+        if (isLoading) {
+            return /*#__PURE__*/ _jsx(IconLoader2, {});
+        }
+        return /*#__PURE__*/ _jsx(IconPhotoOff, {});
+    }, [
+        imageUrl,
+        isLoading
+    ]);
+    return /*#__PURE__*/ _jsx("div", {
+        className: `flex flex-col justify-center items-center overflow-hidden w-40 min-w-14 h-[90px] rounded-xl gap-1.5 ${isActive ? 'border-4 border-[#4A67FB]' : 'border-2 border-[#d9d9d9]'}`,
+        children: image
+    });
 };
-//#endregion
-export { i as Thumbnail };
+
+//# sourceMappingURL=Thumbnail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/components/Image360HistoricalDetails/utils/Thumbnail.tsx"],"sourcesContent":["import { type ReactElement, useMemo } from 'react';\n\nimport { IconPhotoOff, IconLoader2 } from '@tabler/icons-react';\n\nexport const Thumbnail = ({\n  imageUrl,\n  isActive,\n  isLoading,\n}: {\n  imageUrl?: string;\n  isActive: boolean;\n  isLoading: boolean;\n}): ReactElement => {\n  const image = useMemo(() => {\n    if (imageUrl !== undefined) {\n      return (\n        <div>\n          <img src={imageUrl} alt=\"thumbnail\" />\n        </div>\n      );\n    }\n\n    if (isLoading) {\n      return <IconLoader2 />;\n    }\n\n    return <IconPhotoOff />;\n  }, [imageUrl, isLoading]);\n\n  return (\n    <div\n      className={`flex flex-col justify-center items-center overflow-hidden w-40 min-w-14 h-[90px] rounded-xl gap-1.5 ${isActive ? 'border-4 border-[#4A67FB]' : 'border-2 border-[#d9d9d9]'}`}\n    >\n      {image}\n    </div>\n  );\n};\n"],"names":["useMemo","IconPhotoOff","IconLoader2","Thumbnail","imageUrl","isActive","isLoading","image","undefined","div","img","src","alt","className"],"mappings":";AAAA,SAA4BA,OAAO,QAAQ,QAAQ;AAEnD,SAASC,YAAY,EAAEC,WAAW,QAAQ,sBAAsB;AAEhE,OAAO,MAAMC,YAAY,CAAC,EACxBC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EAKV;IACC,MAAMC,QAAQP,QAAQ;QACpB,IAAII,aAAaI,WAAW;YAC1B,qBACE,KAACC;0BACC,cAAA,KAACC;oBAAIC,KAAKP;oBAAUQ,KAAI;;;QAG9B;QAEA,IAAIN,WAAW;YACb,qBAAO,KAACJ;QACV;QAEA,qBAAO,KAACD;IACV,GAAG;QAACG;QAAUE;KAAU;IAExB,qBACE,KAACG;QACCI,WAAW,CAAC,oGAAoG,EAAER,WAAW,8BAA8B,6BAA6B;kBAEvLE;;AAGP,EAAE"}

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

@@ -1,2 +1,2 @@
-import { DataSourceType, Image360 } from '@cognite/reveal';
+import { type DataSourceType, type Image360 } from "@cognite/reveal";
 export declare function getStationIdentifier<T extends DataSourceType>(station: Image360<T>): string;

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

@@ -1,7 +1,10 @@
-//#region libs/shared/reveal-components/src/ui/components/Image360HistoricalDetails/utils/getStationIdentifier.ts
-function e(e) {
-	let t = e.id;
-	return typeof t == "string" ? t : t.externalId;
+export function getStationIdentifier(station) {
+    const id = station.id;
+    if (typeof id === 'string') {
+        return id;
+    } else {
+        return id.externalId;
+    }
 }
-//#endregion
-export { e as getStationIdentifier };
+
+//# sourceMappingURL=getStationIdentifier.js.map