@collabdt/core 0.3.0 → 0.3.2

package/dist/core/components/ui/Comments/CommentInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CommentInput.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from 'react'\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { useSession } from 'next-auth/react'\r\n\r\nimport { cn } from '../../../utils/utils'\r\nimport { Button } from '../Button'\r\nimport { Card, CardContent, CardHeader, CardTitle } from '../Card'\r\nimport { AddItemDialog } from '../AddItemDialog'\r\nimport { Input } from '../Input'\r\nimport { Label } from '../Label'\r\nimport { AppConfigContext, MapContext, BuildingsContext, MenusContext, ToolsContext } from '../../../store'\r\nimport { Comment, ViewerNames } from '../../../types/dbTypes'\r\nimport { useCreateComment } from '../../../hooks/comments/comments'\r\n\r\nexport type CommentInputLayout = 'inline' | 'card' | 'dialog'\r\n\r\nexport type BimCommentPlacementContext = {\r\n  world: any\r\n  raycast: (data: { camera: any; mouse: any; dom: any }) => Promise<any>\r\n  buildingId?: number\r\n  setCursor?: (cursor: string) => void\r\n  addPendingMarker?: (position: { x: number; y: number; z: number }) => number\r\n  removePendingMarker?: (id: number) => void\r\n}\r\n\r\nexport type CommentInputProps = {\r\n  viewer: ViewerNames\r\n  layout?: CommentInputLayout\r\n  onCancel?: () => void\r\n  bim?: BimCommentPlacementContext\r\n  isOpen?: boolean\r\n}\r\n\r\nexport function CommentInput({\r\n  viewer,\r\n  layout = 'inline',\r\n  onCancel,\r\n  bim,\r\n  isOpen = false,\r\n}: CommentInputProps) {\r\n  const t = useTranslations('CommentInput')\r\n  const session = useSession()\r\n\r\n  const user = useSession().data?.user\r\n\r\n  const organizationId = user?.organizationId\r\n  const authorId = session.data?.user?.id || -1\r\n\r\n  const { state: appConfigState } = React.useContext(AppConfigContext)\r\n  const mapContext = React.useContext(MapContext)\r\n\r\n  const { state: buildingsState } = React.useContext(BuildingsContext)\r\n  const buildingId = buildingsState?.buildings?.building?.id || -1\r\n\r\n  const [text, setText] = React.useState('')\r\n  const [isPlacing, setIsPlacing] = React.useState(false)\r\n\r\n  const inputId = React.useId()\r\n  const { createComment } = useCreateComment()\r\n\r\n  const setCursor = React.useCallback((cursor: string) => {\r\n    if (viewer === ViewerNames.map) {\r\n      const map = mapContext?.state?.map?.map\r\n      if (!map) return\r\n      if (map.getCanvas().style.cursor === cursor) return\r\n      map.getCanvas().style.cursor = cursor\r\n      return\r\n    }\r\n\r\n    if (viewer === ViewerNames.bim) {\r\n      bim?.setCursor?.(cursor)\r\n    }\r\n  }, [bim, mapContext, viewer])\r\n\r\n  const reset = React.useCallback(() => {\r\n    setIsPlacing(false)\r\n    setText('')\r\n    setCursor('')\r\n  }, [setCursor])\r\n\r\n  const onCreateComment = async (commentData: Partial<Comment>) => {\r\n    const commentResult = await createComment({ commentData })\r\n    reset()\r\n  }\r\n\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { state: toolsState } = React.useContext(ToolsContext)\r\n  const { currentToolId } = toolsState.tools\r\n  const { commentsVisibleInViewer } = menusState.menus\r\n\r\n  React.useEffect(() => {\r\n    const viewerToShow = currentToolId === 'bim-add-comment'\r\n      ? ViewerNames.bim\r\n      : currentToolId === 'map-add-comment'\r\n        ? ViewerNames.map\r\n        : null\r\n\r\n    if (!viewerToShow) return\r\n    if (commentsVisibleInViewer.includes(viewerToShow)) return\r\n\r\n    menusDispatch({\r\n      type: 'SHOW_COMMENTS_IN_VIEWER',\r\n      payload: { viewer: viewerToShow },\r\n    })\r\n  }, [currentToolId, commentsVisibleInViewer, menusDispatch])\r\n\r\n  React.useEffect(() => {\r\n    if (!isPlacing) return\r\n\r\n    if (viewer === ViewerNames.map) {\r\n      const map = mapContext?.state?.map?.map\r\n      if (!map) return\r\n\r\n      const mouseMoveCrosshairHandler = () => {\r\n        setCursor('crosshair')\r\n      }\r\n\r\n      const dbClickAddCommentHandler = (e: any): void => {\r\n        const longitude = e?.lngLat?.lng\r\n        const latitude = e?.lngLat?.lat\r\n        if (typeof longitude !== 'number' || typeof latitude !== 'number') return\r\n\r\n        const elevation = map.queryTerrainElevation([latitude, longitude]) || 0\r\n\r\n        const newComment = {\r\n          authorId: Number(user?.id),\r\n          organizationId,\r\n          text,\r\n          visible: true,\r\n          longitude,\r\n          latitude,\r\n          elevation,\r\n          viewer: ViewerNames.map,\r\n        }\r\n        onCreateComment(newComment)\r\n      }\r\n\r\n      map.on('mousemove', mouseMoveCrosshairHandler)\r\n      map.on('dblclick', dbClickAddCommentHandler)\r\n\r\n      return () => {\r\n        setCursor('')\r\n        map.off('mousemove', mouseMoveCrosshairHandler)\r\n        map.off('dblclick', dbClickAddCommentHandler)\r\n      }\r\n    }\r\n\r\n\r\n    if (viewer === ViewerNames.bim) {\r\n      const world = bim?.world\r\n      const raycast = bim?.raycast\r\n      if (!world || !raycast) return\r\n\r\n      let disposed = false\r\n      let removeListeners: (() => void) | null = null\r\n\r\n        ; (async () => {\r\n          const THREE = await import('three')\r\n          if (disposed) return\r\n\r\n          const mouse = new THREE.Vector2()\r\n\r\n          const handleMouseMove = (e: MouseEvent) => {\r\n            mouse.x = e.clientX\r\n            mouse.y = e.clientY\r\n          }\r\n\r\n          const handleDblClick = async (e: MouseEvent) => {\r\n            mouse.x = e.clientX\r\n            mouse.y = e.clientY\r\n\r\n            const result = await raycast({\r\n              camera: world.camera?.three,\r\n              mouse,\r\n              dom: world.renderer?.three?.domElement,\r\n            })\r\n\r\n            if (!result?.point) return\r\n            const p = result.point\r\n\r\n            // Add pending marker immediately\r\n            const pendingId = bim?.addPendingMarker?.({ x: p.x, y: p.y, z: p.z })\r\n\r\n            const newComment = {\r\n              authorId: Number(authorId),\r\n              organizationId,\r\n              text,\r\n              x: p.x,\r\n              y: p.y,\r\n              z: p.z,\r\n              visible: true,\r\n              buildingId,\r\n              viewer,\r\n            }\r\n\r\n            try {\r\n              await onCreateComment(newComment)\r\n            } finally {\r\n              // Remove pending marker after creation completes (or fails)\r\n              if (pendingId) {\r\n                bim?.removePendingMarker?.(pendingId)\r\n              }\r\n            }\r\n            // BIM flow historically closes the adding UI once the comment is placed.\r\n            onCancel?.()\r\n          }\r\n\r\n          document.addEventListener('mousemove', handleMouseMove)\r\n          document.addEventListener('dblclick', handleDblClick)\r\n\r\n          removeListeners = () => {\r\n            document.removeEventListener('mousemove', handleMouseMove)\r\n            document.removeEventListener('dblclick', handleDblClick)\r\n          }\r\n        })()\r\n\r\n      return () => {\r\n        disposed = true\r\n        setCursor('')\r\n        removeListeners?.()\r\n      }\r\n    }\r\n  }, [\r\n    appConfigState,\r\n    bim,\r\n    isPlacing,\r\n    mapContext,\r\n    viewer,\r\n    onCancel,\r\n    reset,\r\n    setCursor,\r\n    text,\r\n    authorId,\r\n  ])\r\n\r\n  const onSubmit = () => {\r\n    if (text.trim() === '') return\r\n    setIsPlacing(true)\r\n    setCursor('crosshair')\r\n  }\r\n\r\n  const inputEl = (\r\n    <Input\r\n      id={inputId}\r\n      type=\"text\"\r\n      value={text}\r\n      onChange={e => setText(e.target.value)}\r\n      placeholder={t('placeholder')}\r\n      className={cn('cursor-pointer')}\r\n    />\r\n  )\r\n\r\n  const submitButtonEl = (\r\n    <Button\r\n      type=\"button\"\r\n      variant=\"ghost\"\r\n      onClick={onSubmit}\r\n      className=\"cursor-pointer transition-transform duration-200 active:scale-90\"\r\n      disabled={text.trim() === ''}\r\n    >\r\n      <LR.Plus className={cn('w-4 h-4', 'cursor-pointer transition-transform duration-200 active:scale-90')} />\r\n    </Button>\r\n  )\r\n\r\n  const helpText =\r\n    isPlacing\r\n      ? (viewer === ViewerNames.map ? t('placeHelpTextMap') : t('placeHelpTextBim'))\r\n      : null\r\n\r\n  if (layout === 'dialog') {\r\n    // When placing, return null so the map is fully interactive (component stays mounted for useEffect)\r\n    if (isPlacing) return null\r\n\r\n    return (\r\n      <AddItemDialog\r\n        open={isOpen}\r\n        onOpenChange={open => !open && onCancel?.()}\r\n        title={t('title')}\r\n        icon={LR.MessageCircle}\r\n      >\r\n        <div className=\"flex flex-col gap-2 pointer-events-auto\">\r\n          <Label htmlFor={inputId}>{t('label')}</Label>\r\n          <div className=\"flex flex-row gap-2\">\r\n            {inputEl}\r\n            {submitButtonEl}\r\n          </div>\r\n        </div>\r\n      </AddItemDialog>\r\n    )\r\n  }\r\n\r\n  if (layout === 'card') {\r\n    return (\r\n      <Card className={cn('absolute bottom-10 left-0 bg-background shadow-md z-10 w-full')}>\r\n        <CardHeader className=\"flex flex-row justify-between items-center pointer-events-auto py-0\">\r\n          <CardTitle className=\"text-sm\">{t('title')}</CardTitle>\r\n          {onCancel && (\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              size=\"icon\"\r\n              onClick={onCancel}\r\n              className=\"opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent\"\r\n            >\r\n              <span className=\"sr-only\">{t('close')}</span>\r\n              <LR.X size={18} />\r\n            </Button>\r\n          )}\r\n        </CardHeader>\r\n        <CardContent>\r\n          <div className=\"flex flex-col gap-2 mt-2 pointer-events-auto\">\r\n            <Label htmlFor={inputId}>{t('label')}</Label>\r\n            <div className=\"flex flex-row gap-2\">\r\n              {inputEl}\r\n              {submitButtonEl}\r\n            </div>\r\n            {helpText && (\r\n              <p className=\"text-sm text-foreground\">{helpText}</p>\r\n            )}\r\n          </div>\r\n        </CardContent>\r\n      </Card>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className={cn('flex flex-col gap-2 mt-2 pointer-events-auto')}>\r\n      <Label htmlFor={inputId}>{t('label')}</Label>\r\n      <div className=\"flex items-center gap-1\">\r\n        {inputEl}\r\n        {submitButtonEl}\r\n      </div>\r\n      {helpText && (\r\n        <p className=\"text-sm text-foreground\">{helpText}</p>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","_b","_c","_d","_e"]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CommentInput.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as LR from 'lucide-react'\r\nimport { useSession } from 'next-auth/react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\nimport { toast } from 'sonner'\r\n\r\nimport { useCreateComment } from '../../../hooks/comments/comments'\r\nimport { AppConfigContext, MapContext, BuildingsContext, MenusContext, ToolsContext } from '../../../store'\r\nimport { ViewerNames } from '../../../types/dbTypes'\r\nimport { cn } from '../../../utils/utils'\r\nimport { AddItemDialog } from '../AddItemDialog'\r\nimport { Button } from '../Button'\r\nimport { Card, CardContent, CardHeader, CardTitle } from '../Card'\r\nimport { Input } from '../Input'\r\nimport { Label } from '../Label'\r\n\r\nimport type { Comment} from '../../../types/dbTypes';\r\n\r\nexport type CommentInputLayout = 'inline' | 'card' | 'dialog'\r\n\r\nexport type BimCommentPlacementContext = {\r\n  world: any\r\n  raycast: (data: { camera: any; mouse: any; dom: any }) => Promise<any>\r\n  buildingId?: number\r\n  setCursor?: (cursor: string) => void\r\n  addPendingMarker?: (position: { x: number; y: number; z: number }) => number\r\n  removePendingMarker?: (id: number) => void\r\n}\r\n\r\nexport type CommentInputProps = {\r\n  viewer: ViewerNames\r\n  layout?: CommentInputLayout\r\n  onCancel?: () => void\r\n  bim?: BimCommentPlacementContext\r\n  isOpen?: boolean\r\n}\r\n\r\nexport function CommentInput({\r\n  viewer,\r\n  layout = 'inline',\r\n  onCancel,\r\n  bim,\r\n  isOpen = false,\r\n}: CommentInputProps) {\r\n  const t = useTranslations('CommentInput')\r\n  const session = useSession()\r\n\r\n  const user = useSession().data?.user\r\n\r\n  const organizationId = user?.organizationId\r\n  const authorId = session.data?.user?.id || -1\r\n\r\n  const { state: appConfigState } = React.useContext(AppConfigContext)\r\n  const mapContext = React.useContext(MapContext)\r\n\r\n  const { state: buildingsState } = React.useContext(BuildingsContext)\r\n  const buildingId = buildingsState?.buildings?.building?.id || -1\r\n\r\n  const [text, setText] = React.useState('')\r\n  const [isPlacing, setIsPlacing] = React.useState(false)\r\n\r\n  const inputId = React.useId()\r\n  const { createComment } = useCreateComment()\r\n\r\n  const setCursor = React.useCallback((cursor: string) => {\r\n    if (viewer === ViewerNames.map) {\r\n      const map = mapContext?.state?.map?.map\r\n      if (!map) return\r\n      if (map.getCanvas().style.cursor === cursor) return\r\n      map.getCanvas().style.cursor = cursor\r\n      return\r\n    }\r\n\r\n    if (viewer === ViewerNames.bim) {\r\n      bim?.setCursor?.(cursor)\r\n    }\r\n  }, [bim, mapContext, viewer])\r\n\r\n  const reset = React.useCallback(() => {\r\n    setIsPlacing(false)\r\n    setText('')\r\n    setCursor('')\r\n  }, [setCursor])\r\n\r\n  const onCreateComment = async (commentData: Partial<Comment>) => {\r\n    const commentResult = await createComment({ commentData })\r\n    reset()\r\n  }\r\n\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { state: toolsState } = React.useContext(ToolsContext)\r\n  const { currentToolId } = toolsState.tools\r\n  const { commentsVisibleInViewer } = menusState.menus\r\n\r\n  React.useEffect(() => {\r\n    const viewerToShow = currentToolId === 'bim-add-comment'\r\n      ? ViewerNames.bim\r\n      : currentToolId === 'map-add-comment'\r\n        ? ViewerNames.map\r\n        : null\r\n\r\n    if (!viewerToShow) return\r\n    if (commentsVisibleInViewer.includes(viewerToShow)) return\r\n\r\n    menusDispatch({\r\n      type: 'SHOW_COMMENTS_IN_VIEWER',\r\n      payload: { viewer: viewerToShow },\r\n    })\r\n  }, [currentToolId, commentsVisibleInViewer, menusDispatch])\r\n\r\n  React.useEffect(() => {\r\n    if (!isPlacing) return\r\n\r\n    if (viewer === ViewerNames.map) {\r\n      const map = mapContext?.state?.map?.map\r\n      if (!map) return\r\n\r\n      const mouseMoveCrosshairHandler = () => {\r\n        setCursor('crosshair')\r\n      }\r\n\r\n      const dbClickAddCommentHandler = (e: any): void => {\r\n        const longitude = e?.lngLat?.lng\r\n        const latitude = e?.lngLat?.lat\r\n        if (typeof longitude !== 'number' || typeof latitude !== 'number') return\r\n\r\n        const elevation = map.queryTerrainElevation([latitude, longitude]) || 0\r\n\r\n        const newComment = {\r\n          authorId: Number(user?.id),\r\n          organizationId,\r\n          text,\r\n          visible: true,\r\n          longitude,\r\n          latitude,\r\n          elevation,\r\n          viewer: ViewerNames.map,\r\n        }\r\n        onCreateComment(newComment)\r\n      }\r\n\r\n      map.on('mousemove', mouseMoveCrosshairHandler)\r\n      map.on('dblclick', dbClickAddCommentHandler)\r\n\r\n      return () => {\r\n        setCursor('')\r\n        map.off('mousemove', mouseMoveCrosshairHandler)\r\n        map.off('dblclick', dbClickAddCommentHandler)\r\n      }\r\n    }\r\n\r\n\r\n    if (viewer === ViewerNames.bim) {\r\n      const world = bim?.world\r\n      const raycast = bim?.raycast\r\n      if (!world || !raycast) return\r\n\r\n      let disposed = false\r\n      let removeListeners: (() => void) | null = null\r\n\r\n        ; (async () => {\r\n          const THREE = await import('three')\r\n          if (disposed) return\r\n\r\n          const mouse = new THREE.Vector2()\r\n\r\n          const handleMouseMove = (e: MouseEvent) => {\r\n            mouse.x = e.clientX\r\n            mouse.y = e.clientY\r\n          }\r\n\r\n          const handleDblClick = async (e: MouseEvent) => {\r\n            mouse.x = e.clientX\r\n            mouse.y = e.clientY\r\n\r\n            const result = await raycast({\r\n              camera: world.camera?.three,\r\n              mouse,\r\n              dom: world.renderer?.three?.domElement,\r\n            })\r\n\r\n            if (!result?.point) return\r\n            const p = result.point\r\n\r\n            // Add pending marker immediately\r\n            const pendingId = bim?.addPendingMarker?.({ x: p.x, y: p.y, z: p.z })\r\n\r\n            const newComment = {\r\n              authorId: Number(authorId),\r\n              organizationId,\r\n              text,\r\n              x: p.x,\r\n              y: p.y,\r\n              z: p.z,\r\n              visible: true,\r\n              buildingId,\r\n              viewer,\r\n            }\r\n\r\n            try {\r\n              await onCreateComment(newComment)\r\n            } finally {\r\n              // Remove pending marker after creation completes (or fails)\r\n              if (pendingId) {\r\n                bim?.removePendingMarker?.(pendingId)\r\n              }\r\n            }\r\n            // BIM flow historically closes the adding UI once the comment is placed.\r\n            onCancel?.()\r\n          }\r\n\r\n          document.addEventListener('mousemove', handleMouseMove)\r\n          document.addEventListener('dblclick', handleDblClick)\r\n\r\n          removeListeners = () => {\r\n            document.removeEventListener('mousemove', handleMouseMove)\r\n            document.removeEventListener('dblclick', handleDblClick)\r\n          }\r\n        })()\r\n\r\n      return () => {\r\n        disposed = true\r\n        setCursor('')\r\n        removeListeners?.()\r\n      }\r\n    }\r\n  }, [\r\n    appConfigState,\r\n    bim,\r\n    isPlacing,\r\n    mapContext,\r\n    viewer,\r\n    onCancel,\r\n    reset,\r\n    setCursor,\r\n    text,\r\n    authorId,\r\n  ])\r\n\r\n  const onSubmit = () => {\r\n    if (text.trim() === '') return\r\n    setIsPlacing(true)\r\n    setCursor('crosshair')\r\n    toast(viewer === ViewerNames.map ? t('placeHelpTextMap') : t('placeHelpTextBim'))\r\n  }\r\n\r\n  const inputEl = (\r\n    <Input\r\n      id={inputId}\r\n      type=\"text\"\r\n      value={text}\r\n      onChange={e => setText(e.target.value)}\r\n      placeholder={t('placeholder')}\r\n      className={cn('cursor-pointer')}\r\n    />\r\n  )\r\n\r\n  const submitButtonEl = (\r\n    <Button\r\n      type=\"button\"\r\n      variant=\"ghost\"\r\n      onClick={onSubmit}\r\n      className=\"cursor-pointer transition-transform duration-200 active:scale-90\"\r\n      disabled={text.trim() === ''}\r\n    >\r\n      <LR.Plus className={cn('w-4 h-4', 'cursor-pointer transition-transform duration-200 active:scale-90')} />\r\n    </Button>\r\n  )\r\n\r\n  const helpText =\r\n    isPlacing\r\n      ? (viewer === ViewerNames.map ? t('placeHelpTextMap') : t('placeHelpTextBim'))\r\n      : (text.trim() !== '' ? t('clickPlusHint') : null)\r\n\r\n  if (layout === 'dialog') {\r\n    // When placing, return null so the map is fully interactive (component stays mounted for useEffect)\r\n    if (isPlacing) return null\r\n\r\n    return (\r\n      <AddItemDialog\r\n        open={isOpen}\r\n        onOpenChange={open => !open && onCancel?.()}\r\n        title={t('title')}\r\n        icon={LR.MessageCircle}\r\n      >\r\n        <div className=\"flex flex-col gap-2 pointer-events-auto\">\r\n          <Label htmlFor={inputId}>{t('label')}</Label>\r\n          <div className=\"flex flex-row gap-2\">\r\n            {inputEl}\r\n            {submitButtonEl}\r\n          </div>\r\n          {helpText && (\r\n            <p className=\"text-sm text-foreground\">{helpText}</p>\r\n          )}\r\n        </div>\r\n      </AddItemDialog>\r\n    )\r\n  }\r\n\r\n  if (layout === 'card') {\r\n    return (\r\n      <Card className={cn('absolute bottom-10 left-0 bg-background shadow-md z-10 w-full')}>\r\n        <CardHeader className=\"flex flex-row justify-between items-center pointer-events-auto py-0\">\r\n          <CardTitle className=\"text-sm\">{t('title')}</CardTitle>\r\n          {onCancel && (\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              size=\"icon\"\r\n              onClick={onCancel}\r\n              className=\"opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent\"\r\n            >\r\n              <span className=\"sr-only\">{t('close')}</span>\r\n              <LR.X size={18} />\r\n            </Button>\r\n          )}\r\n        </CardHeader>\r\n        <CardContent>\r\n          <div className=\"flex flex-col gap-2 mt-2 pointer-events-auto\">\r\n            <Label htmlFor={inputId}>{t('label')}</Label>\r\n            <div className=\"flex flex-row gap-2\">\r\n              {inputEl}\r\n              {submitButtonEl}\r\n            </div>\r\n            {helpText && (\r\n              <p className=\"text-sm text-foreground\">{helpText}</p>\r\n            )}\r\n          </div>\r\n        </CardContent>\r\n      </Card>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className={cn('flex flex-col gap-2 mt-2 pointer-events-auto')}>\r\n      <Label htmlFor={inputId}>{t('label')}</Label>\r\n      <div className=\"flex items-center gap-1\">\r\n        {inputEl}\r\n        {submitButtonEl}\r\n      </div>\r\n      {helpText && (\r\n        <p className=\"text-sm text-foreground\">{helpText}</p>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","_b","_c","_d","_e"]}

package/dist/core/components/ui/Comments/CommentsSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentsSection.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/CommentsSection.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,wBAAgB,eAAe,sBAsI9B"}
+{"version":3,"file":"CommentsSection.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/CommentsSection.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiB9B,wBAAgB,eAAe,sBAwL9B"}

package/dist/core/components/ui/Comments/CommentsSection.js

@@ -1,27 +1,38 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
 import * as LR from "lucide-react";
+import { useSession } from "next-auth/react";
+import { useTranslations } from "next-intl";
+import * as React from "react";
+import { toast } from "sonner";
+import { useComment, useComments, useCreateComment, useDeleteComments } from "../../../hooks/comments/comments";
 import { BuildingsContext, MenusContext, ToolsContext, usePermissions } from "../../../store";
 import { CollapsibleSection } from "../CollapsibleSection";
 import { SearchInput } from "../SearchInput";
-import { useTranslations } from "next-intl";
 import { CollapsibleCommentItem } from "./CollapsibleCommentItem";
-import { useComment, useComments } from "../../../hooks/comments/comments";
-import { toast } from "sonner";
 function CommentsSection() {
-  var _a, _b;
+  var _a, _b, _c, _d;
   const t = useTranslations("CommentsSection");
   const { ability } = usePermissions();
   const { dispatch: toolsDispatch } = React.useContext(ToolsContext);
   const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext);
-  const { currentViewer, commentsVisibleInViewer } = menusState.menus;
+  const { currentViewer, commentsVisibleInViewer, focusedCommentId, pendingCommentAction } = menusState.menus;
+  const focusComment = React.useCallback((commentId) => {
+    menusDispatch({ type: "SHOW_COMMENTS_IN_VIEWER", payload: { viewer: currentViewer } });
+    menusDispatch({ type: "SET_FOCUSED_COMMENT_ID", payload: { commentId } });
+  }, [menusDispatch, currentViewer]);
+  React.useEffect(() => {
+    if (pendingCommentAction) menusDispatch({ type: "CLEAR_PENDING_COMMENT_ACTION" });
+  }, [pendingCommentAction == null ? void 0 : pendingCommentAction.requestId, menusDispatch]);
   const { comments } = useComments();
   const { state: buildingsState } = React.useContext(BuildingsContext);
   const buildingId = ((_b = (_a = buildingsState == null ? void 0 : buildingsState.buildings) == null ? void 0 : _a.building) == null ? void 0 : _b.id) || -1;
-  const [commentToDelete, setCommentToDelete] = React.useState(null);
+  const user = (_c = useSession().data) == null ? void 0 : _c.user;
+  const { createComment } = useCreateComment();
+  const [commentToEdit, setCommentToEdit] = React.useState(null);
   const [searchQuery, setSearchQuery] = React.useState("");
-  const { deleteComment } = useComment(commentToDelete);
+  const { updateComment } = useComment((_d = commentToEdit == null ? void 0 : commentToEdit.id) != null ? _d : null);
+  const { deleteComments } = useDeleteComments();
   const handleAddComment = React.useCallback(() => {
     if (!currentViewer) return;
     toolsDispatch({
@@ -33,46 +44,72 @@ function CommentsSection() {
   }, [toolsDispatch, currentViewer]);
   const handleCommentAction = React.useCallback((action, id) => {
     switch (action) {
-      case "view":
-        console.log(`View comment ${id}`);
-        break;
-      case "edit":
-        console.log(`Edit comment ${id}`);
-        break;
-      case "delete":
+      case "delete": {
         toast.success(t("commentDeleted"));
-        setCommentToDelete(id);
-        break;
-      case "reply":
-        console.log(`Reply to comment ${id}`);
+        const replyIds = comments.filter((c) => c.replyToId === id).map((c) => c.id);
+        void deleteComments({ ids: [id, ...replyIds] });
         break;
+      }
+      // 'view', 'edit' and 'reply' are handled inline by CollapsibleCommentItem
+      // (edit -> onEdit, reply -> onReply)
       default:
         break;
     }
-  }, [t]);
+  }, [t, comments, deleteComments]);
   React.useEffect(() => {
-    if (commentToDelete !== null) {
-      deleteComment();
-      setCommentToDelete(null);
+    if (commentToEdit !== null) {
+      void updateComment({ text: commentToEdit.text });
+      setCommentToEdit(null);
     }
-  }, [commentToDelete, deleteComment]);
-  const handleReply = React.useCallback((id, replyText) => {
-    console.log(`Reply to ${id}: ${replyText}`);
+  }, [commentToEdit, updateComment]);
+  const handleEdit = React.useCallback((id, text) => {
+    setCommentToEdit({ id, text });
   }, []);
+  const handleReply = React.useCallback((parent, replyText) => {
+    var _a2;
+    if (!replyText.trim() || !user) return;
+    void createComment({
+      commentData: {
+        text: replyText,
+        authorId: Number(user.id),
+        organizationId: user.organizationId,
+        viewer: parent.viewer,
+        buildingId: parent.buildingId,
+        // Flat threading: a reply to a reply attaches to the top-level parent
+        replyToId: (_a2 = parent.replyToId) != null ? _a2 : parent.id,
+        visible: true
+      }
+    });
+  }, [createComment, user]);
   const handleFileUpload = React.useCallback((commentId, files) => {
-    console.log(`Upload files for comment ${commentId}:`, Array.from(files).map((f) => f.name));
   }, []);
   const currentComments = comments.filter((comment) => currentViewer === comment.viewer && (!comment.buildingId || comment.buildingId === buildingId));
+  const repliesByParent = React.useMemo(() => {
+    var _a2;
+    const map = /* @__PURE__ */ new Map();
+    for (const comment of currentComments) {
+      if (comment.replyToId != null) {
+        const list = (_a2 = map.get(comment.replyToId)) != null ? _a2 : [];
+        list.push(comment);
+        map.set(comment.replyToId, list);
+      }
+    }
+    return map;
+  }, [currentComments]);
+  const topLevelComments = React.useMemo(
+    () => currentComments.filter((comment) => comment.replyToId == null),
+    [currentComments]
+  );
   const filteredComments = React.useMemo(() => {
-    if (!searchQuery.trim()) return currentComments;
+    if (!searchQuery.trim()) return topLevelComments;
     const query = searchQuery.toLowerCase();
-    return currentComments.filter(
+    return topLevelComments.filter(
       (comment) => {
         var _a2;
         return (_a2 = comment.text) == null ? void 0 : _a2.toLowerCase().includes(query);
       }
     );
-  }, [currentComments, searchQuery]);
+  }, [topLevelComments, searchQuery]);
   const commentsVisible = commentsVisibleInViewer.includes(currentViewer);
   const toggleCommentsVisibility = React.useCallback(() => {
     menusDispatch({
@@ -104,21 +141,28 @@ function CommentsSection() {
           checked: commentsVisible,
           onCheckedChange: toggleCommentsVisibility
         },
-        children: /* @__PURE__ */ jsx("div", { className: "space-y-2 mx-2 pr-2", children: filteredComments.map((comment) => /* @__PURE__ */ jsx(
-          CollapsibleCommentItem,
-          {
-            comment,
-            onAction: handleCommentAction,
-            onReply: handleReply,
-            onFileUpload: handleFileUpload,
-            replies: [],
-            attachments: [],
-            isVisible: commentsVisible,
-            onMouseEnter: () => menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId: comment.id } }),
-            onMouseLeave: () => menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId: null } })
-          },
-          comment.id
-        )) })
+        children: /* @__PURE__ */ jsx("div", { className: "space-y-2 mx-2 pr-2 pb-2", children: filteredComments.map((comment) => {
+          var _a2;
+          return /* @__PURE__ */ jsx(
+            CollapsibleCommentItem,
+            {
+              comment,
+              onAction: handleCommentAction,
+              onReply: handleReply,
+              onEdit: handleEdit,
+              onFileUpload: handleFileUpload,
+              replies: (_a2 = repliesByParent.get(comment.id)) != null ? _a2 : [],
+              attachments: [],
+              isVisible: commentsVisible,
+              focused: focusedCommentId === comment.id,
+              onFocus: () => focusComment(comment.id),
+              pendingAction: pendingCommentAction != null ? pendingCommentAction : void 0,
+              onMouseEnter: () => menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId: comment.id } }),
+              onMouseLeave: () => menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId: null } })
+            },
+            comment.id
+          );
+        }) })
       }
     )
   ] });

