@open-pioneer/selection 0.2.4 → 0.8.0-dev.20241120115147

package/CHANGELOG.md

@@ -1,5 +1,83 @@
 # @open-pioneer/selection
 
+## 0.8.0-dev.20241120115147
+
+### Minor Changes
+
+-   e7978a8: Support reactive changes on the `SelectionSource`'s `status` property using the reactivity API.
+    **Remove** support for the `changed:status"` event on the selection source: use signals instead.
+
+    For example, to implement a `SelectionSource` with changing availability:
+
+    ```ts
+    class MySelectionSource implements SelectionSource {
+        private _status = reactive("available");
+
+        label = "My selection source";
+
+        get status() {
+            return this._status.value;
+        }
+
+        someEventHandler() {
+            // Change the status by updating the signal's value.
+            // The UI will update automatically.
+            this._status.value = "unavailable";
+        }
+    }
+    ```
+
+-   b717121: Update from OL 9 to OL 10.
+-   b717121: Adjust the type the property `vectorLayer` of the exported interface `VectorLayerSelectionSourceOptions`.
+    The type is now `VectorLayer<VectorSource, Feature>` instead of `VectorLayer<Feature>`.
+-   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
+
+-   Updated dependencies [b717121]
+-   Updated dependencies [e7978a8]
+-   Updated dependencies [7ae9f90]
+-   Updated dependencies [d8337a6]
+-   Updated dependencies [b2127df]
+-   Updated dependencies [2fa8020]
+-   Updated dependencies [7ae9f90]
+-   Updated dependencies [d8337a6]
+    -   @open-pioneer/map@0.8.0-dev.20241120115147
+
+## 0.7.0
+
+### Minor Changes
+
+-   310800c: Switch from `peerDependencies` to normal `dependencies`. Peer dependencies have some usability problems when used at scale.
+
+### Patch Changes
+
+-   310800c: Update core packages version.
+-   583f1d6: The `mapId` or `map` properties are now optional on individual components.
+    You can use the `DefaultMapProvider` to configure an implicit default value.
+
+    Note that configuring _neither_ a default _nor_ an explicit `map` or `mapId` will trigger a runtime error.
+
+-   583f1d6: All UI components in this project now accept the `mapId` (a `string`) _or_ the `map` (a `MapModel`) directly.
+-   a8b3449: Switch to a new versioning strategy.
+    From now on, packages released by this repository share a common version number.
+-   900eb11: Update dependencies.
+-   Updated dependencies [310800c]
+-   Updated dependencies [2502050]
+-   Updated dependencies [583f1d6]
+-   Updated dependencies [583f1d6]
+-   Updated dependencies [397d617]
+-   Updated dependencies [a8b3449]
+-   Updated dependencies [310800c]
+-   Updated dependencies [900eb11]
+-   Updated dependencies [583f1d6]
+-   Updated dependencies [397d617]
+    -   @open-pioneer/map@0.7.0
+
 ## 0.2.4
 
 ### Patch Changes

package/Selection.d.ts

@@ -1,14 +1,11 @@
+import { MapModelProps } from "@open-pioneer/map";
 import { CommonComponentProps } from "@open-pioneer/react-utils";
 import { FC } from "react";
 import { SelectionResult, SelectionSource } from "./api";
 /**
  * Properties supported by the {@link Selection} component.
  */
