@open-pioneer/spatial-bookmarks 0.11.0 → 0.12.0-dev.20250905090001

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @open-pioneer/spatial-bookmarks
 
+## 0.12.0-dev.20250905090001
+
+### Minor Changes
+
+- 2732052: Icons have been changed to unify the appearance of the components. Preferably, Lucide react-icons are used.
+
+### Patch Changes
+
+- 10d2fe7: Update dependencies
+- da6a410: Update dependencies
+- Updated dependencies [29a10df]
+- Updated dependencies [10d2fe7]
+- Updated dependencies [2702df4]
+- Updated dependencies [12561fe]
+- Updated dependencies [5df900f]
+- Updated dependencies [8986b3b]
+- Updated dependencies [aeb9000]
+- Updated dependencies [5df900f]
+- Updated dependencies [f1f69f2]
+- Updated dependencies [da6a410]
+    - @open-pioneer/map@0.12.0-dev.20250905090001
+
 ## 0.11.0
 
 ### Minor Changes
@@ -25,12 +47,10 @@
 - 0137b05: Fix a11y issues.
 
     **Improvements:**
-
     - add descriptive `aria-label` to each list item to make it clearer for screen reader users that list item is an interactive element
     - use title in `aria-label` of deleteOne button to provide more context for screen reader users
 
     **Known issues:**
-
     - screen readers read both tooltip content and aria label of deleteOne Button
     - descriptive `aria-label` for list items is a workaround
     - ideally interactive elements should not be nested (deleteOne Button is currently a child of list item)
@@ -97,7 +117,6 @@
 ### Minor Changes
 
 - 2fa8020: Update trails core package dependencies.
-
     - Also updates Chakra UI to the latest 2.x version and Chakra React Select to version 5.
     - Removes any obsolete references to `@chakra-ui/system`.
       This dependency seems to be no longer required and may lead to duplicate packages in your dependency tree.

package/SpatialBookmarks.js

@@ -2,17 +2,17 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Flex, VStack, Field, Input, List, Icon, Center, Text, Spacer, IconButton, Button } from '@chakra-ui/react';
 import { Alert } from '@open-pioneer/chakra-snippets/alert';
 import { Tooltip } from '@open-pioneer/chakra-snippets/tooltip';
-import { useMapModel } from '@open-pioneer/map';
+import { useMapModelValue } from '@open-pioneer/map';
 import { useCommonComponentProps } from '@open-pioneer/react-utils';
 import { useReactiveSnapshot } from '@open-pioneer/reactivity';
 import classNames from 'classnames';
 import { useService, useIntl } from './_virtual/_virtual-pioneer-module_react-hooks.js';
 import { useState, useEffect, useRef } from 'react';
-import { PiTrashSimpleLight, PiMapTrifold } from 'react-icons/pi';
+import { LuTrash, LuMap } from 'react-icons/lu';
 import { SpatialBookmarkViewModel } from './SpatialBookmarksViewModel.js';
 
 const SpatialBookmarks = (props) => {
-  const { map } = useMapModel(props);
+  const map = useMapModelValue(props);
   const localStorageService = useService(
     "local-storage.LocalStorageService"
   );
@@ -220,7 +220,7 @@ function BookmarkItem(props) {
       onClick: onActivate,
       "aria-label": intl.formatMessage({ id: "bookmark.ariaLabel" }, { title }),
       children: /* @__PURE__ */ jsxs(Flex, { width: "100%", flexDirection: "row", align: "center", gap: 1, children: [
-        /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(PiMapTrifold, {}) }) }),
+        /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(LuMap, {}) }) }),
         /* @__PURE__ */ jsx(Text, { ps: 2, maxLines: 1, children: title }),
         /* @__PURE__ */ jsx(Spacer, {}),
         /* @__PURE__ */ jsx(
@@ -249,7 +249,7 @@ function BookmarkItem(props) {
                   { id: "bookmark.button.deleteOne.ariaLabel" },
                   { title }
                 ),
-                children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(PiTrashSimpleLight, {}) })
+                children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(LuTrash, {}) })
               }
             )
           },
@@ -270,7 +270,7 @@ function ListControls(props) {
         colorPalette: "red",
         onClick: showDelete,
         variant: "outline",
-        children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(PiTrashSimpleLight, {}) })
+        children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(LuTrash, {}) })
       }
     ),
     /* @__PURE__ */ jsx(DialogButton, { onClick: showCreate, children: intl.formatMessage({ id: "bookmark.button.create" }) })
@@ -302,12 +302,7 @@ function DialogIconButton(props) {
 function useViewModel(map, localStorageService) {
   const [viewModel, setViewModel] = useState();
   useEffect(() => {
-    let viewModel2;
-    if (!map) {
-      viewModel2 = void 0;
-    } else {
-      viewModel2 = new SpatialBookmarkViewModel(map, localStorageService);
-    }
+    const viewModel2 = new SpatialBookmarkViewModel(map, localStorageService);
     setViewModel(viewModel2);
     return () => viewModel2?.destroy();
   }, [map, localStorageService]);

package/SpatialBookmarks.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpatialBookmarks.js","sources":["SpatialBookmarks.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport {\n    Button,\n    ButtonProps,\n    Center,\n    Field,\n    Flex,\n    Icon,\n    IconButton,\n    IconButtonProps,\n    Input,\n    List,\n    Spacer,\n    Text,\n    VStack\n} from \"@chakra-ui/react\";\nimport { Alert } from \"@open-pioneer/chakra-snippets/alert\";\nimport { Tooltip } from \"@open-pioneer/chakra-snippets/tooltip\";\nimport { LocalStorageService } from \"@open-pioneer/local-storage\";\nimport { MapModel, MapModelProps, useMapModel } from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps } from \"@open-pioneer/react-utils\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\nimport classNames from \"classnames\";\nimport { useIntl, useService } from \"open-pioneer:react-hooks\";\nimport { FC, KeyboardEvent, ReactNode, useEffect, useRef, useState } from \"react\";\nimport { PiMapTrifold, PiTrashSimpleLight } from \"react-icons/pi\";\nimport { Bookmark, SpatialBookmarkViewModel } from \"./SpatialBookmarksViewModel\";\n\ntype UIMode = \"list\" | \"create\" | \"delete\";\n\nexport interface SpatialBookmarksProps extends CommonComponentProps, MapModelProps {}\n\n/**\n * A component that allows the user to manage a set of spatial bookmarks.\n */\nexport const SpatialBookmarks: FC<SpatialBookmarksProps> = (props) => {\n    const { map } = useMapModel(props);\n    const localStorageService = useService<LocalStorageService>(\n        \"local-storage.LocalStorageService\"\n    );\n    const viewModel = useViewModel(map, localStorageService);\n    return viewModel && <SpatialBookmarkUI {...props} viewModel={viewModel} />;\n};\n\nfunction SpatialBookmarkUI(props: SpatialBookmarksProps & { viewModel: SpatialBookmarkViewModel }) {\n    const { viewModel } = props;\n    const intl = useIntl();\n    const listItemNodes = useRef<HTMLElement[]>([]);\n    const [scrollToLastItem, setScrollToLastItem] = useState(false);\n    const bookmarks = useReactiveSnapshot(() => viewModel.bookmarks, [viewModel]);\n    const [bookmarkName, setBookmarkName] = useState<string>(\"\");\n    const isValidBookmarkName = bookmarkName.trim().length > 0; // use trim to avoid bookmarks with space character only\n    const { containerProps } = useCommonComponentProps(\"spatial-bookmarks\", props);\n    const [uiMode, setUiMode] = useState<UIMode>(\"list\");\n\n    const clearBookmarks = () => {\n        viewModel.deleteAllBookmarks();\n        setUiMode(\"list\");\n    };\n\n    const addBookmark = () => {\n        if (isValidBookmarkName) {\n            viewModel.createBookmark(bookmarkName);\n            setUiMode(\"list\");\n            setBookmarkName(\"\");\n            setScrollToLastItem(true);\n        }\n    };\n\n    // Scroll to newly created bookmark after render\n    useEffect(() => {\n        if (scrollToLastItem) {\n            const listItems = listItemNodes.current;\n            if (listItems) {\n                const lastItem = listItems[bookmarks.length - 1];\n                lastItem?.scrollIntoView?.();\n            }\n            setScrollToLastItem(false);\n        }\n    }, [bookmarks, scrollToLastItem]);\n\n    const deleteContent = () => (\n        <VStack>\n            <Alert\n                rounded=\"md\"\n                status=\"warning\"\n                title={intl.formatMessage({ id: \"bookmark.alert.delete\" })}\n                role=\"alert\"\n            />\n            <RemoveControls\n                intl={intl}\n                onClear={clearBookmarks}\n                onCancel={() => setUiMode(\"list\")}\n            />\n        </VStack>\n    );\n\n    const createContent = () => (\n        <VStack>\n            <Alert\n                rounded=\"md\"\n                status=\"info\"\n                title={intl.formatMessage({ id: \"bookmark.alert.create\" })}\n                role=\"alert\"\n            />\n            <Field.Root invalid={!isValidBookmarkName} required>\n                <Input\n                    aria-label={intl.formatMessage({ id: \"bookmark.input.label\" })}\n                    placeholder={intl.formatMessage({ id: \"bookmark.input.placeholder\" })}\n                    value={bookmarkName}\n                    onChange={(event) => {\n                        setBookmarkName(event.target.value);\n                    }}\n                    onKeyDown={(e) => {\n                        // add bookmark only, if valid bookmark name exists\n                        if (e.key === \"Enter\") {\n                            addBookmark();\n                        }\n                    }}\n                    autoFocus // eslint-disable-line jsx-a11y/no-autofocus\n                />\n            </Field.Root>\n            <CreateControls\n                intl={intl}\n                isInvalid={!isValidBookmarkName}\n                onCancel={() => {\n                    setBookmarkName(\"\");\n                    setUiMode(\"list\");\n                }}\n                onSave={addBookmark}\n            />\n        </VStack>\n    );\n\n    const listContent = () => (\n        <>\n            {bookmarks.length ? (\n                createList(bookmarks, viewModel, intl, listItemNodes)\n            ) : (\n                <Alert\n                    rounded=\"md\"\n                    status=\"info\"\n                    title={intl.formatMessage({ id: \"bookmark.alert.noSaved\" })}\n                    role=\"alert\"\n                />\n            )}\n            <ListControls\n                intl={intl}\n                bookmarks={bookmarks}\n                showCreate={() => setUiMode(\"create\")}\n                showDelete={() => setUiMode(\"delete\")}\n            />\n        </>\n    );\n\n    const content = (\n        <>\n            {uiMode === \"list\" && listContent()}\n            {uiMode === \"create\" && createContent()}\n            {uiMode === \"delete\" && deleteContent()}\n        </>\n    );\n\n    return (\n        <Flex flexDirection=\"column\" {...containerProps}>\n            {content}\n        </Flex>\n    );\n}\n\nfunction createList(\n    bookmarks: Bookmark[],\n    viewModel: SpatialBookmarkViewModel,\n    intl: PackageIntl,\n    listRef: React.MutableRefObject<HTMLElement[]>\n) {\n    const bookmarkItems = bookmarks.map((bookmark, idx) => (\n        <BookmarkItem\n            key={bookmark.id}\n            index={idx}\n            listItemNodes={listRef}\n            bookmark={bookmark}\n            onActivate={() => viewModel.activateBookmark(bookmark)}\n            onDelete={() => viewModel.deleteBookmark(bookmark.id)}\n            intl={intl}\n        />\n    ));\n\n    return (\n        <List.Root\n            as=\"ul\"\n            className=\"spatial-bookmark-list\"\n            role=\"listbox\"\n            aria-label={intl.formatMessage({\n                id: \"bookmark.list.label\"\n            })}\n            flexShrink={1}\n            flexGrow={1}\n            p={1} // Some padding for children's box shadow\n            gap={1}\n            overflowY=\"auto\"\n            listStyleType=\"none\"\n        >\n            {bookmarkItems}\n        </List.Root>\n    );\n}\n\n// key name -> index\nconst ARROW_INDEX_MAP: Record<string, number> = {\n    ArrowDown: 1,\n    ArrowUp: -1\n};\n\nfunction BookmarkItem(props: {\n    index: number;\n    listItemNodes: React.RefObject<HTMLElement[]>;\n    bookmark: Bookmark;\n    onActivate: () => void;\n    onDelete: () => void;\n    intl: PackageIntl;\n}): ReactNode {\n    const { index, listItemNodes, bookmark, onDelete, onActivate, intl } = props;\n    const title = bookmark.title;\n    const onKeyDown = (evt: KeyboardEvent) => {\n        const key = evt.key;\n        if (key === \"Enter\") {\n            // Ignore enter from child components (buttons)\n            if (evt.target === evt.currentTarget) {\n                onActivate();\n            }\n            return;\n        }\n\n        if (ARROW_INDEX_MAP[key] != null) {\n            const len = listItemNodes.current?.length;\n            if (!len) {\n                return;\n            }\n\n            let nextIndex = (index + ARROW_INDEX_MAP[key]!) % len;\n            if (nextIndex < 0) {\n                nextIndex = len - 1;\n            }\n            listItemNodes.current[nextIndex]?.focus();\n        }\n    };\n\n    return (\n        <List.Item\n            as=\"li\"\n            p={1}\n            ref={(el: HTMLElement | null) => {\n                if (!el) {\n                    listItemNodes.current.splice(index, 1);\n                    return;\n                }\n                listItemNodes.current[index] = el;\n            }}\n            className={classNames(\"spatial-bookmarks-item\")}\n            tabIndex={0}\n            rounded=\"md\"\n            role=\"option\"\n            cursor=\"pointer\"\n            outline={0}\n            _hover={{ background: \"trails.50\" }}\n            focusVisibleRing=\"outside\"\n            onKeyDown={onKeyDown}\n            onClick={onActivate}\n            aria-label={intl.formatMessage({ id: \"bookmark.ariaLabel\" }, { title: title })}\n        >\n            <Flex width=\"100%\" flexDirection=\"row\" align=\"center\" gap={1}>\n                <Center>\n                    <Icon>\n                        <PiMapTrifold />\n                    </Icon>\n                </Center>\n                <Text ps={2} maxLines={1}>\n                    {title}\n                </Text>\n                <Spacer />\n                <Tooltip\n                    key={index}\n                    showArrow\n                    content={intl.formatMessage({\n                        id: \"bookmark.button.deleteOne.tooltip\"\n                    })}\n                    positioning={{\n                        placement: \"right\"\n                    }}\n                >\n                    <IconButton\n                        className=\"spatial-bookmarks-item-delete\"\n                        borderRadius=\"full\"\n                        padding={0}\n                        colorPalette=\"red\"\n                        variant=\"plain\"\n                        onClick={(event) => {\n                            onDelete();\n                            event.stopPropagation();\n                        }}\n                        aria-label={intl.formatMessage(\n                            { id: \"bookmark.button.deleteOne.ariaLabel\" },\n                            { title: title }\n                        )}\n                    >\n                        <Icon>\n                            <PiTrashSimpleLight />\n                        </Icon>\n                    </IconButton>\n                </Tooltip>\n            </Flex>\n        </List.Item>\n    );\n}\n\nfunction ListControls(props: {\n    intl: PackageIntl;\n    bookmarks: Bookmark[];\n    showCreate: () => void;\n    showDelete: () => void;\n}): ReactNode {\n    const { intl, bookmarks, showCreate, showDelete } = props;\n\n    return (\n        <ButtonContainer>\n            <DialogIconButton\n                aria-label={intl.formatMessage({ id: \"bookmark.button.deleteAll\" })}\n                disabled={bookmarks.length === 0}\n                colorPalette=\"red\"\n                onClick={showDelete}\n                variant=\"outline\"\n            >\n                <Icon>\n                    <PiTrashSimpleLight />\n                </Icon>\n            </DialogIconButton>\n            <DialogButton onClick={showCreate}>\n                {intl.formatMessage({ id: \"bookmark.button.create\" })}\n            </DialogButton>\n        </ButtonContainer>\n    );\n}\n\nfunction RemoveControls(props: { intl: PackageIntl; onClear: () => void; onCancel: () => void }) {\n    const { intl, onCancel, onClear } = props;\n    return (\n        <ButtonContainer>\n            <DialogButton variant=\"outline\" onClick={onCancel}>\n                {intl.formatMessage({ id: \"bookmark.button.cancelDelete\" })}\n            </DialogButton>\n            <DialogButton onClick={onClear}>\n                {intl.formatMessage({ id: \"bookmark.button.confirmDelete\" })}\n            </DialogButton>\n        </ButtonContainer>\n    );\n}\n\nfunction CreateControls(props: {\n    intl: PackageIntl;\n    isInvalid: boolean;\n    onCancel: () => void;\n    onSave: () => void;\n}) {\n    const { intl, onCancel, onSave, isInvalid } = props;\n    return (\n        <ButtonContainer>\n            <DialogButton variant=\"outline\" onClick={() => onCancel()}>\n                {intl.formatMessage({ id: \"bookmark.button.cancel\" })}\n            </DialogButton>\n            <DialogButton disabled={isInvalid} onClick={() => onSave()}>\n                {intl.formatMessage({ id: \"bookmark.button.save\" })}\n            </DialogButton>\n        </ButtonContainer>\n    );\n}\n\nfunction ButtonContainer(props: { children: ReactNode }) {\n    return (\n        <Flex width=\"100%\" flexDirection=\"row\" mt={2} gap={2} flexGrow={0} flexShrink={0}>\n            {props.children}\n        </Flex>\n    );\n}\n\nfunction DialogButton(props?: ButtonProps): ReactNode {\n    return <Button flex=\"1 1 auto\" {...props} />;\n}\n\nfunction DialogIconButton(props: IconButtonProps): ReactNode {\n    return <IconButton flex=\"0 0 auto\" px={4} {...props} />;\n}\n\nfunction useViewModel(map: MapModel | undefined, localStorageService: LocalStorageService) {\n    const [viewModel, setViewModel] = useState<SpatialBookmarkViewModel>();\n    useEffect(() => {\n        let viewModel: SpatialBookmarkViewModel | undefined;\n        if (!map) {\n            viewModel = undefined;\n        } else {\n            viewModel = new SpatialBookmarkViewModel(map, localStorageService);\n        }\n\n        setViewModel(viewModel);\n        return () => viewModel?.destroy();\n    }, [map, localStorageService]);\n\n    return viewModel;\n}\n"],"names":["viewModel"],"mappings":"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"}
+{"version":3,"file":"SpatialBookmarks.js","sources":["SpatialBookmarks.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport {\n    Button,\n    ButtonProps,\n    Center,\n    Field,\n    Flex,\n    Icon,\n    IconButton,\n    IconButtonProps,\n    Input,\n    List,\n    Spacer,\n    Text,\n    VStack\n} from \"@chakra-ui/react\";\nimport { Alert } from \"@open-pioneer/chakra-snippets/alert\";\nimport { Tooltip } from \"@open-pioneer/chakra-snippets/tooltip\";\nimport { LocalStorageService } from \"@open-pioneer/local-storage\";\nimport { MapModel, MapModelProps, useMapModelValue } from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps } from \"@open-pioneer/react-utils\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\nimport classNames from \"classnames\";\nimport { useIntl, useService } from \"open-pioneer:react-hooks\";\nimport { FC, KeyboardEvent, ReactNode, useEffect, useRef, useState } from \"react\";\nimport { LuMap, LuTrash } from \"react-icons/lu\";\nimport { Bookmark, SpatialBookmarkViewModel } from \"./SpatialBookmarksViewModel\";\n\ntype UIMode = \"list\" | \"create\" | \"delete\";\n\nexport interface SpatialBookmarksProps extends CommonComponentProps, MapModelProps {}\n\n/**\n * A component that allows the user to manage a set of spatial bookmarks.\n */\nexport const SpatialBookmarks: FC<SpatialBookmarksProps> = (props) => {\n    const map = useMapModelValue(props);\n    const localStorageService = useService<LocalStorageService>(\n        \"local-storage.LocalStorageService\"\n    );\n    const viewModel = useViewModel(map, localStorageService);\n    return viewModel && <SpatialBookmarkUI {...props} viewModel={viewModel} />;\n};\n\nfunction SpatialBookmarkUI(props: SpatialBookmarksProps & { viewModel: SpatialBookmarkViewModel }) {\n    const { viewModel } = props;\n    const intl = useIntl();\n    const listItemNodes = useRef<HTMLElement[]>([]);\n    const [scrollToLastItem, setScrollToLastItem] = useState(false);\n    const bookmarks = useReactiveSnapshot(() => viewModel.bookmarks, [viewModel]);\n    const [bookmarkName, setBookmarkName] = useState<string>(\"\");\n    const isValidBookmarkName = bookmarkName.trim().length > 0; // use trim to avoid bookmarks with space character only\n    const { containerProps } = useCommonComponentProps(\"spatial-bookmarks\", props);\n    const [uiMode, setUiMode] = useState<UIMode>(\"list\");\n\n    const clearBookmarks = () => {\n        viewModel.deleteAllBookmarks();\n        setUiMode(\"list\");\n    };\n\n    const addBookmark = () => {\n        if (isValidBookmarkName) {\n            viewModel.createBookmark(bookmarkName);\n            setUiMode(\"list\");\n            setBookmarkName(\"\");\n            setScrollToLastItem(true);\n        }\n    };\n\n    // Scroll to newly created bookmark after render\n    useEffect(() => {\n        if (scrollToLastItem) {\n            const listItems = listItemNodes.current;\n            if (listItems) {\n                const lastItem = listItems[bookmarks.length - 1];\n                lastItem?.scrollIntoView?.();\n            }\n            setScrollToLastItem(false);\n        }\n    }, [bookmarks, scrollToLastItem]);\n\n    const deleteContent = () => (\n        <VStack>\n            <Alert\n                rounded=\"md\"\n                status=\"warning\"\n                title={intl.formatMessage({ id: \"bookmark.alert.delete\" })}\n                role=\"alert\"\n            />\n            <RemoveControls\n                intl={intl}\n                onClear={clearBookmarks}\n                onCancel={() => setUiMode(\"list\")}\n            />\n        </VStack>\n    );\n\n    const createContent = () => (\n        <VStack>\n            <Alert\n                rounded=\"md\"\n                status=\"info\"\n                title={intl.formatMessage({ id: \"bookmark.alert.create\" })}\n                role=\"alert\"\n            />\n            <Field.Root invalid={!isValidBookmarkName} required>\n                <Input\n                    aria-label={intl.formatMessage({ id: \"bookmark.input.label\" })}\n                    placeholder={intl.formatMessage({ id: \"bookmark.input.placeholder\" })}\n                    value={bookmarkName}\n                    onChange={(event) => {\n                        setBookmarkName(event.target.value);\n                    }}\n                    onKeyDown={(e) => {\n                        // add bookmark only, if valid bookmark name exists\n                        if (e.key === \"Enter\") {\n                            addBookmark();\n                        }\n                    }}\n                    autoFocus // eslint-disable-line jsx-a11y/no-autofocus\n                />\n            </Field.Root>\n            <CreateControls\n                intl={intl}\n                isInvalid={!isValidBookmarkName}\n                onCancel={() => {\n                    setBookmarkName(\"\");\n                    setUiMode(\"list\");\n                }}\n                onSave={addBookmark}\n            />\n        </VStack>\n    );\n\n    const listContent = () => (\n        <>\n            {bookmarks.length ? (\n                createList(bookmarks, viewModel, intl, listItemNodes)\n            ) : (\n                <Alert\n                    rounded=\"md\"\n                    status=\"info\"\n                    title={intl.formatMessage({ id: \"bookmark.alert.noSaved\" })}\n                    role=\"alert\"\n                />\n            )}\n            <ListControls\n                intl={intl}\n                bookmarks={bookmarks}\n                showCreate={() => setUiMode(\"create\")}\n                showDelete={() => setUiMode(\"delete\")}\n            />\n        </>\n    );\n\n    const content = (\n        <>\n            {uiMode === \"list\" && listContent()}\n            {uiMode === \"create\" && createContent()}\n            {uiMode === \"delete\" && deleteContent()}\n        </>\n    );\n\n    return (\n        <Flex flexDirection=\"column\" {...containerProps}>\n            {content}\n        </Flex>\n    );\n}\n\nfunction createList(\n    bookmarks: Bookmark[],\n    viewModel: SpatialBookmarkViewModel,\n    intl: PackageIntl,\n    listRef: React.MutableRefObject<HTMLElement[]>\n) {\n    const bookmarkItems = bookmarks.map((bookmark, idx) => (\n        <BookmarkItem\n            key={bookmark.id}\n            index={idx}\n            listItemNodes={listRef}\n            bookmark={bookmark}\n            onActivate={() => viewModel.activateBookmark(bookmark)}\n            onDelete={() => viewModel.deleteBookmark(bookmark.id)}\n            intl={intl}\n        />\n    ));\n\n    return (\n        <List.Root\n            as=\"ul\"\n            className=\"spatial-bookmark-list\"\n            role=\"listbox\"\n            aria-label={intl.formatMessage({\n                id: \"bookmark.list.label\"\n            })}\n            flexShrink={1}\n            flexGrow={1}\n            p={1} // Some padding for children's box shadow\n            gap={1}\n            overflowY=\"auto\"\n            listStyleType=\"none\"\n        >\n            {bookmarkItems}\n        </List.Root>\n    );\n}\n\n// key name -> index\nconst ARROW_INDEX_MAP: Record<string, number> = {\n    ArrowDown: 1,\n    ArrowUp: -1\n};\n\nfunction BookmarkItem(props: {\n    index: number;\n    listItemNodes: React.RefObject<HTMLElement[]>;\n    bookmark: Bookmark;\n    onActivate: () => void;\n    onDelete: () => void;\n    intl: PackageIntl;\n}): ReactNode {\n    const { index, listItemNodes, bookmark, onDelete, onActivate, intl } = props;\n    const title = bookmark.title;\n    const onKeyDown = (evt: KeyboardEvent) => {\n        const key = evt.key;\n        if (key === \"Enter\") {\n            // Ignore enter from child components (buttons)\n            if (evt.target === evt.currentTarget) {\n                onActivate();\n            }\n            return;\n        }\n\n        if (ARROW_INDEX_MAP[key] != null) {\n            const len = listItemNodes.current?.length;\n            if (!len) {\n                return;\n            }\n\n            let nextIndex = (index + ARROW_INDEX_MAP[key]!) % len;\n            if (nextIndex < 0) {\n                nextIndex = len - 1;\n            }\n            listItemNodes.current[nextIndex]?.focus();\n        }\n    };\n\n    return (\n        <List.Item\n            as=\"li\"\n            p={1}\n            ref={(el: HTMLElement | null) => {\n                if (!el) {\n                    listItemNodes.current.splice(index, 1);\n                    return;\n                }\n                listItemNodes.current[index] = el;\n            }}\n            className={classNames(\"spatial-bookmarks-item\")}\n            tabIndex={0}\n            rounded=\"md\"\n            role=\"option\"\n            cursor=\"pointer\"\n            outline={0}\n            _hover={{ background: \"trails.50\" }}\n            focusVisibleRing=\"outside\"\n            onKeyDown={onKeyDown}\n            onClick={onActivate}\n            aria-label={intl.formatMessage({ id: \"bookmark.ariaLabel\" }, { title: title })}\n        >\n            <Flex width=\"100%\" flexDirection=\"row\" align=\"center\" gap={1}>\n                <Center>\n                    <Icon>\n                        <LuMap />\n                    </Icon>\n                </Center>\n                <Text ps={2} maxLines={1}>\n                    {title}\n                </Text>\n                <Spacer />\n                <Tooltip\n                    key={index}\n                    showArrow\n                    content={intl.formatMessage({\n                        id: \"bookmark.button.deleteOne.tooltip\"\n                    })}\n                    positioning={{\n                        placement: \"right\"\n                    }}\n                >\n                    <IconButton\n                        className=\"spatial-bookmarks-item-delete\"\n                        borderRadius=\"full\"\n                        padding={0}\n                        colorPalette=\"red\"\n                        variant=\"plain\"\n                        onClick={(event) => {\n                            onDelete();\n                            event.stopPropagation();\n                        }}\n                        aria-label={intl.formatMessage(\n                            { id: \"bookmark.button.deleteOne.ariaLabel\" },\n                            { title: title }\n                        )}\n                    >\n                        <Icon>\n                            <LuTrash />\n                        </Icon>\n                    </IconButton>\n                </Tooltip>\n            </Flex>\n        </List.Item>\n    );\n}\n\nfunction ListControls(props: {\n    intl: PackageIntl;\n    bookmarks: Bookmark[];\n    showCreate: () => void;\n    showDelete: () => void;\n}): ReactNode {\n    const { intl, bookmarks, showCreate, showDelete } = props;\n\n    return (\n        <ButtonContainer>\n            <DialogIconButton\n                aria-label={intl.formatMessage({ id: \"bookmark.button.deleteAll\" })}\n                disabled={bookmarks.length === 0}\n                colorPalette=\"red\"\n                onClick={showDelete}\n                variant=\"outline\"\n            >\n                <Icon>\n                    <LuTrash />\n                </Icon>\n            </DialogIconButton>\n            <DialogButton onClick={showCreate}>\n                {intl.formatMessage({ id: \"bookmark.button.create\" })}\n            </DialogButton>\n        </ButtonContainer>\n    );\n}\n\nfunction RemoveControls(props: { intl: PackageIntl; onClear: () => void; onCancel: () => void }) {\n    const { intl, onCancel, onClear } = props;\n    return (\n        <ButtonContainer>\n            <DialogButton variant=\"outline\" onClick={onCancel}>\n                {intl.formatMessage({ id: \"bookmark.button.cancelDelete\" })}\n            </DialogButton>\n            <DialogButton onClick={onClear}>\n                {intl.formatMessage({ id: \"bookmark.button.confirmDelete\" })}\n            </DialogButton>\n        </ButtonContainer>\n    );\n}\n\nfunction CreateControls(props: {\n    intl: PackageIntl;\n    isInvalid: boolean;\n    onCancel: () => void;\n    onSave: () => void;\n}) {\n    const { intl, onCancel, onSave, isInvalid } = props;\n    return (\n        <ButtonContainer>\n            <DialogButton variant=\"outline\" onClick={() => onCancel()}>\n                {intl.formatMessage({ id: \"bookmark.button.cancel\" })}\n            </DialogButton>\n            <DialogButton disabled={isInvalid} onClick={() => onSave()}>\n                {intl.formatMessage({ id: \"bookmark.button.save\" })}\n            </DialogButton>\n        </ButtonContainer>\n    );\n}\n\nfunction ButtonContainer(props: { children: ReactNode }) {\n    return (\n        <Flex width=\"100%\" flexDirection=\"row\" mt={2} gap={2} flexGrow={0} flexShrink={0}>\n            {props.children}\n        </Flex>\n    );\n}\n\nfunction DialogButton(props?: ButtonProps): ReactNode {\n    return <Button flex=\"1 1 auto\" {...props} />;\n}\n\nfunction DialogIconButton(props: IconButtonProps): ReactNode {\n    return <IconButton flex=\"0 0 auto\" px={4} {...props} />;\n}\n\nfunction useViewModel(map: MapModel, localStorageService: LocalStorageService) {\n    const [viewModel, setViewModel] = useState<SpatialBookmarkViewModel>();\n    useEffect(() => {\n        const viewModel = new SpatialBookmarkViewModel(map, localStorageService);\n        setViewModel(viewModel);\n        return () => viewModel?.destroy();\n    }, [map, localStorageService]);\n\n    return viewModel;\n}\n"],"names":["viewModel"],"mappings":"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"}