package/dist/core/components/ui/Comments/CommentsSection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CommentsSection.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from 'react'\r\nimport * as LR from 'lucide-react'\r\nimport { BuildingsContext, MenusContext, ToolsContext, usePermissions } from '../../../store'\r\nimport { CollapsibleSection } from '../CollapsibleSection'\r\nimport { SearchInput } from '../SearchInput'\r\nimport { useTranslations } from 'next-intl'\r\nimport { CollapsibleCommentItem } from './CollapsibleCommentItem'\r\nimport { useComment, useComments } from '../../../hooks/comments/comments';\r\nimport { toast } from 'sonner'\r\n\r\ntype CommentAction = 'view' | 'edit' | 'delete' | 'reply'\r\n\r\nexport function CommentsSection() {\r\n  // Translation\r\n  const t = useTranslations('CommentsSection')\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  const { dispatch: toolsDispatch } = React.useContext(ToolsContext)\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { currentViewer, commentsVisibleInViewer } = menusState.menus\r\n\r\n  const {comments} = useComments()\r\n  const {state: buildingsState} = React.useContext(BuildingsContext)\r\n  const buildingId = buildingsState?.buildings?.building?.id || -1\r\n  \r\n  const [commentToDelete, setCommentToDelete] = React.useState<number | null>(null)\r\n  const [searchQuery, setSearchQuery] = React.useState('')\r\n  const { deleteComment } = useComment(commentToDelete)\r\n\r\n  const handleAddComment = React.useCallback(() => {\r\n    if (!currentViewer) return\r\n      toolsDispatch({\r\n        type: 'SET-TOOL',\r\n        payload: {\r\n          currentToolId:\r\n            currentViewer === 'bim'\r\n              ? 'bim-add-comment'\r\n              : currentViewer === 'map'\r\n                ? 'map-add-comment'\r\n                : undefined,\r\n        },\r\n      })\r\n  }, [toolsDispatch, currentViewer])\r\n  \r\n  const handleCommentAction = React.useCallback((action: CommentAction, id: number) => {\r\n    switch (action) {\r\n      case 'view':\r\n        console.log(`View comment ${id}`)\r\n        break\r\n      case 'edit':\r\n        console.log(`Edit comment ${id}`)\r\n        break\r\n      case 'delete':\r\n            toast.success(t('commentDeleted'))\r\n            setCommentToDelete(id)\r\n        break\r\n      case 'reply':\r\n        console.log(`Reply to comment ${id}`)\r\n        break\r\n      default:\r\n        break\r\n    }\r\n  }, [t])\r\n\r\n  // Trigger deletion when commentToDelete changes\r\n  React.useEffect(() => {\r\n    if (commentToDelete !== null) {\r\n      deleteComment()\r\n      setCommentToDelete(null)\r\n    }\r\n  }, [commentToDelete, deleteComment])\r\n\r\n  const handleReply = React.useCallback((id: number, replyText: string) => {\r\n    console.log(`Reply to ${id}: ${replyText}`)\r\n    // TODO: Implement reply functionality\r\n  }, [])\r\n\r\n  const handleFileUpload = React.useCallback((commentId: number, files: FileList) => {\r\n    console.log(`Upload files for comment ${commentId}:`, Array.from(files).map(f => f.name))\r\n    // TODO: Implement file upload functionality\r\n  }, [])\r\n\r\n  const currentComments = comments.filter((comment) => currentViewer === comment.viewer && (!comment.buildingId || comment.buildingId === buildingId))\r\n\r\n  // Filter comments based on search query\r\n  const filteredComments = React.useMemo(() => {\r\n    if (!searchQuery.trim()) return currentComments\r\n    \r\n    const query = searchQuery.toLowerCase()\r\n    return currentComments.filter((comment) => \r\n      comment.text?.toLowerCase().includes(query)\r\n    )\r\n  }, [currentComments, searchQuery])\r\n\r\n  const commentsVisible = commentsVisibleInViewer.includes(currentViewer) \r\n\r\n  const toggleCommentsVisibility = React.useCallback(() => {\r\n      menusDispatch({\r\n        type: commentsVisible ? 'HIDE_COMMENTS_IN_VIEWER' : 'SHOW_COMMENTS_IN_VIEWER',\r\n        payload: {\r\n          viewer: currentViewer,\r\n        },\r\n      })\r\n  }, [currentViewer, commentsVisible, menusDispatch])\r\n\r\n  return (\r\n    <div className=\"flex-1 flex flex-col space-y-4 overflow-hidden\">\r\n      <div className=\"px-4\">\r\n        <SearchInput\r\n          placeholder={t('searchComments')}\r\n          value={searchQuery}\r\n          onChange={e => setSearchQuery(e.target.value)}\r\n        />\r\n      </div>\r\n      <CollapsibleSection\r\n        title={t('commentsTitle')}\r\n        icon={LR.MessageCircle}\r\n        className=\"overflow-y-auto\"\r\n        itemCount={filteredComments.length}\r\n        onAddItem={handleAddComment}\r\n        addItemTitle={t('addCommentTitle')}\r\n        switchVariant={{\r\n          checked: commentsVisible,\r\n          onCheckedChange: toggleCommentsVisibility,\r\n        }}\r\n      >\r\n        <div className=\"space-y-2 mx-2 pr-2\">\r\n          {filteredComments.map((comment) => (\r\n            <CollapsibleCommentItem\r\n              key={comment.id}\r\n              comment={comment}\r\n              onAction={handleCommentAction}\r\n              onReply={handleReply}\r\n              onFileUpload={handleFileUpload}\r\n              replies={[]}\r\n              attachments={[]}\r\n              isVisible={commentsVisible}\r\n              onMouseEnter={() => menusDispatch({ type: 'SET_CURRENT_COMMENT_ID', payload: { commentId: comment.id } })}\r\n              onMouseLeave={() => menusDispatch({ type: 'SET_CURRENT_COMMENT_ID', payload: { commentId: null } })}\r\n            />\r\n          ))}\r\n        </div>\r\n      </CollapsibleSection>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a"]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CommentsSection.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as LR from 'lucide-react'\r\nimport { useSession } from 'next-auth/react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\nimport { toast } from 'sonner'\r\n\r\nimport { useComment, useComments, useCreateComment, useDeleteComments } from '../../../hooks/comments/comments';\r\nimport { BuildingsContext, MenusContext, ToolsContext, usePermissions } from '../../../store'\r\nimport { CollapsibleSection } from '../CollapsibleSection'\r\nimport { SearchInput } from '../SearchInput'\r\n\r\n\r\nimport { CollapsibleCommentItem } from './CollapsibleCommentItem'\r\n\r\nimport type { Comment } from '../../../types/dbTypes'\r\n\r\n\r\n\r\ntype CommentAction = 'view' | 'edit' | 'delete' | 'reply'\r\n\r\nexport function CommentsSection() {\r\n  // Translation\r\n  const t = useTranslations('CommentsSection')\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  const { dispatch: toolsDispatch } = React.useContext(ToolsContext)\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { currentViewer, commentsVisibleInViewer, focusedCommentId, pendingCommentAction } = menusState.menus\r\n\r\n  const focusComment = React.useCallback((commentId: number) => {\r\n    // Ensure comments are visible in the active viewer so the zoom target is actually rendered.\r\n    menusDispatch({ type: 'SHOW_COMMENTS_IN_VIEWER', payload: { viewer: currentViewer } })\r\n    menusDispatch({ type: 'SET_FOCUSED_COMMENT_ID', payload: { commentId } })\r\n  }, [menusDispatch, currentViewer])\r\n\r\n  // A pending action (open editor/reply from a marker) is one-shot: child items consume it\r\n  // on their mount/update effect (children run before this parent effect), then we clear it so\r\n  // it does not re-fire when the sidebar remounts.\r\n  React.useEffect(() => {\r\n    if (pendingCommentAction) menusDispatch({ type: 'CLEAR_PENDING_COMMENT_ACTION' })\r\n  }, [pendingCommentAction?.requestId, menusDispatch])\r\n\r\n  const {comments} = useComments()\r\n  const {state: buildingsState} = React.useContext(BuildingsContext)\r\n  const buildingId = buildingsState?.buildings?.building?.id || -1\r\n\r\n  const user = useSession().data?.user\r\n  const { createComment } = useCreateComment()\r\n\r\n  const [commentToEdit, setCommentToEdit] = React.useState<{ id: number; text: string } | null>(null)\r\n  const [searchQuery, setSearchQuery] = React.useState('')\r\n  const { updateComment } = useComment(commentToEdit?.id ?? null)\r\n  const { deleteComments } = useDeleteComments()\r\n\r\n  const handleAddComment = React.useCallback(() => {\r\n    if (!currentViewer) return\r\n      toolsDispatch({\r\n        type: 'SET-TOOL',\r\n        payload: {\r\n          currentToolId:\r\n            currentViewer === 'bim'\r\n              ? 'bim-add-comment'\r\n              : currentViewer === 'map'\r\n                ? 'map-add-comment'\r\n                : undefined,\r\n        },\r\n      })\r\n  }, [toolsDispatch, currentViewer])\r\n\r\n  const handleCommentAction = React.useCallback((action: CommentAction, id: number) => {\r\n    switch (action) {\r\n      case 'delete': {\r\n        toast.success(t('commentDeleted'))\r\n        // Cascade: delete the comment together with its replies (DB does not cascade).\r\n        const replyIds = comments.filter((c) => c.replyToId === id).map((c) => c.id)\r\n        void deleteComments({ ids: [id, ...replyIds] })\r\n        break\r\n      }\r\n      // 'view', 'edit' and 'reply' are handled inline by CollapsibleCommentItem\r\n      // (edit -> onEdit, reply -> onReply)\r\n      default:\r\n        break\r\n    }\r\n  }, [t, comments, deleteComments])\r\n\r\n  // Trigger edit when commentToEdit changes\r\n  React.useEffect(() => {\r\n    if (commentToEdit !== null) {\r\n      void updateComment({ text: commentToEdit.text })\r\n      setCommentToEdit(null)\r\n    }\r\n  }, [commentToEdit, updateComment])\r\n\r\n  const handleEdit = React.useCallback((id: number, text: string) => {\r\n    setCommentToEdit({ id, text })\r\n  }, [])\r\n\r\n  const handleReply = React.useCallback((parent: Comment, replyText: string) => {\r\n    if (!replyText.trim() || !user) return\r\n    void createComment({\r\n      commentData: {\r\n        text: replyText,\r\n        authorId: Number(user.id),\r\n        organizationId: user.organizationId,\r\n        viewer: parent.viewer,\r\n        buildingId: parent.buildingId,\r\n        // Flat threading: a reply to a reply attaches to the top-level parent\r\n        replyToId: parent.replyToId ?? parent.id,\r\n        visible: true,\r\n      },\r\n    })\r\n  }, [createComment, user])\r\n\r\n  const handleFileUpload = React.useCallback((commentId: number, files: FileList) => {\r\n    // ⚠️ Comment file upload not implemented (files are discarded)\r\n  }, [])\r\n\r\n  const currentComments = comments.filter((comment) => currentViewer === comment.viewer && (!comment.buildingId || comment.buildingId === buildingId))\r\n\r\n  // Group replies under their parent (flat, single level)\r\n  const repliesByParent = React.useMemo(() => {\r\n    const map = new Map<number, Comment[]>()\r\n    for (const comment of currentComments) {\r\n      if (comment.replyToId != null) {\r\n        const list = map.get(comment.replyToId) ?? []\r\n        list.push(comment)\r\n        map.set(comment.replyToId, list)\r\n      }\r\n    }\r\n    return map\r\n  }, [currentComments])\r\n\r\n  // Top-level comments only (replies are nested under their parent)\r\n  const topLevelComments = React.useMemo(\r\n    () => currentComments.filter((comment) => comment.replyToId == null),\r\n    [currentComments]\r\n  )\r\n\r\n  // Filter comments based on search query\r\n  const filteredComments = React.useMemo(() => {\r\n    if (!searchQuery.trim()) return topLevelComments\r\n\r\n    const query = searchQuery.toLowerCase()\r\n    return topLevelComments.filter((comment) =>\r\n      comment.text?.toLowerCase().includes(query)\r\n    )\r\n  }, [topLevelComments, searchQuery])\r\n\r\n  const commentsVisible = commentsVisibleInViewer.includes(currentViewer)\r\n\r\n  const toggleCommentsVisibility = React.useCallback(() => {\r\n      menusDispatch({\r\n        type: commentsVisible ? 'HIDE_COMMENTS_IN_VIEWER' : 'SHOW_COMMENTS_IN_VIEWER',\r\n        payload: {\r\n          viewer: currentViewer,\r\n        },\r\n      })\r\n  }, [currentViewer, commentsVisible, menusDispatch])\r\n\r\n  return (\r\n    <div className=\"flex-1 flex flex-col space-y-4 overflow-hidden\">\r\n      <div className=\"px-4\">\r\n        <SearchInput\r\n          placeholder={t('searchComments')}\r\n          value={searchQuery}\r\n          onChange={e => setSearchQuery(e.target.value)}\r\n        />\r\n      </div>\r\n      <CollapsibleSection\r\n        title={t('commentsTitle')}\r\n        icon={LR.MessageCircle}\r\n        className=\"overflow-y-auto\"\r\n        itemCount={filteredComments.length}\r\n        onAddItem={handleAddComment}\r\n        addItemTitle={t('addCommentTitle')}\r\n        switchVariant={{\r\n          checked: commentsVisible,\r\n          onCheckedChange: toggleCommentsVisibility,\r\n        }}\r\n      >\r\n        <div className=\"space-y-2 mx-2 pr-2 pb-2\">\r\n          {filteredComments.map((comment) => (\r\n            <CollapsibleCommentItem\r\n              key={comment.id}\r\n              comment={comment}\r\n              onAction={handleCommentAction}\r\n              onReply={handleReply}\r\n              onEdit={handleEdit}\r\n              onFileUpload={handleFileUpload}\r\n              replies={repliesByParent.get(comment.id) ?? []}\r\n              attachments={[]}\r\n              isVisible={commentsVisible}\r\n              focused={focusedCommentId === comment.id}\r\n              onFocus={() => focusComment(comment.id)}\r\n              pendingAction={pendingCommentAction ?? undefined}\r\n              onMouseEnter={() => menusDispatch({ type: 'SET_CURRENT_COMMENT_ID', payload: { commentId: comment.id } })}\r\n              onMouseLeave={() => menusDispatch({ type: 'SET_CURRENT_COMMENT_ID', payload: { commentId: null } })}\r\n            />\r\n          ))}\r\n        </div>\r\n      </CollapsibleSection>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a"]}

package/dist/core/components/ui/Comments/commentUtils.d.ts

@@ -1,4 +1,4 @@
-import { Comment } from '../../../types/dbTypes';
+import type { Comment } from '../../../types/dbTypes';
 type BuildCommentParams = Omit<Comment, 'id' | 'createdAt' | 'updatedAt'> & Partial<Pick<Comment, 'id' | 'createdAt' | 'updatedAt'>> & {
     now?: Date;
 };

package/dist/core/components/ui/Comments/commentUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"commentUtils.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/commentUtils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAEhD,KAAK,kBAAkB,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,WAAW,GAAG,WAAW,CAAC,GACrE,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC,GACxD;IAAE,GAAG,CAAC,EAAE,IAAI,CAAA;CAAE,CAAA;AAGlB,wBAAgB,YAAY,CAAC,MAAM,EAAE,kBAAkB,GAAG,OAAO,CAAC,OAAO,CAAC,CAkBzE"}
+{"version":3,"file":"commentUtils.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/commentUtils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAErD,KAAK,kBAAkB,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,WAAW,GAAG,WAAW,CAAC,GACrE,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC,GACxD;IAAE,GAAG,CAAC,EAAE,IAAI,CAAA;CAAE,CAAA;AAGlB,wBAAgB,YAAY,CAAC,MAAM,EAAE,kBAAkB,GAAG,OAAO,CAAC,OAAO,CAAC,CAmBzE"}