-export interface SelectionProps extends CommonComponentProps {
-    /**
-     * The id of the map.
-     */
-    mapId: string;
+export interface SelectionProps extends CommonComponentProps, MapModelProps {
     /**
      * Array of selection sources available for spatial selection.
      */

package/Selection.js

@@ -6,6 +6,7 @@ import { Select, chakraComponents } from 'chakra-react-select';
 import { useIntl, useService } from './_virtual/_virtual-pioneer-module_react-hooks.js';
 import { useState, useMemo, useEffect, useRef } from 'react';
 import { FiAlertTriangle } from 'react-icons/fi';
+import { useReactiveSnapshot } from '@open-pioneer/reactivity';
 import { DragController } from './DragController.js';
 import { SelectionController } from './SelectionController.js';
 
@@ -17,7 +18,7 @@ const COMMON_SELECT_PROPS = {
 };
 const Selection = (props) => {
   const intl = useIntl();
-  const { mapId, sources, onSelectionComplete, onSelectionSourceChanged } = props;
+  const { sources, onSelectionComplete, onSelectionSourceChanged } = props;
   const { containerProps } = useCommonComponentProps("selection", props);
   const defaultNotAvailableMessage = intl.formatMessage({ id: "sourceNotAvailable" });
   const [currentSource, setCurrentSource] = useCurrentSelectionSource(
@@ -25,7 +26,7 @@ const Selection = (props) => {
     onSelectionSourceChanged
   );
   const currentSourceStatus = useSourceStatus(currentSource, defaultNotAvailableMessage);
-  const mapState = useMapModel(mapId);
+  const mapState = useMapModel(props);
   const { onExtentSelected } = useSelectionController(
     mapState.map,
     sources,
@@ -210,22 +211,13 @@ function getSourceStatus(source, sourceNotAvailableReason) {
   };
 }
 function useSourceStatus(source, defaultNotAvailableMessage) {
-  const [status, setStatus] = useState(() => ({
-    kind: "unavailable",
-    reason: defaultNotAvailableMessage
-  }));
-  useEffect(() => {
+  const sourceStatus = useReactiveSnapshot(() => {
     if (!source) {
-      setStatus({ kind: "unavailable", reason: defaultNotAvailableMessage });
-      return;
+      return { kind: "unavailable", reason: defaultNotAvailableMessage };
     }
-    setStatus(getSourceStatus(source, defaultNotAvailableMessage));
-    const resource = source.on?.("changed:status", () => {
-      setStatus(getSourceStatus(source, defaultNotAvailableMessage));
-    });
-    return () => resource?.destroy();
+    return getSourceStatus(source, defaultNotAvailableMessage);
   }, [source, defaultNotAvailableMessage]);
-  return status;
+  return sourceStatus;
 }
 function useDragSelection(map, intl, onExtentSelected, isActive, hasSelectedSource) {
   useEffect(() => {

package/Selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"Selection.js","sources":["Selection.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport {\n    Box,\n    Flex,\n    FormControl,\n    FormLabel,\n    Icon,\n    Tooltip,\n    VStack,\n    chakra,\n    useToken\n} from \"@open-pioneer/chakra-integration\";\nimport { MapModel, useMapModel } from \"@open-pioneer/map\";\nimport { NotificationService } from \"@open-pioneer/notifier\";\nimport { CommonComponentProps, useCommonComponentProps, useEvent } from \"@open-pioneer/react-utils\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\nimport {\n    ChakraStylesConfig,\n    GroupBase,\n    OptionProps,\n    Select,\n    Props as SelectProps,\n    SingleValueProps,\n    chakraComponents,\n    type SingleValue\n} from \"chakra-react-select\";\nimport { Geometry } from \"ol/geom\";\nimport { useIntl, useService } from \"open-pioneer:react-hooks\";\nimport { FC, KeyboardEvent, useEffect, useMemo, useRef, useState } from \"react\";\nimport { FiAlertTriangle } from \"react-icons/fi\";\nimport { DragController } from \"./DragController\";\nimport { SelectionController } from \"./SelectionController\";\nimport { SelectionResult, SelectionSource, SelectionSourceStatusObject } from \"./api\";\n\n/**\n * Properties supported by the {@link Selection} component.\n */\nexport interface SelectionProps extends CommonComponentProps {\n    /**\n     * The id of the map.\n     */\n    mapId: string;\n\n    /**\n     * Array of selection sources available for spatial selection.\n     */\n    sources: SelectionSource[];\n\n    /**\n     * This handler is called whenever the user has successfully selected\n     * some items.\n     */\n    onSelectionComplete?(event: SelectionCompleteEvent): void;\n\n    /**\n     * This handler is called whenever the user has changed the selected source\n     */\n    onSelectionSourceChanged?(event: SelectionSourceChangedEvent): void;\n}\n\nexport interface SelectionCompleteEvent {\n    /** The source that returned the {@link results}. */\n    source: SelectionSource;\n\n    /** Results selected by the user. */\n    results: SelectionResult[];\n}\n\nexport interface SelectionSourceChangedEvent {\n    /** The new selected source */\n    source: SelectionSource | undefined;\n}\n\n/**\n * Properties for single select options.\n */\ninterface SelectionOption {\n    /**\n     * The label of the selection source option.\n     */\n    label: string;\n\n    /**\n     * The value (SelectionSource) of the selection source option.\n     */\n    value: SelectionSource;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst COMMON_SELECT_PROPS: SelectProps<any, any, any> = {\n    classNamePrefix: \"react-select\",\n    menuPosition: \"fixed\",\n    isSearchable: false,\n    isClearable: false\n};\n\n/**\n * A component that allows the user to perform a spatial selection on a given set of {@link SelectionSource}.\n */\nexport const Selection: FC<SelectionProps> = (props) => {\n    const intl = useIntl();\n    const { mapId, sources, onSelectionComplete, onSelectionSourceChanged } = props;\n    const { containerProps } = useCommonComponentProps(\"selection\", props);\n    const defaultNotAvailableMessage = intl.formatMessage({ id: \"sourceNotAvailable\" });\n\n    const [currentSource, setCurrentSource] = useCurrentSelectionSource(\n        sources,\n        onSelectionSourceChanged\n    );\n\n    const currentSourceStatus = useSourceStatus(currentSource, defaultNotAvailableMessage);\n\n    const mapState = useMapModel(mapId);\n    const { onExtentSelected } = useSelectionController(\n        mapState.map,\n        sources,\n        currentSource,\n        onSelectionComplete\n    );\n    const chakraStyles = useChakraStyles();\n    const [isOpenSelect, setIsOpenSelect] = useState(false);\n\n    useDragSelection(\n        mapState.map,\n        intl,\n        onExtentSelected,\n        currentSourceStatus.kind === \"available\",\n        !!currentSource\n    );\n\n    const sourceOptions = useMemo(\n        () =>\n            sources.map<SelectionOption>((source) => {\n                return { label: source.label, value: source };\n            }),\n        [sources]\n    );\n    const currentSourceOption = useMemo(() => {\n        const foundOption: SelectionOption | undefined = sourceOptions.find(\n            (option) => option.value === currentSource\n        );\n        return foundOption || null;\n    }, [sourceOptions, currentSource]);\n\n    const onSourceOptionChanged = useEvent((newValue: SingleValue<SelectionOption>) => {\n        setCurrentSource(newValue?.value);\n    });\n\n    const keyDown = useEvent((event: KeyboardEvent<HTMLDivElement>) => {\n        //if the menu is already open, do noting\n        if (!isOpenSelect && event.key === \"Enter\") {\n            setIsOpenSelect(true);\n        }\n    });\n\n    return (\n        <VStack {...containerProps} spacing={2}>\n            <FormControl>\n                <FormLabel>{intl.formatMessage({ id: \"selectSource\" })}</FormLabel>\n                <Select<SelectionOption>\n                    className=\"selection-source react-select\"\n                    {...COMMON_SELECT_PROPS}\n                    options={sourceOptions}\n                    placeholder={intl.formatMessage({ id: \"selectionPlaceholder\" })}\n                    value={currentSourceOption}\n                    onChange={onSourceOptionChanged}\n                    components={{\n                        Option: SourceSelectOption,\n                        SingleValue: SourceSelectValue\n                    }}\n                    isOptionDisabled={() => false} // allow to select disabled options; optical disabling is done in option\n                    // optionLabel is used by screenreaders\n                    getOptionLabel={(option) => {\n                        const label = option.label;\n                        const status = getSourceStatus(option.value, defaultNotAvailableMessage);\n                        if (status.kind == \"available\") return label;\n                        return label + \" \" + status.reason;\n                    }}\n                    ariaLiveMessages={{\n                        guidance: () => \"\",\n                        onChange: (props) => {\n                            if (\n                                props.action == \"select-option\" ||\n                                props.action == \"initial-input-focus\"\n                            )\n                                return props.label + \" \" + intl.formatMessage({ id: \"selected\" });\n                            else return \"\";\n                        },\n                        onFilter: () => \"\",\n                        onFocus: () => \"\"\n                    }}\n                    chakraStyles={chakraStyles}\n                    onKeyDown={keyDown}\n                    menuIsOpen={isOpenSelect}\n                    onMenuOpen={() => setIsOpenSelect(true)}\n                    onMenuClose={() => setIsOpenSelect(false)}\n                />\n            </FormControl>\n        </VStack>\n    );\n};\n\nfunction SourceSelectOption(props: OptionProps<SelectionOption>): JSX.Element {\n    const { value } = props.data;\n    const { isAvailable, content } = useSourceItem(value, false);\n\n    return (\n        <chakraComponents.Option\n            {...props}\n            isDisabled={!isAvailable}\n            className=\"selection-source-option\"\n        >\n            {content}\n        </chakraComponents.Option>\n    );\n}\n\nfunction SourceSelectValue(props: SingleValueProps<SelectionOption>): JSX.Element {\n    const { value } = props.data;\n    const { isAvailable, content } = useSourceItem(value, true);\n    const clazz = isAvailable\n        ? \"selection-source-value\"\n        : \"selection-source-value selection-source-value--disabled\";\n\n    return (\n        <chakraComponents.SingleValue {...props} isDisabled={!isAvailable} className={clazz}>\n            {content}\n        </chakraComponents.SingleValue>\n    );\n}\n\nfunction useCurrentSelectionSource(\n    sources: SelectionSource[],\n    onSourceChanged: ((event: SelectionSourceChangedEvent) => void) | undefined\n): [SelectionSource | undefined, (source: SelectionSource | undefined) => void] {\n    const [currentSource, setCurrentSource] = useState<SelectionSource | undefined>(\n        () => sources[0]\n    );\n\n    // Reset to undefined if the current source is not in the list of sources\n    useEffect(() => {\n        if (currentSource && !sources.includes(currentSource)) {\n            setCurrentSource(undefined);\n        }\n    }, [sources, currentSource]);\n\n    // Track the current source and notify the parent component if it changes\n    const prevSelectedSource = useRef<SelectionSource | undefined>(undefined);\n    useEffect(() => {\n        if (currentSource !== prevSelectedSource.current) {\n            prevSelectedSource.current = currentSource;\n            onSourceChanged?.({ source: currentSource });\n        }\n    }, [currentSource, onSourceChanged]);\n    return [currentSource, setCurrentSource];\n}\n\n/**\n * Hook to manage source option in selection-source react-select\n */\nfunction useSourceItem(source: SelectionSource | undefined, isSelected: boolean) {\n    const intl = useIntl();\n    const label: string | undefined = source?.label;\n    const defaultNotAvailableMessage = intl.formatMessage({ id: \"sourceNotAvailable\" });\n    const status = useSourceStatus(source, defaultNotAvailableMessage);\n\n    return {\n        isAvailable: status.kind === \"available\",\n        content: (\n            <Flex direction=\"row\" alignItems=\"center\" grow={1}>\n                {!isSelected && <Flex grow={1}>{label}</Flex>}\n                {status.kind === \"unavailable\" && (\n                    <Box ml={2}>\n                        <Tooltip label={status.reason} placement=\"right\" openDelay={500}>\n                            <chakra.span>\n                                <Icon\n                                    as={FiAlertTriangle}\n                                    color=\"red\"\n                                    className=\"warning-icon\"\n                                    aria-label={status.reason}\n                                />\n                            </chakra.span>\n                        </Tooltip>\n                    </Box>\n                )}\n                {isSelected && label}\n            </Flex>\n        )\n    };\n}\n\n/**\n * Hook to manage selection sources\n */\nfunction useSelectionController(\n    mapModel: MapModel | undefined,\n    sources: SelectionSource[],\n    currentSource: SelectionSource | undefined,\n    onSelectionComplete: ((event: SelectionCompleteEvent) => void) | undefined\n) {\n    const notifier = useService<NotificationService>(\"notifier.NotificationService\");\n    const intl = useIntl();\n    const [controller, setController] = useState<SelectionController | undefined>(undefined);\n    useEffect(() => {\n        if (!mapModel) {\n            return;\n        }\n        const controller = new SelectionController({\n            mapModel,\n            onError() {\n                notifier.notify({\n                    level: \"error\",\n                    message: intl.formatMessage({ id: \"selectionFailed\" })\n                });\n            }\n        });\n        setController(controller);\n        return () => {\n            controller.destroy();\n        };\n    }, [mapModel, notifier, sources, intl]);\n\n    const onExtentSelected = useEvent(async (geometry: Geometry) => {\n        if (!controller || !currentSource) {\n            return;\n        }\n\n        const selectionResult = await controller.select(currentSource, geometry.getExtent());\n        if (!selectionResult) {\n            return;\n        }\n\n        onSelectionComplete?.(selectionResult);\n    });\n    return {\n        controller,\n        onExtentSelected\n    };\n}\n\ntype SimpleStatus =\n    | {\n          kind: \"available\";\n      }\n    | {\n          kind: \"unavailable\";\n          reason: string;\n      };\n\nfunction getSourceStatus(source: SelectionSource, sourceNotAvailableReason: string): SimpleStatus {\n    const rawCurrent = source.status ?? \"available\";\n    const current: SelectionSourceStatusObject =\n        typeof rawCurrent === \"string\" ? { kind: rawCurrent } : rawCurrent;\n    if (current.kind === \"available\") {\n        return current;\n    }\n\n    return {\n        kind: \"unavailable\",\n        reason: current.reason ?? sourceNotAvailableReason\n    };\n}\n\n/**\n * Hook to manage source status\n */\nfunction useSourceStatus(\n    source: SelectionSource | undefined,\n    defaultNotAvailableMessage: string\n): SimpleStatus {\n    const [status, setStatus] = useState<SimpleStatus>(() => ({\n        kind: \"unavailable\",\n        reason: defaultNotAvailableMessage\n    }));\n    useEffect(() => {\n        if (!source) {\n            setStatus({ kind: \"unavailable\", reason: defaultNotAvailableMessage });\n            return;\n        }\n        setStatus(getSourceStatus(source, defaultNotAvailableMessage));\n        const resource = source.on?.(\"changed:status\", () => {\n            setStatus(getSourceStatus(source, defaultNotAvailableMessage));\n        });\n        return () => resource?.destroy();\n    }, [source, defaultNotAvailableMessage]);\n    return status;\n}\n\n/**\n * Hook to manage map controls and tooltip\n */\nfunction useDragSelection(\n    map: MapModel | undefined,\n    intl: PackageIntl,\n    onExtentSelected: (geometry: Geometry) => void,\n    isActive: boolean,\n    hasSelectedSource: boolean\n) {\n    useEffect(() => {\n        if (!map) {\n            return;\n        }\n\n        const disabledMessage = hasSelectedSource\n            ? intl.formatMessage({ id: \"disabledTooltip\" })\n            : intl.formatMessage({ id: \"noSourceTooltip\" });\n\n        const dragController = new DragController(\n            map.olMap,\n            intl.formatMessage({ id: \"tooltip\" }),\n            disabledMessage,\n            onExtentSelected\n        );\n\n        dragController.setActive(isActive);\n        return () => {\n            dragController?.destroy();\n        };\n    }, [map, intl, onExtentSelected, isActive, hasSelectedSource]);\n}\n\n/**\n * Customizes components styles within the select component.\n */\nfunction useChakraStyles() {\n    const [dropDownBackground, borderColor] = useToken(\n        \"colors\",\n        [\"background_body\", \"border\"],\n        [\"#ffffff\", \"#ffffff\"]\n    );\n    return useMemo(() => {\n        const chakraStyles: ChakraStylesConfig<\n            SelectionOption,\n            false,\n            GroupBase<SelectionOption>\n        > = {\n            control: (styles) => ({ ...styles, cursor: \"pointer\" }),\n            indicatorSeparator: (styles) => ({\n                ...styles,\n                borderColor: borderColor\n            }),\n            dropdownIndicator: (provided) => ({\n                ...provided,\n                backgroundColor: dropDownBackground\n            })\n        };\n        return chakraStyles;\n    }, [dropDownBackground, borderColor]);\n}\n"],"names":["props","controller"],"mappings":"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"}
+{"version":3,"file":"Selection.js","sources":["Selection.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport {\n    Box,\n    Flex,\n    FormControl,\n    FormLabel,\n    Icon,\n    Tooltip,\n    VStack,\n    chakra,\n    useToken\n} from \"@open-pioneer/chakra-integration\";\nimport { MapModel, MapModelProps, useMapModel } from \"@open-pioneer/map\";\nimport { NotificationService } from \"@open-pioneer/notifier\";\nimport { CommonComponentProps, useCommonComponentProps, useEvent } from \"@open-pioneer/react-utils\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\nimport {\n    ChakraStylesConfig,\n    GroupBase,\n    OptionProps,\n    Select,\n    Props as SelectProps,\n    SingleValueProps,\n    chakraComponents,\n    type SingleValue\n} from \"chakra-react-select\";\nimport { Geometry } from \"ol/geom\";\nimport { useIntl, useService } from \"open-pioneer:react-hooks\";\nimport { FC, KeyboardEvent, useEffect, useMemo, useRef, useState } from \"react\";\nimport { FiAlertTriangle } from \"react-icons/fi\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\nimport { DragController } from \"./DragController\";\nimport { SelectionController } from \"./SelectionController\";\nimport { SelectionResult, SelectionSource, SelectionSourceStatusObject } from \"./api\";\n\n/**\n * Properties supported by the {@link Selection} component.\n */\nexport interface SelectionProps extends CommonComponentProps, MapModelProps {\n    /**\n     * Array of selection sources available for spatial selection.\n     */\n    sources: SelectionSource[];\n\n    /**\n     * This handler is called whenever the user has successfully selected\n     * some items.\n     */\n    onSelectionComplete?(event: SelectionCompleteEvent): void;\n\n    /**\n     * This handler is called whenever the user has changed the selected source\n     */\n    onSelectionSourceChanged?(event: SelectionSourceChangedEvent): void;\n}\n\nexport interface SelectionCompleteEvent {\n    /** The source that returned the {@link results}. */\n    source: SelectionSource;\n\n    /** Results selected by the user. */\n    results: SelectionResult[];\n}\n\nexport interface SelectionSourceChangedEvent {\n    /** The new selected source */\n    source: SelectionSource | undefined;\n}\n\n/**\n * Properties for single select options.\n */\ninterface SelectionOption {\n    /**\n     * The label of the selection source option.\n     */\n    label: string;\n\n    /**\n     * The value (SelectionSource) of the selection source option.\n     */\n    value: SelectionSource;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst COMMON_SELECT_PROPS: SelectProps<any, any, any> = {\n    classNamePrefix: \"react-select\",\n    menuPosition: \"fixed\",\n    isSearchable: false,\n    isClearable: false\n};\n\n/**\n * A component that allows the user to perform a spatial selection on a given set of {@link SelectionSource}.\n */\nexport const Selection: FC<SelectionProps> = (props) => {\n    const intl = useIntl();\n    const { sources, onSelectionComplete, onSelectionSourceChanged } = props;\n    const { containerProps } = useCommonComponentProps(\"selection\", props);\n    const defaultNotAvailableMessage = intl.formatMessage({ id: \"sourceNotAvailable\" });\n\n    const [currentSource, setCurrentSource] = useCurrentSelectionSource(\n        sources,\n        onSelectionSourceChanged\n    );\n\n    const currentSourceStatus = useSourceStatus(currentSource, defaultNotAvailableMessage);\n\n    const mapState = useMapModel(props);\n    const { onExtentSelected } = useSelectionController(\n        mapState.map,\n        sources,\n        currentSource,\n        onSelectionComplete\n    );\n    const chakraStyles = useChakraStyles();\n    const [isOpenSelect, setIsOpenSelect] = useState(false);\n\n    useDragSelection(\n        mapState.map,\n        intl,\n        onExtentSelected,\n        currentSourceStatus.kind === \"available\",\n        !!currentSource\n    );\n\n    const sourceOptions = useMemo(\n        () =>\n            sources.map<SelectionOption>((source) => {\n                return { label: source.label, value: source };\n            }),\n        [sources]\n    );\n    const currentSourceOption = useMemo(() => {\n        const foundOption: SelectionOption | undefined = sourceOptions.find(\n            (option) => option.value === currentSource\n        );\n        return foundOption || null;\n    }, [sourceOptions, currentSource]);\n\n    const onSourceOptionChanged = useEvent((newValue: SingleValue<SelectionOption>) => {\n        setCurrentSource(newValue?.value);\n    });\n\n    const keyDown = useEvent((event: KeyboardEvent<HTMLDivElement>) => {\n        //if the menu is already open, do noting\n        if (!isOpenSelect && event.key === \"Enter\") {\n            setIsOpenSelect(true);\n        }\n    });\n\n    return (\n        <VStack {...containerProps} spacing={2}>\n            <FormControl>\n                <FormLabel>{intl.formatMessage({ id: \"selectSource\" })}</FormLabel>\n                <Select<SelectionOption>\n                    className=\"selection-source react-select\"\n                    {...COMMON_SELECT_PROPS}\n                    options={sourceOptions}\n                    placeholder={intl.formatMessage({ id: \"selectionPlaceholder\" })}\n                    value={currentSourceOption}\n                    onChange={onSourceOptionChanged}\n                    components={{\n                        Option: SourceSelectOption,\n                        SingleValue: SourceSelectValue\n                    }}\n                    isOptionDisabled={() => false} // allow to select disabled options; optical disabling is done in option\n                    // optionLabel is used by screenreaders\n                    getOptionLabel={(option) => {\n                        const label = option.label;\n                        const status = getSourceStatus(option.value, defaultNotAvailableMessage);\n                        if (status.kind == \"available\") return label;\n                        return label + \" \" + status.reason;\n                    }}\n                    ariaLiveMessages={{\n                        guidance: () => \"\",\n                        onChange: (props) => {\n                            if (\n                                props.action == \"select-option\" ||\n                                props.action == \"initial-input-focus\"\n                            )\n                                return props.label + \" \" + intl.formatMessage({ id: \"selected\" });\n                            else return \"\";\n                        },\n                        onFilter: () => \"\",\n                        onFocus: () => \"\"\n                    }}\n                    chakraStyles={chakraStyles}\n                    onKeyDown={keyDown}\n                    menuIsOpen={isOpenSelect}\n                    onMenuOpen={() => setIsOpenSelect(true)}\n                    onMenuClose={() => setIsOpenSelect(false)}\n                />\n            </FormControl>\n        </VStack>\n    );\n};\n\nfunction SourceSelectOption(props: OptionProps<SelectionOption>): JSX.Element {\n    const { value } = props.data;\n    const { isAvailable, content } = useSourceItem(value, false);\n\n    return (\n        <chakraComponents.Option\n            {...props}\n            isDisabled={!isAvailable}\n            className=\"selection-source-option\"\n        >\n            {content}\n        </chakraComponents.Option>\n    );\n}\n\nfunction SourceSelectValue(props: SingleValueProps<SelectionOption>): JSX.Element {\n    const { value } = props.data;\n    const { isAvailable, content } = useSourceItem(value, true);\n    const clazz = isAvailable\n        ? \"selection-source-value\"\n        : \"selection-source-value selection-source-value--disabled\";\n\n    return (\n        <chakraComponents.SingleValue {...props} isDisabled={!isAvailable} className={clazz}>\n            {content}\n        </chakraComponents.SingleValue>\n    );\n}\n\nfunction useCurrentSelectionSource(\n    sources: SelectionSource[],\n    onSourceChanged: ((event: SelectionSourceChangedEvent) => void) | undefined\n): [SelectionSource | undefined, (source: SelectionSource | undefined) => void] {\n    const [currentSource, setCurrentSource] = useState<SelectionSource | undefined>(\n        () => sources[0]\n    );\n\n    // Reset to undefined if the current source is not in the list of sources\n    useEffect(() => {\n        if (currentSource && !sources.includes(currentSource)) {\n            setCurrentSource(undefined);\n        }\n    }, [sources, currentSource]);\n\n    // Track the current source and notify the parent component if it changes\n    const prevSelectedSource = useRef<SelectionSource | undefined>(undefined);\n    useEffect(() => {\n        if (currentSource !== prevSelectedSource.current) {\n            prevSelectedSource.current = currentSource;\n            onSourceChanged?.({ source: currentSource });\n        }\n    }, [currentSource, onSourceChanged]);\n    return [currentSource, setCurrentSource];\n}\n\n/**\n * Hook to manage source option in selection-source react-select\n */\nfunction useSourceItem(source: SelectionSource | undefined, isSelected: boolean) {\n    const intl = useIntl();\n    const label: string | undefined = source?.label;\n    const defaultNotAvailableMessage = intl.formatMessage({ id: \"sourceNotAvailable\" });\n    const status = useSourceStatus(source, defaultNotAvailableMessage);\n\n    return {\n        isAvailable: status.kind === \"available\",\n        content: (\n            <Flex direction=\"row\" alignItems=\"center\" grow={1}>\n                {!isSelected && <Flex grow={1}>{label}</Flex>}\n                {status.kind === \"unavailable\" && (\n                    <Box ml={2}>\n                        <Tooltip label={status.reason} placement=\"right\" openDelay={500}>\n                            <chakra.span>\n                                <Icon\n                                    as={FiAlertTriangle}\n                                    color=\"red\"\n                                    className=\"warning-icon\"\n                                    aria-label={status.reason}\n                                />\n                            </chakra.span>\n                        </Tooltip>\n                    </Box>\n                )}\n                {isSelected && label}\n            </Flex>\n        )\n    };\n}\n\n/**\n * Hook to manage selection sources\n */\nfunction useSelectionController(\n    mapModel: MapModel | undefined,\n    sources: SelectionSource[],\n    currentSource: SelectionSource | undefined,\n    onSelectionComplete: ((event: SelectionCompleteEvent) => void) | undefined\n) {\n    const notifier = useService<NotificationService>(\"notifier.NotificationService\");\n    const intl = useIntl();\n    const [controller, setController] = useState<SelectionController | undefined>(undefined);\n    useEffect(() => {\n        if (!mapModel) {\n            return;\n        }\n        const controller = new SelectionController({\n            mapModel,\n            onError() {\n                notifier.notify({\n                    level: \"error\",\n                    message: intl.formatMessage({ id: \"selectionFailed\" })\n                });\n            }\n        });\n        setController(controller);\n        return () => {\n            controller.destroy();\n        };\n    }, [mapModel, notifier, sources, intl]);\n\n    const onExtentSelected = useEvent(async (geometry: Geometry) => {\n        if (!controller || !currentSource) {\n            return;\n        }\n\n        const selectionResult = await controller.select(currentSource, geometry.getExtent());\n        if (!selectionResult) {\n            return;\n        }\n\n        onSelectionComplete?.(selectionResult);\n    });\n    return {\n        controller,\n        onExtentSelected\n    };\n}\n\ntype SimpleStatus =\n    | {\n          kind: \"available\";\n      }\n    | {\n          kind: \"unavailable\";\n          reason: string;\n      };\n\nfunction getSourceStatus(source: SelectionSource, sourceNotAvailableReason: string): SimpleStatus {\n    const rawCurrent = source.status ?? \"available\";\n    const current: SelectionSourceStatusObject =\n        typeof rawCurrent === \"string\" ? { kind: rawCurrent } : rawCurrent;\n    if (current.kind === \"available\") {\n        return current;\n    }\n\n    return {\n        kind: \"unavailable\",\n        reason: current.reason ?? sourceNotAvailableReason\n    };\n}\n\n/**\n * Hook to manage source status\n */\nfunction useSourceStatus(\n    source: SelectionSource | undefined,\n    defaultNotAvailableMessage: string\n): SimpleStatus {\n    const sourceStatus = useReactiveSnapshot((): SimpleStatus => {\n        if (!source) {\n            return { kind: \"unavailable\", reason: defaultNotAvailableMessage };\n        }\n        return getSourceStatus(source, defaultNotAvailableMessage);\n    }, [source, defaultNotAvailableMessage]);\n    return sourceStatus;\n}\n\n/**\n * Hook to manage map controls and tooltip\n */\nfunction useDragSelection(\n    map: MapModel | undefined,\n    intl: PackageIntl,\n    onExtentSelected: (geometry: Geometry) => void,\n    isActive: boolean,\n    hasSelectedSource: boolean\n) {\n    useEffect(() => {\n        if (!map) {\n            return;\n        }\n\n        const disabledMessage = hasSelectedSource\n            ? intl.formatMessage({ id: \"disabledTooltip\" })\n            : intl.formatMessage({ id: \"noSourceTooltip\" });\n\n        const dragController = new DragController(\n            map.olMap,\n            intl.formatMessage({ id: \"tooltip\" }),\n            disabledMessage,\n            onExtentSelected\n        );\n\n        dragController.setActive(isActive);\n        return () => {\n            dragController?.destroy();\n        };\n    }, [map, intl, onExtentSelected, isActive, hasSelectedSource]);\n}\n\n/**\n * Customizes components styles within the select component.\n */\nfunction useChakraStyles() {\n    const [dropDownBackground, borderColor] = useToken(\n        \"colors\",\n        [\"background_body\", \"border\"],\n        [\"#ffffff\", \"#ffffff\"]\n    );\n    return useMemo(() => {\n        const chakraStyles: ChakraStylesConfig<\n            SelectionOption,\n            false,\n            GroupBase<SelectionOption>\n        > = {\n            control: (styles) => ({ ...styles, cursor: \"pointer\" }),\n            indicatorSeparator: (styles) => ({\n                ...styles,\n                borderColor: borderColor\n            }),\n            dropdownIndicator: (provided) => ({\n                ...provided,\n                backgroundColor: dropDownBackground\n            })\n        };\n        return chakraStyles;\n    }, [dropDownBackground, borderColor]);\n}\n"],"names":["props","controller"],"mappings":";;;;;;;;;;;;AAsFA,MAAM,mBAAkD,GAAA;AAAA,EACpD,eAAiB,EAAA,cAAA;AAAA,EACjB,YAAc,EAAA,OAAA;AAAA,EACd,YAAc,EAAA,KAAA;AAAA,EACd,WAAa,EAAA,KAAA;AACjB,CAAA,CAAA;AAKa,MAAA,SAAA,GAAgC,CAAC,KAAU,KAAA;AACpD,EAAA,MAAM,OAAO,OAAQ,EAAA,CAAA;AACrB,EAAA,MAAM,EAAE,OAAA,EAAS,mBAAqB,EAAA,wBAAA,EAA6B,GAAA,KAAA,CAAA;AACnE,EAAA,MAAM,EAAE,cAAA,EAAmB,GAAA,uBAAA,CAAwB,aAAa,KAAK,CAAA,CAAA;AACrE,EAAA,MAAM,6BAA6B,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,sBAAsB,CAAA,CAAA;AAElF,EAAM,MAAA,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,yBAAA;AAAA,IACtC,OAAA;AAAA,IACA,wBAAA;AAAA,GACJ,CAAA;AAEA,EAAM,MAAA,mBAAA,GAAsB,eAAgB,CAAA,aAAA,EAAe,0BAA0B,CAAA,CAAA;AAErF,EAAM,MAAA,QAAA,GAAW,YAAY,KAAK,CAAA,CAAA;AAClC,EAAM,MAAA,EAAE,kBAAqB,GAAA,sBAAA;AAAA,IACzB,QAAS,CAAA,GAAA;AAAA,IACT,OAAA;AAAA,IACA,aAAA;AAAA,IACA,mBAAA;AAAA,GACJ,CAAA;AACA,EAAA,MAAM,eAAe,eAAgB,EAAA,CAAA;AACrC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAEtD,EAAA,gBAAA;AAAA,IACI,QAAS,CAAA,GAAA;AAAA,IACT,IAAA;AAAA,IACA,gBAAA;AAAA,IACA,oBAAoB,IAAS,KAAA,WAAA;AAAA,IAC7B,CAAC,CAAC,aAAA;AAAA,GACN,CAAA;AAEA,EAAA,MAAM,aAAgB,GAAA,OAAA;AAAA,IAClB,MACI,OAAA,CAAQ,GAAqB,CAAA,CAAC,MAAW,KAAA;AACrC,MAAA,OAAO,EAAE,KAAA,EAAO,MAAO,CAAA,KAAA,EAAO,OAAO,MAAO,EAAA,CAAA;AAAA,KAC/C,CAAA;AAAA,IACL,CAAC,OAAO,CAAA;AAAA,GACZ,CAAA;AACA,EAAM,MAAA,mBAAA,GAAsB,QAAQ,MAAM;AACtC,IAAA,MAAM,cAA2C,aAAc,CAAA,IAAA;AAAA,MAC3D,CAAC,MAAW,KAAA,MAAA,CAAO,KAAU,KAAA,aAAA;AAAA,KACjC,CAAA;AACA,IAAA,OAAO,WAAe,IAAA,IAAA,CAAA;AAAA,GACvB,EAAA,CAAC,aAAe,EAAA,aAAa,CAAC,CAAA,CAAA;AAEjC,EAAM,MAAA,qBAAA,GAAwB,QAAS,CAAA,CAAC,QAA2C,KAAA;AAC/E,IAAA,gBAAA,CAAiB,UAAU,KAAK,CAAA,CAAA;AAAA,GACnC,CAAA,CAAA;AAED,EAAM,MAAA,OAAA,GAAU,QAAS,CAAA,CAAC,KAAyC,KAAA;AAE/D,IAAA,IAAI,CAAC,YAAA,IAAgB,KAAM,CAAA,GAAA,KAAQ,OAAS,EAAA;AACxC,MAAA,eAAA,CAAgB,IAAI,CAAA,CAAA;AAAA,KACxB;AAAA,GACH,CAAA,CAAA;AAED,EAAA,2BACK,MAAQ,EAAA,EAAA,GAAG,gBAAgB,OAAS,EAAA,CAAA,EACjC,+BAAC,WACG,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAW,QAAK,EAAA,IAAA,CAAA,aAAA,CAAc,EAAE,EAAI,EAAA,cAAA,EAAgB,CAAE,EAAA,CAAA;AAAA,oBACvD,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,SAAU,EAAA,+BAAA;AAAA,QACT,GAAG,mBAAA;AAAA,QACJ,OAAS,EAAA,aAAA;AAAA,QACT,aAAa,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,wBAAwB,CAAA;AAAA,QAC9D,KAAO,EAAA,mBAAA;AAAA,QACP,QAAU,EAAA,qBAAA;AAAA,QACV,UAAY,EAAA;AAAA,UACR,MAAQ,EAAA,kBAAA;AAAA,UACR,WAAa,EAAA,iBAAA;AAAA,SACjB;AAAA,QACA,kBAAkB,MAAM,KAAA;AAAA,QAExB,cAAA,EAAgB,CAAC,MAAW,KAAA;AACxB,UAAA,MAAM,QAAQ,MAAO,CAAA,KAAA,CAAA;AACrB,UAAA,MAAM,MAAS,GAAA,eAAA,CAAgB,MAAO,CAAA,KAAA,EAAO,0BAA0B,CAAA,CAAA;AACvE,UAAI,IAAA,MAAA,CAAO,IAAQ,IAAA,WAAA,EAAoB,OAAA,KAAA,CAAA;AACvC,UAAO,OAAA,KAAA,GAAQ,MAAM,MAAO,CAAA,MAAA,CAAA;AAAA,SAChC;AAAA,QACA,gBAAkB,EAAA;AAAA,UACd,UAAU,MAAM,EAAA;AAAA,UAChB,QAAA,EAAU,CAACA,MAAU,KAAA;AACjB,YAAA,IACIA,MAAM,CAAA,MAAA,IAAU,eAChBA,IAAAA,MAAAA,CAAM,MAAU,IAAA,qBAAA;AAEhB,cAAOA,OAAAA,MAAAA,CAAM,QAAQ,GAAM,GAAA,IAAA,CAAK,cAAc,EAAE,EAAA,EAAI,YAAY,CAAA,CAAA;AAAA,iBACxD,OAAA,EAAA,CAAA;AAAA,WAChB;AAAA,UACA,UAAU,MAAM,EAAA;AAAA,UAChB,SAAS,MAAM,EAAA;AAAA,SACnB;AAAA,QACA,YAAA;AAAA,QACA,SAAW,EAAA,OAAA;AAAA,QACX,UAAY,EAAA,YAAA;AAAA,QACZ,UAAA,EAAY,MAAM,eAAA,CAAgB,IAAI,CAAA;AAAA,QACtC,WAAA,EAAa,MAAM,eAAA,CAAgB,KAAK,CAAA;AAAA,OAAA;AAAA,KAC5C;AAAA,GAAA,EACJ,CACJ,EAAA,CAAA,CAAA;AAER,EAAA;AAEA,SAAS,mBAAmB,KAAkD,EAAA;AAC1E,EAAM,MAAA,EAAE,KAAM,EAAA,GAAI,KAAM,CAAA,IAAA,CAAA;AACxB,EAAA,MAAM,EAAE,WAAa,EAAA,OAAA,EAAY,GAAA,aAAA,CAAc,OAAO,KAAK,CAAA,CAAA;AAE3D,EACI,uBAAA,GAAA;AAAA,IAAC,gBAAiB,CAAA,MAAA;AAAA,IAAjB;AAAA,MACI,GAAG,KAAA;AAAA,MACJ,YAAY,CAAC,WAAA;AAAA,MACb,SAAU,EAAA,yBAAA;AAAA,MAET,QAAA,EAAA,OAAA;AAAA,KAAA;AAAA,GACL,CAAA;AAER,CAAA;AAEA,SAAS,kBAAkB,KAAuD,EAAA;AAC9E,EAAM,MAAA,EAAE,KAAM,EAAA,GAAI,KAAM,CAAA,IAAA,CAAA;AACxB,EAAA,MAAM,EAAE,WAAa,EAAA,OAAA,EAAY,GAAA,aAAA,CAAc,OAAO,IAAI,CAAA,CAAA;AAC1D,EAAM,MAAA,KAAA,GAAQ,cACR,wBACA,GAAA,yDAAA,CAAA;AAEN,EACI,uBAAA,GAAA,CAAC,gBAAiB,CAAA,WAAA,EAAjB,EAA8B,GAAG,KAAO,EAAA,UAAA,EAAY,CAAC,WAAA,EAAa,SAAW,EAAA,KAAA,EACzE,QACL,EAAA,OAAA,EAAA,CAAA,CAAA;AAER,CAAA;AAEA,SAAS,yBAAA,CACL,SACA,eAC4E,EAAA;AAC5E,EAAM,MAAA,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA;AAAA,IACtC,MAAM,QAAQ,CAAC,CAAA;AAAA,GACnB,CAAA;AAGA,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,aAAiB,IAAA,CAAC,OAAQ,CAAA,QAAA,CAAS,aAAa,CAAG,EAAA;AACnD,MAAA,gBAAA,CAAiB,KAAS,CAAA,CAAA,CAAA;AAAA,KAC9B;AAAA,GACD,EAAA,CAAC,OAAS,EAAA,aAAa,CAAC,CAAA,CAAA;AAG3B,EAAM,MAAA,kBAAA,GAAqB,OAAoC,KAAS,CAAA,CAAA,CAAA;AACxE,EAAA,SAAA,CAAU,MAAM;AACZ,IAAI,IAAA,aAAA,KAAkB,mBAAmB,OAAS,EAAA;AAC9C,MAAA,kBAAA,CAAmB,OAAU,GAAA,aAAA,CAAA;AAC7B,MAAkB,eAAA,GAAA,EAAE,MAAQ,EAAA,aAAA,EAAe,CAAA,CAAA;AAAA,KAC/C;AAAA,GACD,EAAA,CAAC,aAAe,EAAA,eAAe,CAAC,CAAA,CAAA;AACnC,EAAO,OAAA,CAAC,eAAe,gBAAgB,CAAA,CAAA;AAC3C,CAAA;AAKA,SAAS,aAAA,CAAc,QAAqC,UAAqB,EAAA;AAC7E,EAAA,MAAM,OAAO,OAAQ,EAAA,CAAA;AACrB,EAAA,MAAM,QAA4B,MAAQ,EAAA,KAAA,CAAA;AAC1C,EAAA,MAAM,6BAA6B,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,sBAAsB,CAAA,CAAA;AAClF,EAAM,MAAA,MAAA,GAAS,eAAgB,CAAA,MAAA,EAAQ,0BAA0B,CAAA,CAAA;AAEjE,EAAO,OAAA;AAAA,IACH,WAAA,EAAa,OAAO,IAAS,KAAA,WAAA;AAAA,IAC7B,OAAA,uBACK,IAAK,EAAA,EAAA,SAAA,EAAU,OAAM,UAAW,EAAA,QAAA,EAAS,MAAM,CAC3C,EAAA,QAAA,EAAA;AAAA,MAAA,CAAC,UAAc,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAM,GAAI,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,MACrC,OAAO,IAAS,KAAA,aAAA,wBACZ,GAAI,EAAA,EAAA,EAAA,EAAI,GACL,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAQ,OAAO,MAAO,CAAA,MAAA,EAAQ,WAAU,OAAQ,EAAA,SAAA,EAAW,KACxD,QAAC,kBAAA,GAAA,CAAA,MAAA,CAAO,MAAP,EACG,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACG,EAAI,EAAA,eAAA;AAAA,UACJ,KAAM,EAAA,KAAA;AAAA,UACN,SAAU,EAAA,cAAA;AAAA,UACV,cAAY,MAAO,CAAA,MAAA;AAAA,SAAA;AAAA,OACvB,EACJ,GACJ,CACJ,EAAA,CAAA;AAAA,MAEH,UAAc,IAAA,KAAA;AAAA,KACnB,EAAA,CAAA;AAAA,GAER,CAAA;AACJ,CAAA;AAKA,SAAS,sBACL,CAAA,QAAA,EACA,OACA,EAAA,aAAA,EACA,mBACF,EAAA;AACE,EAAM,MAAA,QAAA,GAAW,WAAgC,8BAA8B,CAAA,CAAA;AAC/E,EAAA,MAAM,OAAO,OAAQ,EAAA,CAAA;AACrB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAA0C,KAAS,CAAA,CAAA,CAAA;AACvF,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,CAAC,QAAU,EAAA;AACX,MAAA,OAAA;AAAA,KACJ;AACA,IAAMC,MAAAA,WAAAA,GAAa,IAAI,mBAAoB,CAAA;AAAA,MACvC,QAAA;AAAA,MACA,OAAU,GAAA;AACN,QAAA,QAAA,CAAS,MAAO,CAAA;AAAA,UACZ,KAAO,EAAA,OAAA;AAAA,UACP,SAAS,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,mBAAmB,CAAA;AAAA,SACxD,CAAA,CAAA;AAAA,OACL;AAAA,KACH,CAAA,CAAA;AACD,IAAA,aAAA,CAAcA,WAAU,CAAA,CAAA;AACxB,IAAA,OAAO,MAAM;AACT,MAAAA,YAAW,OAAQ,EAAA,CAAA;AAAA,KACvB,CAAA;AAAA,KACD,CAAC,QAAA,EAAU,QAAU,EAAA,OAAA,EAAS,IAAI,CAAC,CAAA,CAAA;AAEtC,EAAM,MAAA,gBAAA,GAAmB,QAAS,CAAA,OAAO,QAAuB,KAAA;AAC5D,IAAI,IAAA,CAAC,UAAc,IAAA,CAAC,aAAe,EAAA;AAC/B,MAAA,OAAA;AAAA,KACJ;AAEA,IAAA,MAAM,kBAAkB,MAAM,UAAA,CAAW,OAAO,aAAe,EAAA,QAAA,CAAS,WAAW,CAAA,CAAA;AACnF,IAAA,IAAI,CAAC,eAAiB,EAAA;AAClB,MAAA,OAAA;AAAA,KACJ;AAEA,IAAA,mBAAA,GAAsB,eAAe,CAAA,CAAA;AAAA,GACxC,CAAA,CAAA;AACD,EAAO,OAAA;AAAA,IACH,UAAA;AAAA,IACA,gBAAA;AAAA,GACJ,CAAA;AACJ,CAAA;AAWA,SAAS,eAAA,CAAgB,QAAyB,wBAAgD,EAAA;AAC9F,EAAM,MAAA,UAAA,GAAa,OAAO,MAAU,IAAA,WAAA,CAAA;AACpC,EAAA,MAAM,UACF,OAAO,UAAA,KAAe,WAAW,EAAE,IAAA,EAAM,YAAe,GAAA,UAAA,CAAA;AAC5D,EAAI,IAAA,OAAA,CAAQ,SAAS,WAAa,EAAA;AAC9B,IAAO,OAAA,OAAA,CAAA;AAAA,GACX;AAEA,EAAO,OAAA;AAAA,IACH,IAAM,EAAA,aAAA;AAAA,IACN,MAAA,EAAQ,QAAQ,MAAU,IAAA,wBAAA;AAAA,GAC9B,CAAA;AACJ,CAAA;AAKA,SAAS,eAAA,CACL,QACA,0BACY,EAAA;AACZ,EAAM,MAAA,YAAA,GAAe,oBAAoB,MAAoB;AACzD,IAAA,IAAI,CAAC,MAAQ,EAAA;AACT,MAAA,OAAO,EAAE,IAAA,EAAM,aAAe,EAAA,MAAA,EAAQ,0BAA2B,EAAA,CAAA;AAAA,KACrE;AACA,IAAO,OAAA,eAAA,CAAgB,QAAQ,0BAA0B,CAAA,CAAA;AAAA,GAC1D,EAAA,CAAC,MAAQ,EAAA,0BAA0B,CAAC,CAAA,CAAA;AACvC,EAAO,OAAA,YAAA,CAAA;AACX,CAAA;AAKA,SAAS,gBACL,CAAA,GAAA,EACA,IACA,EAAA,gBAAA,EACA,UACA,iBACF,EAAA;AACE,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,CAAC,GAAK,EAAA;AACN,MAAA,OAAA;AAAA,KACJ;AAEA,IAAA,MAAM,eAAkB,GAAA,iBAAA,GAClB,IAAK,CAAA,aAAA,CAAc,EAAE,EAAI,EAAA,iBAAA,EAAmB,CAAA,GAC5C,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,mBAAmB,CAAA,CAAA;AAElD,IAAA,MAAM,iBAAiB,IAAI,cAAA;AAAA,MACvB,GAAI,CAAA,KAAA;AAAA,MACJ,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,WAAW,CAAA;AAAA,MACpC,eAAA;AAAA,MACA,gBAAA;AAAA,KACJ,CAAA;AAEA,IAAA,cAAA,CAAe,UAAU,QAAQ,CAAA,CAAA;AACjC,IAAA,OAAO,MAAM;AACT,MAAA,cAAA,EAAgB,OAAQ,EAAA,CAAA;AAAA,KAC5B,CAAA;AAAA,KACD,CAAC,GAAA,EAAK,MAAM,gBAAkB,EAAA,QAAA,EAAU,iBAAiB,CAAC,CAAA,CAAA;AACjE,CAAA;AAKA,SAAS,eAAkB,GAAA;AACvB,EAAM,MAAA,CAAC,kBAAoB,EAAA,WAAW,CAAI,GAAA,QAAA;AAAA,IACtC,QAAA;AAAA,IACA,CAAC,mBAAmB,QAAQ,CAAA;AAAA,IAC5B,CAAC,WAAW,SAAS,CAAA;AAAA,GACzB,CAAA;AACA,EAAA,OAAO,QAAQ,MAAM;AACjB,IAAA,MAAM,YAIF,GAAA;AAAA,MACA,SAAS,CAAC,MAAA,MAAY,EAAE,GAAG,MAAA,EAAQ,QAAQ,SAAU,EAAA,CAAA;AAAA,MACrD,kBAAA,EAAoB,CAAC,MAAY,MAAA;AAAA,QAC7B,GAAG,MAAA;AAAA,QACH,WAAA;AAAA,OACJ,CAAA;AAAA,MACA,iBAAA,EAAmB,CAAC,QAAc,MAAA;AAAA,QAC9B,GAAG,QAAA;AAAA,QACH,eAAiB,EAAA,kBAAA;AAAA,OACrB,CAAA;AAAA,KACJ,CAAA;AACA,IAAO,OAAA,YAAA,CAAA;AAAA,GACR,EAAA,CAAC,kBAAoB,EAAA,WAAW,CAAC,CAAA,CAAA;AACxC;;;;"}

package/VectorSelectionSource.d.ts

@@ -0,0 +1,20 @@
+import { SelectionResult, SelectionOptions, SelectionKind, VectorLayerSelectionSource, SelectionSourceStatusObject } from "./api";
+import VectorLayer from "ol/layer/Vector";
+import Feature from "ol/Feature";
+import VectorSource from "ol/source/Vector";
+/**
+ * A SelectionSource to use an OpenLayers VectorLayer with an OpenLayers VectorSource (e.g. layer of the map).
+ * Features are:
+ * -   using only the extent as selection kind
+ * -   listening to layer visibility changes and updating the status of the source
+ * -   limiting the number of returned selection results to the corresponding selection option
+ * -   throwing an event `changed:status` when the status updates
+ */
+export declare class VectorLayerSelectionSourceImpl implements VectorLayerSelectionSource {
+    #private;
+    readonly label: string;
+    constructor(vectorLayer: VectorLayer<VectorSource, Feature>, label: string, layerNotVisibleReason: string);
+    destroy(): void;
+    get status(): SelectionSourceStatusObject;
+    select(selectionKind: SelectionKind, options: SelectionOptions): Promise<SelectionResult[]>;
+}

package/{selectionSources.js → VectorSelectionSource.js}

@@ -1,22 +1,14 @@
-import { Point } from 'ol/geom.js';
-import { EventEmitter } from '@open-pioneer/core';
 import { unByKey } from 'ol/Observable.js';
 import { v4 } from 'uuid';
+import { reactive } from '@conterra/reactivity-core';
 
-[
-  new Point([407354, 5754673]),
-  // con terra (Bottom Right)
-  new Point([404740, 5757893])
-  // Schloss (Top Left)
-];
-class VectorLayerSelectionSourceImpl extends EventEmitter {
+class VectorLayerSelectionSourceImpl {
   label;
-  #status = { kind: "available" };
+  #status = reactive({ kind: "available" });
   #vectorLayer;
   #eventHandler;
   #layerNotVisibleReason;
   constructor(vectorLayer, label, layerNotVisibleReason) {
-    super();
     this.label = label;
     this.#vectorLayer = vectorLayer;
     this.#layerNotVisibleReason = layerNotVisibleReason;
@@ -29,13 +21,14 @@ class VectorLayerSelectionSourceImpl extends EventEmitter {
     unByKey(this.#eventHandler);
   }
   get status() {
-    return this.#status;
+    return this.#status.value;
   }
   async select(selectionKind, options) {
     if (selectionKind.type !== "extent") {
       throw new Error(`Unsupported selection kind: ${selectionKind.type}`);
     }
-    if (this.#status.kind !== "available" || this.#vectorLayer.getSource() === null) return [];
+    if (this.#status.value.kind !== "available" || this.#vectorLayer.getSource() === null)
+      return [];
     const allResults = [];
     this.#vectorLayer.getSource().forEachFeatureIntersectingExtent(selectionKind.extent, (feature) => {
       if (!feature.getGeometry()) return;
@@ -55,12 +48,11 @@ class VectorLayerSelectionSourceImpl extends EventEmitter {
   #updateStatus() {
     const layerIsVisible = this.#vectorLayer.getVisible();
     const newStatus = layerIsVisible ? { kind: "available" } : { kind: "unavailable", reason: this.#layerNotVisibleReason };
-    if (newStatus.kind !== this.#status.kind) {
-      this.#status = newStatus;
-      this.emit("changed:status");
+    if (newStatus.kind !== this.#status.value.kind) {
+      this.#status.value = newStatus;
     }
   }
 }
 
 export { VectorLayerSelectionSourceImpl };
-//# sourceMappingURL=selectionSources.js.map
+//# sourceMappingURL=VectorSelectionSource.js.map

package/VectorSelectionSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VectorSelectionSource.js","sources":["VectorSelectionSource.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport {\n    SelectionResult,\n    SelectionOptions,\n    SelectionSourceStatus,\n    SelectionKind,\n    VectorLayerSelectionSource,\n    SelectionSourceStatusObject\n} from \"./api\";\nimport VectorLayer from \"ol/layer/Vector\";\nimport { EventsKey } from \"ol/events\";\nimport { unByKey } from \"ol/Observable\";\nimport { v4 as uuid4v } from \"uuid\";\nimport Feature from \"ol/Feature\";\nimport { reactive } from \"@conterra/reactivity-core\";\nimport VectorSource from \"ol/source/Vector\";\n\n/**\n * A SelectionSource to use an OpenLayers VectorLayer with an OpenLayers VectorSource (e.g. layer of the map).\n * Features are:\n * -   using only the extent as selection kind\n * -   listening to layer visibility changes and updating the status of the source\n * -   limiting the number of returned selection results to the corresponding selection option\n * -   throwing an event `changed:status` when the status updates\n */\nexport class VectorLayerSelectionSourceImpl implements VectorLayerSelectionSource {\n    readonly label: string;\n    #status = reactive<SelectionSourceStatusObject>({ kind: \"available\" });\n    #vectorLayer: VectorLayer<VectorSource, Feature>;\n    #eventHandler: EventsKey;\n    #layerNotVisibleReason: string;\n\n    constructor(vectorLayer: VectorLayer<VectorSource, Feature>, label: string, layerNotVisibleReason: string) {\n        this.label = label;\n        this.#vectorLayer = vectorLayer;\n        this.#layerNotVisibleReason = layerNotVisibleReason;\n        this.#updateStatus();\n        this.#eventHandler = this.#vectorLayer.on(\"change:visible\", () => {\n            this.#updateStatus();\n        });\n    }\n\n    destroy() {\n        unByKey(this.#eventHandler);\n    }\n\n    get status() {\n        return this.#status.value;\n    }\n\n    async select(\n        selectionKind: SelectionKind,\n        options: SelectionOptions\n    ): Promise<SelectionResult[]> {\n        if (selectionKind.type !== \"extent\") {\n            throw new Error(`Unsupported selection kind: ${selectionKind.type}`);\n        }\n\n        if (this.#status.value.kind !== \"available\" || this.#vectorLayer.getSource() === null)\n            return [];\n\n        const allResults: SelectionResult[] = [];\n        this.#vectorLayer\n            .getSource()!\n            .forEachFeatureIntersectingExtent(selectionKind.extent, (feature) => {\n                if (!feature.getGeometry()) return;\n\n                // TODO: Think about where to implement Date-Formatting, if the dates are already\n                //  encoded as Strings...\n\n                const filteredProperties = { ...feature.getProperties() };\n                delete filteredProperties.geometries;\n\n                const result: SelectionResult = {\n                    id: feature.getId()?.toString() || uuid4v(),\n                    geometry: feature.getGeometry()!,\n                    properties: filteredProperties\n                };\n\n                allResults.push(result);\n            });\n        const selectedFeatures = allResults.filter((s): s is SelectionResult => s != null);\n        const limitedFeatures =\n            selectedFeatures.length > options.maxResults\n                ? selectedFeatures.slice(0, options.maxResults)\n                : selectedFeatures;\n        return limitedFeatures;\n    }\n\n    #updateStatus() {\n        const layerIsVisible = this.#vectorLayer.getVisible();\n        const newStatus: SelectionSourceStatus = layerIsVisible\n            ? { kind: \"available\" }\n            : { kind: \"unavailable\", reason: this.#layerNotVisibleReason };\n        if (newStatus.kind !== this.#status.value.kind) {\n            this.#status.value = newStatus;\n        }\n    }\n}\n"],"names":["uuid4v"],"mappings":"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"}

package/api.d.ts

@@ -1,17 +1,21 @@
 import type { Geometry } from "ol/geom";
 import type { Projection } from "ol/proj";
 import type { Extent } from "ol/extent";
-import type { EventSource, Resource } from "@open-pioneer/core";
+import type { Resource } from "@open-pioneer/core";
 import { BaseFeature } from "@open-pioneer/map";
 import { DeclaredService } from "@open-pioneer/runtime";
 import VectorLayer from "ol/layer/Vector";
 import Feature from "ol/Feature";
+import VectorSource from "ol/source/Vector";
 /**
  * The status of a selection source.
  *
  * This is used to indicate whether the source is ready for selection.
  */
 export type SelectionSourceStatus = "available" | "unavailable" | SelectionSourceStatusObject;
+/**
+ * Advanced form of the {@link SelectionSourceStatus} that allows providing a reason why the source is not available.
+ */
 export type SelectionSourceStatusObject = {
     kind: "available";
 } | {
@@ -56,12 +60,6 @@ export interface SelectionOptions {
      */
     signal: AbortSignal;
 }
-/** Events emitted by the {@link SelectionSource}. */
-export interface SelectionSourceEvents {
-    "changed:status": void;
-}
-/** Optional base type for selection source: the event emitter interface is not required. */
-export type SelectionSourceEventBase = EventSource<SelectionSourceEvents>;
 /**
  * The user has selected an extent.
  */
@@ -83,13 +81,8 @@ export type SelectionKind = ExtentSelection;
  * An object that allows spatial selection.
  *
  * Developers can create classes that implement this interface for different selection sources.
- *
- * The implementation of `SelectionSourceEventBase` is optional: it is only necessary if the status changes
- * during the lifetime of the selection source.
- * To implement events, you can write `class MySelectionSource extends EventEmitter<SelectionSourceEvents>`.
- *
  */
-export interface SelectionSource extends Partial<SelectionSourceEventBase> {
+export interface SelectionSource {
     /**
      * The label of this source.
      *
@@ -101,6 +94,8 @@ export interface SelectionSource extends Partial<SelectionSourceEventBase> {
      * source is always available.
      *
      * This will be displayed by the user interface.
+     *
+     * This value can be reactive; changes will be reflected in the UI.
      */
     readonly status?: SelectionSourceStatus;
     /**
@@ -115,7 +110,7 @@ export interface SelectionSource extends Partial<SelectionSourceEventBase> {
     select(selectionKind: SelectionKind, options: SelectionOptions): Promise<SelectionResult[]>;
 }
 export interface VectorLayerSelectionSourceOptions {
-    vectorLayer: VectorLayer<Feature>;
+    vectorLayer: VectorLayer<VectorSource, Feature>;
     label: string;
 }
 export interface VectorLayerSelectionSource extends Required<SelectionSource>, Resource {

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/selection",
-  "version": "0.2.4",
+  "version": "0.8.0-dev.20241120115147",
   "description": "This package provides a UI component to perform a selection on given selection sources from the map.",
   "keywords": [
     "open-pioneer-trails"
@@ -14,21 +14,21 @@
     "directory": "src/packages/selection"
   },
   "dependencies": {
+    "@chakra-ui/icons": "^2.2.4",
+    "@open-pioneer/chakra-integration": "^2.4.0-dev.20241120092632",
+    "@open-pioneer/core": "^2.4.0-dev.20241120092632",
+    "@open-pioneer/notifier": "^2.4.0-dev.20241120092632",
+    "@open-pioneer/react-utils": "^2.4.0-dev.20241120092632",
+    "@open-pioneer/runtime": "^2.4.0-dev.20241120092632",
     "classnames": "^2.3.2",
-    "uuid": "^10.0.0"
-  },
-  "peerDependencies": {
-    "@chakra-ui/icons": "^2.1.1",
-    "@open-pioneer/chakra-integration": "^1.1.4",
-    "@open-pioneer/core": "^1.3.0",
-    "@open-pioneer/notifier": "^0.3.6",
-    "@open-pioneer/react-utils": "^1.0.1",
-    "@open-pioneer/runtime": "^2.1.7",
-    "chakra-react-select": "^4.7.6",
-    "ol": "^9.2.4",
+    "chakra-react-select": "^5.0.2",
+    "ol": "^10.2.1",
     "react": "^18.3.1",
-    "react-icons": "^5.2.1",
-    "@open-pioneer/map": "^0.6.1"
+    "react-icons": "^5.3.0",
+    "uuid": "^10.0.0",
+    "@conterra/reactivity-core": "^0.4.3",
+    "@open-pioneer/reactivity": "^2.4.0-dev.20241120092632",
+    "@open-pioneer/map": "^0.8.0-dev.20241120115147"
   },
   "exports": {
     "./package.json": "./package.json",

package/services.js

@@ -1,4 +1,4 @@
-import { VectorLayerSelectionSourceImpl } from './selectionSources.js';
+import { VectorLayerSelectionSourceImpl } from './VectorSelectionSource.js';
 
 class VectorSelectionSourceFactory {
   #intl;

package/services.js.map

@@ -1 +1 @@
-{"version":3,"file":"services.js","sources":["services.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { type PackageIntl, ServiceOptions } from \"@open-pioneer/runtime\";\nimport { VectorLayerSelectionSourceImpl } from \"./selectionSources\";\nimport {\n    VectorLayerSelectionSource,\n    VectorLayerSelectionSourceFactory,\n    VectorLayerSelectionSourceOptions\n} from \"./api\";\n\nexport class VectorSelectionSourceFactory implements VectorLayerSelectionSourceFactory {\n    #intl: PackageIntl;\n\n    constructor({ intl }: ServiceOptions<PackageIntl>) {\n        this.#intl = intl;\n    }\n    createSelectionSource(options: VectorLayerSelectionSourceOptions): VectorLayerSelectionSource {\n        return new VectorLayerSelectionSourceImpl(\n            options.vectorLayer,\n            options.label,\n            this.#intl.formatMessage({ id: \"layerNotVisibleReason\" })\n        );\n    }\n}\n"],"names":[],"mappings":";;AAUO,MAAM,4BAA0E,CAAA;AAAA,EACnF,KAAA,CAAA;AAAA,EAEA,WAAA,CAAY,EAAE,IAAA,EAAqC,EAAA;AAC/C,IAAA,IAAA,CAAK,KAAQ,GAAA,IAAA,CAAA;AAAA,GACjB;AAAA,EACA,sBAAsB,OAAwE,EAAA;AAC1F,IAAA,OAAO,IAAI,8BAAA;AAAA,MACP,OAAQ,CAAA,WAAA;AAAA,MACR,OAAQ,CAAA,KAAA;AAAA,MACR,KAAK,KAAM,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,yBAAyB,CAAA;AAAA,KAC5D,CAAA;AAAA,GACJ;AACJ;;;;"}
+{"version":3,"file":"services.js","sources":["services.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { type PackageIntl, ServiceOptions } from \"@open-pioneer/runtime\";\nimport { VectorLayerSelectionSourceImpl } from \"./VectorSelectionSource\";\nimport {\n    VectorLayerSelectionSource,\n    VectorLayerSelectionSourceFactory,\n    VectorLayerSelectionSourceOptions\n} from \"./api\";\n\nexport class VectorSelectionSourceFactory implements VectorLayerSelectionSourceFactory {\n    #intl: PackageIntl;\n\n    constructor({ intl }: ServiceOptions<PackageIntl>) {\n        this.#intl = intl;\n    }\n    createSelectionSource(options: VectorLayerSelectionSourceOptions): VectorLayerSelectionSource {\n        return new VectorLayerSelectionSourceImpl(\n            options.vectorLayer,\n            options.label,\n            this.#intl.formatMessage({ id: \"layerNotVisibleReason\" })\n        );\n    }\n}\n"],"names":[],"mappings":";;AAUO,MAAM,4BAA0E,CAAA;AAAA,EACnF,KAAA,CAAA;AAAA,EAEA,WAAA,CAAY,EAAE,IAAA,EAAqC,EAAA;AAC/C,IAAA,IAAA,CAAK,KAAQ,GAAA,IAAA,CAAA;AAAA,GACjB;AAAA,EACA,sBAAsB,OAAwE,EAAA;AAC1F,IAAA,OAAO,IAAI,8BAAA;AAAA,MACP,OAAQ,CAAA,WAAA;AAAA,MACR,OAAQ,CAAA,KAAA;AAAA,MACR,KAAK,KAAM,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,yBAAyB,CAAA;AAAA,KAC5D,CAAA;AAAA,GACJ;AACJ;;;;"}

package/selectionSources.d.ts

@@ -1,37 +0,0 @@
-import { SelectionSource, SelectionResult, SelectionOptions, SelectionSourceStatus, SelectionSourceEvents, SelectionKind, VectorLayerSelectionSource } from "./api";
-import { Point } from "ol/geom";
-import { EventEmitter } from "@open-pioneer/core";
-import VectorLayer from "ol/layer/Vector";
-import Feature from "ol/Feature";
-export declare const fakeSelectedPointFeatures: Point[];
-export declare class FakePointSelectionSource extends EventEmitter<SelectionSourceEvents> implements SelectionSource {
-    #private;
-    readonly label: string;
-    constructor(timeout?: number, status?: SelectionSourceStatus, pointFeatures?: Point[]);
-    get status(): SelectionSourceStatus;
-    set status(value: SelectionSourceStatus);
-    select(selectionKind: SelectionKind, options: SelectionOptions): Promise<SelectionResult[]>;
-}
-/**
- * A SelectionSource to use an OpenLayers VectorLayer with an OpenLayers VectorSource (e.g. layer of the map).
- * Features are:
- * -   using only the extent as selection kind
- * -   listening to layer visibility changes and updating the status of the source
- * -   limiting the number of returned selection results to the corresponding selection option
- * -   throwing an event `changed:status` when the status updates
- */
-export declare class VectorLayerSelectionSourceImpl extends EventEmitter<SelectionSourceEvents> implements VectorLayerSelectionSource {
-    #private;
-    readonly label: string;
-    constructor(vectorLayer: VectorLayer<Feature>, label: string, layerNotVisibleReason: string);
-    destroy(): void;
-    get status(): import("./api").SelectionSourceStatusObject;
-    select(selectionKind: SelectionKind, options: SelectionOptions): Promise<SelectionResult[]>;
-}
-/**
- * For testing purposes only
- */
-export declare class NoStatusSelectionSource extends EventEmitter<SelectionSourceEvents> implements SelectionSource {
-    readonly label: string;
-    select(_: SelectionKind, __: SelectionOptions): Promise<SelectionResult[]>;
-}

package/selectionSources.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"selectionSources.js","sources":["selectionSources.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport {\n    SelectionSource,\n    SelectionResult,\n    SelectionOptions,\n    SelectionSourceStatus,\n    SelectionSourceEvents,\n    SelectionKind,\n    VectorLayerSelectionSource\n} from \"./api\";\nimport { Point } from \"ol/geom\";\nimport { EventEmitter } from \"@open-pioneer/core\";\nimport VectorLayer from \"ol/layer/Vector\";\nimport { EventsKey } from \"ol/events\";\nimport { unByKey } from \"ol/Observable\";\nimport { v4 as uuid4v } from \"uuid\";\nimport Feature from \"ol/Feature\";\n\nexport const fakeSelectedPointFeatures = [\n    new Point([407354, 5754673]), // con terra (Bottom Right)\n    new Point([404740, 5757893]) // Schloss (Top Left)\n];\n\nlet count = 0;\n\nexport class FakePointSelectionSource\n    extends EventEmitter<SelectionSourceEvents>\n    implements SelectionSource\n{\n    readonly label = `Fake Selection Source #${++count}`;\n    #timeout: number;\n    #status: SelectionSourceStatus;\n    #pointFeatures: Point[];\n\n    constructor(\n        timeout?: number,\n        status?: SelectionSourceStatus,\n        pointFeatures: Point[] = fakeSelectedPointFeatures\n    ) {\n        super();\n        this.#timeout = timeout || 0;\n        this.#status = status || \"unavailable\";\n        this.#pointFeatures = pointFeatures;\n    }\n\n    get status(): SelectionSourceStatus {\n        return this.#status;\n    }\n\n    set status(value: SelectionSourceStatus) {\n        if (value !== this.#status) {\n            this.#status = value;\n            this.emit(\"changed:status\");\n        }\n    }\n\n    async select(\n        selectionKind: SelectionKind,\n        options: SelectionOptions\n    ): Promise<SelectionResult[]> {\n        if (selectionKind.type !== \"extent\") {\n            throw new Error(`Unsupported selection kind: ${selectionKind.type}`);\n        }\n\n        if (this.#status !== \"available\") return [];\n\n        await new Promise((resolve) => setTimeout(resolve, this.#timeout));\n\n        const allPoints = this.#pointFeatures.map((point, index) => {\n            const result: SelectionResult = {\n                id: index,\n                geometry: point\n            };\n            if (!point.intersectsExtent(selectionKind.extent)) {\n                return undefined;\n            }\n            return result;\n        });\n\n        const selectedPoints = allPoints.filter((s): s is SelectionResult => s != null);\n        const limitedResults =\n            selectedPoints.length > options.maxResults\n                ? selectedPoints.slice(0, options.maxResults)\n                : selectedPoints;\n        return limitedResults;\n    }\n}\n\n/**\n * A SelectionSource to use an OpenLayers VectorLayer with an OpenLayers VectorSource (e.g. layer of the map).\n * Features are:\n * -   using only the extent as selection kind\n * -   listening to layer visibility changes and updating the status of the source\n * -   limiting the number of returned selection results to the corresponding selection option\n * -   throwing an event `changed:status` when the status updates\n */\nexport class VectorLayerSelectionSourceImpl\n    extends EventEmitter<SelectionSourceEvents>\n    implements VectorLayerSelectionSource\n{\n    readonly label: string;\n    #status: Exclude<SelectionSourceStatus, string> = { kind: \"available\" };\n    #vectorLayer: VectorLayer<Feature>;\n    #eventHandler: EventsKey;\n    #layerNotVisibleReason: string;\n\n    constructor(vectorLayer: VectorLayer<Feature>, label: string, layerNotVisibleReason: string) {\n        super();\n        this.label = label;\n        this.#vectorLayer = vectorLayer;\n        this.#layerNotVisibleReason = layerNotVisibleReason;\n        this.#updateStatus();\n        this.#eventHandler = this.#vectorLayer.on(\"change:visible\", () => {\n            this.#updateStatus();\n        });\n    }\n\n    destroy() {\n        unByKey(this.#eventHandler);\n    }\n\n    get status() {\n        return this.#status;\n    }\n\n    async select(\n        selectionKind: SelectionKind,\n        options: SelectionOptions\n    ): Promise<SelectionResult[]> {\n        if (selectionKind.type !== \"extent\") {\n            throw new Error(`Unsupported selection kind: ${selectionKind.type}`);\n        }\n\n        if (this.#status.kind !== \"available\" || this.#vectorLayer.getSource() === null) return [];\n\n        const allResults: SelectionResult[] = [];\n        this.#vectorLayer\n            .getSource()!\n            .forEachFeatureIntersectingExtent(selectionKind.extent, (feature) => {\n                if (!feature.getGeometry()) return;\n\n                // TODO: Think about where to implement Date-Formatting, if the dates are already\n                //  encoded as Strings...\n\n                const filteredProperties = { ...feature.getProperties() };\n                delete filteredProperties.geometries;\n\n                const result: SelectionResult = {\n                    id: feature.getId()?.toString() || uuid4v(),\n                    geometry: feature.getGeometry()!,\n                    properties: filteredProperties\n                };\n\n                allResults.push(result);\n            });\n        const selectedFeatures = allResults.filter((s): s is SelectionResult => s != null);\n        const limitedFeatures =\n            selectedFeatures.length > options.maxResults\n                ? selectedFeatures.slice(0, options.maxResults)\n                : selectedFeatures;\n        return limitedFeatures;\n    }\n\n    #updateStatus() {\n        const layerIsVisible = this.#vectorLayer.getVisible();\n        const newStatus: SelectionSourceStatus = layerIsVisible\n            ? { kind: \"available\" }\n            : { kind: \"unavailable\", reason: this.#layerNotVisibleReason };\n        if (newStatus.kind !== this.#status.kind) {\n            this.#status = newStatus;\n            this.emit(\"changed:status\");\n        }\n    }\n}\n\n/**\n * For testing purposes only\n */\nexport class NoStatusSelectionSource\n    extends EventEmitter<SelectionSourceEvents>\n    implements SelectionSource\n{\n    readonly label: string = \"Testlabel\";\n\n    async select(_: SelectionKind, __: SelectionOptions): Promise<SelectionResult[]> {\n        const allPoints = fakeSelectedPointFeatures.map((point, index) => {\n            const result: SelectionResult = {\n                id: index,\n                geometry: point\n            };\n            return result;\n        });\n        return allPoints;\n    }\n}\n"],"names":["uuid4v"],"mappings":"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"}