@open-pioneer/toc 0.9.0 → 0.10.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @open-pioneer/toc
 
+## 0.10.0
+
+### Minor Changes
+
+- 193068a: Deprecate the `mapId` property on React components.
+  Use the `MapModel` directly instead to pass a reference to the map.
+
+    Example:
+
+    ```tsx
+    // Default map for entire component tree
+    <DefaultMapProvider map={mapModel}>
+        <Toc />
+    </DefaultMapProvider>
+
+    // Map for specific component
+    <Toc map={mapModel} />
+    ```
+
+### Patch Changes
+
+- cd1435b: Update ol to 10.5.0
+- 032eed7: Bump dependencies.
+- cd1435b: Update to react 19.1.0
+- Updated dependencies [2bafdad]
+- Updated dependencies [cd1435b]
+- Updated dependencies [193068a]
+- Updated dependencies [032eed7]
+- Updated dependencies [cd1435b]
+- Updated dependencies [7558df4]
+    - @open-pioneer/map@0.10.0
+    - @open-pioneer/basemap-switcher@0.10.0
+
 ## 0.9.0
 
 ### Minor Changes

package/README.md

@@ -6,10 +6,12 @@ Unavailable operational layers are marked with an icon and will be deactivated f
 
 ## Usage
 
-To integrate the TOC (table of contents) in your app, insert the following snippet and reference a map ID:
+To integrate the TOC (table of contents) in your app, insert the following snippet (and reference a map):
 
 ```tsx
-<Toc mapId="map_id" />
+<Toc
+    map={map}
+/> /* instead of passing the map, the `DefaultMapProvider` can alternatively be used */
 ```
 
 ### Tools
@@ -18,7 +20,7 @@ Additional tools are available for operational layers.
 To show the toolset menu, set the `showTools` property to `true`.
 
 ```tsx
-<Toc mapId="map_id" showTools={true} />
+<Toc map={map} showTools={true} />
 ```
 
 The default tools provided by the TOC are:
@@ -35,14 +37,14 @@ By default, the TOC shows the basemap switcher as an embedded element.
 To hide the basemap switcher, set the `showBasemapSwitcher` property to `false`:
 
 ```tsx
-<Toc mapId="map_id" showBasemapSwitcher={false} />
+<Toc map={map} showBasemapSwitcher={false} />
 ```
 
 To configure the embedded basemap switcher, use the `basemapSwitcherProps` property:
 
 ```tsx
 <Toc
-    mapId="map_id"
+    map={map}
     basemapSwitcherProps={{
         allowSelectingEmptyBasemap: true
     }}
@@ -84,7 +86,7 @@ If enabled, a toggle button appears next to parent nodes by which the user can e
 
 ```tsx
 <Toc