package/SpatialBookmarksViewModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpatialBookmarksViewModel.js","sources":["SpatialBookmarksViewModel.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { MapModel } from \"@open-pioneer/map\";\nimport { LocalStorageNamespace, LocalStorageService } from \"@open-pioneer/local-storage\";\nimport { v4 as uuid4v } from \"uuid\";\nimport { Extent as OlExtent, getCenter } from \"ol/extent\";\nimport { transformExtent } from \"ol/proj\";\nimport { createLogger } from \"@open-pioneer/core\";\nimport { CleanupHandle, reactiveArray, watch } from \"@conterra/reactivity-core\";\n\nconst LOG = createLogger(\"spatial-bookmark:SpatialBookmarkViewModel\");\n\ninterface Extent {\n    minX: number;\n    minY: number;\n    maxX: number;\n    maxY: number;\n}\n\nexport interface Bookmark {\n    id: string;\n    title: string;\n    extent: Extent;\n    projection: string;\n}\n\nexport class SpatialBookmarkViewModel {\n    private map: MapModel;\n    private packageNamespace: LocalStorageNamespace;\n    private writableBookmarks = reactiveArray<Bookmark>([]);\n    private watchBookmarksHandle: CleanupHandle;\n\n    /**\n     * Provides read-only access to the bookmarks array.\n     * The UI simply renders the contents of the store and\n     * uses the methods below to modify the state.\n     */\n    get bookmarks(): Bookmark[] {\n        return this.writableBookmarks.getItems();\n    }\n\n    constructor(map: MapModel, localStorageService: LocalStorageService) {\n        this.map = map;\n        this.packageNamespace = localStorageService.getNamespace(\"spatial-bookmarks\");\n\n        // Load from local storage on start; save changes whenever bookmarks change.\n        this.loadState();\n        this.watchBookmarksHandle = watch(\n            () => [this.writableBookmarks.getItems()],\n            ([bookmarks]) => this.saveState(bookmarks),\n            { immediate: false }\n        );\n    }\n\n    destroy() {\n        this.watchBookmarksHandle.destroy();\n    }\n\n    /**\n     * Creates a new bookmark with the `title` provided by the UI.\n     * The current map extent is used for the new bookmark's extent.\n     */\n    createBookmark(title: string) {\n        // minx, miny, maxx, maxy\n        const olExtent = this.map.olView.calculateExtent();\n        const projection = this.map.projection.getCode();\n        const extent: Extent = {\n            minX: olExtent[0]!,\n            minY: olExtent[1]!,\n            maxX: olExtent[2]!,\n            maxY: olExtent[3]!\n        };\n        const bookmark: Bookmark = {\n            id: uuid4v(),\n            title,\n            extent,\n            projection\n        };\n        LOG.debug(\"Created a new bookmark\", bookmark);\n\n        const bookmarks = this.writableBookmarks;\n        bookmarks.push(bookmark);\n    }\n\n    /**\n     * Activates the bookmark with the given id by zooming\n     * to the bookmark's extent.\n     */\n    activateBookmark(bookmark: Bookmark) {\n        LOG.debug(\"Activating bookmark\", bookmark);\n        const extent = this.getBookmarkExtent(bookmark);\n\n        LOG.debug(\"Attempting to apply extent\", extent);\n        this.applyExtent(extent);\n    }\n\n    /**\n     * Deletes the bookmark with the given id.\n     */\n    deleteBookmark(id: string) {\n        LOG.debug(\"Deleting bookmark\", id);\n        const index = this.writableBookmarks.findIndex((bookmark) => bookmark.id === id);\n        if (index > -1) {\n            this.writableBookmarks.splice(index, 1);\n        }\n    }\n\n    /**\n     * Deletes all bookmarks.\n     */\n    deleteAllBookmarks() {\n        LOG.debug(\"Deleting all bookmarks\");\n        this.writableBookmarks.splice(0);\n    }\n\n    /**\n     * Loads the bookmarks from local storage.\n     * If the bookmarks are not valid, the initial state (empty array) is restored.\n     */\n    private loadState() {\n        LOG.debug(\"Restoring bookmarks from local storage\");\n\n        const rawBookmarks = this.packageNamespace.get(\"bookmarks\") ?? [];\n        try {\n            validateBookmarks(rawBookmarks);\n            this.writableBookmarks.push(...rawBookmarks);\n        } catch (e) {\n            LOG.error(\"Bookmarks data in local storage is invalid, resetting to default value.\", e);\n            this.writableBookmarks.splice(0);\n            this.saveState([]);\n        }\n    }\n\n    /**\n     * Saves the bookmarks to local storage.\n     */\n    private saveState(bookmarks: Bookmark[]) {\n        LOG.debug(\"Saving bookmarks to local storage\");\n        this.packageNamespace.set(\"bookmarks\", bookmarks);\n    }\n\n    /** Computes an OpenLayers extent for the given bookmark. */\n    private getBookmarkExtent(bookmark: Bookmark) {\n        const olView = this.map.olView;\n        const extent = bookmark.extent;\n        const olExtent = [extent.minX, extent.minY, extent.maxX, extent.maxY];\n        const viewProjection = olView.getProjection();\n        const extentProjection = bookmark.projection;\n        return transformExtent(olExtent, extentProjection, viewProjection);\n    }\n\n    /** Moves the map to the given extent. */\n    private applyExtent(olExtent: OlExtent) {\n        const olView = this.map.olView;\n        const center = getCenter(olExtent);\n        const resolution = olView.getResolutionForExtent(olExtent);\n        olView.setCenter(center);\n        olView.setResolution(resolution);\n    }\n}\n\nfunction validateBookmarks(rawBookmarks: unknown): asserts rawBookmarks is Bookmark[] {\n    if (!Array.isArray(rawBookmarks)) {\n        throw new Error(`Expected bookmarks from local storage to be an array.`);\n    }\n    for (const rawBookmark of rawBookmarks) {\n        validateBookmark(rawBookmark);\n    }\n}\n\nfunction validateBookmark(rawBookmark: unknown): asserts rawBookmark is Bookmark {\n    if (!rawBookmark || typeof rawBookmark !== \"object\") {\n        throw new Error(`Expected bookmark from local storage to be an object.`);\n    }\n\n    const bookmark = rawBookmark as Record<keyof Bookmark, unknown>;\n    if (typeof bookmark.id !== \"string\") {\n        throw new Error(\"Bookmark does not have a valid id.\");\n    }\n    if (typeof bookmark.title !== \"string\") {\n        throw new Error(\"Bookmark does not have a valid title.\");\n    }\n    validateExtent(bookmark.extent);\n    if (typeof bookmark.projection !== \"string\") {\n        throw new Error(\"Bookmark does not have a valid projection value.\");\n    }\n}\n\nfunction validateExtent(rawExtent: unknown): asserts rawExtent is Extent {\n    if (!rawExtent || typeof rawExtent !== \"object\") {\n        throw new Error(`Expected bookmark extent from local storage to be an object.`);\n    }\n\n    const extent = rawExtent as Record<keyof Extent, unknown>;\n    if (\n        typeof extent.minX !== \"number\" ||\n        typeof extent.minY !== \"number\" ||\n        typeof extent.maxX !== \"number\" ||\n        typeof extent.maxY !== \"number\"\n    ) {\n        throw new Error(\"Expected bookmark extent from local storage to have valid coordinates.\");\n    }\n}\n"],"names":["uuid4v"],"mappings":"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"}
+{"version":3,"file":"SpatialBookmarksViewModel.js","sources":["SpatialBookmarksViewModel.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { MapModel } from \"@open-pioneer/map\";\nimport { LocalStorageNamespace, LocalStorageService } from \"@open-pioneer/local-storage\";\nimport { v4 as uuid4v } from \"uuid\";\nimport { Extent as OlExtent, getCenter } from \"ol/extent\";\nimport { transformExtent } from \"ol/proj\";\nimport { createLogger } from \"@open-pioneer/core\";\nimport { CleanupHandle, reactiveArray, watch } from \"@conterra/reactivity-core\";\n\nconst LOG = createLogger(\"spatial-bookmark:SpatialBookmarkViewModel\");\n\ninterface Extent {\n    minX: number;\n    minY: number;\n    maxX: number;\n    maxY: number;\n}\n\nexport interface Bookmark {\n    id: string;\n    title: string;\n    extent: Extent;\n    projection: string;\n}\n\nexport class SpatialBookmarkViewModel {\n    private map: MapModel;\n    private packageNamespace: LocalStorageNamespace;\n    private writableBookmarks = reactiveArray<Bookmark>([]);\n    private watchBookmarksHandle: CleanupHandle;\n\n    /**\n     * Provides read-only access to the bookmarks array.\n     * The UI simply renders the contents of the store and\n     * uses the methods below to modify the state.\n     */\n    get bookmarks(): Bookmark[] {\n        return this.writableBookmarks.getItems();\n    }\n\n    constructor(map: MapModel, localStorageService: LocalStorageService) {\n        this.map = map;\n        this.packageNamespace = localStorageService.getNamespace(\"spatial-bookmarks\");\n\n        // Load from local storage on start; save changes whenever bookmarks change.\n        this.loadState();\n        this.watchBookmarksHandle = watch(\n            () => [this.writableBookmarks.getItems()],\n            ([bookmarks]) => this.saveState(bookmarks),\n            { immediate: false }\n        );\n    }\n\n    destroy() {\n        this.watchBookmarksHandle.destroy();\n    }\n\n    /**\n     * Creates a new bookmark with the `title` provided by the UI.\n     * The current map extent is used for the new bookmark's extent.\n     */\n    createBookmark(title: string) {\n        // minx, miny, maxx, maxy\n        const olExtent = this.map.olView.calculateExtent();\n        const projection = this.map.projection.getCode();\n        const extent: Extent = {\n            minX: olExtent[0]!,\n            minY: olExtent[1]!,\n            maxX: olExtent[2]!,\n            maxY: olExtent[3]!\n        };\n        const bookmark: Bookmark = {\n            id: uuid4v(),\n            title,\n            extent,\n            projection\n        };\n        LOG.debug(\"Created a new bookmark\", bookmark);\n\n        const bookmarks = this.writableBookmarks;\n        bookmarks.push(bookmark);\n    }\n\n    /**\n     * Activates the bookmark with the given id by zooming\n     * to the bookmark's extent.\n     */\n    activateBookmark(bookmark: Bookmark) {\n        LOG.debug(\"Activating bookmark\", bookmark);\n        const extent = this.getBookmarkExtent(bookmark);\n\n        LOG.debug(\"Attempting to apply extent\", extent);\n        this.applyExtent(extent);\n    }\n\n    /**\n     * Deletes the bookmark with the given id.\n     */\n    deleteBookmark(id: string) {\n        LOG.debug(\"Deleting bookmark\", id);\n        const index = this.writableBookmarks.findIndex((bookmark) => bookmark.id === id);\n        if (index > -1) {\n            this.writableBookmarks.splice(index, 1);\n        }\n    }\n\n    /**\n     * Deletes all bookmarks.\n     */\n    deleteAllBookmarks() {\n        LOG.debug(\"Deleting all bookmarks\");\n        this.writableBookmarks.splice(0);\n    }\n\n    /**\n     * Loads the bookmarks from local storage.\n     * If the bookmarks are not valid, the initial state (empty array) is restored.\n     */\n    private loadState() {\n        LOG.debug(\"Restoring bookmarks from local storage\");\n\n        const rawBookmarks = this.packageNamespace.get(\"bookmarks\") ?? [];\n        try {\n            validateBookmarks(rawBookmarks);\n            this.writableBookmarks.push(...rawBookmarks);\n        } catch (e) {\n            LOG.error(\"Bookmarks data in local storage is invalid, resetting to default value.\", e);\n            this.writableBookmarks.splice(0);\n            this.saveState([]);\n        }\n    }\n\n    /**\n     * Saves the bookmarks to local storage.\n     */\n    private saveState(bookmarks: Bookmark[]) {\n        LOG.debug(\"Saving bookmarks to local storage\");\n        this.packageNamespace.set(\"bookmarks\", bookmarks);\n    }\n\n    /** Computes an OpenLayers extent for the given bookmark. */\n    private getBookmarkExtent(bookmark: Bookmark) {\n        const olView = this.map.olView;\n        const extent = bookmark.extent;\n        const olExtent = [extent.minX, extent.minY, extent.maxX, extent.maxY];\n        const viewProjection = olView.getProjection();\n        const extentProjection = bookmark.projection;\n        return transformExtent(olExtent, extentProjection, viewProjection);\n    }\n\n    /** Moves the map to the given extent. */\n    private applyExtent(olExtent: OlExtent) {\n        const olView = this.map.olView;\n        const center = getCenter(olExtent);\n        const resolution = olView.getResolutionForExtent(olExtent);\n        olView.setCenter(center);\n        olView.setResolution(resolution);\n    }\n}\n\nfunction validateBookmarks(rawBookmarks: unknown): asserts rawBookmarks is Bookmark[] {\n    if (!Array.isArray(rawBookmarks)) {\n        throw new Error(`Expected bookmarks from local storage to be an array.`);\n    }\n    for (const rawBookmark of rawBookmarks) {\n        validateBookmark(rawBookmark);\n    }\n}\n\nfunction validateBookmark(rawBookmark: unknown): asserts rawBookmark is Bookmark {\n    if (!rawBookmark || typeof rawBookmark !== \"object\") {\n        throw new Error(`Expected bookmark from local storage to be an object.`);\n    }\n\n    const bookmark = rawBookmark as Record<keyof Bookmark, unknown>;\n    if (typeof bookmark.id !== \"string\") {\n        throw new Error(\"Bookmark does not have a valid id.\");\n    }\n    if (typeof bookmark.title !== \"string\") {\n        throw new Error(\"Bookmark does not have a valid title.\");\n    }\n    validateExtent(bookmark.extent);\n    if (typeof bookmark.projection !== \"string\") {\n        throw new Error(\"Bookmark does not have a valid projection value.\");\n    }\n}\n\nfunction validateExtent(rawExtent: unknown): asserts rawExtent is Extent {\n    if (!rawExtent || typeof rawExtent !== \"object\") {\n        throw new Error(`Expected bookmark extent from local storage to be an object.`);\n    }\n\n    const extent = rawExtent as Record<keyof Extent, unknown>;\n    if (\n        typeof extent.minX !== \"number\" ||\n        typeof extent.minY !== \"number\" ||\n        typeof extent.maxX !== \"number\" ||\n        typeof extent.maxY !== \"number\"\n    ) {\n        throw new Error(\"Expected bookmark extent from local storage to have valid coordinates.\");\n    }\n}\n"],"names":["uuid4v"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/spatial-bookmarks",
-  "version": "0.11.0",
+  "version": "0.12.0-dev.20250905090001",
   "description": "This package provides a UI component that allows the user to store, manage, and easily navigate between different map extents by creating bookmarks.",
   "keywords": [
     "open-pioneer-trails"
@@ -14,20 +14,20 @@
     "directory": "src/packages/spatial-bookmarks"
   },
   "dependencies": {
-    "@chakra-ui/react": "^3.19.2",
+    "@chakra-ui/react": "^3.24.2",
     "@open-pioneer/chakra-snippets": "^4.0.0",
     "@open-pioneer/core": "^4.0.0",
     "@open-pioneer/local-storage": "^4.0.0",
     "@open-pioneer/react-utils": "^4.0.0",
     "@open-pioneer/runtime": "^4.0.0",
     "classnames": "^2.5.1",
-    "ol": "^10.5.0",
-    "react": "^19.1.0",
+    "ol": "^10.6.1",
+    "react": "^19.1.1",
     "react-icons": "^5.5.0",
     "@conterra/reactivity-core": "^0.7.0",
     "@open-pioneer/reactivity": "^4.0.0",
     "uuid": "^11.1.0",
-    "@open-pioneer/map": "^0.11.0"
+    "@open-pioneer/map": "0.12.0-dev.20250905090001"
   },
   "exports": {
     "./package.json": "./package.json",