package/dist/core/components/ui/Comments/commentUtils.js

@@ -14,7 +14,8 @@ function buildComment(params) {
     y: params.y,
     z: params.z,
     viewer: params.viewer,
-    buildingId: params.buildingId
+    buildingId: params.buildingId,
+    replyToId: params.replyToId
   };
 }
 export {

package/dist/core/components/ui/Comments/commentUtils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/core/components/ui/Comments/commentUtils.ts"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport { Comment } from '../../../types/dbTypes'\r\n\r\ntype BuildCommentParams = Omit<Comment, 'id' | 'createdAt' | 'updatedAt'>\r\n  & Partial<Pick<Comment, 'id' | 'createdAt' | 'updatedAt'>>\r\n  & { now?: Date }\r\n\r\n\r\nexport function buildComment(params: BuildCommentParams): Partial<Comment> {\r\n  const now = params.now ?? new Date()\r\n\r\n  return {\r\n    visible: true,\r\n    authorId: params.authorId,\r\n    organizationId: params.organizationId,\r\n    image: params.image,\r\n    text: params.text,\r\n    longitude: params.longitude,\r\n    latitude: params.latitude,\r\n    elevation: params.elevation,\r\n    x: params.x,\r\n    y: params.y,\r\n    z: params.z,\r\n    viewer: params.viewer,\r\n    buildingId: params.buildingId\r\n  }\r\n}\r\n"],"mappings":"AAUO,SAAS,aAAa,QAA8C;AAV3E;AAWE,QAAM,OAAM,YAAO,QAAP,YAAc,oBAAI,KAAK;AAEnC,SAAO;AAAA,IACL,SAAS;AAAA,IACT,UAAU,OAAO;AAAA,IACjB,gBAAgB,OAAO;AAAA,IACvB,OAAO,OAAO;AAAA,IACd,MAAM,OAAO;AAAA,IACb,WAAW,OAAO;AAAA,IAClB,UAAU,OAAO;AAAA,IACjB,WAAW,OAAO;AAAA,IAClB,GAAG,OAAO;AAAA,IACV,GAAG,OAAO;AAAA,IACV,GAAG,OAAO;AAAA,IACV,QAAQ,OAAO;AAAA,IACf,YAAY,OAAO;AAAA,EACrB;AACF;","names":[]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/commentUtils.ts"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport type { Comment } from '../../../types/dbTypes'\r\n\r\ntype BuildCommentParams = Omit<Comment, 'id' | 'createdAt' | 'updatedAt'>\r\n  & Partial<Pick<Comment, 'id' | 'createdAt' | 'updatedAt'>>\r\n  & { now?: Date }\r\n\r\n\r\nexport function buildComment(params: BuildCommentParams): Partial<Comment> {\r\n  const now = params.now ?? new Date()\r\n\r\n  return {\r\n    visible: true,\r\n    authorId: params.authorId,\r\n    organizationId: params.organizationId,\r\n    image: params.image,\r\n    text: params.text,\r\n    longitude: params.longitude,\r\n    latitude: params.latitude,\r\n    elevation: params.elevation,\r\n    x: params.x,\r\n    y: params.y,\r\n    z: params.z,\r\n    viewer: params.viewer,\r\n    buildingId: params.buildingId,\r\n    replyToId: params.replyToId\r\n  }\r\n}\r\n"],"mappings":"AAUO,SAAS,aAAa,QAA8C;AAV3E;AAWE,QAAM,OAAM,YAAO,QAAP,YAAc,oBAAI,KAAK;AAEnC,SAAO;AAAA,IACL,SAAS;AAAA,IACT,UAAU,OAAO;AAAA,IACjB,gBAAgB,OAAO;AAAA,IACvB,OAAO,OAAO;AAAA,IACd,MAAM,OAAO;AAAA,IACb,WAAW,OAAO;AAAA,IAClB,UAAU,OAAO;AAAA,IACjB,WAAW,OAAO;AAAA,IAClB,GAAG,OAAO;AAAA,IACV,GAAG,OAAO;AAAA,IACV,GAAG,OAAO;AAAA,IACV,QAAQ,OAAO;AAAA,IACf,YAAY,OAAO;AAAA,IACnB,WAAW,OAAO;AAAA,EACpB;AACF;","names":[]}

