@open-pioneer/legend 0.7.0 → 0.8.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @open-pioneer/legend
 
+## 0.8.0
+
+### 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.
+
+### Patch Changes
+
+-   49f0207: Update trails core packages to version 2.4.0
+-   e7978a8: Use reactive map model APIs to access the current layers and their attributes.
+-   Updated dependencies [b717121]
+-   Updated dependencies [e7978a8]
+-   Updated dependencies [7a5f1e1]
+-   Updated dependencies [7ae9f90]
+-   Updated dependencies [d8337a6]
+-   Updated dependencies [49f0207]
+-   Updated dependencies [b2127df]
+-   Updated dependencies [2fa8020]
+-   Updated dependencies [7ae9f90]
+-   Updated dependencies [d8337a6]
+    -   @open-pioneer/map@0.8.0
+
 ## 0.7.0
 
 ### Minor Changes

package/Legend.d.ts

@@ -1,6 +1,6 @@
 import { AnyLayer, MapModelProps } from "@open-pioneer/map";
-import { ComponentType, FC } from "react";
 import { CommonComponentProps } from "@open-pioneer/react-utils";
+import { ComponentType, FC } from "react";
 /**
  * Properties of a legend item React component.
  */

package/Legend.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { WarningTwoIcon } from '@chakra-ui/icons';
 import { Box, List, Text, Image } from '@open-pioneer/chakra-integration';
 import { useMapModel, isLayer } from '@open-pioneer/map';
-import { useCallback, useSyncExternalStore, useRef, useState, useEffect } from 'react';
 import { useCommonComponentProps } from '@open-pioneer/react-utils';
-import { useIntl } from './_virtual/_virtual-pioneer-module_react-hooks.js';
-import { WarningTwoIcon } from '@chakra-ui/icons';
+import { useReactiveSnapshot } from '@open-pioneer/reactivity';
 import classNames from 'classnames';
+import { useIntl } from './_virtual/_virtual-pioneer-module_react-hooks.js';
 
 const Legend = (props) => {
   const { showBaseLayers = false } = props;
@@ -32,12 +32,12 @@ function LegendList(props) {
 }
 function LegendItem(props) {
   const { layer, showBaseLayers } = props;
-  const { isVisible } = useVisibility(layer);
+  const isVisible = useReactiveSnapshot(() => layer.visible, [layer]);
   const sublayers = useSublayers(layer);
   if (!isVisible) {
     return void 0;
   }
-  if (!showBaseLayers && isLayer(layer) && layer.isBaseLayer) {
+  if (!showBaseLayers && isLayer(layer) && isBaseLayer(layer)) {
     return void 0;
   }
   const childItems = [];
@@ -56,8 +56,9 @@ function LegendItem(props) {
 function LegendContent(props) {
   const intl = useIntl();
   const { layer, showBaseLayers } = props;
+  const baseLayer = isBaseLayer(layer);
   const legendAttributes = useLegendAttributes(layer);
-  const legendUrl = useLegend(layer);
+  const legendUrl = useReactiveSnapshot(() => layer.legend, [layer]);
   let renderedComponent;
   if (legendAttributes?.Component) {
     renderedComponent = /* @__PURE__ */ jsx(legendAttributes.Component, { layer });
@@ -68,9 +69,8 @@ function LegendContent(props) {
       renderedComponent = /* @__PURE__ */ jsx(LegendImage, { layer, imageUrl: legendUrl });
     }
   }
-  const isBaseLayer = isLayer(layer) && layer.isBaseLayer;
   return renderedComponent ? /* @__PURE__ */ jsxs(Box, { as: "li", className: classNames("legend-item", `layer-${slug(layer.id)}`), children: [
-    showBaseLayers && isBaseLayer ? (
+    showBaseLayers && baseLayer ? (
       /* Render additional text, if layer is a configured basemap */
       /* @__PURE__ */ jsx(Text, { as: "b", children: intl.formatMessage({ id: "basemapLabel" }) })
     ) : null,
@@ -99,102 +99,31 @@ function LegendImage(props) {
     )
   ] });
 }
-function useLegend(layer) {
-  const getSnapshot = useCallback(() => layer.legend, [layer]);
-  const subscribe = useCallback(
-    (cb) => {
-      const resource = layer.on("changed:legend", cb);
-      return () => resource.destroy();
-    },
-    [layer]
-  );
-  return useSyncExternalStore(subscribe, getSnapshot);
-}
 function useLayers(map) {
-  const subscribe = useCallback(
-    (cb) => {
-      const resource = map.layers.on("changed", cb);
-      return () => resource.destroy();
-    },
-    [map]
-  );
-  const getValue = useCallback(() => {
-    let layers = map.layers.getAllLayers({ sortByDisplayOrder: true }) ?? [];
-    layers = layers.reverse();
+  return useReactiveSnapshot(() => {
+    const layers = map.layers.getAllLayers({ sortByDisplayOrder: true }) ?? [];
+    layers.reverse();
     return layers;
   }, [map]);
-  return useCachedExternalStore(subscribe, getValue);
 }
 function useSublayers(layer) {
-  const subscribe = useCallback(
-    (cb) => {
-      const resource = layer.sublayers?.on("changed", cb);
-      return () => resource?.destroy();
-    },
-    [layer]
-  );
-  const getValue = useCallback(() => {
-    const sublayers = layer.sublayers;
+  return useReactiveSnapshot(() => {
+    const sublayers = layer.sublayers?.getSublayers({ sortByDisplayOrder: true });
     if (!sublayers) {
       return void 0;
     }
-    let layers = layer.sublayers?.getSublayers({ sortByDisplayOrder: true });
-    layers = layers.reverse();
-    return layers;
+    sublayers.reverse();
+    return sublayers;
   }, [layer]);
-  return useCachedExternalStore(subscribe, getValue);
 }
-function useCachedExternalStore(subscribe, getValue) {
-  const cachedValue = useRef();
-  const cachedSubscribe = useCallback(
-    (cb) => {
-      const cleanup = subscribe(() => {
-        cachedValue.current = void 0;
-        cb();
-      });
-      return () => {
-        cachedValue.current = void 0;
-        cleanup();
-      };
-    },
-    [subscribe]
-  );
-  const cachedGetSnapshot = useCallback(() => {
-    if (cachedValue.current) {
-      return cachedValue.current.value;
-    }
-    const value = getValue();
-    cachedValue.current = { value };
-    return value;
-  }, [getValue]);
-  return useSyncExternalStore(cachedSubscribe, cachedGetSnapshot);
-}
-function useVisibility(layer) {
-  const getSnapshot = useCallback(() => layer.visible, [layer]);
-  const subscribe = useCallback(
-    (cb) => {
-      const resource = layer.on("changed:visible", cb);
-      return () => resource.destroy();
-    },
+function useLegendAttributes(layer) {
+  return useReactiveSnapshot(
+    () => layer.attributes.legend,
     [layer]
   );
-  const isVisible = useSyncExternalStore(subscribe, getSnapshot);
-  return {
-    isVisible
-  };
 }
-function useLegendAttributes(layer) {
-  const [legendAttributes, setLegendAttributes] = useState(
-    void 0
-  );
-  useEffect(() => {
-    setLegendAttributes(layer.attributes.legend);
-    const resource = layer.on("changed:attributes", () => {
-      setLegendAttributes(layer.attributes.legend);
-    });
-    return () => resource.destroy();
-  }, [layer]);
-  return legendAttributes;
+function isBaseLayer(layer) {
+  return !("parentLayer" in layer) && layer.isBaseLayer;
 }
 function slug(id) {
   return id.toLowerCase().replace(/[^a-z0-9 -]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-");

package/Legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"Legend.js","sources":["Legend.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Box, Image, List, Text } from \"@open-pioneer/chakra-integration\";\nimport {\n    Layer,\n    MapModel,\n    useMapModel,\n    AnyLayer,\n    Sublayer,\n    isLayer,\n    MapModelProps\n} from \"@open-pioneer/map\";\nimport {\n    ComponentType,\n    FC,\n    ReactNode,\n    useCallback,\n    useEffect,\n    useRef,\n    useState,\n    useSyncExternalStore\n} from \"react\";\nimport { CommonComponentProps, useCommonComponentProps } from \"@open-pioneer/react-utils\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { WarningTwoIcon } from \"@chakra-ui/icons\";\nimport classNames from \"classnames\";\n\n/**\n * Properties of a legend item React component.\n */\nexport interface LegendItemComponentProps {\n    /**\n     * Related layer of the legend.\n     */\n    layer: AnyLayer;\n}\n\n/**\n * Attributes of the legend attribute that can be specified on a layer.\n *\n * To show a legend for the layer, provide an imageUrl to an image to show\n * or provide a React component that will be rendered as a legend.\n */\nexport interface LegendItemAttributes {\n    /**\n     * (Optional) URL to an image that will be shown as a legend for the layer.\n     */\n    imageUrl?: string;\n\n    /**\n     * (Optional) React component that will be shown as customized legend for the layer.\n     */\n    Component?: ComponentType<LegendItemComponentProps>;\n}\n\n/**\n * These are special properties for the Legend.\n */\nexport interface LegendProps extends CommonComponentProps, MapModelProps {\n    /**\n     * Specifies whether legend for active base layer is shown in the legend UI.\n     * Defaults to `false`.\n     */\n    showBaseLayers?: boolean;\n}\n\n/**\n * The `Legend` component can be used to display the legend of layers that are visible in the map.\n */\nexport const Legend: FC<LegendProps> = (props) => {\n    const { showBaseLayers = false } = props;\n    const { containerProps } = useCommonComponentProps(\"legend\", props);\n    const { map } = useMapModel(props);\n\n    return (\n        <Box {...containerProps}>\n            {map ? <LegendList map={map} showBaseLayers={showBaseLayers} /> : null}\n        </Box>\n    );\n};\n\nfunction LegendList(props: { map: MapModel; showBaseLayers: boolean }): JSX.Element {\n    const { map, showBaseLayers } = props;\n\n    const layers = useLayers(map);\n    const legendListItems: ReactNode[] = layers.map((layer) => {\n        return (\n            <LegendItem key={layer.id} layer={layer} showBaseLayers={showBaseLayers}></LegendItem>\n        );\n    });\n\n    return (\n        <List\n            // Note: not using UnorderedList because it adds default margins\n            as=\"ul\"\n            className=\"legend-layer-list\"\n            listStyleType=\"none\"\n            spacing={2}\n        >\n            {legendListItems}\n        </List>\n    );\n}\n\nfunction LegendItem(props: { layer: AnyLayer; showBaseLayers: boolean }): ReactNode {\n    const { layer, showBaseLayers } = props;\n    const { isVisible } = useVisibility(layer);\n    const sublayers = useSublayers(layer);\n\n    if (!isVisible) {\n        return undefined;\n    }\n\n    if (!showBaseLayers && isLayer(layer) && layer.isBaseLayer) {\n        return undefined;\n    }\n\n    // legend items for all sublayers\n    const childItems: ReactNode[] = [];\n    if (sublayers?.length) {\n        sublayers.forEach((sublayer) => {\n            childItems.push(\n                <LegendItem key={sublayer.id} layer={sublayer} showBaseLayers={showBaseLayers} />\n            );\n        });\n    }\n\n    return (\n        <>\n            <LegendContent layer={layer} showBaseLayers={showBaseLayers} />\n            {childItems}\n        </>\n    );\n}\n\nfunction LegendContent(props: { layer: AnyLayer; showBaseLayers: boolean }) {\n    const intl = useIntl();\n\n    const { layer, showBaseLayers } = props;\n    const legendAttributes = useLegendAttributes(layer);\n    const legendUrl = useLegend(layer);\n    let renderedComponent: ReactNode | undefined;\n\n    if (legendAttributes?.Component) {\n        renderedComponent = <legendAttributes.Component layer={layer} />;\n    } else if (legendAttributes?.imageUrl) {\n        renderedComponent = <LegendImage layer={layer} imageUrl={legendAttributes.imageUrl} />;\n    } else {\n        if (legendUrl) {\n            renderedComponent = <LegendImage layer={layer} imageUrl={legendUrl} />;\n        }\n    }\n\n    const isBaseLayer = isLayer(layer) && layer.isBaseLayer;\n\n    return renderedComponent ? (\n        <Box as=\"li\" className={classNames(\"legend-item\", `layer-${slug(layer.id)}`)}>\n            {showBaseLayers && isBaseLayer ? (\n                /* Render additional text, if layer is a configured basemap */\n                <Text as=\"b\">{intl.formatMessage({ id: \"basemapLabel\" })}</Text>\n            ) : null}\n            {renderedComponent}\n        </Box>\n    ) : undefined;\n}\n\nfunction LegendImage(props: { imageUrl: string; layer: AnyLayer }) {\n    const intl = useIntl();\n\n    const { layer, imageUrl } = props;\n\n    return (\n        <Box>\n            <Text>{layer.title}</Text>\n            <Image\n                maxW=\"none\"\n                maxH=\"none\"\n                src={imageUrl}\n                alt={intl.formatMessage({ id: \"altLabel\" }, { layerName: layer.title })}\n                className={\"legend-item__image\"}\n                fallbackStrategy={\"onError\"}\n                fallback={\n                    <Box>\n                        <Text>\n                            <WarningTwoIcon me={2} />\n                            {intl.formatMessage({ id: \"fallbackLabel\" })}\n                        </Text>\n                    </Box>\n                }\n            />\n        </Box>\n    );\n}\n\nfunction useLegend(layer: AnyLayer): string | undefined {\n    const getSnapshot = useCallback(() => layer.legend, [layer]);\n    const subscribe = useCallback(\n        (cb: () => void) => {\n            const resource = layer.on(\"changed:legend\", cb);\n            return () => resource.destroy();\n        },\n        [layer]\n    );\n\n    return useSyncExternalStore(subscribe, getSnapshot);\n}\n\n/** Returns the top level operation layers (without LayerGroups). */\nfunction useLayers(map: MapModel): Layer[] {\n    const subscribe = useCallback(\n        (cb: () => void) => {\n            const resource = map.layers.on(\"changed\", cb);\n            return () => resource.destroy();\n        },\n        [map]\n    );\n    const getValue = useCallback(() => {\n        let layers = map.layers.getAllLayers({ sortByDisplayOrder: true }) ?? [];\n        layers = layers.reverse();\n        return layers;\n    }, [map]);\n    return useCachedExternalStore(subscribe, getValue);\n}\n\n/** Returns the sublayers of the given layer (or undefined, if the sublayer cannot have any). */\nfunction useSublayers(layer: AnyLayer): Sublayer[] | undefined {\n    const subscribe = useCallback(\n        (cb: () => void) => {\n            const resource = layer.sublayers?.on(\"changed\", cb);\n            return () => resource?.destroy();\n        },\n        [layer]\n    );\n    const getValue = useCallback((): Sublayer[] | undefined => {\n        const sublayers = layer.sublayers;\n        if (!sublayers) {\n            return undefined;\n        }\n\n        let layers = layer.sublayers?.getSublayers({ sortByDisplayOrder: true });\n        layers = layers.reverse();\n        return layers;\n    }, [layer]);\n    return useCachedExternalStore(subscribe, getValue);\n}\n\n/**\n * This hooks wraps an external store that does not cache its own values, i.e.\n * it may return a different value each time from `getValue()`.\n *\n * The results returned from `getValue()` are cached locally; the cache\n * is only invalidated on re-subscription or if a change event has been observed.\n */\nfunction useCachedExternalStore<T>(\n    subscribe: (onStoreChanged: () => void) => () => void,\n    getValue: () => T\n): T {\n    const cachedValue = useRef<{ value: T } | undefined>();\n\n    const cachedSubscribe = useCallback(\n        (cb: () => void) => {\n            const cleanup = subscribe(() => {\n                // Reset cache on change\n                cachedValue.current = undefined;\n                cb();\n            });\n            return () => {\n                // Reset cache when (re-) subscribing\n                cachedValue.current = undefined;\n                cleanup();\n            };\n        },\n        [subscribe]\n    );\n    const cachedGetSnapshot = useCallback(() => {\n        // Return cached values if still up to date (see resets above).\n        if (cachedValue.current) {\n            return cachedValue.current.value;\n        }\n\n        // Compute values and cache the result.\n        const value = getValue();\n        cachedValue.current = { value };\n        return value;\n    }, [getValue]);\n    return useSyncExternalStore(cachedSubscribe, cachedGetSnapshot);\n}\n\n/** Returns the layer's current visibility. */\nfunction useVisibility(layer: AnyLayer): {\n    isVisible: boolean;\n} {\n    const getSnapshot = useCallback(() => layer.visible, [layer]);\n    const subscribe = useCallback(\n        (cb: () => void) => {\n            const resource = layer.on(\"changed:visible\", cb);\n            return () => resource.destroy();\n        },\n        [layer]\n    );\n    const isVisible = useSyncExternalStore(subscribe, getSnapshot);\n\n    return {\n        isVisible\n    };\n}\n\nfunction useLegendAttributes(layer: AnyLayer) {\n    const [legendAttributes, setLegendAttributes] = useState<LegendItemAttributes | undefined>(\n        undefined\n    );\n\n    useEffect(() => {\n        setLegendAttributes(layer.attributes.legend as LegendItemAttributes | undefined);\n\n        const resource = layer.on(\"changed:attributes\", () => {\n            setLegendAttributes(layer.attributes.legend as LegendItemAttributes | undefined);\n        });\n        return () => resource.destroy();\n    }, [layer]);\n\n    return legendAttributes;\n}\n\nfunction slug(id: string) {\n    return id\n        .toLowerCase()\n        .replace(/[^a-z0-9 -]/g, \"\")\n        .replace(/\\s+/g, \"-\")\n        .replace(/-+/g, \"-\");\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Legend.js","sources":["Legend.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { WarningTwoIcon } from \"@chakra-ui/icons\";\nimport { Box, Image, List, Text } from \"@open-pioneer/chakra-integration\";\nimport {\n    Layer,\n    AnyLayer,\n    MapModel,\n    Sublayer,\n    useMapModel,\n    MapModelProps,\n    isLayer\n} from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps } from \"@open-pioneer/react-utils\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\nimport classNames from \"classnames\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { ComponentType, FC, ReactNode } from \"react\";\n\n/**\n * Properties of a legend item React component.\n */\nexport interface LegendItemComponentProps {\n    /**\n     * Related layer of the legend.\n     */\n    layer: AnyLayer;\n}\n\n/**\n * Attributes of the legend attribute that can be specified on a layer.\n *\n * To show a legend for the layer, provide an imageUrl to an image to show\n * or provide a React component that will be rendered as a legend.\n */\nexport interface LegendItemAttributes {\n    /**\n     * (Optional) URL to an image that will be shown as a legend for the layer.\n     */\n    imageUrl?: string;\n\n    /**\n     * (Optional) React component that will be shown as customized legend for the layer.\n     */\n    Component?: ComponentType<LegendItemComponentProps>;\n}\n\n/**\n * These are special properties for the Legend.\n */\nexport interface LegendProps extends CommonComponentProps, MapModelProps {\n    /**\n     * Specifies whether legend for active base layer is shown in the legend UI.\n     * Defaults to `false`.\n     */\n    showBaseLayers?: boolean;\n}\n\n/**\n * The `Legend` component can be used to display the legend of layers that are visible in the map.\n */\nexport const Legend: FC<LegendProps> = (props) => {\n    const { showBaseLayers = false } = props;\n    const { containerProps } = useCommonComponentProps(\"legend\", props);\n    const { map } = useMapModel(props);\n\n    return (\n        <Box {...containerProps}>\n            {map ? <LegendList map={map} showBaseLayers={showBaseLayers} /> : null}\n        </Box>\n    );\n};\n\nfunction LegendList(props: { map: MapModel; showBaseLayers: boolean }): JSX.Element {\n    const { map, showBaseLayers } = props;\n\n    const layers = useLayers(map);\n    const legendListItems: ReactNode[] = layers.map((layer) => {\n        return (\n            <LegendItem key={layer.id} layer={layer} showBaseLayers={showBaseLayers}></LegendItem>\n        );\n    });\n\n    return (\n        <List\n            // Note: not using UnorderedList because it adds default margins\n            as=\"ul\"\n            className=\"legend-layer-list\"\n            listStyleType=\"none\"\n            spacing={2}\n        >\n            {legendListItems}\n        </List>\n    );\n}\n\nfunction LegendItem(props: { layer: AnyLayer; showBaseLayers: boolean }): ReactNode {\n    const { layer, showBaseLayers } = props;\n    const isVisible = useReactiveSnapshot(() => layer.visible, [layer]);\n    const sublayers = useSublayers(layer);\n\n    if (!isVisible) {\n        return undefined;\n    }\n\n    if (!showBaseLayers && isLayer(layer) && isBaseLayer(layer)) {\n        return undefined;\n    }\n\n    // legend items for all sublayers\n    const childItems: ReactNode[] = [];\n    if (sublayers?.length) {\n        sublayers.forEach((sublayer) => {\n            childItems.push(\n                <LegendItem key={sublayer.id} layer={sublayer} showBaseLayers={showBaseLayers} />\n            );\n        });\n    }\n\n    return (\n        <>\n            <LegendContent layer={layer} showBaseLayers={showBaseLayers} />\n            {childItems}\n        </>\n    );\n}\n\nfunction LegendContent(props: { layer: AnyLayer; showBaseLayers: boolean }) {\n    const intl = useIntl();\n\n    const { layer, showBaseLayers } = props;\n    const baseLayer = isBaseLayer(layer);\n    const legendAttributes = useLegendAttributes(layer);\n    const legendUrl = useReactiveSnapshot(() => layer.legend, [layer]);\n\n    let renderedComponent: ReactNode | undefined;\n    if (legendAttributes?.Component) {\n        renderedComponent = <legendAttributes.Component layer={layer} />;\n    } else if (legendAttributes?.imageUrl) {\n        renderedComponent = <LegendImage layer={layer} imageUrl={legendAttributes.imageUrl} />;\n    } else {\n        if (legendUrl) {\n            renderedComponent = <LegendImage layer={layer} imageUrl={legendUrl} />;\n        }\n    }\n\n    return renderedComponent ? (\n        <Box as=\"li\" className={classNames(\"legend-item\", `layer-${slug(layer.id)}`)}>\n            {showBaseLayers && baseLayer ? (\n                /* Render additional text, if layer is a configured basemap */\n                <Text as=\"b\">{intl.formatMessage({ id: \"basemapLabel\" })}</Text>\n            ) : null}\n            {renderedComponent}\n        </Box>\n    ) : undefined;\n}\n\nfunction LegendImage(props: { imageUrl: string; layer: AnyLayer }) {\n    const intl = useIntl();\n\n    const { layer, imageUrl } = props;\n\n    return (\n        <Box>\n            <Text>{layer.title}</Text>\n            <Image\n                maxW=\"none\"\n                maxH=\"none\"\n                src={imageUrl}\n                alt={intl.formatMessage({ id: \"altLabel\" }, { layerName: layer.title })}\n                className={\"legend-item__image\"}\n                fallbackStrategy={\"onError\"}\n                fallback={\n                    <Box>\n                        <Text>\n                            <WarningTwoIcon me={2} />\n                            {intl.formatMessage({ id: \"fallbackLabel\" })}\n                        </Text>\n                    </Box>\n                }\n            />\n        </Box>\n    );\n}\n\n/** Returns the top level operational layers in render order (topmost layer first). */\nfunction useLayers(map: MapModel): Layer[] {\n    return useReactiveSnapshot(() => {\n        const layers = map.layers.getAllLayers({ sortByDisplayOrder: true }) ?? [];\n        layers.reverse(); // render topmost layer first\n        return layers;\n    }, [map]);\n}\n\n/**\n * Returns the sublayers of the given layer (or undefined, if the sublayer cannot have any).\n * Sublayers are returned in render order (topmost sublayer first).\n */\nfunction useSublayers(layer: AnyLayer): Sublayer[] | undefined {\n    return useReactiveSnapshot(() => {\n        const sublayers = layer.sublayers?.getSublayers({ sortByDisplayOrder: true });\n        if (!sublayers) {\n            return undefined;\n        }\n\n        sublayers.reverse(); // render topmost layer first\n        return sublayers;\n    }, [layer]);\n}\n\nfunction useLegendAttributes(layer: AnyLayer): LegendItemAttributes | undefined {\n    return useReactiveSnapshot(\n        () => layer.attributes.legend as LegendItemAttributes | undefined,\n        [layer]\n    );\n}\n\nfunction isBaseLayer(layer: AnyLayer) {\n    return !(\"parentLayer\" in layer) && layer.isBaseLayer;\n}\n\nfunction slug(id: string) {\n    return id\n        .toLowerCase()\n        .replace(/[^a-z0-9 -]/g, \"\")\n        .replace(/\\s+/g, \"-\")\n        .replace(/-+/g, \"-\");\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/legend",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "This package provides a legend UI component that allows a user to see legend information for layers in the map.",
   "keywords": [
     "open-pioneer-trails"
@@ -15,13 +15,14 @@
   },
   "dependencies": {
     "@chakra-ui/icons": "^2.2.4",
-    "@open-pioneer/chakra-integration": "^2.3.0",
-    "@open-pioneer/react-utils": "^2.3.0",
-    "@open-pioneer/runtime": "^2.3.0",
+    "@open-pioneer/chakra-integration": "^2.4.0",
+    "@open-pioneer/react-utils": "^2.4.0",
+    "@open-pioneer/runtime": "^2.4.0",
     "classnames": "^2.3.2",
-    "ol": "^9.2.4",
+    "ol": "^10.2.1",
     "react": "^18.3.1",
-    "@open-pioneer/map": "^0.7.0"
+    "@open-pioneer/reactivity": "^2.4.0",
+    "@open-pioneer/map": "^0.8.0"
   },
   "exports": {
     "./package.json": "./package.json",