-    mapId={MAP_ID}
+    map={map}
     collapsibleGroups={true}
     initiallyCollapsed={true} // Whether groups are collapsed by default. Defaults to false.
 />

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/toc",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "This package provides a UI component that displays the map content to the user and allows them to control it.",
   "keywords": [
     "open-pioneer-trails"
@@ -14,18 +14,18 @@
     "directory": "src/packages/toc"
   },
   "dependencies": {
-    "@open-pioneer/chakra-integration": "^3.0.0",
-    "@open-pioneer/react-utils": "^3.0.0",
-    "@open-pioneer/runtime": "^3.0.0",
+    "@open-pioneer/chakra-integration": "^3.1.0",
+    "@open-pioneer/react-utils": "^3.1.0",
+    "@open-pioneer/runtime": "^3.1.0",
     "classnames": "^2.3.2",
-    "ol": "^10.4.0",
-    "react": "^19.0.0",
+    "ol": "^10.5.0",
+    "react": "^19.1.0",
     "react-icons": "^5.3.0",
     "@chakra-ui/icons": "^2.2.4",
-    "@open-pioneer/reactivity": "^3.0.0",
-    "@conterra/reactivity-core": "^0.4.3",
-    "@open-pioneer/basemap-switcher": "^0.9.0",
-    "@open-pioneer/map": "^0.9.0"
+    "@open-pioneer/reactivity": "^3.1.0",
+    "@conterra/reactivity-core": "^0.5.0",
+    "@open-pioneer/basemap-switcher": "^0.10.0",
+    "@open-pioneer/map": "^0.10.0"
   },
   "exports": {
     "./package.json": "./package.json",

package/ui/Toc.d.ts

@@ -25,7 +25,7 @@ export interface TocProps extends CommonComponentProps, MapModelProps {
     /**
      * Properties for the embedded basemap switcher.
      *
-     * Property `mapId` is not applied (the basemap switcher uses the same map as the).
+     * Property `mapId` is not applied (the basemap switcher uses the same map as the toc).
      */
     basemapSwitcherProps?: Omit<BasemapSwitcherProps, "mapId">;
     /**
@@ -38,7 +38,7 @@ export interface TocProps extends CommonComponentProps, MapModelProps {
     /**
      * If `true` groups in the toc are collapsed initially.
      *
-     * Defaults to `false`. If {@link collapsibleGroups} is `false` this property should also be `false`. Otherwise only the top level layers will appear in the toc.
+     * Defaults to `false`. If {@link collapsibleGroups} is `false` this property should also be `false`. Otherwise, only the top level layers will appear in the toc.
      */
     initiallyCollapsed?: boolean;
     /**

package/ui/Toc.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toc.js","sources":["Toc.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { reactive, reactiveMap } from \"@conterra/reactivity-core\";\nimport { BasemapSwitcher, BasemapSwitcherProps } from \"@open-pioneer/basemap-switcher\";\nimport { Box, Flex, Spacer, Text } from \"@open-pioneer/chakra-integration\";\nimport { MapModel, MapModelProps, useMapModel } from \"@open-pioneer/map\";\nimport {\n    CommonComponentProps,\n    SectionHeading,\n    TitledSection,\n    useCommonComponentProps\n} from \"@open-pioneer/react-utils\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { FC, ReactNode, useEffect, useId, useMemo, useRef } from \"react\";\nimport { TocItem, TocModel, TocModelProvider, TocWidgetOptions } from \"../model/TocModel\";\nimport { TopLevelLayerList } from \"./LayerList/LayerList\";\nimport { Tools } from \"./Tools\";\n\n/**\n * Props supported by the {@link Toc} component.\n */\nexport interface TocProps extends CommonComponentProps, MapModelProps {\n    /**\n     * Defines whether the tool component is shown in the toc.\n     *\n     * Defaults to `false`.\n     */\n    showTools?: boolean;\n\n    /**\n     * Properties for the embedded tool component.\n     */\n    toolsConfig?: ToolsConfig;\n\n    /**\n     * Defines whether the basemap switcher is shown in the toc.\n     *\n     * Defaults to `true`.\n     */\n    showBasemapSwitcher?: boolean;\n\n    /**\n     * Properties for the embedded basemap switcher.\n     *\n     * Property `mapId` is not applied (the basemap switcher uses the same map as the).\n     */\n    basemapSwitcherProps?: Omit<BasemapSwitcherProps, \"mapId\">;\n\n    /**\n     * If `true`, groups in the toc can be collapsed and expanded.\n     * This property should only be `true` if the map actually contains layer groups.\n     *\n     * Defaults to `false`.\n     */\n    collapsibleGroups?: boolean;\n\n    /**\n     * If `true` groups in the toc are collapsed initially.\n     *\n     * Defaults to `false`. If {@link collapsibleGroups} is `false` this property should also be `false`. Otherwise only the top level layers will appear in the toc.\n     */\n    initiallyCollapsed?: boolean;\n\n    /**\n     * Show the parent layers when a child layer is made visible.\n     *\n     * Defaults to `true`.\n     */\n    autoShowParents?: boolean;\n}\n\n/**\n * Props supported by the {@link Tools} component.\n */\nexport interface ToolsConfig {\n    /**\n     * Optional property to show the `hide all layers` entry.\n     *\n     * Defaults to `true`.\n     */\n    showHideAllLayers?: boolean;\n\n    /**\n     * Optional property to show the `collapse all groups` entry.\n     *\n     * Defaults to `true`. Only applicable if {@link TocProps.collapsibleGroups} is `true`.\n     */\n    showCollapseAllGroups?: boolean;\n}\n\nconst PADDING = 2;\n\n/**\n * Displays the layers of the configured map.\n */\nexport const Toc: FC<TocProps> = (props: TocProps) => {\n    const intl = useIntl();\n    const { containerProps } = useCommonComponentProps(\"toc\", props);\n    const state = useMapModel(props);\n\n    let content: ReactNode | null;\n    switch (state.kind) {\n        case \"loading\":\n            content = null;\n            break;\n        case \"rejected\":\n            content = <Text className=\"toc-error\">{intl.formatMessage({ id: \"error\" })}</Text>;\n            break;\n        case \"resolved\": {\n            const map = state.map;\n            content = <TocContent {...props} map={map} />;\n            break;\n        }\n    }\n\n    return (\n        <Flex {...containerProps} direction=\"column\" gap={PADDING}>\n            {content}\n        </Flex>\n    );\n};\n\n/** This component is rendered once we have a reference to the loaded map model. */\nfunction TocContent(props: TocProps & { map: MapModel }) {\n    const {\n        map,\n        showTools = false,\n        toolsConfig,\n        showBasemapSwitcher = true,\n        basemapSwitcherProps\n    } = props;\n    const intl = useIntl();\n    const model = useTocModel(props);\n    const basemapsHeadingId = useId();\n    const basemapSwitcher = showBasemapSwitcher && (\n        <Box className=\"toc-basemap-switcher\">\n            <TitledSection\n                title={\n                    <SectionHeading id={basemapsHeadingId} size={\"sm\"} mb={PADDING}>\n                        {intl.formatMessage({ id: \"basemapsLabel\" })}\n                    </SectionHeading>\n                }\n            >\n                <BasemapSwitcher\n                    map={map}\n                    aria-labelledby={basemapsHeadingId}\n                    {...basemapSwitcherProps}\n                />\n            </TitledSection>\n        </Box>\n    );\n\n    const layerList = (\n        <Box className=\"toc-operational-layers\">\n            <TitledSection\n                title={\n                    <SectionHeading size={\"sm\"} mb={2}>\n                        <Flex>\n                            <Text my={3}>\n                                {intl.formatMessage({\n                                    id: \"operationalLayerLabel\"\n                                })}\n                            </Text>\n                            <Spacer />\n                            {showTools && <Tools map={map} {...toolsConfig} />}\n                        </Flex>\n                    </SectionHeading>\n                }\n            >\n                <TopLevelLayerList\n                    map={map}\n                    aria-label={intl.formatMessage({ id: \"operationalLayerLabel\" })}\n                />\n            </TitledSection>\n        </Box>\n    );\n\n    return (\n        <TocModelProvider value={model}>\n            {basemapSwitcher}\n            {layerList}\n        </TocModelProvider>\n    );\n}\n\nfunction useTocModel(props: TocProps): TocModel {\n    const initialProps = useRef(props);\n    const { model, options } = useMemo(() => {\n        const options = reactive<TocWidgetOptions>(\n            createOptions(\n                initialProps.current.autoShowParents,\n                initialProps.current.collapsibleGroups,\n                initialProps.current.initiallyCollapsed\n            )\n        );\n\n        // Indexed by layerId\n        const items = reactiveMap<string, TocItem>();\n        const model: TocModel = {\n            get options() {\n                return options.value;\n            },\n            getItem(layerId: string): TocItem | undefined {\n                return items.get(layerId);\n            },\n            getItems(): TocItem[] {\n                return Array.from(items.values());\n            },\n            registerItem(item: TocItem): void {\n                if (items.has(item.layerId)) {\n                    throw new Error(`Item with layerId '${item.layerId}' already registered.`);\n                }\n                items.set(item.layerId, item);\n            },\n            unregisterItem(item: TocItem): void {\n                if (items.get(item.layerId) !== item) {\n                    throw new Error(`Item with layerId '${item.layerId}' not registered.`);\n                }\n                items.delete(item.layerId);\n            }\n        };\n        return { model, options };\n    }, []);\n\n    // Sync props to model\n    useEffect(() => {\n        options.value = createOptions(\n            props.autoShowParents,\n            props.collapsibleGroups,\n            props.initiallyCollapsed\n        );\n    }, [options, props.autoShowParents, props.collapsibleGroups, props.initiallyCollapsed]);\n\n    return model;\n}\n\nfunction createOptions(\n    autoShowParents?: boolean | undefined,\n    collapsibleGroups?: boolean | undefined,\n    isCollapsed?: boolean | undefined\n): TocWidgetOptions {\n    return {\n        autoShowParents: autoShowParents ?? true,\n        collapsibleGroups: collapsibleGroups ?? false,\n        initiallyCollapsed: isCollapsed ?? false\n    };\n}\n"],"names":["options","model"],"mappings":"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"}
+{"version":3,"file":"Toc.js","sources":["Toc.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { reactive, reactiveMap } from \"@conterra/reactivity-core\";\nimport { BasemapSwitcher, BasemapSwitcherProps } from \"@open-pioneer/basemap-switcher\";\nimport { Box, Flex, Spacer, Text } from \"@open-pioneer/chakra-integration\";\nimport { MapModel, MapModelProps, useMapModel } from \"@open-pioneer/map\";\nimport {\n    CommonComponentProps,\n    SectionHeading,\n    TitledSection,\n    useCommonComponentProps\n} from \"@open-pioneer/react-utils\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { FC, ReactNode, useEffect, useId, useMemo, useRef } from \"react\";\nimport { TocItem, TocModel, TocModelProvider, TocWidgetOptions } from \"../model/TocModel\";\nimport { TopLevelLayerList } from \"./LayerList/LayerList\";\nimport { Tools } from \"./Tools\";\n\n/**\n * Props supported by the {@link Toc} component.\n */\nexport interface TocProps extends CommonComponentProps, MapModelProps {\n    /**\n     * Defines whether the tool component is shown in the toc.\n     *\n     * Defaults to `false`.\n     */\n    showTools?: boolean;\n\n    /**\n     * Properties for the embedded tool component.\n     */\n    toolsConfig?: ToolsConfig;\n\n    /**\n     * Defines whether the basemap switcher is shown in the toc.\n     *\n     * Defaults to `true`.\n     */\n    showBasemapSwitcher?: boolean;\n\n    /**\n     * Properties for the embedded basemap switcher.\n     *\n     * Property `mapId` is not applied (the basemap switcher uses the same map as the toc).\n     */\n    basemapSwitcherProps?: Omit<BasemapSwitcherProps, \"mapId\">;\n\n    /**\n     * If `true`, groups in the toc can be collapsed and expanded.\n     * This property should only be `true` if the map actually contains layer groups.\n     *\n     * Defaults to `false`.\n     */\n    collapsibleGroups?: boolean;\n\n    /**\n     * If `true` groups in the toc are collapsed initially.\n     *\n     * Defaults to `false`. If {@link collapsibleGroups} is `false` this property should also be `false`. Otherwise, only the top level layers will appear in the toc.\n     */\n    initiallyCollapsed?: boolean;\n\n    /**\n     * Show the parent layers when a child layer is made visible.\n     *\n     * Defaults to `true`.\n     */\n    autoShowParents?: boolean;\n}\n\n/**\n * Props supported by the {@link Tools} component.\n */\nexport interface ToolsConfig {\n    /**\n     * Optional property to show the `hide all layers` entry.\n     *\n     * Defaults to `true`.\n     */\n    showHideAllLayers?: boolean;\n\n    /**\n     * Optional property to show the `collapse all groups` entry.\n     *\n     * Defaults to `true`. Only applicable if {@link TocProps.collapsibleGroups} is `true`.\n     */\n    showCollapseAllGroups?: boolean;\n}\n\nconst PADDING = 2;\n\n/**\n * Displays the layers of the configured map.\n */\nexport const Toc: FC<TocProps> = (props: TocProps) => {\n    const intl = useIntl();\n    const { containerProps } = useCommonComponentProps(\"toc\", props);\n    const state = useMapModel(props);\n\n    let content: ReactNode | null;\n    switch (state.kind) {\n        case \"loading\":\n            content = null;\n            break;\n        case \"rejected\":\n            content = <Text className=\"toc-error\">{intl.formatMessage({ id: \"error\" })}</Text>;\n            break;\n        case \"resolved\": {\n            const map = state.map;\n            content = <TocContent {...props} map={map} />;\n            break;\n        }\n    }\n\n    return (\n        <Flex {...containerProps} direction=\"column\" gap={PADDING}>\n            {content}\n        </Flex>\n    );\n};\n\n/** This component is rendered once we have a reference to the loaded map model. */\nfunction TocContent(props: TocProps & { map: MapModel }) {\n    const {\n        map,\n        showTools = false,\n        toolsConfig,\n        showBasemapSwitcher = true,\n        basemapSwitcherProps\n    } = props;\n    const intl = useIntl();\n    const model = useTocModel(props);\n    const basemapsHeadingId = useId();\n    const basemapSwitcher = showBasemapSwitcher && (\n        <Box className=\"toc-basemap-switcher\">\n            <TitledSection\n                title={\n                    <SectionHeading id={basemapsHeadingId} size={\"sm\"} mb={PADDING}>\n                        {intl.formatMessage({ id: \"basemapsLabel\" })}\n                    </SectionHeading>\n                }\n            >\n                <BasemapSwitcher\n                    map={map}\n                    aria-labelledby={basemapsHeadingId}\n                    {...basemapSwitcherProps}\n                />\n            </TitledSection>\n        </Box>\n    );\n\n    const layerList = (\n        <Box className=\"toc-operational-layers\">\n            <TitledSection\n                title={\n                    <SectionHeading size={\"sm\"} mb={2}>\n                        <Flex>\n                            <Text my={3}>\n                                {intl.formatMessage({\n                                    id: \"operationalLayerLabel\"\n                                })}\n                            </Text>\n                            <Spacer />\n                            {showTools && <Tools map={map} {...toolsConfig} />}\n                        </Flex>\n                    </SectionHeading>\n                }\n            >\n                <TopLevelLayerList\n                    map={map}\n                    aria-label={intl.formatMessage({ id: \"operationalLayerLabel\" })}\n                />\n            </TitledSection>\n        </Box>\n    );\n\n    return (\n        <TocModelProvider value={model}>\n            {basemapSwitcher}\n            {layerList}\n        </TocModelProvider>\n    );\n}\n\nfunction useTocModel(props: TocProps): TocModel {\n    const initialProps = useRef(props);\n    const { model, options } = useMemo(() => {\n        const options = reactive<TocWidgetOptions>(\n            createOptions(\n                initialProps.current.autoShowParents,\n                initialProps.current.collapsibleGroups,\n                initialProps.current.initiallyCollapsed\n            )\n        );\n\n        // Indexed by layerId\n        const items = reactiveMap<string, TocItem>();\n        const model: TocModel = {\n            get options() {\n                return options.value;\n            },\n            getItem(layerId: string): TocItem | undefined {\n                return items.get(layerId);\n            },\n            getItems(): TocItem[] {\n                return Array.from(items.values());\n            },\n            registerItem(item: TocItem): void {\n                if (items.has(item.layerId)) {\n                    throw new Error(`Item with layerId '${item.layerId}' already registered.`);\n                }\n                items.set(item.layerId, item);\n            },\n            unregisterItem(item: TocItem): void {\n                if (items.get(item.layerId) !== item) {\n                    throw new Error(`Item with layerId '${item.layerId}' not registered.`);\n                }\n                items.delete(item.layerId);\n            }\n        };\n        return { model, options };\n    }, []);\n\n    // Sync props to model\n    useEffect(() => {\n        options.value = createOptions(\n            props.autoShowParents,\n            props.collapsibleGroups,\n            props.initiallyCollapsed\n        );\n    }, [options, props.autoShowParents, props.collapsibleGroups, props.initiallyCollapsed]);\n\n    return model;\n}\n\nfunction createOptions(\n    autoShowParents?: boolean | undefined,\n    collapsibleGroups?: boolean | undefined,\n    isCollapsed?: boolean | undefined\n): TocWidgetOptions {\n    return {\n        autoShowParents: autoShowParents ?? true,\n        collapsibleGroups: collapsibleGroups ?? false,\n        initiallyCollapsed: isCollapsed ?? false\n    };\n}\n"],"names":["options","model"],"mappings":"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"}