package/dist/core/components/ui/Countdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Countdown.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Countdown.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,cAAc;IACtB,UAAU,EAAE,IAAI,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAOD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,cAAc,qBA6D1E"}
+{"version":3,"file":"Countdown.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Countdown.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,cAAc;IACtB,UAAU,EAAE,IAAI,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAOD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,cAAc,qBA6D1E"}

package/dist/core/components/ui/Countdown.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
 import * as React from "react";
 import { cn } from "../../utils/utils";
-import { useTranslations } from "next-intl";
 function Countdown({ targetDate, className }) {
   const [timeLeft, setTimeLeft] = React.useState([]);
   const [mounted, setMounted] = React.useState(false);

package/dist/core/components/ui/Countdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/components/ui/Countdown.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from \"react\";\r\nimport { cn } from '../../utils/utils'\r\nimport { useTranslations } from 'next-intl'\r\n\r\ninterface CountdownProps {\r\n  targetDate: Date\r\n  className?: string\r\n}\r\n\r\ninterface TimeUnit {\r\n  value: number\r\n  label: string\r\n}\r\n\r\nexport default function Countdown({ targetDate, className }: CountdownProps) {\r\n  const [timeLeft, setTimeLeft] = React.useState<TimeUnit[]>([])\r\n  const [mounted, setMounted] = React.useState(false)\r\n\r\n  const t = useTranslations('HomePage.countdown')\r\n\r\n  React.useEffect(() => {\r\n    setMounted(true)\r\n    \r\n    const calculateTimeLeft = () => {\r\n      const now = new Date().getTime()\r\n      const target = targetDate.getTime()\r\n      const difference = target - now\r\n\r\n      if (difference > 0) {\r\n        const days = Math.floor(difference / (1000 * 60 * 60 * 24))\r\n        const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))\r\n        const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60))\r\n        const seconds = Math.floor((difference % (1000 * 60)) / 1000)\r\n\r\n        return [\r\n          { value: days, label: t('days') },\r\n          { value: hours, label: t('hours') },\r\n          { value: minutes, label: t('minutes') },\r\n          { value: seconds, label: t('seconds') }\r\n        ]\r\n      }\r\n\r\n      return [\r\n        { value: 0, label: t('days') },\r\n        { value: 0, label: t('hours') },\r\n        { value: 0, label: t('minutes') },\r\n        { value: 0, label: t('seconds') }\r\n      ]\r\n    }\r\n\r\n    const timer = setInterval(() => {\r\n      setTimeLeft(calculateTimeLeft())\r\n    }, 1000)\r\n\r\n    setTimeLeft(calculateTimeLeft())\r\n\r\n    return () => clearInterval(timer)\r\n  }, [targetDate])\r\n\r\n  if (!mounted) {\r\n    return null\r\n  }\r\n\r\n  return (\r\n    <div className={cn('flex gap-4', className)}>\r\n      {timeLeft.map((unit, index) => (\r\n        <TimeUnitDisplay\r\n          key={unit.label}\r\n          value={unit.value}\r\n          label={unit.label}\r\n          delay={index * 100}\r\n        />\r\n      ))}\r\n    </div>\r\n  )\r\n}\r\n\r\ninterface TimeUnitDisplayProps {\r\n  value: number\r\n  label: string\r\n  delay: number\r\n}\r\n\r\nfunction TimeUnitDisplay({ value, label, delay }: TimeUnitDisplayProps) {\r\n  const formattedValue = value.toString().padStart(2, '0')\r\n\r\n  return (\r\n    <div className=\"flex flex-col items-center gap-2\">\r\n      <div \r\n        className={cn(\r\n          \"w-16 h-16 border-white border rounded-xl shadow-2xl backdrop-blur-sm\",\r\n          \"flex items-center justify-center transition-all duration-300\"\r\n        )}\r\n      >\r\n        <span \r\n          className={cn(\r\n            \"text-primary-light font-black text-2xl font-mono tracking-wider\"\r\n          )}\r\n        >\r\n          {formattedValue}\r\n        </span>\r\n      </div>\r\n\r\n      {/* Label */}\r\n      <span className=\"text-xs font-semibold text-gray-300 uppercase tracking-wide\">\r\n        {label}\r\n      </span>\r\n    </div>\r\n  )\r\n}"],"mappings":";AAuEQ,cAqBJ,YArBI;AAlER,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,uBAAuB;AAYjB,SAAR,UAA2B,EAAE,YAAY,UAAU,GAAmB;AAC3E,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAqB,CAAC,CAAC;AAC7D,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK;AAElD,QAAM,IAAI,gBAAgB,oBAAoB;AAE9C,QAAM,UAAU,MAAM;AACpB,eAAW,IAAI;AAEf,UAAM,oBAAoB,MAAM;AAC9B,YAAM,OAAM,oBAAI,KAAK,GAAE,QAAQ;AAC/B,YAAM,SAAS,WAAW,QAAQ;AAClC,YAAM,aAAa,SAAS;AAE5B,UAAI,aAAa,GAAG;AAClB,cAAM,OAAO,KAAK,MAAM,cAAc,MAAO,KAAK,KAAK,GAAG;AAC1D,cAAM,QAAQ,KAAK,MAAO,cAAc,MAAO,KAAK,KAAK,OAAQ,MAAO,KAAK,GAAG;AAChF,cAAM,UAAU,KAAK,MAAO,cAAc,MAAO,KAAK,OAAQ,MAAO,GAAG;AACxE,cAAM,UAAU,KAAK,MAAO,cAAc,MAAO,MAAO,GAAI;AAE5D,eAAO;AAAA,UACL,EAAE,OAAO,MAAM,OAAO,EAAE,MAAM,EAAE;AAAA,UAChC,EAAE,OAAO,OAAO,OAAO,EAAE,OAAO,EAAE;AAAA,UAClC,EAAE,OAAO,SAAS,OAAO,EAAE,SAAS,EAAE;AAAA,UACtC,EAAE,OAAO,SAAS,OAAO,EAAE,SAAS,EAAE;AAAA,QACxC;AAAA,MACF;AAEA,aAAO;AAAA,QACL,EAAE,OAAO,GAAG,OAAO,EAAE,MAAM,EAAE;AAAA,QAC7B,EAAE,OAAO,GAAG,OAAO,EAAE,OAAO,EAAE;AAAA,QAC9B,EAAE,OAAO,GAAG,OAAO,EAAE,SAAS,EAAE;AAAA,QAChC,EAAE,OAAO,GAAG,OAAO,EAAE,SAAS,EAAE;AAAA,MAClC;AAAA,IACF;AAEA,UAAM,QAAQ,YAAY,MAAM;AAC9B,kBAAY,kBAAkB,CAAC;AAAA,IACjC,GAAG,GAAI;AAEP,gBAAY,kBAAkB,CAAC;AAE/B,WAAO,MAAM,cAAc,KAAK;AAAA,EAClC,GAAG,CAAC,UAAU,CAAC;AAEf,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,SAAI,WAAW,GAAG,cAAc,SAAS,GACvC,mBAAS,IAAI,CAAC,MAAM,UACnB;AAAA,IAAC;AAAA;AAAA,MAEC,OAAO,KAAK;AAAA,MACZ,OAAO,KAAK;AAAA,MACZ,OAAO,QAAQ;AAAA;AAAA,IAHV,KAAK;AAAA,EAIZ,CACD,GACH;AAEJ;AAQA,SAAS,gBAAgB,EAAE,OAAO,OAAO,MAAM,GAAyB;AACtE,QAAM,iBAAiB,MAAM,SAAS,EAAE,SAAS,GAAG,GAAG;AAEvD,SACE,qBAAC,SAAI,WAAU,oCACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,YACF;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,IAGA,oBAAC,UAAK,WAAU,+DACb,iBACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/core/components/ui/Countdown.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from \"react\";\r\n\r\nimport { cn } from '../../utils/utils'\r\n\r\ninterface CountdownProps {\r\n  targetDate: Date\r\n  className?: string\r\n}\r\n\r\ninterface TimeUnit {\r\n  value: number\r\n  label: string\r\n}\r\n\r\nexport default function Countdown({ targetDate, className }: CountdownProps) {\r\n  const [timeLeft, setTimeLeft] = React.useState<TimeUnit[]>([])\r\n  const [mounted, setMounted] = React.useState(false)\r\n\r\n  const t = useTranslations('HomePage.countdown')\r\n\r\n  React.useEffect(() => {\r\n    setMounted(true)\r\n\r\n    const calculateTimeLeft = () => {\r\n      const now = new Date().getTime()\r\n      const target = targetDate.getTime()\r\n      const difference = target - now\r\n\r\n      if (difference > 0) {\r\n        const days = Math.floor(difference / (1000 * 60 * 60 * 24))\r\n        const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))\r\n        const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60))\r\n        const seconds = Math.floor((difference % (1000 * 60)) / 1000)\r\n\r\n        return [\r\n          { value: days, label: t('days') },\r\n          { value: hours, label: t('hours') },\r\n          { value: minutes, label: t('minutes') },\r\n          { value: seconds, label: t('seconds') }\r\n        ]\r\n      }\r\n\r\n      return [\r\n        { value: 0, label: t('days') },\r\n        { value: 0, label: t('hours') },\r\n        { value: 0, label: t('minutes') },\r\n        { value: 0, label: t('seconds') }\r\n      ]\r\n    }\r\n\r\n    const timer = setInterval(() => {\r\n      setTimeLeft(calculateTimeLeft())\r\n    }, 1000)\r\n\r\n    setTimeLeft(calculateTimeLeft())\r\n\r\n    return () => clearInterval(timer)\r\n  }, [targetDate])\r\n\r\n  if (!mounted) {\r\n    return null\r\n  }\r\n\r\n  return (\r\n    <div className={cn('flex gap-4', className)}>\r\n      {timeLeft.map((unit, index) => (\r\n        <TimeUnitDisplay\r\n          key={unit.label}\r\n          value={unit.value}\r\n          label={unit.label}\r\n          delay={index * 100}\r\n        />\r\n      ))}\r\n    </div>\r\n  )\r\n}\r\n\r\ninterface TimeUnitDisplayProps {\r\n  value: number\r\n  label: string\r\n  delay: number\r\n}\r\n\r\nfunction TimeUnitDisplay({ value, label, delay }: TimeUnitDisplayProps) {\r\n  const formattedValue = value.toString().padStart(2, '0')\r\n\r\n  return (\r\n    <div className=\"flex flex-col items-center gap-2\">\r\n      <div\r\n        className={cn(\r\n          \"w-16 h-16 border-white border rounded-xl shadow-2xl backdrop-blur-sm\",\r\n          \"flex items-center justify-center transition-all duration-300\"\r\n        )}\r\n      >\r\n        <span\r\n          className={cn(\r\n            \"text-primary-light font-black text-2xl font-mono tracking-wider\"\r\n          )}\r\n        >\r\n          {formattedValue}\r\n        </span>\r\n      </div>\r\n\r\n      {/* Label */}\r\n      <span className=\"text-xs font-semibold text-gray-300 uppercase tracking-wide\">\r\n        {label}\r\n      </span>\r\n    </div>\r\n  )\r\n}"],"mappings":";AAwEQ,cAqBJ,YArBI;AAnER,SAAS,uBAAuB;AAChC,YAAY,WAAW;AAEvB,SAAS,UAAU;AAYJ,SAAR,UAA2B,EAAE,YAAY,UAAU,GAAmB;AAC3E,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAqB,CAAC,CAAC;AAC7D,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK;AAElD,QAAM,IAAI,gBAAgB,oBAAoB;AAE9C,QAAM,UAAU,MAAM;AACpB,eAAW,IAAI;AAEf,UAAM,oBAAoB,MAAM;AAC9B,YAAM,OAAM,oBAAI,KAAK,GAAE,QAAQ;AAC/B,YAAM,SAAS,WAAW,QAAQ;AAClC,YAAM,aAAa,SAAS;AAE5B,UAAI,aAAa,GAAG;AAClB,cAAM,OAAO,KAAK,MAAM,cAAc,MAAO,KAAK,KAAK,GAAG;AAC1D,cAAM,QAAQ,KAAK,MAAO,cAAc,MAAO,KAAK,KAAK,OAAQ,MAAO,KAAK,GAAG;AAChF,cAAM,UAAU,KAAK,MAAO,cAAc,MAAO,KAAK,OAAQ,MAAO,GAAG;AACxE,cAAM,UAAU,KAAK,MAAO,cAAc,MAAO,MAAO,GAAI;AAE5D,eAAO;AAAA,UACL,EAAE,OAAO,MAAM,OAAO,EAAE,MAAM,EAAE;AAAA,UAChC,EAAE,OAAO,OAAO,OAAO,EAAE,OAAO,EAAE;AAAA,UAClC,EAAE,OAAO,SAAS,OAAO,EAAE,SAAS,EAAE;AAAA,UACtC,EAAE,OAAO,SAAS,OAAO,EAAE,SAAS,EAAE;AAAA,QACxC;AAAA,MACF;AAEA,aAAO;AAAA,QACL,EAAE,OAAO,GAAG,OAAO,EAAE,MAAM,EAAE;AAAA,QAC7B,EAAE,OAAO,GAAG,OAAO,EAAE,OAAO,EAAE;AAAA,QAC9B,EAAE,OAAO,GAAG,OAAO,EAAE,SAAS,EAAE;AAAA,QAChC,EAAE,OAAO,GAAG,OAAO,EAAE,SAAS,EAAE;AAAA,MAClC;AAAA,IACF;AAEA,UAAM,QAAQ,YAAY,MAAM;AAC9B,kBAAY,kBAAkB,CAAC;AAAA,IACjC,GAAG,GAAI;AAEP,gBAAY,kBAAkB,CAAC;AAE/B,WAAO,MAAM,cAAc,KAAK;AAAA,EAClC,GAAG,CAAC,UAAU,CAAC;AAEf,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,SAAI,WAAW,GAAG,cAAc,SAAS,GACvC,mBAAS,IAAI,CAAC,MAAM,UACnB;AAAA,IAAC;AAAA;AAAA,MAEC,OAAO,KAAK;AAAA,MACZ,OAAO,KAAK;AAAA,MACZ,OAAO,QAAQ;AAAA;AAAA,IAHV,KAAK;AAAA,EAIZ,CACD,GACH;AAEJ;AAQA,SAAS,gBAAgB,EAAE,OAAO,OAAO,MAAM,GAAyB;AACtE,QAAM,iBAAiB,MAAM,SAAS,EAAE,SAAS,GAAG,GAAG;AAEvD,SACE,qBAAC,SAAI,WAAU,oCACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,YACF;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,IAGA,oBAAC,UAAK,WAAU,+DACb,iBACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/core/components/ui/DataTable.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ColumnDef } from '@tanstack/react-table';
+import type { ColumnDef } from '@tanstack/react-table';
 interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
     data: TData[];

