@open-pioneer/basemap-switcher 0.11.0 → 0.12.0-dev.20250725080856

package/BasemapSwitcher.js

@@ -5,7 +5,7 @@ import { useMapModel } from '@open-pioneer/map';
 import { useCommonComponentProps } from '@open-pioneer/react-utils';
 import { useReactiveSnapshot } from '@open-pioneer/reactivity';
 import { useIntl } from './_virtual/_virtual-pioneer-module_react-hooks.js';
-import { FiAlertTriangle } from 'react-icons/fi';
+import { LuTriangleAlert } from 'react-icons/lu';
 
 const NO_BASEMAP_ID = "___NO_BASEMAP___";
 const BasemapSwitcher = (props) => {
@@ -95,7 +95,7 @@ function BasemapItem(props) {
             "aria-label": notAvailableLabel,
             positioning: { placement: "right" },
             children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
-              FiAlertTriangle,
+              LuTriangleAlert,
               {
                 color: "red",
                 "aria-label": intl.formatMessage({

package/BasemapSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasemapSwitcher.js","sources":["BasemapSwitcher.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Box, createListCollection, Portal, Select } from \"@chakra-ui/react\";\nimport { Tooltip } from \"@open-pioneer/chakra-snippets/tooltip\";\nimport { Layer, useMapModel, MapModelProps, MapModel } from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps } from \"@open-pioneer/react-utils\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { FC } from \"react\";\nimport { FiAlertTriangle } from \"react-icons/fi\";\n\n/*\n    Exported for tests. Feels a bit hacky but should be fine for now.\n    Originally was using the empty string, but that doesn't work well with happy-dom.\n*/\nexport const NO_BASEMAP_ID = \"___NO_BASEMAP___\";\n\n/**\n * Properties for single select options.\n */\nexport interface SelectOption {\n    /**\n     * The id of the basemap for the select option.\n     */\n    value: string;\n\n    /**\n     * The label of the select option.\n     */\n    label: string;\n\n    /**\n     * The layer object for the select option.\n     */\n    layer: Layer | undefined;\n}\n\n/**\n * These are special properties for the BasemapSwitcher.\n */\nexport interface BasemapSwitcherProps extends CommonComponentProps, MapModelProps {\n    /**\n     * Additional css class name(s) that will be added to the BasemapSwitcher component.\n     */\n    className?: string;\n\n    /**\n     * Specifies whether an option to deactivate all basemap layers is available in the BasemapSwitcher.\n     * Defaults to `false`.\n     */\n    allowSelectingEmptyBasemap?: boolean | undefined;\n\n    /**\n     * Optional aria-labelledby property.\n     * Do not use together with aria-label.\n     */\n    \"aria-labelledby\"?: string;\n\n    /**\n     * Optional aria-label property.\n     * Do not use together with aria-label.\n     */\n    \"aria-label\"?: string;\n}\n\n/**\n * The `BasemapSwitcher` component can be used in an app to switch between the different basemaps.\n */\nexport const BasemapSwitcher: FC<BasemapSwitcherProps> = (props) => {\n    const { map } = useMapModel(props);\n    return map && <BasemapSwitcherImpl {...props} map={map} />;\n};\n\n// Wait for the map resolve before rendering the component, this can be removed once we take the map model as a prop directly.\nfunction BasemapSwitcherImpl(props: BasemapSwitcherProps & { map: MapModel }) {\n    const intl = useIntl();\n    const {\n        allowSelectingEmptyBasemap = false,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        map\n    } = props;\n    const { containerProps } = useCommonComponentProps(\"basemap-switcher\", props);\n    const emptyBasemapLabel = intl.formatMessage({ id: \"emptyBasemapLabel\" });\n\n    const activateLayer = (layerId: string[]) => {\n        map.layers.activateBaseLayer(layerId[0] === NO_BASEMAP_ID ? undefined : layerId[0]);\n    };\n\n    const { optionsListCollection, selectedOption } = useReactiveSnapshot(() => {\n        const baseLayers = map.layers.getBaseLayers() ?? [];\n        const options: SelectOption[] = baseLayers.map<SelectOption>((layer) => {\n            return {\n                value: layer.id,\n                layer: layer,\n                label: layer.title,\n                disabled: layer.loadState == \"error\"\n            };\n        });\n\n        const activeBaseLayer = map.layers.getActiveBaseLayer();\n        if (allowSelectingEmptyBasemap || activeBaseLayer == null) {\n            const emptyOption: SelectOption = {\n                value: NO_BASEMAP_ID,\n                layer: undefined,\n                label: emptyBasemapLabel\n            };\n            options.push(emptyOption);\n        }\n        const optionsListCollection = createListCollection({ items: options });\n\n        const selectedOption = [activeBaseLayer?.id ?? NO_BASEMAP_ID];\n\n        return { optionsListCollection, selectedOption };\n    }, [allowSelectingEmptyBasemap, emptyBasemapLabel, map]);\n\n    return (\n        <Box {...containerProps}>\n            <Select.Root\n                collection={optionsListCollection}\n                value={selectedOption}\n                onValueChange={(option) => option && activateLayer(option.value)}\n                className=\"basemap-switcher-select\"\n                lazyMount={true}\n                unmountOnExit={true}\n            >\n                <Select.Control>\n                    <Select.Trigger\n                        aria-label={ariaLabel}\n                        aria-labelledby={ariaLabelledBy}\n                        className=\"basemap-switcher-select-trigger\"\n                    >\n                        <Select.ValueText />\n                    </Select.Trigger>\n                    <Select.IndicatorGroup>\n                        <Select.Indicator />\n                    </Select.IndicatorGroup>\n                </Select.Control>\n\n                <Portal>\n                    <Select.Positioner>\n                        <Select.Content className=\"basemap-switcher-select-content\">\n                            {optionsListCollection.items.map((item) => (\n                                <BasemapItem item={item} key={item.value} />\n                            ))}\n                        </Select.Content>\n                    </Select.Positioner>\n                </Portal>\n            </Select.Root>\n        </Box>\n    );\n}\n\nfunction BasemapItem(props: { item: SelectOption }) {\n    const intl = useIntl();\n    const notAvailableLabel = intl.formatMessage({ id: \"layerNotAvailable\" });\n    const item = props.item;\n    return (\n        <Select.Item\n            item={item}\n            key={item.value}\n            justifyContent=\"flex-start\"\n            // Override pointer-events: none rule for disabled items; we want to show the tooltip on hover\n            pointerEvents=\"auto\"\n            className=\"basemap-switcher-option\"\n        >\n            {item.label}\n            {item.layer?.loadState === \"error\" && (\n                <Box ml={2}>\n                    <Tooltip\n                        content={notAvailableLabel}\n                        aria-label={notAvailableLabel}\n                        positioning={{ placement: \"right\" }}\n                    >\n                        <span>\n                            <FiAlertTriangle\n                                color={\"red\"}\n                                aria-label={intl.formatMessage({\n                                    id: \"layerNotAvailable\"\n                                })}\n                            />\n                        </span>\n                    </Tooltip>\n                </Box>\n            )}\n        </Select.Item>\n    );\n}\n"],"names":["optionsListCollection","selectedOption"],"mappings":";;;;;;;;;AAeO,MAAM,aAAgB,GAAA;AAqDhB,MAAA,eAAA,GAA4C,CAAC,KAAU,KAAA;AAChE,EAAA,MAAM,EAAE,GAAA,EAAQ,GAAA,WAAA,CAAY,KAAK,CAAA;AACjC,EAAA,OAAO,GAAO,oBAAA,GAAA,CAAC,mBAAqB,EAAA,EAAA,GAAG,OAAO,GAAU,EAAA,CAAA;AAC5D;AAGA,SAAS,oBAAoB,KAAiD,EAAA;AAC1E,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAM,MAAA;AAAA,IACF,0BAA6B,GAAA,KAAA;AAAA,IAC7B,YAAc,EAAA,SAAA;AAAA,IACd,iBAAmB,EAAA,cAAA;AAAA,IACnB;AAAA,GACA,GAAA,KAAA;AACJ,EAAA,MAAM,EAAE,cAAA,EAAmB,GAAA,uBAAA,CAAwB,oBAAoB,KAAK,CAAA;AAC5E,EAAA,MAAM,oBAAoB,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,qBAAqB,CAAA;AAExE,EAAM,MAAA,aAAA,GAAgB,CAAC,OAAsB,KAAA;AACzC,IAAI,GAAA,CAAA,MAAA,CAAO,kBAAkB,OAAQ,CAAA,CAAC,MAAM,aAAgB,GAAA,MAAA,GAAY,OAAQ,CAAA,CAAC,CAAC,CAAA;AAAA,GACtF;AAEA,EAAA,MAAM,EAAE,qBAAA,EAAuB,cAAe,EAAA,GAAI,oBAAoB,MAAM;AACxE,IAAA,MAAM,UAAa,GAAA,GAAA,CAAI,MAAO,CAAA,aAAA,MAAmB,EAAC;AAClD,IAAA,MAAM,OAA0B,GAAA,UAAA,CAAW,GAAkB,CAAA,CAAC,KAAU,KAAA;AACpE,MAAO,OAAA;AAAA,QACH,OAAO,KAAM,CAAA,EAAA;AAAA,QACb,KAAA;AAAA,QACA,OAAO,KAAM,CAAA,KAAA;AAAA,QACb,QAAA,EAAU,MAAM,SAAa,IAAA;AAAA,OACjC;AAAA,KACH,CAAA;AAED,IAAM,MAAA,eAAA,GAAkB,GAAI,CAAA,MAAA,CAAO,kBAAmB,EAAA;AACtD,IAAI,IAAA,0BAAA,IAA8B,mBAAmB,IAAM,EAAA;AACvD,MAAA,MAAM,WAA4B,GAAA;AAAA,QAC9B,KAAO,EAAA,aAAA;AAAA,QACP,KAAO,EAAA,MAAA;AAAA,QACP,KAAO,EAAA;AAAA,OACX;AACA,MAAA,OAAA,CAAQ,KAAK,WAAW,CAAA;AAAA;AAE5B,IAAA,MAAMA,sBAAwB,GAAA,oBAAA,CAAqB,EAAE,KAAA,EAAO,SAAS,CAAA;AAErE,IAAA,MAAMC,eAAiB,GAAA,CAAC,eAAiB,EAAA,EAAA,IAAM,aAAa,CAAA;AAE5D,IAAA,OAAO,EAAE,qBAAA,EAAAD,sBAAuB,EAAA,cAAA,EAAAC,eAAe,EAAA;AAAA,GAChD,EAAA,CAAC,0BAA4B,EAAA,iBAAA,EAAmB,GAAG,CAAC,CAAA;AAEvD,EACI,uBAAA,GAAA,CAAC,GAAK,EAAA,EAAA,GAAG,cACL,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,MAAO,CAAA,IAAA;AAAA,IAAP;AAAA,MACG,UAAY,EAAA,qBAAA;AAAA,MACZ,KAAO,EAAA,cAAA;AAAA,MACP,eAAe,CAAC,MAAA,KAAW,MAAU,IAAA,aAAA,CAAc,OAAO,KAAK,CAAA;AAAA,MAC/D,SAAU,EAAA,yBAAA;AAAA,MACV,SAAW,EAAA,IAAA;AAAA,MACX,aAAe,EAAA,IAAA;AAAA,MAEf,QAAA,EAAA;AAAA,wBAAC,IAAA,CAAA,MAAA,CAAO,SAAP,EACG,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,MAAO,CAAA,OAAA;AAAA,YAAP;AAAA,cACG,YAAY,EAAA,SAAA;AAAA,cACZ,iBAAiB,EAAA,cAAA;AAAA,cACjB,SAAU,EAAA,iCAAA;AAAA,cAEV,QAAA,kBAAA,GAAA,CAAC,MAAO,CAAA,SAAA,EAAP,EAAiB;AAAA;AAAA,WACtB;AAAA,0BACA,GAAA,CAAC,OAAO,cAAP,EAAA,EACG,8BAAC,MAAO,CAAA,SAAA,EAAP,EAAiB,CACtB,EAAA;AAAA,SACJ,EAAA,CAAA;AAAA,wBAEA,GAAA,CAAC,MACG,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,MAAO,CAAA,UAAA,EAAP,EACG,QAAC,kBAAA,GAAA,CAAA,MAAA,CAAO,OAAP,EAAA,EAAe,SAAU,EAAA,iCAAA,EACrB,gCAAsB,KAAM,CAAA,GAAA,CAAI,CAAC,IAAA,qBAC7B,GAAA,CAAA,WAAA,EAAA,EAAY,IAAiB,EAAA,EAAA,IAAA,CAAK,KAAO,CAC7C,CACL,EAAA,CAAA,EACJ,CACJ,EAAA;AAAA;AAAA;AAAA,GAER,EAAA,CAAA;AAER;AAEA,SAAS,YAAY,KAA+B,EAAA;AAChD,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAA,MAAM,oBAAoB,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,qBAAqB,CAAA;AACxE,EAAA,MAAM,OAAO,KAAM,CAAA,IAAA;AACnB,EACI,uBAAA,IAAA;AAAA,IAAC,MAAO,CAAA,IAAA;AAAA,IAAP;AAAA,MACG,IAAA;AAAA,MAEA,cAAe,EAAA,YAAA;AAAA,MAEf,aAAc,EAAA,MAAA;AAAA,MACd,SAAU,EAAA,yBAAA;AAAA,MAET,QAAA,EAAA;AAAA,QAAK,IAAA,CAAA,KAAA;AAAA,QACL,KAAK,KAAO,EAAA,SAAA,KAAc,2BACtB,GAAA,CAAA,GAAA,EAAA,EAAI,IAAI,CACL,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACG,OAAS,EAAA,iBAAA;AAAA,YACT,YAAY,EAAA,iBAAA;AAAA,YACZ,WAAA,EAAa,EAAE,SAAA,EAAW,OAAQ,EAAA;AAAA,YAElC,8BAAC,MACG,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,cAAC,eAAA;AAAA,cAAA;AAAA,gBACG,KAAO,EAAA,KAAA;AAAA,gBACP,YAAA,EAAY,KAAK,aAAc,CAAA;AAAA,kBAC3B,EAAI,EAAA;AAAA,iBACP;AAAA;AAAA,aAET,EAAA;AAAA;AAAA,SAER,EAAA;AAAA;AAAA,KAAA;AAAA,IAvBC,IAAK,CAAA;AAAA,GAyBd;AAER;;;;"}
+{"version":3,"file":"BasemapSwitcher.js","sources":["BasemapSwitcher.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Box, createListCollection, Portal, Select } from \"@chakra-ui/react\";\nimport { Tooltip } from \"@open-pioneer/chakra-snippets/tooltip\";\nimport { Layer, useMapModel, MapModelProps, MapModel } from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps } from \"@open-pioneer/react-utils\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { FC } from \"react\";\nimport { LuTriangleAlert } from \"react-icons/lu\";\n\n/*\n    Exported for tests. Feels a bit hacky but should be fine for now.\n    Originally was using the empty string, but that doesn't work well with happy-dom.\n*/\nexport const NO_BASEMAP_ID = \"___NO_BASEMAP___\";\n\n/**\n * Properties for single select options.\n */\nexport interface SelectOption {\n    /**\n     * The id of the basemap for the select option.\n     */\n    value: string;\n\n    /**\n     * The label of the select option.\n     */\n    label: string;\n\n    /**\n     * The layer object for the select option.\n     */\n    layer: Layer | undefined;\n}\n\n/**\n * These are special properties for the BasemapSwitcher.\n */\nexport interface BasemapSwitcherProps extends CommonComponentProps, MapModelProps {\n    /**\n     * Additional css class name(s) that will be added to the BasemapSwitcher component.\n     */\n    className?: string;\n\n    /**\n     * Specifies whether an option to deactivate all basemap layers is available in the BasemapSwitcher.\n     * Defaults to `false`.\n     */\n    allowSelectingEmptyBasemap?: boolean | undefined;\n\n    /**\n     * Optional aria-labelledby property.\n     * Do not use together with aria-label.\n     */\n    \"aria-labelledby\"?: string;\n\n    /**\n     * Optional aria-label property.\n     * Do not use together with aria-label.\n     */\n    \"aria-label\"?: string;\n}\n\n/**\n * The `BasemapSwitcher` component can be used in an app to switch between the different basemaps.\n */\nexport const BasemapSwitcher: FC<BasemapSwitcherProps> = (props) => {\n    const { map } = useMapModel(props);\n    return map && <BasemapSwitcherImpl {...props} map={map} />;\n};\n\n// Wait for the map resolve before rendering the component, this can be removed once we take the map model as a prop directly.\nfunction BasemapSwitcherImpl(props: BasemapSwitcherProps & { map: MapModel }) {\n    const intl = useIntl();\n    const {\n        allowSelectingEmptyBasemap = false,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        map\n    } = props;\n    const { containerProps } = useCommonComponentProps(\"basemap-switcher\", props);\n    const emptyBasemapLabel = intl.formatMessage({ id: \"emptyBasemapLabel\" });\n\n    const activateLayer = (layerId: string[]) => {\n        map.layers.activateBaseLayer(layerId[0] === NO_BASEMAP_ID ? undefined : layerId[0]);\n    };\n\n    const { optionsListCollection, selectedOption } = useReactiveSnapshot(() => {\n        const baseLayers = map.layers.getBaseLayers() ?? [];\n        const options: SelectOption[] = baseLayers.map<SelectOption>((layer) => {\n            return {\n                value: layer.id,\n                layer: layer,\n                label: layer.title,\n                disabled: layer.loadState == \"error\"\n            };\n        });\n\n        const activeBaseLayer = map.layers.getActiveBaseLayer();\n        if (allowSelectingEmptyBasemap || activeBaseLayer == null) {\n            const emptyOption: SelectOption = {\n                value: NO_BASEMAP_ID,\n                layer: undefined,\n                label: emptyBasemapLabel\n            };\n            options.push(emptyOption);\n        }\n        const optionsListCollection = createListCollection({ items: options });\n\n        const selectedOption = [activeBaseLayer?.id ?? NO_BASEMAP_ID];\n\n        return { optionsListCollection, selectedOption };\n    }, [allowSelectingEmptyBasemap, emptyBasemapLabel, map]);\n\n    return (\n        <Box {...containerProps}>\n            <Select.Root\n                collection={optionsListCollection}\n                value={selectedOption}\n                onValueChange={(option) => option && activateLayer(option.value)}\n                className=\"basemap-switcher-select\"\n                lazyMount={true}\n                unmountOnExit={true}\n            >\n                <Select.Control>\n                    <Select.Trigger\n                        aria-label={ariaLabel}\n                        aria-labelledby={ariaLabelledBy}\n                        className=\"basemap-switcher-select-trigger\"\n                    >\n                        <Select.ValueText />\n                    </Select.Trigger>\n                    <Select.IndicatorGroup>\n                        <Select.Indicator />\n                    </Select.IndicatorGroup>\n                </Select.Control>\n\n                <Portal>\n                    <Select.Positioner>\n                        <Select.Content className=\"basemap-switcher-select-content\">\n                            {optionsListCollection.items.map((item) => (\n                                <BasemapItem item={item} key={item.value} />\n                            ))}\n                        </Select.Content>\n                    </Select.Positioner>\n                </Portal>\n            </Select.Root>\n        </Box>\n    );\n}\n\nfunction BasemapItem(props: { item: SelectOption }) {\n    const intl = useIntl();\n    const notAvailableLabel = intl.formatMessage({ id: \"layerNotAvailable\" });\n    const item = props.item;\n    return (\n        <Select.Item\n            item={item}\n            key={item.value}\n            justifyContent=\"flex-start\"\n            // Override pointer-events: none rule for disabled items; we want to show the tooltip on hover\n            pointerEvents=\"auto\"\n            className=\"basemap-switcher-option\"\n        >\n            {item.label}\n            {item.layer?.loadState === \"error\" && (\n                <Box ml={2}>\n                    <Tooltip\n                        content={notAvailableLabel}\n                        aria-label={notAvailableLabel}\n                        positioning={{ placement: \"right\" }}\n                    >\n                        <span>\n                            <LuTriangleAlert\n                                color={\"red\"}\n                                aria-label={intl.formatMessage({\n                                    id: \"layerNotAvailable\"\n                                })}\n                            />\n                        </span>\n                    </Tooltip>\n                </Box>\n            )}\n        </Select.Item>\n    );\n}\n"],"names":["optionsListCollection","selectedOption"],"mappings":"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"}

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @open-pioneer/basemap-switcher
 
+## 0.12.0-dev.20250725080856
+
+### 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 [10d2fe7]
+- Updated dependencies [2702df4]
+- Updated dependencies [8986b3b]
+- Updated dependencies [f1f69f2]
+- Updated dependencies [da6a410]
+    - @open-pioneer/map@0.12.0-dev.20250725080856
+
 ## 0.11.0
 
 ### Minor Changes
@@ -74,7 +91,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/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/basemap-switcher",
-  "version": "0.11.0",
+  "version": "0.12.0-dev.20250725080856",
   "description": "This package provides a UI component that allows a user to switch between different base maps.",
   "keywords": [
     "open-pioneer-trails"
@@ -16,14 +16,14 @@
   "dependencies": {
     "@open-pioneer/react-utils": "^4.0.0",
     "@open-pioneer/runtime": "^4.0.0",
-    "@chakra-ui/react": "^3.19.2",
-    "ol": "^10.5.0",
+    "@chakra-ui/react": "^3.21.1",
+    "ol": "^10.6.1",
     "react": "^19.1.0",
     "react-icons": "^5.5.0",
     "@open-pioneer/reactivity": "^4.0.0",
     "@conterra/reactivity-core": "^0.7.0",
     "@open-pioneer/chakra-snippets": "^4.0.0",
-    "@open-pioneer/map": "^0.11.0"
+    "@open-pioneer/map": "0.12.0-dev.20250725080856"
   },
   "exports": {
     "./package.json": "./package.json",