@cognite/reveal-components 1.0.2 → 1.48552.0

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

@@ -1,131 +1,211 @@
-import { useTranslation as e } from "../../i18n/I18n.js";
-import { getRelativeDateTime as t } from "../../../../utilities/date-time-utils/format-date-time.js";
-import "../../../../utilities/date-time-utils/index.js";
-import { TextWithClickableLink as n } from "../../../../utilities/TextWithClickableLink.js";
-import { getAvatarInitials as r, getAvatarVariant as i } from "./avatarUtils.js";
-import { PoiCommentSectionContext as a } from "./PoiCommentSection.context.js";
-import { useContext as o, useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { IconLoader2 as u, IconSend as d } from "@tabler/icons-react";
-import { Separator as f } from "@cognite/aura/components/separator";
-import { Label as p } from "@cognite/aura/components/label";
-import { EmptyState as m, EmptyStateIcon as h, EmptyStateTitle as g } from "@cognite/aura/components/empty-state";
-import { Avatar as _, AvatarFallback as v } from "@cognite/aura/components/avatar";
-import { InputGroup as y, InputGroupAddon as b, InputGroupButton as x, InputGroupTextarea as S } from "@cognite/aura/components/input-group";
-//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/PoiCommentSection.tsx
-var C = () => {
-	let { useSelectedPoi: e, useCommentsForPoiQuery: t } = o(a), n = e(), r = t(n);
-	return n === void 0 ? null : /* @__PURE__ */ l("div", {
-		className: "flex min-h-0 flex-1 flex-col",
-		children: [
-			/* @__PURE__ */ c(f, { className: "shrink-0 -mx-4 data-[orientation=horizontal]:w-[calc(100%+2rem)]" }),
-			/* @__PURE__ */ c("div", {
-				className: "flex min-h-0 flex-1 flex-col overflow-y-auto",
-				children: /* @__PURE__ */ c(w, { comments: r })
-			}),
-			/* @__PURE__ */ c(f, { className: "my-2 shrink-0 -mx-4 data-[orientation=horizontal]:w-[calc(100%+2rem)]" }),
-			/* @__PURE__ */ c("div", {
-				className: "shrink-0",
-				children: /* @__PURE__ */ c(T, {
-					poi: n,
-					refetchComments: r.refetch
-				})
-			})
-		]
-	});
-}, w = ({ comments: t }) => {
-	let { t: n } = e(), r = t.data !== void 0 && t.data !== null && t.data.length > 0;
-	return t.isLoading ? /* @__PURE__ */ c("div", {
-		className: "flex min-h-full flex-col items-center justify-center px-2 py-3",
-		role: "status",
-		"aria-label": n({ key: "LOADING" }),
-		children: /* @__PURE__ */ c(u, {
-			className: "size-4 animate-spin text-muted-foreground",
-			"aria-hidden": !0
-		})
-	}) : r ? /* @__PURE__ */ l("div", {
-		className: "flex flex-col gap-2 pt-3",
-		children: [/* @__PURE__ */ c(p, { children: n({ key: "COMMENTS" }) }), /* @__PURE__ */ c("div", {
-			className: "flex flex-col gap-2",
-			children: t.data?.map((e) => /* @__PURE__ */ c(E, { comment: e }, `${e.ownerId}/${e.content}`))
-		})]
-	}) : /* @__PURE__ */ c("div", {
-		className: "flex min-h-full flex-col items-center justify-center px-2 py-3",
-		children: /* @__PURE__ */ l(m, {
-			variant: "compact",
-			type: "new-chat",
-			children: [/* @__PURE__ */ c(h, {}), /* @__PURE__ */ c(g, {
-				as: "p",
-				children: n({ key: "POINT_OF_INTEREST_NO_COMMENTS_YET" })
-			})]
-		})
-	});
-}, T = ({ poi: e, refetchComments: t }) => /* @__PURE__ */ c(D, {
-	poi: e,
-	refetchComments: t
-}), E = ({ comment: a }) => {
-	let { currentLanguage: o } = e();
-	return /* @__PURE__ */ l("div", {
-		className: "flex flex-row gap-2 items-start",
-		children: [/* @__PURE__ */ c(_, {
-			variant: i(a.ownerId),
-			children: /* @__PURE__ */ c(v, { children: r(a.ownerId) })
-		}), /* @__PURE__ */ l("div", {
-			className: "flex min-w-0 flex-1 flex-col gap-1",
-			children: [/* @__PURE__ */ c("div", {
-				className: "whitespace-pre-wrap break-words rounded-md bg-muted-background px-3 py-2",
-				children: /* @__PURE__ */ c(n, { content: a.content })
-			}), a.createdTime !== void 0 && /* @__PURE__ */ c("span", {
-				className: "self-end text-xs text-muted-foreground",
-				children: t({
-					date: a.createdTime,
-					language: o
-				})
-			})]
-		})]
-	});
-}, D = ({ poi: t, refetchComments: n }) => {
-	let { t: r } = e(), { usePoiDomainObject: i } = o(a), u = i(), [f, p] = s(""), [m, h] = s(!1), [g, _] = s(), v = f.trim(), C = v.length > 0 && !m && u !== void 0;
-	return /* @__PURE__ */ l("form", {
-		onSubmit: (e) => {
-			e?.preventDefault(), !(!C || u === void 0) && (h(!0), _(void 0), u.postCommentForPoi(t, v).then(() => {
-				p(""), n();
-			}).catch((e) => {
-				console.error(e), _(r({ key: "POINT_OF_INTEREST_COMMENT_POST_FAILED" }));
-			}).finally(() => {
-				h(!1);
-			}));
-		},
-		children: [g !== void 0 && /* @__PURE__ */ c("p", {
-			className: "mb-2 text-sm text-destructive-foreground",
-			role: "alert",
-			children: g
-		}), /* @__PURE__ */ l(y, {
-			className: "bg-muted-background",
-			children: [/* @__PURE__ */ c(S, {
-				placeholder: r({ key: "COMMENT_PLACEHOLDER" }),
-				value: f,
-				rows: 3,
-				disabled: m,
-				className: "overflow-y-hidden py-2 [&::-webkit-resizer]:hidden",
-				onChange: (e) => {
-					p(e.target.value);
-				}
-			}), /* @__PURE__ */ c(b, {
-				align: "block-end",
-				className: "justify-end px-2 pb-2 [&:has(button)]:cursor-default",
-				children: /* @__PURE__ */ c(x, {
-					type: "submit",
-					size: "icon-sm",
-					variant: "default",
-					style: { color: "white" },
-					disabled: !C,
-					"aria-label": r({ key: "SEND" }),
-					children: /* @__PURE__ */ c(d, { className: "size-4" })
-				})
-			})]
-		})]
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useState } from "react";
+import { IconLoader2, IconSend } from "@tabler/icons-react";
+import { Avatar, AvatarFallback } from "@cognite/aura/components/avatar";
+import { EmptyState, EmptyStateIcon, EmptyStateTitle } from "@cognite/aura/components/empty-state";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupTextarea } from "@cognite/aura/components/input-group";
+import { Label } from "@cognite/aura/components/label";
+import { Separator } from "@cognite/aura/components/separator";
+import { getRelativeDateTime } from "../../../../utilities/date-time-utils/index.js";
+import { TextWithClickableLink } from "../../../../utilities/TextWithClickableLink.js";
+import { useTranslation } from "../../i18n/I18n.js";
+import { getAvatarInitials, getAvatarVariant } from "./avatarUtils.js";
+import { PoiCommentSectionContext } from "./PoiCommentSection.context.js";
+export const PoiCommentSection = ()=>{
+    const { useSelectedPoi, useCommentsForPoiQuery } = useContext(PoiCommentSectionContext);
+    const poi = useSelectedPoi();
+    const comments = useCommentsForPoiQuery(poi);
+    if (poi === undefined) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex min-h-0 flex-1 flex-col",
+        children: [
+            /*#__PURE__*/ _jsx(Separator, {
+                className: "shrink-0 -mx-4 data-[orientation=horizontal]:w-[calc(100%+2rem)]"
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "flex min-h-0 flex-1 flex-col overflow-y-auto",
+                children: /*#__PURE__*/ _jsx(PoiCommentsScrollArea, {
+                    comments: comments
+                })
+            }),
+            /*#__PURE__*/ _jsx(Separator, {
+                className: "my-2 shrink-0 -mx-4 data-[orientation=horizontal]:w-[calc(100%+2rem)]"
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "shrink-0",
+                children: /*#__PURE__*/ _jsx(PoiCommentWriteField, {
+                    poi: poi,
+                    refetchComments: comments.refetch
+                })
+            })
+        ]
+    });
 };
-//#endregion
-export { D as CreateCommentField, C as PoiCommentSection, T as PoiCommentWriteField, w as PoiCommentsScrollArea, E as SingleCommentDisplay };
+export const PoiCommentsScrollArea = ({ comments })=>{
+    const { t } = useTranslation();
+    const hasComments = comments.data !== undefined && comments.data !== null && comments.data.length > 0;
+    if (comments.isLoading) {
+        return /*#__PURE__*/ _jsx("div", {
+            className: "flex min-h-full flex-col items-center justify-center px-2 py-3",
+            role: "status",
+            "aria-label": t({
+                key: 'LOADING'
+            }),
+            children: /*#__PURE__*/ _jsx(IconLoader2, {
+                className: "size-4 animate-spin text-muted-foreground",
+                "aria-hidden": true
+            })
+        });
+    }
+    if (hasComments) {
+        return /*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col gap-2 pt-3",
+            children: [
+                /*#__PURE__*/ _jsx(Label, {
+                    children: t({
+                        key: 'COMMENTS'
+                    })
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: "flex flex-col gap-2",
+                    children: comments.data?.map((comment)=>/*#__PURE__*/ _jsx(SingleCommentDisplay, {
+                            comment: comment
+                        }, `${comment.ownerId}/${comment.content}`))
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsx("div", {
+        className: "flex min-h-full flex-col items-center justify-center px-2 py-3",
+        children: /*#__PURE__*/ _jsxs(EmptyState, {
+            variant: "compact",
+            type: "new-chat",
+            children: [
+                /*#__PURE__*/ _jsx(EmptyStateIcon, {}),
+                /*#__PURE__*/ _jsx(EmptyStateTitle, {
+                    as: "p",
+                    children: t({
+                        key: 'POINT_OF_INTEREST_NO_COMMENTS_YET'
+                    })
+                })
+            ]
+        })
+    });
+};
+export const PoiCommentWriteField = ({ poi, refetchComments })=>{
+    return /*#__PURE__*/ _jsx(CreateCommentField, {
+        poi: poi,
+        refetchComments: refetchComments
+    });
+};
+export const SingleCommentDisplay = ({ comment })=>{
+    const { currentLanguage } = useTranslation();
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-row gap-2 items-start",
+        children: [
+            /*#__PURE__*/ _jsx(Avatar, {
+                variant: getAvatarVariant(comment.ownerId),
+                children: /*#__PURE__*/ _jsx(AvatarFallback, {
+                    children: getAvatarInitials(comment.ownerId)
+                })
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex min-w-0 flex-1 flex-col gap-1",
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "whitespace-pre-wrap break-words rounded-md bg-muted-background px-3 py-2",
+                        children: /*#__PURE__*/ _jsx(TextWithClickableLink, {
+                            content: comment.content
+                        })
+                    }),
+                    comment.createdTime !== undefined && /*#__PURE__*/ _jsx("span", {
+                        className: "self-end text-xs text-muted-foreground",
+                        children: getRelativeDateTime({
+                            date: comment.createdTime,
+                            language: currentLanguage
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+export const CreateCommentField = ({ poi, refetchComments })=>{
+    const { t } = useTranslation();
+    const { usePoiDomainObject } = useContext(PoiCommentSectionContext);
+    const poiDomainObject = usePoiDomainObject();
+    const [content, setContent] = useState('');
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [errorMessage, setErrorMessage] = useState();
+    const trimmedContent = content.trim();
+    const canSubmit = trimmedContent.length > 0 && !isSubmitting && poiDomainObject !== undefined;
+    const handleSubmit = (event)=>{
+        event?.preventDefault();
+        if (!canSubmit || poiDomainObject === undefined) {
+            return;
+        }
+        setIsSubmitting(true);
+        setErrorMessage(undefined);
+        void poiDomainObject.postCommentForPoi(poi, trimmedContent).then(()=>{
+            setContent('');
+            refetchComments();
+        }).catch((error)=>{
+            console.error(error);
+            setErrorMessage(t({
+                key: 'POINT_OF_INTEREST_COMMENT_POST_FAILED'
+            }));
+        }).finally(()=>{
+            setIsSubmitting(false);
+        });
+    };
+    return /*#__PURE__*/ _jsxs("form", {
+        onSubmit: handleSubmit,
+        children: [
+            errorMessage !== undefined && /*#__PURE__*/ _jsx("p", {
+                className: "mb-2 text-sm text-destructive-foreground",
+                role: "alert",
+                children: errorMessage
+            }),
+            /*#__PURE__*/ _jsxs(InputGroup, {
+                className: "bg-muted-background",
+                children: [
+                    /*#__PURE__*/ _jsx(InputGroupTextarea, {
+                        placeholder: t({
+                            key: 'COMMENT_PLACEHOLDER'
+                        }),
+                        value: content,
+                        rows: 3,
+                        disabled: isSubmitting,
+                        className: "overflow-y-hidden py-2 [&::-webkit-resizer]:hidden",
+                        onChange: (event)=>{
+                            setContent(event.target.value);
+                        }
+                    }),
+                    /*#__PURE__*/ _jsx(InputGroupAddon, {
+                        align: "block-end",
+                        className: "justify-end px-2 pb-2 [&:has(button)]:cursor-default",
+                        children: /*#__PURE__*/ _jsx(InputGroupButton, {
+                            type: "submit",
+                            size: "icon-sm",
+                            variant: "default",
+                            style: {
+                                color: 'white'
+                            },
+                            disabled: !canSubmit,
+                            "aria-label": t({
+                                key: 'SEND'
+                            }),
+                            children: /*#__PURE__*/ _jsx(IconSend, {
+                                className: "size-4"
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=PoiCommentSection.js.map

package/dist/ui/components/commandBased/pointsOfInterest/PoiCommentSection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/components/commandBased/pointsOfInterest/PoiCommentSection.tsx"],"sourcesContent":["import { type FormEvent, type ReactNode, useContext, useState } from 'react';\n\nimport { IconLoader2, IconSend } from '@tabler/icons-react';\nimport { type UseQueryResult } from '@tanstack/react-query';\n\nimport { Avatar, AvatarFallback } from '@cognite/aura/components/avatar';\nimport {\n  EmptyState,\n  EmptyStateIcon,\n  EmptyStateTitle,\n} from '@cognite/aura/components/empty-state';\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupTextarea,\n} from '@cognite/aura/components/input-group';\nimport { Label } from '@cognite/aura/components/label';\nimport { Separator } from '@cognite/aura/components/separator';\n\nimport { type PointOfInterest } from '../../../../domains';\nimport { type CommentProperties } from '../../../../domains/pointsOfInterest/models';\nimport { getRelativeDateTime } from '../../../../utilities/date-time-utils';\nimport { TextWithClickableLink } from '../../../../utilities/TextWithClickableLink';\nimport { useTranslation } from '../../i18n/I18n';\n\nimport { getAvatarInitials, getAvatarVariant } from './avatarUtils';\nimport { PoiCommentSectionContext } from './PoiCommentSection.context';\n\nexport const PoiCommentSection = (): ReactNode => {\n  const { useSelectedPoi, useCommentsForPoiQuery } = useContext(\n    PoiCommentSectionContext\n  );\n\n  const poi = useSelectedPoi();\n  const comments = useCommentsForPoiQuery(poi);\n\n  if (poi === undefined) {\n    return null;\n  }\n\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col\">\n      <Separator className=\"shrink-0 -mx-4 data-[orientation=horizontal]:w-[calc(100%+2rem)]\" />\n      <div className=\"flex min-h-0 flex-1 flex-col overflow-y-auto\">\n        <PoiCommentsScrollArea comments={comments} />\n      </div>\n      <Separator className=\"my-2 shrink-0 -mx-4 data-[orientation=horizontal]:w-[calc(100%+2rem)]\" />\n      <div className=\"shrink-0\">\n        <PoiCommentWriteField poi={poi} refetchComments={comments.refetch} />\n      </div>\n    </div>\n  );\n};\n\nexport const PoiCommentsScrollArea = ({\n  comments,\n}: {\n  comments: UseQueryResult<CommentProperties[] | null>;\n}): ReactNode => {\n  const { t } = useTranslation();\n\n  const hasComments =\n    comments.data !== undefined &&\n    comments.data !== null &&\n    comments.data.length > 0;\n\n  if (comments.isLoading) {\n    return (\n      <div\n        className=\"flex min-h-full flex-col items-center justify-center px-2 py-3\"\n        role=\"status\"\n        aria-label={t({ key: 'LOADING' })}\n      >\n        <IconLoader2\n          className=\"size-4 animate-spin text-muted-foreground\"\n          aria-hidden\n        />\n      </div>\n    );\n  }\n\n  if (hasComments) {\n    return (\n      <div className=\"flex flex-col gap-2 pt-3\">\n        <Label>{t({ key: 'COMMENTS' })}</Label>\n        <div className=\"flex flex-col gap-2\">\n          {comments.data?.map((comment) => (\n            <SingleCommentDisplay\n              key={`${comment.ownerId}/${comment.content}`}\n              comment={comment}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex min-h-full flex-col items-center justify-center px-2 py-3\">\n      <EmptyState variant=\"compact\" type=\"new-chat\">\n        <EmptyStateIcon />\n        <EmptyStateTitle as=\"p\">\n          {t({ key: 'POINT_OF_INTEREST_NO_COMMENTS_YET' })}\n        </EmptyStateTitle>\n      </EmptyState>\n    </div>\n  );\n};\n\nexport const PoiCommentWriteField = ({\n  poi,\n  refetchComments,\n}: {\n  poi: PointOfInterest<unknown>;\n  refetchComments: () => void;\n}): ReactNode => {\n  return <CreateCommentField poi={poi} refetchComments={refetchComments} />;\n};\n\nexport const SingleCommentDisplay = ({\n  comment,\n}: {\n  comment: CommentProperties;\n}): ReactNode => {\n  const { currentLanguage } = useTranslation();\n  return (\n    <div className=\"flex flex-row gap-2 items-start\">\n      <Avatar variant={getAvatarVariant(comment.ownerId)}>\n        <AvatarFallback>{getAvatarInitials(comment.ownerId)}</AvatarFallback>\n      </Avatar>\n      <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n        <div className=\"whitespace-pre-wrap break-words rounded-md bg-muted-background px-3 py-2\">\n          <TextWithClickableLink content={comment.content} />\n        </div>\n        {comment.createdTime !== undefined && (\n          <span className=\"self-end text-xs text-muted-foreground\">\n            {getRelativeDateTime({\n              date: comment.createdTime,\n              language: currentLanguage,\n            })}\n          </span>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const CreateCommentField = ({\n  poi,\n  refetchComments,\n}: {\n  poi: PointOfInterest<unknown>;\n  refetchComments: () => void;\n}): ReactNode => {\n  const { t } = useTranslation();\n  const { usePoiDomainObject } = useContext(PoiCommentSectionContext);\n  const poiDomainObject = usePoiDomainObject();\n  const [content, setContent] = useState('');\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [errorMessage, setErrorMessage] = useState<string>();\n\n  const trimmedContent = content.trim();\n  const canSubmit =\n    trimmedContent.length > 0 && !isSubmitting && poiDomainObject !== undefined;\n\n  const handleSubmit = (event?: FormEvent<HTMLFormElement>): void => {\n    event?.preventDefault();\n\n    if (!canSubmit || poiDomainObject === undefined) {\n      return;\n    }\n\n    setIsSubmitting(true);\n    setErrorMessage(undefined);\n    void poiDomainObject\n      .postCommentForPoi(poi, trimmedContent)\n      .then(() => {\n        setContent('');\n        refetchComments();\n      })\n      .catch((error: unknown) => {\n        console.error(error);\n        setErrorMessage(t({ key: 'POINT_OF_INTEREST_COMMENT_POST_FAILED' }));\n      })\n      .finally(() => {\n        setIsSubmitting(false);\n      });\n  };\n\n  return (\n    <form onSubmit={handleSubmit}>\n      {errorMessage !== undefined && (\n        <p className=\"mb-2 text-sm text-destructive-foreground\" role=\"alert\">\n          {errorMessage}\n        </p>\n      )}\n      <InputGroup className=\"bg-muted-background\">\n        <InputGroupTextarea\n          placeholder={t({ key: 'COMMENT_PLACEHOLDER' })}\n          value={content}\n          rows={3}\n          disabled={isSubmitting}\n          className=\"overflow-y-hidden py-2 [&::-webkit-resizer]:hidden\"\n          onChange={(event) => {\n            setContent(event.target.value);\n          }}\n        />\n        <InputGroupAddon\n          align=\"block-end\"\n          className=\"justify-end px-2 pb-2 [&:has(button)]:cursor-default\"\n        >\n          <InputGroupButton\n            type=\"submit\"\n            size=\"icon-sm\"\n            variant=\"default\"\n            style={{ color: 'white' }}\n            disabled={!canSubmit}\n            aria-label={t({ key: 'SEND' })}\n          >\n            <IconSend className=\"size-4\" />\n          </InputGroupButton>\n        </InputGroupAddon>\n      </InputGroup>\n    </form>\n  );\n};\n"],"names":["useContext","useState","IconLoader2","IconSend","Avatar","AvatarFallback","EmptyState","EmptyStateIcon","EmptyStateTitle","InputGroup","InputGroupAddon","InputGroupButton","InputGroupTextarea","Label","Separator","getRelativeDateTime","TextWithClickableLink","useTranslation","getAvatarInitials","getAvatarVariant","PoiCommentSectionContext","PoiCommentSection","useSelectedPoi","useCommentsForPoiQuery","poi","comments","undefined","div","className","PoiCommentsScrollArea","PoiCommentWriteField","refetchComments","refetch","t","hasComments","data","length","isLoading","role","aria-label","key","aria-hidden","map","comment","SingleCommentDisplay","ownerId","content","variant","type","as","CreateCommentField","currentLanguage","createdTime","span","date","language","usePoiDomainObject","poiDomainObject","setContent","isSubmitting","setIsSubmitting","errorMessage","setErrorMessage","trimmedContent","trim","canSubmit","handleSubmit","event","preventDefault","postCommentForPoi","then","catch","error","console","finally","form","onSubmit","p","placeholder","value","rows","disabled","onChange","target","align","size","style","color"],"mappings":";AAAA,SAAyCA,UAAU,EAAEC,QAAQ,QAAQ,QAAQ;AAE7E,SAASC,WAAW,EAAEC,QAAQ,QAAQ,sBAAsB;AAG5D,SAASC,MAAM,EAAEC,cAAc,QAAQ,kCAAkC;AACzE,SACEC,UAAU,EACVC,cAAc,EACdC,eAAe,QACV,uCAAuC;AAC9C,SACEC,UAAU,EACVC,eAAe,EACfC,gBAAgB,EAChBC,kBAAkB,QACb,uCAAuC;AAC9C,SAASC,KAAK,QAAQ,iCAAiC;AACvD,SAASC,SAAS,QAAQ,qCAAqC;AAI/D,SAASC,mBAAmB,QAAQ,iDAAwC;AAC5E,SAASC,qBAAqB,QAAQ,iDAA8C;AACpF,SAASC,cAAc,QAAQ,qBAAkB;AAEjD,SAASC,iBAAiB,EAAEC,gBAAgB,QAAQ,mBAAgB;AACpE,SAASC,wBAAwB,QAAQ,iCAA8B;AAEvE,OAAO,MAAMC,oBAAoB;IAC/B,MAAM,EAAEC,cAAc,EAAEC,sBAAsB,EAAE,GAAGvB,WACjDoB;IAGF,MAAMI,MAAMF;IACZ,MAAMG,WAAWF,uBAAuBC;IAExC,IAAIA,QAAQE,WAAW;QACrB,OAAO;IACT;IAEA,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACd;gBAAUc,WAAU;;0BACrB,KAACD;gBAAIC,WAAU;0BACb,cAAA,KAACC;oBAAsBJ,UAAUA;;;0BAEnC,KAACX;gBAAUc,WAAU;;0BACrB,KAACD;gBAAIC,WAAU;0BACb,cAAA,KAACE;oBAAqBN,KAAKA;oBAAKO,iBAAiBN,SAASO,OAAO;;;;;AAIzE,EAAE;AAEF,OAAO,MAAMH,wBAAwB,CAAC,EACpCJ,QAAQ,EAGT;IACC,MAAM,EAAEQ,CAAC,EAAE,GAAGhB;IAEd,MAAMiB,cACJT,SAASU,IAAI,KAAKT,aAClBD,SAASU,IAAI,KAAK,QAClBV,SAASU,IAAI,CAACC,MAAM,GAAG;IAEzB,IAAIX,SAASY,SAAS,EAAE;QACtB,qBACE,KAACV;YACCC,WAAU;YACVU,MAAK;YACLC,cAAYN,EAAE;gBAAEO,KAAK;YAAU;sBAE/B,cAAA,KAACtC;gBACC0B,WAAU;gBACVa,aAAW;;;IAInB;IAEA,IAAIP,aAAa;QACf,qBACE,MAACP;YAAIC,WAAU;;8BACb,KAACf;8BAAOoB,EAAE;wBAAEO,KAAK;oBAAW;;8BAC5B,KAACb;oBAAIC,WAAU;8BACZH,SAASU,IAAI,EAAEO,IAAI,CAACC,wBACnB,KAACC;4BAECD,SAASA;2BADJ,GAAGA,QAAQE,OAAO,CAAC,CAAC,EAAEF,QAAQG,OAAO,EAAE;;;;IAOxD;IAEA,qBACE,KAACnB;QAAIC,WAAU;kBACb,cAAA,MAACtB;YAAWyC,SAAQ;YAAUC,MAAK;;8BACjC,KAACzC;8BACD,KAACC;oBAAgByC,IAAG;8BACjBhB,EAAE;wBAAEO,KAAK;oBAAoC;;;;;AAKxD,EAAE;AAEF,OAAO,MAAMV,uBAAuB,CAAC,EACnCN,GAAG,EACHO,eAAe,EAIhB;IACC,qBAAO,KAACmB;QAAmB1B,KAAKA;QAAKO,iBAAiBA;;AACxD,EAAE;AAEF,OAAO,MAAMa,uBAAuB,CAAC,EACnCD,OAAO,EAGR;IACC,MAAM,EAAEQ,eAAe,EAAE,GAAGlC;IAC5B,qBACE,MAACU;QAAIC,WAAU;;0BACb,KAACxB;gBAAO2C,SAAS5B,iBAAiBwB,QAAQE,OAAO;0BAC/C,cAAA,KAACxC;8BAAgBa,kBAAkByB,QAAQE,OAAO;;;0BAEpD,MAAClB;gBAAIC,WAAU;;kCACb,KAACD;wBAAIC,WAAU;kCACb,cAAA,KAACZ;4BAAsB8B,SAASH,QAAQG,OAAO;;;oBAEhDH,QAAQS,WAAW,KAAK1B,2BACvB,KAAC2B;wBAAKzB,WAAU;kCACbb,oBAAoB;4BACnBuC,MAAMX,QAAQS,WAAW;4BACzBG,UAAUJ;wBACZ;;;;;;AAMZ,EAAE;AAEF,OAAO,MAAMD,qBAAqB,CAAC,EACjC1B,GAAG,EACHO,eAAe,EAIhB;IACC,MAAM,EAAEE,CAAC,EAAE,GAAGhB;IACd,MAAM,EAAEuC,kBAAkB,EAAE,GAAGxD,WAAWoB;IAC1C,MAAMqC,kBAAkBD;IACxB,MAAM,CAACV,SAASY,WAAW,GAAGzD,SAAS;IACvC,MAAM,CAAC0D,cAAcC,gBAAgB,GAAG3D,SAAS;IACjD,MAAM,CAAC4D,cAAcC,gBAAgB,GAAG7D;IAExC,MAAM8D,iBAAiBjB,QAAQkB,IAAI;IACnC,MAAMC,YACJF,eAAe3B,MAAM,GAAG,KAAK,CAACuB,gBAAgBF,oBAAoB/B;IAEpE,MAAMwC,eAAe,CAACC;QACpBA,OAAOC;QAEP,IAAI,CAACH,aAAaR,oBAAoB/B,WAAW;YAC/C;QACF;QAEAkC,gBAAgB;QAChBE,gBAAgBpC;QAChB,KAAK+B,gBACFY,iBAAiB,CAAC7C,KAAKuC,gBACvBO,IAAI,CAAC;YACJZ,WAAW;YACX3B;QACF,GACCwC,KAAK,CAAC,CAACC;YACNC,QAAQD,KAAK,CAACA;YACdV,gBAAgB7B,EAAE;gBAAEO,KAAK;YAAwC;QACnE,GACCkC,OAAO,CAAC;YACPd,gBAAgB;QAClB;IACJ;IAEA,qBACE,MAACe;QAAKC,UAAUV;;YACbL,iBAAiBnC,2BAChB,KAACmD;gBAAEjD,WAAU;gBAA2CU,MAAK;0BAC1DuB;;0BAGL,MAACpD;gBAAWmB,WAAU;;kCACpB,KAAChB;wBACCkE,aAAa7C,EAAE;4BAAEO,KAAK;wBAAsB;wBAC5CuC,OAAOjC;wBACPkC,MAAM;wBACNC,UAAUtB;wBACV/B,WAAU;wBACVsD,UAAU,CAACf;4BACTT,WAAWS,MAAMgB,MAAM,CAACJ,KAAK;wBAC/B;;kCAEF,KAACrE;wBACC0E,OAAM;wBACNxD,WAAU;kCAEV,cAAA,KAACjB;4BACCqC,MAAK;4BACLqC,MAAK;4BACLtC,SAAQ;4BACRuC,OAAO;gCAAEC,OAAO;4BAAQ;4BACxBN,UAAU,CAAChB;4BACX1B,cAAYN,EAAE;gCAAEO,KAAK;4BAAO;sCAE5B,cAAA,KAACrC;gCAASyB,WAAU;;;;;;;;AAMhC,EAAE"}

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

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

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

@@ -1,71 +1,131 @@
-import { useTranslation as e } from "../../i18n/I18n.js";
-import { PointsOfInterestStatus as t } from "../../../../domains/pointsOfInterest/types.js";
-import { usePoiDomainObject as n } from "./usePoiDomainObject.js";
-import { useSelectedPoi as r } from "./useSelectedPoi.js";
-import { PoiSharePanel as i } from "./PoiSharePanel.js";
-import { usePoiToolIsSaving as a, usePointsOfInterestTool as o } from "./usePointsOfInterestTool.js";
-import { useState as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Button as d } from "@cognite/aura/components/button";
-import { IconPencil as f, IconShare as p, IconTrash as m } from "@tabler/icons-react";
-import { DropdownMenu as h, DropdownMenuContent as g, DropdownMenuTrigger as _ } from "@cognite/aura/components/dropdown-menu";
-import { Dialog as v, DialogClose as y, DialogContent as b, DialogDescription as x, DialogFooter as S, DialogHeader as C, DialogTitle as w, DialogTrigger as T } from "@cognite/aura/components/dialog";
-//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/PoiHeader.tsx
-var E = () => {
-	let { t: E } = e(), D = n(), O = o(), k = a(), A = r(), [j, M] = s(!1);
-	if (A === void 0) return;
-	let N = A.status === t.PendingCreation, P = A.status === t.PendingEditing;
-	return /* @__PURE__ */ l("div", {
-		className: "flex flex-row justify-end items-center",
-		children: /* @__PURE__ */ l("div", {
-			className: "flex flex-row items-center gap-2",
-			children: !N && !P && /* @__PURE__ */ u(c, { children: [
-				/* @__PURE__ */ u(h, { children: [/* @__PURE__ */ l(_, { render: /* @__PURE__ */ l(d, {
-					variant: "ghost",
-					size: "icon-sm",
-					"aria-label": E({ key: "SHARE" }),
-					children: /* @__PURE__ */ l(p, {})
-				}) }), /* @__PURE__ */ l(g, {
-					align: "end",
-					side: "bottom",
-					className: "z-[10000]",
-					children: /* @__PURE__ */ l(i, {})
-				})] }),
-				/* @__PURE__ */ u(v, {
-					open: j,
-					onOpenChange: M,
-					children: [/* @__PURE__ */ l(T, { render: /* @__PURE__ */ l(d, {
-						variant: "ghost",
-						size: "icon-sm",
-						"aria-label": E({ key: "POINT_OF_INTEREST_DELETE_THIS" }),
-						children: /* @__PURE__ */ l(m, {})
-					}) }), /* @__PURE__ */ u(b, {
-						className: "z-[10000]",
-						children: [/* @__PURE__ */ u(C, { children: [/* @__PURE__ */ l(w, { children: E({ key: "POINT_OF_INTEREST_DELETE_CONFIRM_TITLE" }) }), /* @__PURE__ */ l(x, { children: E({ key: "POINT_OF_INTEREST_DELETE_CONFIRM_DESCRIPTION" }) })] }), /* @__PURE__ */ u(S, { children: [/* @__PURE__ */ l(y, { render: /* @__PURE__ */ l(d, {
-							variant: "outline",
-							children: E({ key: "CANCEL" })
-						}) }), /* @__PURE__ */ l(d, {
-							variant: "destructive",
-							onClick: () => {
-								D?.removePointsOfInterest(A), D?.setSelectedPointOfInterest(void 0), D?.save(), M(!1);
-							},
-							children: E({ key: "DELETE" })
-						})] })]
-					})]
-				}),
-				/* @__PURE__ */ l(d, {
-					variant: "ghost",
-					size: "icon-sm",
-					"aria-label": E({ key: "EDIT" }),
-					disabled: k,
-					onClick: () => {
-						O?.startEditingSelectedPoi();
-					},
-					children: /* @__PURE__ */ l(f, {})
-				})
-			] })
-		})
-	});
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { IconShare, IconPencil, IconTrash } from "@tabler/icons-react";
+import { Button } from "@cognite/aura/components/button";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@cognite/aura/components/dialog";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "@cognite/aura/components/dropdown-menu";
+import { PointsOfInterestStatus } from "../../../../domains/pointsOfInterest/types.js";
+import { useTranslation } from "../../i18n/I18n.js";
+import { PoiSharePanel } from "./PoiSharePanel.js";
+import { usePoiDomainObject } from "./usePoiDomainObject.js";
+import { usePointsOfInterestTool, usePoiToolIsSaving } from "./usePointsOfInterestTool.js";
+import { useSelectedPoi } from "./useSelectedPoi.js";
+export const PoiHeader = ()=>{
+    const { t } = useTranslation();
+    const poiDomainObject = usePoiDomainObject();
+    const poiTool = usePointsOfInterestTool();
+    const isSaving = usePoiToolIsSaving();
+    const selectedPoi = useSelectedPoi();
+    const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
+    if (selectedPoi === undefined) {
+        return undefined;
+    }
+    const isPendingCreation = selectedPoi.status === PointsOfInterestStatus.PendingCreation;
+    const isPendingEditing = selectedPoi.status === PointsOfInterestStatus.PendingEditing;
+    const handleEdit = ()=>{
+        poiTool?.startEditingSelectedPoi();
+    };
+    const showSecondaryActions = !isPendingCreation && !isPendingEditing;
+    const handleConfirmDelete = ()=>{
+        poiDomainObject?.removePointsOfInterest(selectedPoi);
+        poiDomainObject?.setSelectedPointOfInterest(undefined);
+        void poiDomainObject?.save();
+        setIsDeleteDialogOpen(false);
+    };
+    return /*#__PURE__*/ _jsx("div", {
+        className: "flex flex-row justify-end items-center",
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "flex flex-row items-center gap-2",
+            children: showSecondaryActions && /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsxs(DropdownMenu, {
+                        children: [
+                            /*#__PURE__*/ _jsx(DropdownMenuTrigger, {
+                                render: /*#__PURE__*/ _jsx(Button, {
+                                    variant: "ghost",
+                                    size: "icon-sm",
+                                    "aria-label": t({
+                                        key: 'SHARE'
+                                    }),
+                                    children: /*#__PURE__*/ _jsx(IconShare, {})
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(DropdownMenuContent, {
+                                align: "end",
+                                side: "bottom",
+                                className: "z-[10000]",
+                                children: /*#__PURE__*/ _jsx(PoiSharePanel, {})
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(Dialog, {
+                        open: isDeleteDialogOpen,
+                        onOpenChange: setIsDeleteDialogOpen,
+                        children: [
+                            /*#__PURE__*/ _jsx(DialogTrigger, {
+                                render: /*#__PURE__*/ _jsx(Button, {
+                                    variant: "ghost",
+                                    size: "icon-sm",
+                                    "aria-label": t({
+                                        key: 'POINT_OF_INTEREST_DELETE_THIS'
+                                    }),
+                                    children: /*#__PURE__*/ _jsx(IconTrash, {})
+                                })
+                            }),
+                            /*#__PURE__*/ _jsxs(DialogContent, {
+                                className: "z-[10000]",
+                                children: [
+                                    /*#__PURE__*/ _jsxs(DialogHeader, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(DialogTitle, {
+                                                children: t({
+                                                    key: 'POINT_OF_INTEREST_DELETE_CONFIRM_TITLE'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx(DialogDescription, {
+                                                children: t({
+                                                    key: 'POINT_OF_INTEREST_DELETE_CONFIRM_DESCRIPTION'
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs(DialogFooter, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(DialogClose, {
+                                                render: /*#__PURE__*/ _jsx(Button, {
+                                                    variant: "outline",
+                                                    children: t({
+                                                        key: 'CANCEL'
+                                                    })
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx(Button, {
+                                                variant: "destructive",
+                                                onClick: handleConfirmDelete,
+                                                children: t({
+                                                    key: 'DELETE'
+                                                })
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "ghost",
+                        size: "icon-sm",
+                        "aria-label": t({
+                            key: 'EDIT'
+                        }),
+                        disabled: isSaving,
+                        onClick: handleEdit,
+                        children: /*#__PURE__*/ _jsx(IconPencil, {})
+                    })
+                ]
+            })
+        })
+    });
 };
-//#endregion
-export { E as PoiHeader };
+
+//# sourceMappingURL=PoiHeader.js.map

package/dist/ui/components/commandBased/pointsOfInterest/PoiHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/components/commandBased/pointsOfInterest/PoiHeader.tsx"],"sourcesContent":["import { type ReactNode, useState } from 'react';\n\nimport { IconShare, IconPencil, IconTrash } from '@tabler/icons-react';\n\nimport { Button } from '@cognite/aura/components/button';\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@cognite/aura/components/dialog';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n} from '@cognite/aura/components/dropdown-menu';\n\nimport { PointsOfInterestStatus } from '../../../../domains/pointsOfInterest/types';\nimport { useTranslation } from '../../i18n/I18n';\n\nimport { PoiSharePanel } from './PoiSharePanel';\nimport { usePoiDomainObject } from './usePoiDomainObject';\nimport {\n  usePointsOfInterestTool,\n  usePoiToolIsSaving,\n} from './usePointsOfInterestTool';\nimport { useSelectedPoi } from './useSelectedPoi';\n\nexport const PoiHeader = (): ReactNode => {\n  const { t } = useTranslation();\n\n  const poiDomainObject = usePoiDomainObject();\n  const poiTool = usePointsOfInterestTool();\n  const isSaving = usePoiToolIsSaving();\n\n  const selectedPoi = useSelectedPoi();\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);\n  if (selectedPoi === undefined) {\n    return undefined;\n  }\n\n  const isPendingCreation =\n    selectedPoi.status === PointsOfInterestStatus.PendingCreation;\n  const isPendingEditing =\n    selectedPoi.status === PointsOfInterestStatus.PendingEditing;\n\n  const handleEdit = (): void => {\n    poiTool?.startEditingSelectedPoi();\n  };\n\n  const showSecondaryActions = !isPendingCreation && !isPendingEditing;\n\n  const handleConfirmDelete = (): void => {\n    poiDomainObject?.removePointsOfInterest(selectedPoi);\n    poiDomainObject?.setSelectedPointOfInterest(undefined);\n    void poiDomainObject?.save();\n    setIsDeleteDialogOpen(false);\n  };\n\n  return (\n    <div className=\"flex flex-row justify-end items-center\">\n      <div className=\"flex flex-row items-center gap-2\">\n        {showSecondaryActions && (\n          <>\n            <DropdownMenu>\n              <DropdownMenuTrigger\n                render={\n                  <Button\n                    variant=\"ghost\"\n                    size=\"icon-sm\"\n                    aria-label={t({ key: 'SHARE' })}\n                  >\n                    <IconShare />\n                  </Button>\n                }\n              />\n              <DropdownMenuContent\n                align=\"end\"\n                side=\"bottom\"\n                className=\"z-[10000]\"\n              >\n                <PoiSharePanel />\n              </DropdownMenuContent>\n            </DropdownMenu>\n            <Dialog\n              open={isDeleteDialogOpen}\n              onOpenChange={setIsDeleteDialogOpen}\n            >\n              <DialogTrigger\n                render={\n                  <Button\n                    variant=\"ghost\"\n                    size=\"icon-sm\"\n                    aria-label={t({ key: 'POINT_OF_INTEREST_DELETE_THIS' })}\n                  >\n                    <IconTrash />\n                  </Button>\n                }\n              />\n              <DialogContent className=\"z-[10000]\">\n                <DialogHeader>\n                  <DialogTitle>\n                    {t({ key: 'POINT_OF_INTEREST_DELETE_CONFIRM_TITLE' })}\n                  </DialogTitle>\n                  <DialogDescription>\n                    {t({\n                      key: 'POINT_OF_INTEREST_DELETE_CONFIRM_DESCRIPTION',\n                    })}\n                  </DialogDescription>\n                </DialogHeader>\n                <DialogFooter>\n                  <DialogClose\n                    render={\n                      <Button variant=\"outline\">{t({ key: 'CANCEL' })}</Button>\n                    }\n                  />\n                  <Button variant=\"destructive\" onClick={handleConfirmDelete}>\n                    {t({ key: 'DELETE' })}\n                  </Button>\n                </DialogFooter>\n              </DialogContent>\n            </Dialog>\n            <Button\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              aria-label={t({ key: 'EDIT' })}\n              disabled={isSaving}\n              onClick={handleEdit}\n            >\n              <IconPencil />\n            </Button>\n          </>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["useState","IconShare","IconPencil","IconTrash","Button","Dialog","DialogClose","DialogContent","DialogDescription","DialogFooter","DialogHeader","DialogTitle","DialogTrigger","DropdownMenu","DropdownMenuContent","DropdownMenuTrigger","PointsOfInterestStatus","useTranslation","PoiSharePanel","usePoiDomainObject","usePointsOfInterestTool","usePoiToolIsSaving","useSelectedPoi","PoiHeader","t","poiDomainObject","poiTool","isSaving","selectedPoi","isDeleteDialogOpen","setIsDeleteDialogOpen","undefined","isPendingCreation","status","PendingCreation","isPendingEditing","PendingEditing","handleEdit","startEditingSelectedPoi","showSecondaryActions","handleConfirmDelete","removePointsOfInterest","setSelectedPointOfInterest","save","div","className","render","variant","size","aria-label","key","align","side","open","onOpenChange","onClick","disabled"],"mappings":";AAAA,SAAyBA,QAAQ,QAAQ,QAAQ;AAEjD,SAASC,SAAS,EAAEC,UAAU,EAAEC,SAAS,QAAQ,sBAAsB;AAEvE,SAASC,MAAM,QAAQ,kCAAkC;AACzD,SACEC,MAAM,EACNC,WAAW,EACXC,aAAa,EACbC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,aAAa,QACR,kCAAkC;AACzC,SACEC,YAAY,EACZC,mBAAmB,EACnBC,mBAAmB,QACd,yCAAyC;AAEhD,SAASC,sBAAsB,QAAQ,gDAA6C;AACpF,SAASC,cAAc,QAAQ,qBAAkB;AAEjD,SAASC,aAAa,QAAQ,qBAAkB;AAChD,SAASC,kBAAkB,QAAQ,0BAAuB;AAC1D,SACEC,uBAAuB,EACvBC,kBAAkB,QACb,+BAA4B;AACnC,SAASC,cAAc,QAAQ,sBAAmB;AAElD,OAAO,MAAMC,YAAY;IACvB,MAAM,EAAEC,CAAC,EAAE,GAAGP;IAEd,MAAMQ,kBAAkBN;IACxB,MAAMO,UAAUN;IAChB,MAAMO,WAAWN;IAEjB,MAAMO,cAAcN;IACpB,MAAM,CAACO,oBAAoBC,sBAAsB,GAAG9B,SAAS;IAC7D,IAAI4B,gBAAgBG,WAAW;QAC7B,OAAOA;IACT;IAEA,MAAMC,oBACJJ,YAAYK,MAAM,KAAKjB,uBAAuBkB,eAAe;IAC/D,MAAMC,mBACJP,YAAYK,MAAM,KAAKjB,uBAAuBoB,cAAc;IAE9D,MAAMC,aAAa;QACjBX,SAASY;IACX;IAEA,MAAMC,uBAAuB,CAACP,qBAAqB,CAACG;IAEpD,MAAMK,sBAAsB;QAC1Bf,iBAAiBgB,uBAAuBb;QACxCH,iBAAiBiB,2BAA2BX;QAC5C,KAAKN,iBAAiBkB;QACtBb,sBAAsB;IACxB;IAEA,qBACE,KAACc;QAAIC,WAAU;kBACb,cAAA,KAACD;YAAIC,WAAU;sBACZN,sCACC;;kCACE,MAAC1B;;0CACC,KAACE;gCACC+B,sBACE,KAAC1C;oCACC2C,SAAQ;oCACRC,MAAK;oCACLC,cAAYzB,EAAE;wCAAE0B,KAAK;oCAAQ;8CAE7B,cAAA,KAACjD;;;0CAIP,KAACa;gCACCqC,OAAM;gCACNC,MAAK;gCACLP,WAAU;0CAEV,cAAA,KAAC3B;;;;kCAGL,MAACb;wBACCgD,MAAMxB;wBACNyB,cAAcxB;;0CAEd,KAAClB;gCACCkC,sBACE,KAAC1C;oCACC2C,SAAQ;oCACRC,MAAK;oCACLC,cAAYzB,EAAE;wCAAE0B,KAAK;oCAAgC;8CAErD,cAAA,KAAC/C;;;0CAIP,MAACI;gCAAcsC,WAAU;;kDACvB,MAACnC;;0DACC,KAACC;0DACEa,EAAE;oDAAE0B,KAAK;gDAAyC;;0DAErD,KAAC1C;0DACEgB,EAAE;oDACD0B,KAAK;gDACP;;;;kDAGJ,MAACzC;;0DACC,KAACH;gDACCwC,sBACE,KAAC1C;oDAAO2C,SAAQ;8DAAWvB,EAAE;wDAAE0B,KAAK;oDAAS;;;0DAGjD,KAAC9C;gDAAO2C,SAAQ;gDAAcQ,SAASf;0DACpChB,EAAE;oDAAE0B,KAAK;gDAAS;;;;;;;;kCAK3B,KAAC9C;wBACC2C,SAAQ;wBACRC,MAAK;wBACLC,cAAYzB,EAAE;4BAAE0B,KAAK;wBAAO;wBAC5BM,UAAU7B;wBACV4B,SAASlB;kCAET,cAAA,KAACnC;;;;;;AAOf,EAAE"}

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

@@ -1,13 +1,13 @@
-import { Context } from 'react';
-import { PoiCommentSection } from './PoiCommentSection';
-import { PoiHeader } from './PoiHeader';
-import { PoiInfoSection } from './PoiInfoSection';
-import { useSelectedPoi } from './useSelectedPoi';
+import type { Context } from "react";
+import { PoiCommentSection } from "./PoiCommentSection";
+import { PoiHeader } from "./PoiHeader";
+import { PoiInfoSection } from "./PoiInfoSection";
+import { useSelectedPoi } from "./useSelectedPoi";
 export type PoiInfoPanelContentDependencies = {
-    useSelectedPoi: typeof useSelectedPoi;
-    PoiHeader: typeof PoiHeader;
-    PoiInfoSection: typeof PoiInfoSection;
-    PoiCommentSection: typeof PoiCommentSection;
+	useSelectedPoi: typeof useSelectedPoi;
+	PoiHeader: typeof PoiHeader;
+	PoiInfoSection: typeof PoiInfoSection;
+	PoiCommentSection: typeof PoiCommentSection;
 };
 export declare const defaultPoiInfoPanelContentDependencies: PoiInfoPanelContentDependencies;
 export declare const PoiInfoPanelContentContext: Context<PoiInfoPanelContentDependencies>;