package/dist/core/components/ui/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/DataTable.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,SAAS,EAOV,MAAM,uBAAuB,CAAA;AAmC9B,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM;IACpC,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAA;IACnC,IAAI,EAAE,KAAK,EAAE,CAAA;IACb,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACtC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACvC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACvC,OAAO,EACP,IAAI,EACJ,UAAU,EACV,UAAU,EACV,aAAa,EACb,SAAS,EACT,iBAAiB,EACjB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,cAAqB,EACrB,GAAQ,EACR,SAAiB,GAClB,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,qBAgR/B"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/DataTable.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAwB9B,OAAO,KAAK,EACV,SAAS,EACI,MAAM,uBAAuB,CAAC;AAE7C,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM;IACpC,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAA;IACnC,IAAI,EAAE,KAAK,EAAE,CAAA;IACb,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACtC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACvC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACvC,OAAO,EACP,IAAI,EACJ,UAAU,EACV,UAAU,EACV,aAAa,EACb,SAAS,EACT,iBAAiB,EACjB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,cAAqB,EACrB,GAAQ,EACR,SAAiB,GAClB,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,qBAgR/B"}

package/dist/core/components/ui/DataTable.js

@@ -1,6 +1,5 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
 import {
   flexRender,
   getCoreRowModel,
@@ -8,15 +7,17 @@ import {
   getSortedRowModel,
   useReactTable
 } from "@tanstack/react-table";
-import { useTranslations } from "next-intl";
 import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow
-} from "./Table";
+  ChevronLeft,
+  ChevronRight,
+  ChevronsLeft,
+  ChevronsRight
+} from "lucide-react";
+import { useTranslations } from "next-intl";
+import * as React from "react";
+import { MapContext, MenusContext } from "../../store";
+import { DataTableSkeleton } from "../DataTableSkeleton";
+import { Button } from "./Button";
 import {
   Select,
   SelectContent,
@@ -24,15 +25,14 @@ import {
   SelectTrigger,
   SelectValue
 } from "./Select";
-import { Button } from "./Button";
 import {
-  ChevronLeft,
-  ChevronRight,
-  ChevronsLeft,
-  ChevronsRight
-} from "lucide-react";
-import { MapContext, MenusContext } from "../../store";
-import { DataTableSkeleton } from "../DataTableSkeleton";
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "./Table";
 function DataTable({
   columns,
   data,

package/dist/core/components/ui/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/components/ui/DataTable.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Dependencies\r\nimport * as React from 'react'\r\nimport {\r\n  ColumnDef,\r\n  flexRender,\r\n  getCoreRowModel,\r\n  getPaginationRowModel,\r\n  SortingState,\r\n  getSortedRowModel,\r\n  useReactTable,\r\n} from '@tanstack/react-table'\r\nimport { useTranslations } from 'next-intl'\r\n\r\nimport { ColumnMeta } from '../viewers/Data/utils/Columns'\r\n\r\n// Shadcn components\r\nimport {\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableHead,\r\n  TableHeader,\r\n  TableRow,\r\n} from './Table'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from './Select'\r\nimport { Button } from './Button'\r\n\r\n// Icons\r\nimport {\r\n  ChevronLeft,\r\n  ChevronRight,\r\n  ChevronsLeft,\r\n  ChevronsRight,\r\n} from 'lucide-react'\r\n\r\nimport { MapContext, MenusContext } from '../../store'\r\nimport { ViewerNames } from '../../types/'\r\nimport { DataTableSkeleton } from '../DataTableSkeleton'\r\n\r\ninterface DataTableProps<TData, TValue> {\r\n  columns: ColumnDef<TData, TValue>[]\r\n  data: TData[]\r\n  onRowClick?: (row: TData) => void\r\n  onRowHover?: (row: TData) => void\r\n  currentViewer?: string\r\n  className?: string\r\n  paginationClasses?: string\r\n  leadingCell?: React.ComponentType<any>\r\n  trailingCell?: React.ComponentType<any>\r\n  showPagination?: boolean\r\n  tab?: string\r\n  isLoading?: boolean\r\n}\r\n\r\nexport function DataTable<TData, TValue>({\r\n  columns,\r\n  data,\r\n  onRowClick,\r\n  onRowHover,\r\n  currentViewer,\r\n  className,\r\n  paginationClasses,\r\n  trailingCell: TrailingCell,\r\n  leadingCell: LeadingCell,\r\n  showPagination = true,\r\n  tab = '',\r\n  isLoading = false,\r\n}: DataTableProps<TData, TValue>) {\r\n  // Translation\r\n  const t = useTranslations('DataTable')\r\n\r\n  const [pageIndex, setPageIndex] = React.useState(0)\r\n\r\n  const [sorting, setSorting] = React.useState<SortingState>([])\r\n\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n\r\n  const { rowsPerPage } = menusState.menus\r\n\r\n  const { state: mapState } = React.useContext(MapContext)\r\n\r\n  const { currentLocation, countrySubdivisionsData } = mapState.map\r\n  const { countrySubdivision, municipality } = currentLocation || {}\r\n\r\n  const [countrySubdivisionName, setCountrySubdivisionName] = React.useState<string>('')\r\n\r\n  React.useEffect(() => {\r\n    if (countrySubdivisionsData && countrySubdivision) {\r\n      const sub = countrySubdivisionsData[countrySubdivision] as any\r\n      setCountrySubdivisionName((sub?.name ?? sub) || '')\r\n    }\r\n  }, [countrySubdivisionsData, countrySubdivision])\r\n\r\n  const capitalize = (str: string) => str ? str.charAt(0).toUpperCase() + str.slice(1) : ''\r\n\r\n  type DataTypes = 'applied' | 'favourites' | 'national' | 'countrySubdivision' | 'municipal' | ViewerNames | ''\r\n\r\n  const dataType: DataTypes = React.useMemo(() => {\r\n    return (tab || currentViewer || '') as DataTypes\r\n  }, [currentViewer, tab])\r\n\r\n  // Keep the user on their current page when the data array changes for benign\r\n  // reasons (a row's publish state refreshing, a checkbox/favourite toggle, etc.).\r\n  // TanStack's autoResetPageIndex defaults to true, which would snap back to page 1\r\n  // on every data change. We clamp manually below instead (see effect).\r\n  const table = useReactTable({\r\n    data,\r\n    columns,\r\n    autoResetPageIndex: false,\r\n    getCoreRowModel: getCoreRowModel(),\r\n    getPaginationRowModel: getPaginationRowModel(),\r\n    onSortingChange: setSorting,\r\n    getSortedRowModel: getSortedRowModel(),\r\n    state: {\r\n      sorting,\r\n      pagination: {\r\n        pageSize: rowsPerPage,\r\n        pageIndex: pageIndex,\r\n      },\r\n    },\r\n    onPaginationChange: (updater) => {\r\n      const newPagination\r\n        = typeof updater === 'function'\r\n          ? updater({ pageIndex, pageSize: rowsPerPage })\r\n          : updater\r\n\r\n      setPageIndex(newPagination.pageIndex)\r\n      if (newPagination.pageSize !== rowsPerPage) {\r\n        menusDispatch({ type: 'SET_PAGINATION_ROWS_PER_PAGE', payload: { rowsPerPage: newPagination.pageSize } })\r\n      }\r\n    },\r\n  })\r\n\r\n  // If the data shrinks (filter/search/un-publish) so the current page no longer\r\n  // exists, clamp to the last valid page rather than showing an empty table.\r\n  React.useEffect(() => {\r\n    const pageCount = Math.max(1, Math.ceil(data.length / rowsPerPage))\r\n    if (pageIndex > pageCount - 1) {\r\n      setPageIndex(pageCount - 1)\r\n    }\r\n  }, [data.length, rowsPerPage, pageIndex])\r\n\r\n  // Show skeleton when loading\r\n  if (isLoading) {\r\n    return (\r\n      <DataTableSkeleton\r\n        columns={columns.length}\r\n        rows={rowsPerPage}\r\n        showLeadingCell={!!LeadingCell}\r\n        showTrailingCell={!!TrailingCell}\r\n        className={className}\r\n        showPagination={showPagination}\r\n      />\r\n    )\r\n  }\r\n  if (!data) {\r\n    return (\r\n      <div className=\"flex items-center justify-center h-full\">\r\n        <p className=\"text-gray-500\">{t('no')} {currentViewer} {t('availableAtTheMoment')}</p>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"flex flex-col h-full\">\r\n      <div className={`${className} rounded-md border overflow-hidden flex-1 flex flex-col`}>\r\n        <div className=\"overflow-auto flex-1\">\r\n          <Table>\r\n            <TableHeader className=\"sticky top-0 z-10 bg-background\">\r\n              {table.getHeaderGroups().map(headerGroup => (\r\n                <TableRow key={headerGroup.id}>\r\n                  {/* Empty header cell for LeadingCell if it exists */}\r\n                  {LeadingCell && <TableHead></TableHead>}\r\n                  {headerGroup.headers.map((header) => {\r\n                    // Get the column classes from meta\r\n                    const meta = header.column.columnDef.meta as ColumnMeta | undefined\r\n                    const columnClasses = meta?.columnClasses || ''\r\n\r\n                    return (\r\n                      <TableHead key={header.id} className={`${columnClasses}`}>\r\n                        {header.isPlaceholder\r\n                          ? null\r\n                          : flexRender(\r\n                              header.column.columnDef.header,\r\n                              header.getContext(),\r\n                            )}\r\n                      </TableHead>\r\n                    )\r\n                  })}\r\n                  <TableHead className=\"w-10\"></TableHead>\r\n                </TableRow>\r\n              ))}\r\n            </TableHeader>\r\n            <TableBody>\r\n              {table.getRowModel().rows?.length ? (\r\n                table.getRowModel().rows.map(row => (\r\n                  <TableRow\r\n                    key={row.id}\r\n                    data-state={row.getIsSelected() && 'selected'}\r\n                    className=\"cursor-pointer hover:bg-muted/50\"\r\n                    onClick={(e) => {\r\n                      // Only trigger row click if not clicking on the dropdown\r\n                      if (\r\n                        !(e.target as HTMLElement).closest('.dropdown-menu-trigger')\r\n                        && !(e.target as HTMLElement).closest('Button')\r\n                        && onRowClick) {\r\n                        onRowClick(row.original as TData)\r\n                      }\r\n                    }}\r\n                    onMouseEnter={() => {\r\n                      if (onRowHover) {\r\n                        onRowHover(row.original as TData)\r\n                      }\r\n                    }}\r\n                  >\r\n                    {/* leading cell(s) */}\r\n                    {LeadingCell\r\n                      && (\r\n                        <TableCell className=\"w-px p-1 sm:p-2\">\r\n                          <LeadingCell dataset={row.original} />\r\n                        </TableCell>\r\n                      )}\r\n\r\n                    {/* Table content */}\r\n                    {row.getVisibleCells().map((cell) => {\r\n                      // Get the column classes from meta for cells\r\n                      const meta = cell.column.columnDef.meta as ColumnMeta | any\r\n                      const columnClasses = meta?.columnClasses || ''\r\n\r\n                      return (\r\n                        <TableCell key={cell.id} className={columnClasses}>\r\n                          {flexRender(cell.column.columnDef.cell, cell.getContext())}\r\n                        </TableCell>\r\n                      )\r\n                    })}\r\n\r\n                    {/* trailing cell(s) */}\r\n                    {TrailingCell\r\n                      && (\r\n                        <TableCell className=\"w-px p-1 sm:p-2\">\r\n                          <TrailingCell row={row} />\r\n                        </TableCell>\r\n                      )}\r\n\r\n                  </TableRow>\r\n                ))\r\n              ) : (\r\n                <TableRow>\r\n                  <TableCell colSpan={columns.length + 1} className=\"h-24 text-center\">\r\n                    {dataType === 'applied' && t('noApplied')}\r\n                    {dataType === 'favourites' && t('noFavorite')}\r\n                    {dataType === 'national' && `${t('noNational')}`}\r\n                    {dataType === 'countrySubdivision' && `${t('noProvincial')} ${countrySubdivisionName}`}\r\n                    {dataType === 'municipal' && `${t('noMunicipal')} ${municipality}`}\r\n                    {dataType === 'buildings' && `${t('noBuildings')}`}\r\n                    {dataType === 'sites' && `${t('noSites')} `}\r\n                    {dataType === 'files' && `${t('noFiles')}`}\r\n                  </TableCell>\r\n                </TableRow>\r\n              )}\r\n            </TableBody>\r\n          </Table>\r\n        </div>\r\n      </div>\r\n      {/* Pagination */}\r\n      {showPagination && (\r\n        <div className={`flex items-center flex-wrap justify-center sm:justify-end gap-3 sm:gap-8 px-1 py-4 ${paginationClasses}`}>\r\n          <div className=\"flex flex-row gap-2 items-center justify-center\">\r\n            <span className=\"text-sm text-foreground text-nowrap\">{t('paginationTitle')}</span>\r\n            <Select\r\n              value={rowsPerPage.toString()}\r\n              onValueChange={(value) => {\r\n                const rowsPerPage = Number.parseInt(value)\r\n                menusDispatch({ type: 'SET_PAGINATION_ROWS_PER_PAGE', payload: { rowsPerPage } })\r\n                table.setPageSize(rowsPerPage)\r\n              }}\r\n            >\r\n              <SelectTrigger>\r\n                <SelectValue placeholder=\"10\" />\r\n              </SelectTrigger>\r\n              <SelectContent>\r\n                <SelectItem value=\"10\">10</SelectItem>\r\n                <SelectItem value=\"20\">20</SelectItem>\r\n                <SelectItem value=\"50\">50</SelectItem>\r\n                <SelectItem value=\"100\">100</SelectItem>\r\n              </SelectContent>\r\n            </Select>\r\n          </div>\r\n\r\n          <div>\r\n            <span className=\"text-sm text-foreground\">\r\n              {t('page')}\r\n              {' '}\r\n              {table.getState().pagination.pageIndex + 1}\r\n              {' '}\r\n              {t('of')}\r\n              {' '}\r\n              {table.getPageCount()}\r\n            </span>\r\n          </div>\r\n\r\n          <div className=\"flex flex-row gap-2 items-center justify-center\">\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.firstPage()}\r\n              disabled={!table.getCanPreviousPage()}\r\n            >\r\n              <ChevronsLeft />\r\n            </Button>\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.previousPage()}\r\n              disabled={!table.getCanPreviousPage()}\r\n            >\r\n              <ChevronLeft />\r\n            </Button>\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.nextPage()}\r\n              disabled={!table.getCanNextPage()}\r\n            >\r\n              <ChevronRight />\r\n            </Button>\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.lastPage()}\r\n              disabled={!table.getCanNextPage()}\r\n            >\r\n              <ChevronsRight />\r\n            </Button>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","rowsPerPage"]}
+{"version":3,"sources":["../../../../src/core/components/ui/DataTable.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Dependencies\r\nimport {\r\n  flexRender,\r\n  getCoreRowModel,\r\n  getPaginationRowModel,\r\n  getSortedRowModel,\r\n  useReactTable,\r\n} from '@tanstack/react-table'\r\n\r\n\r\n// Shadcn components\r\n\r\n// Icons\r\nimport {\r\n  ChevronLeft,\r\n  ChevronRight,\r\n  ChevronsLeft,\r\n  ChevronsRight,\r\n} from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\n\r\nimport { MapContext, MenusContext } from '../../store'\r\nimport { DataTableSkeleton } from '../DataTableSkeleton'\r\n\r\nimport { Button } from './Button'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from './Select'\r\nimport {\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableHead,\r\n  TableHeader,\r\n  TableRow,\r\n} from './Table'\r\n\r\nimport type { ViewerNames } from '../../types/'\r\nimport type { ColumnMeta } from '../viewers/Data/utils/Columns'\r\nimport type {\r\n  ColumnDef,\r\n  SortingState} from '@tanstack/react-table';\r\n\r\ninterface DataTableProps<TData, TValue> {\r\n  columns: ColumnDef<TData, TValue>[]\r\n  data: TData[]\r\n  onRowClick?: (row: TData) => void\r\n  onRowHover?: (row: TData) => void\r\n  currentViewer?: string\r\n  className?: string\r\n  paginationClasses?: string\r\n  leadingCell?: React.ComponentType<any>\r\n  trailingCell?: React.ComponentType<any>\r\n  showPagination?: boolean\r\n  tab?: string\r\n  isLoading?: boolean\r\n}\r\n\r\nexport function DataTable<TData, TValue>({\r\n  columns,\r\n  data,\r\n  onRowClick,\r\n  onRowHover,\r\n  currentViewer,\r\n  className,\r\n  paginationClasses,\r\n  trailingCell: TrailingCell,\r\n  leadingCell: LeadingCell,\r\n  showPagination = true,\r\n  tab = '',\r\n  isLoading = false,\r\n}: DataTableProps<TData, TValue>) {\r\n  // Translation\r\n  const t = useTranslations('DataTable')\r\n\r\n  const [pageIndex, setPageIndex] = React.useState(0)\r\n\r\n  const [sorting, setSorting] = React.useState<SortingState>([])\r\n\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n\r\n  const { rowsPerPage } = menusState.menus\r\n\r\n  const { state: mapState } = React.useContext(MapContext)\r\n\r\n  const { currentLocation, countrySubdivisionsData } = mapState.map\r\n  const { countrySubdivision, municipality } = currentLocation || {}\r\n\r\n  const [countrySubdivisionName, setCountrySubdivisionName] = React.useState<string>('')\r\n\r\n  React.useEffect(() => {\r\n    if (countrySubdivisionsData && countrySubdivision) {\r\n      const sub = countrySubdivisionsData[countrySubdivision] as any\r\n      setCountrySubdivisionName((sub?.name ?? sub) || '')\r\n    }\r\n  }, [countrySubdivisionsData, countrySubdivision])\r\n\r\n  const capitalize = (str: string) => str ? str.charAt(0).toUpperCase() + str.slice(1) : ''\r\n\r\n  type DataTypes = 'applied' | 'favourites' | 'national' | 'countrySubdivision' | 'municipal' | ViewerNames | ''\r\n\r\n  const dataType: DataTypes = React.useMemo(() => {\r\n    return (tab || currentViewer || '') as DataTypes\r\n  }, [currentViewer, tab])\r\n\r\n  // Keep the user on their current page when the data array changes for benign\r\n  // reasons (a row's publish state refreshing, a checkbox/favourite toggle, etc.).\r\n  // TanStack's autoResetPageIndex defaults to true, which would snap back to page 1\r\n  // on every data change. We clamp manually below instead (see effect).\r\n  const table = useReactTable({\r\n    data,\r\n    columns,\r\n    autoResetPageIndex: false,\r\n    getCoreRowModel: getCoreRowModel(),\r\n    getPaginationRowModel: getPaginationRowModel(),\r\n    onSortingChange: setSorting,\r\n    getSortedRowModel: getSortedRowModel(),\r\n    state: {\r\n      sorting,\r\n      pagination: {\r\n        pageSize: rowsPerPage,\r\n        pageIndex: pageIndex,\r\n      },\r\n    },\r\n    onPaginationChange: (updater) => {\r\n      const newPagination\r\n        = typeof updater === 'function'\r\n          ? updater({ pageIndex, pageSize: rowsPerPage })\r\n          : updater\r\n\r\n      setPageIndex(newPagination.pageIndex)\r\n      if (newPagination.pageSize !== rowsPerPage) {\r\n        menusDispatch({ type: 'SET_PAGINATION_ROWS_PER_PAGE', payload: { rowsPerPage: newPagination.pageSize } })\r\n      }\r\n    },\r\n  })\r\n\r\n  // If the data shrinks (filter/search/un-publish) so the current page no longer\r\n  // exists, clamp to the last valid page rather than showing an empty table.\r\n  React.useEffect(() => {\r\n    const pageCount = Math.max(1, Math.ceil(data.length / rowsPerPage))\r\n    if (pageIndex > pageCount - 1) {\r\n      setPageIndex(pageCount - 1)\r\n    }\r\n  }, [data.length, rowsPerPage, pageIndex])\r\n\r\n  // Show skeleton when loading\r\n  if (isLoading) {\r\n    return (\r\n      <DataTableSkeleton\r\n        columns={columns.length}\r\n        rows={rowsPerPage}\r\n        showLeadingCell={!!LeadingCell}\r\n        showTrailingCell={!!TrailingCell}\r\n        className={className}\r\n        showPagination={showPagination}\r\n      />\r\n    )\r\n  }\r\n  if (!data) {\r\n    return (\r\n      <div className=\"flex items-center justify-center h-full\">\r\n        <p className=\"text-gray-500\">{t('no')} {currentViewer} {t('availableAtTheMoment')}</p>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"flex flex-col h-full\">\r\n      <div className={`${className} rounded-md border overflow-hidden flex-1 flex flex-col`}>\r\n        <div className=\"overflow-auto flex-1\">\r\n          <Table>\r\n            <TableHeader className=\"sticky top-0 z-10 bg-background\">\r\n              {table.getHeaderGroups().map(headerGroup => (\r\n                <TableRow key={headerGroup.id}>\r\n                  {/* Empty header cell for LeadingCell if it exists */}\r\n                  {LeadingCell && <TableHead></TableHead>}\r\n                  {headerGroup.headers.map((header) => {\r\n                    // Get the column classes from meta\r\n                    const meta = header.column.columnDef.meta as ColumnMeta | undefined\r\n                    const columnClasses = meta?.columnClasses || ''\r\n\r\n                    return (\r\n                      <TableHead key={header.id} className={`${columnClasses}`}>\r\n                        {header.isPlaceholder\r\n                          ? null\r\n                          : flexRender(\r\n                              header.column.columnDef.header,\r\n                              header.getContext(),\r\n                            )}\r\n                      </TableHead>\r\n                    )\r\n                  })}\r\n                  <TableHead className=\"w-10\"></TableHead>\r\n                </TableRow>\r\n              ))}\r\n            </TableHeader>\r\n            <TableBody>\r\n              {table.getRowModel().rows?.length ? (\r\n                table.getRowModel().rows.map(row => (\r\n                  <TableRow\r\n                    key={row.id}\r\n                    data-state={row.getIsSelected() && 'selected'}\r\n                    className=\"cursor-pointer hover:bg-muted/50\"\r\n                    onClick={(e) => {\r\n                      // Only trigger row click if not clicking on the dropdown\r\n                      if (\r\n                        !(e.target as HTMLElement).closest('.dropdown-menu-trigger')\r\n                        && !(e.target as HTMLElement).closest('Button')\r\n                        && onRowClick) {\r\n                        onRowClick(row.original as TData)\r\n                      }\r\n                    }}\r\n                    onMouseEnter={() => {\r\n                      if (onRowHover) {\r\n                        onRowHover(row.original as TData)\r\n                      }\r\n                    }}\r\n                  >\r\n                    {/* leading cell(s) */}\r\n                    {LeadingCell\r\n                      && (\r\n                        <TableCell className=\"w-px p-1 sm:p-2\">\r\n                          <LeadingCell dataset={row.original} />\r\n                        </TableCell>\r\n                      )}\r\n\r\n                    {/* Table content */}\r\n                    {row.getVisibleCells().map((cell) => {\r\n                      // Get the column classes from meta for cells\r\n                      const meta = cell.column.columnDef.meta as ColumnMeta | any\r\n                      const columnClasses = meta?.columnClasses || ''\r\n\r\n                      return (\r\n                        <TableCell key={cell.id} className={columnClasses}>\r\n                          {flexRender(cell.column.columnDef.cell, cell.getContext())}\r\n                        </TableCell>\r\n                      )\r\n                    })}\r\n\r\n                    {/* trailing cell(s) */}\r\n                    {TrailingCell\r\n                      && (\r\n                        <TableCell className=\"w-px p-1 sm:p-2\">\r\n                          <TrailingCell row={row} />\r\n                        </TableCell>\r\n                      )}\r\n\r\n                  </TableRow>\r\n                ))\r\n              ) : (\r\n                <TableRow>\r\n                  <TableCell colSpan={columns.length + 1} className=\"h-24 text-center\">\r\n                    {dataType === 'applied' && t('noApplied')}\r\n                    {dataType === 'favourites' && t('noFavorite')}\r\n                    {dataType === 'national' && `${t('noNational')}`}\r\n                    {dataType === 'countrySubdivision' && `${t('noProvincial')} ${countrySubdivisionName}`}\r\n                    {dataType === 'municipal' && `${t('noMunicipal')} ${municipality}`}\r\n                    {dataType === 'buildings' && `${t('noBuildings')}`}\r\n                    {dataType === 'sites' && `${t('noSites')} `}\r\n                    {dataType === 'files' && `${t('noFiles')}`}\r\n                  </TableCell>\r\n                </TableRow>\r\n              )}\r\n            </TableBody>\r\n          </Table>\r\n        </div>\r\n      </div>\r\n      {/* Pagination */}\r\n      {showPagination && (\r\n        <div className={`flex items-center flex-wrap justify-center sm:justify-end gap-3 sm:gap-8 px-1 py-4 ${paginationClasses}`}>\r\n          <div className=\"flex flex-row gap-2 items-center justify-center\">\r\n            <span className=\"text-sm text-foreground text-nowrap\">{t('paginationTitle')}</span>\r\n            <Select\r\n              value={rowsPerPage.toString()}\r\n              onValueChange={(value) => {\r\n                const rowsPerPage = Number.parseInt(value)\r\n                menusDispatch({ type: 'SET_PAGINATION_ROWS_PER_PAGE', payload: { rowsPerPage } })\r\n                table.setPageSize(rowsPerPage)\r\n              }}\r\n            >\r\n              <SelectTrigger>\r\n                <SelectValue placeholder=\"10\" />\r\n              </SelectTrigger>\r\n              <SelectContent>\r\n                <SelectItem value=\"10\">10</SelectItem>\r\n                <SelectItem value=\"20\">20</SelectItem>\r\n                <SelectItem value=\"50\">50</SelectItem>\r\n                <SelectItem value=\"100\">100</SelectItem>\r\n              </SelectContent>\r\n            </Select>\r\n          </div>\r\n\r\n          <div>\r\n            <span className=\"text-sm text-foreground\">\r\n              {t('page')}\r\n              {' '}\r\n              {table.getState().pagination.pageIndex + 1}\r\n              {' '}\r\n              {t('of')}\r\n              {' '}\r\n              {table.getPageCount()}\r\n            </span>\r\n          </div>\r\n\r\n          <div className=\"flex flex-row gap-2 items-center justify-center\">\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.firstPage()}\r\n              disabled={!table.getCanPreviousPage()}\r\n            >\r\n              <ChevronsLeft />\r\n            </Button>\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.previousPage()}\r\n              disabled={!table.getCanPreviousPage()}\r\n            >\r\n              <ChevronLeft />\r\n            </Button>\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.nextPage()}\r\n              disabled={!table.getCanNextPage()}\r\n            >\r\n              <ChevronRight />\r\n            </Button>\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.lastPage()}\r\n              disabled={!table.getCanNextPage()}\r\n            >\r\n              <ChevronsRight />\r\n            </Button>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","rowsPerPage"]}

package/dist/core/components/ui/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/DatePicker.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,qBAoC9E"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/DatePicker.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,qBAoC9E"}

package/dist/core/components/ui/DatePicker.js

@@ -1,15 +1,15 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
 import { ChevronDownIcon } from "lucide-react";
+import * as React from "react";
 import { Button } from "./Button";
 import { Calendar } from "./Calendar";
+import { Label } from "./Label";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger
 } from "./Popover";
-import { Label } from "./Label";
 function DatePicker({ date, onSelect, label, disabled }) {
   const [open, setOpen] = React.useState(false);
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [