@open-pioneer/selection 0.1.0

package/Selection.js

@@ -0,0 +1,274 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { VStack, FormControl, FormLabel, Flex, Box, Tooltip, chakra, Icon, useToken } from '@open-pioneer/chakra-integration';
+import { useMapModel } from '@open-pioneer/map';
+import { useCommonComponentProps, useEvent } from '@open-pioneer/react-utils';
+import { Select, chakraComponents } from 'chakra-react-select';
+import { useIntl, useService } from './_virtual/_virtual-pioneer-module_react-hooks.js';
+import { useState, useCallback, useMemo, useEffect } from 'react';
+import { FiAlertTriangle } from 'react-icons/fi';
+import { DragController } from './DragController.js';
+import { SelectionController } from './SelectionController.js';
+
+var SelectionMethods = /* @__PURE__ */ ((SelectionMethods2) => {
+  SelectionMethods2["extent"] = "EXTENT";
+  SelectionMethods2["polygon"] = "POLYGON";
+  SelectionMethods2["free"] = "FREEPOLYGON";
+  SelectionMethods2["circle"] = "CIRCLE";
+  return SelectionMethods2;
+})(SelectionMethods || {});
+const COMMON_SELECT_PROPS = {
+  classNamePrefix: "react-select",
+  menuPosition: "fixed",
+  isSearchable: false,
+  isClearable: false
+};
+const Selection = (props) => {
+  const intl = useIntl();
+  const { mapId, sources, onSelectionComplete, onSelectionSourceChanged } = props;
+  const { containerProps } = useCommonComponentProps("selection", props);
+  const [currentSource, setCurrentSource] = useState(
+    () => sources.find((s) => (s.status ?? "available") === "available")
+  );
+  const mapState = useMapModel(mapId);
+  const { onExtentSelected } = useSelectionController(
+    mapState.map,
+    sources,
+    currentSource,
+    onSelectionComplete
+  );
+  const chakraStyles = useChakraStyles();
+  const buildMethodOptions = useCallback(
+    (methods) => {
+      const objects = [];
+      if (!methods)
+        methods = ["EXTENT" /* extent */];
+      methods.forEach((item) => {
+        if (Object.values(SelectionMethods).includes(item))
+          objects.push({ label: intl.formatMessage({ id: item }), value: item });
+      });
+      if (objects.length === 0)
+        throw new Error("methods does not contain valid values");
+      return objects;
+    },
+    [intl]
+  );
+  const methodOptions = buildMethodOptions(void 0);
+  const [selectedMethod, setSelectedMethod] = useState(methodOptions[0]);
+  const onMethodeOptionChance = useEvent((newValue) => {
+    setSelectedMethod(newValue);
+  });
+  const [dragControllerActive, setDragControllerActive] = useState(true);
+  useDragSelection(mapState.map, selectedMethod, intl, onExtentSelected, dragControllerActive);
+  const sourceOptions = useMemo(
+    () => sources.map((source) => {
+      return { label: source.label, value: source };
+    }),
+    [sources]
+  );
+  const currentSourceOption = useMemo(
+    () => sourceOptions.find((option) => option.value === currentSource),
+    [sourceOptions, currentSource]
+  );
+  const onSourceOptionChanged = useEvent((newValue) => {
+    setCurrentSource(newValue?.value);
+    onSelectionSourceChanged && onSelectionSourceChanged({ source: newValue?.value });
+  });
+  useEffect(() => {
+    if (!currentSource) {
+      setDragControllerActive(false);
+      return;
+    }
+    const sourceNotAvailableReason = intl.formatMessage({ id: "sourceNotAvailable" });
+    const isCurrentSourceAvailable = () => {
+      return currentSource && getSourceStatus(currentSource, sourceNotAvailableReason).kind === "available";
+    };
+    setDragControllerActive(isCurrentSourceAvailable());
+    const handle = currentSource.on("changed:status", () => {
+      setDragControllerActive(isCurrentSourceAvailable());
+    });
+    return () => handle.destroy();
+  }, [currentSource, setDragControllerActive, intl]);
+  return /* @__PURE__ */ jsxs(VStack, { ...containerProps, spacing: 2, children: [
+    methodOptions.length > 1 && /* @__PURE__ */ jsxs(FormControl, { children: [
+      /* @__PURE__ */ jsx(FormLabel, { children: intl.formatMessage({ id: "selectMethod" }) }),
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          className: "selection-method react-select",
+          ...COMMON_SELECT_PROPS,
+          options: methodOptions,
+          onChange: onMethodeOptionChance,
+          value: selectedMethod,
+          chakraStyles
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(FormControl, { children: [
+      /* @__PURE__ */ jsx(FormLabel, { children: intl.formatMessage({ id: "selectSource" }) }),
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          className: "selection-source react-select",
+          ...COMMON_SELECT_PROPS,
+          options: sourceOptions,
+          placeholder: intl.formatMessage({ id: "selectionPlaceholder" }),
+          value: currentSourceOption,
+          onChange: onSourceOptionChanged,
+          components: {
+            Option: SourceSelectOption,
+            SingleValue: SourceSelectValue
+          },
+          isOptionDisabled: (option) => option.value === void 0 || option.value.status === "unavailable",
+          getOptionLabel: (option) => option.label + (option.value === void 0 || option.value.status === "unavailable" ? " " + intl.formatMessage({ id: "sourceNotAvailable" }) : ""),
+          chakraStyles
+        }
+      )
+    ] })
+  ] });
+};
+function SourceSelectOption(props) {
+  const { value } = props.data;
+  const { isAvailable, content } = useSourceItem(value, false);
+  return /* @__PURE__ */ jsx(
+    chakraComponents.Option,
+    {
+      ...props,
+      isDisabled: !isAvailable,
+      className: "selection-source-option",
+      children: content
+    }
+  );
+}
+function SourceSelectValue(props) {
+  const { value } = props.data;
+  const { isAvailable, content } = useSourceItem(value, true);
+  const clazz = isAvailable ? "selection-source-value" : "selection-source-value selection-source-value--disabled";
+  return /* @__PURE__ */ jsx(chakraComponents.SingleValue, { ...props, isDisabled: !isAvailable, className: clazz, children: content });
+}
+function useSourceItem(source, isSelected) {
+  const label = source?.label;
+  const status = useSourceStatus(source);
+  return {
+    isAvailable: status.kind === "available",
+    content: /* @__PURE__ */ jsxs(Flex, { direction: "row", alignItems: "center", grow: 1, children: [
+      !isSelected && /* @__PURE__ */ jsx(Flex, { grow: 1, children: label }),
+      status.kind === "unavailable" && /* @__PURE__ */ jsx(Box, { ml: 2, children: /* @__PURE__ */ jsx(Tooltip, { label: status.reason, placement: "right", openDelay: 500, children: /* @__PURE__ */ jsx(chakra.span, { children: /* @__PURE__ */ jsx(
+        Icon,
+        {
+          as: FiAlertTriangle,
+          color: "red",
+          className: "warning-icon",
+          "aria-label": status.reason
+        }
+      ) }) }) }),
+      isSelected && label
+    ] })
+  };
+}
+function useSelectionController(mapModel, sources, currentSource, onSelectionComplete) {
+  const notifier = useService("notifier.NotificationService");
+  const intl = useIntl();
+  const [controller, setController] = useState(void 0);
+  useEffect(() => {
+    if (!mapModel) {
+      return;
+    }
+    const controller2 = new SelectionController({
+      mapModel,
+      onError() {
+        notifier.notify({
+          level: "error",
+          message: intl.formatMessage({ id: "selectionFailed" })
+        });
+      }
+    });
+    setController(controller2);
+    return () => {
+      controller2.destroy();
+    };
+  }, [mapModel, notifier, sources, intl]);
+  const onExtentSelected = useEvent(async (geometry) => {
+    if (!controller || !currentSource) {
+      return;
+    }
+    const selectionResult = await controller.select(currentSource, geometry.getExtent());
+    if (!selectionResult) {
+      return;
+    }
+    onSelectionComplete?.(selectionResult);
+  });
+  return {
+    controller,
+    onExtentSelected
+  };
+}
+function getSourceStatus(source, sourceNotAvailableReason) {
+  const rawCurrent = source.status ?? "available";
+  const current = typeof rawCurrent === "string" ? { kind: rawCurrent } : rawCurrent;
+  if (current.kind === "available") {
+    return current;
+  }
+  return {
+    kind: "unavailable",
+    reason: current.reason ?? sourceNotAvailableReason
+  };
+}
+function useSourceStatus(source) {
+  const intl = useIntl();
+  const [status, setStatus] = useState(() => ({ kind: "available" }));
+  useEffect(() => {
+    if (!source) {
+      setStatus({ kind: "available" });
+      return;
+    }
+    const sourceNotAvailableReason = intl.formatMessage({ id: "sourceNotAvailable" });
+    setStatus(getSourceStatus(source, sourceNotAvailableReason));
+    const resource = source.on?.("changed:status", () => {
+      setStatus(getSourceStatus(source, sourceNotAvailableReason));
+    });
+    return () => resource?.destroy();
+  }, [source, intl]);
+  return status;
+}
+function useDragSelection(map, selectMethode, intl, onExtentSelected, isActive) {
+  useEffect(() => {
+    if (!map) {
+      return;
+    }
+    const dragController = new DragController(
+      map.olMap,
+      selectMethode.value,
+      intl.formatMessage({ id: "tooltip" }),
+      intl.formatMessage({ id: "disabledTooltip" }),
+      onExtentSelected
+    );
+    dragController.setActive(isActive);
+    return () => {
+      dragController?.destroy();
+    };
+  }, [map, selectMethode, intl, onExtentSelected, isActive]);
+}
+function useChakraStyles() {
+  const [dropDownBackground, borderColor] = useToken(
+    "colors",
+    ["background_body", "border"],
+    ["#ffffff", "#ffffff"]
+  );
+  return useMemo(() => {
+    const chakraStyles = {
+      control: (styles) => ({ ...styles, cursor: "pointer" }),
+      indicatorSeparator: (styles) => ({
+        ...styles,
+        borderColor
+      }),
+      dropdownIndicator: (provided) => ({
+        ...provided,
+        backgroundColor: dropDownBackground
+      })
+    };
+    return chakraStyles;
+  }, [dropDownBackground, borderColor]);
+}
+
+export { Selection, SelectionMethods };
+//# sourceMappingURL=Selection.js.map

package/Selection.js.map

@@ -0,0 +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/i18n\";\nimport {\n    OptionProps,\n    Select,\n    Props as SelectProps,\n    SingleValueProps,\n    chakraComponents,\n    type SingleValue,\n    ChakraStylesConfig,\n    GroupBase\n} from \"chakra-react-select\";\nimport { Geometry } from \"ol/geom\";\nimport { useIntl, useService } from \"open-pioneer:react-hooks\";\nimport { FC, useCallback, useEffect, useMemo, 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 | undefined;\n}\n\n/**\n * Properties for single selection method options.\n */\ninterface MethodOption {\n    /**\n     * The label of the select method option.\n     */\n    label: string;\n\n    /**\n     * The value of the select method option.\n     */\n    value: string;\n}\n\n/**\n * Supported selection methods\n */\nexport enum SelectionMethods {\n    extent = \"EXTENT\",\n    polygon = \"POLYGON\",\n    free = \"FREEPOLYGON\",\n    circle = \"CIRCLE\"\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 [currentSource, setCurrentSource] = useState<SelectionSource | undefined>(() =>\n        sources.find((s) => (s.status ?? \"available\") === \"available\")\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\n    /**\n     * Method to build Option-Array from the supported selection methods for the selection-method react-select\n     * If there is no configuration => Default selection method: EXTENT\n     */\n    const buildMethodOptions = useCallback(\n        (methods: string[] | undefined) => {\n            const objects: MethodOption[] = [];\n            if (!methods) methods = [SelectionMethods.extent];\n            methods.forEach((item) => {\n                if (Object.values(SelectionMethods as unknown as string[]).includes(item))\n                    objects.push({ label: intl.formatMessage({ id: item }), value: item });\n            });\n            if (objects.length === 0) throw new Error(\"methods does not contain valid values\");\n            return objects;\n        },\n        [intl]\n    );\n\n    const methodOptions: MethodOption[] = buildMethodOptions(undefined);\n    const [selectedMethod, setSelectedMethod] = useState(methodOptions[0] as MethodOption);\n\n    /**\n     * Method to change used selectmethod\n     */\n    const onMethodeOptionChance = useEvent((newValue: MethodOption) => {\n        setSelectedMethod(newValue);\n    });\n\n    const [dragControllerActive, setDragControllerActive] = useState<boolean>(true);\n    useDragSelection(mapState.map, selectedMethod, intl, onExtentSelected, dragControllerActive);\n\n    /**\n     * Method to build Option-Array from sources for the selection-source react-select\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        () => sourceOptions.find((option) => option.value === currentSource),\n        [sourceOptions, currentSource]\n    );\n\n    /**\n     * Method to change used source\n     */\n    const onSourceOptionChanged = useEvent((newValue: SingleValue<SelectionOption>) => {\n        setCurrentSource(newValue?.value);\n        onSelectionSourceChanged && onSelectionSourceChanged({ source: newValue?.value });\n    });\n\n    useEffect(() => {\n        if (!currentSource) {\n            setDragControllerActive(false);\n            return;\n        }\n\n        const sourceNotAvailableReason = intl.formatMessage({ id: \"sourceNotAvailable\" });\n        const isCurrentSourceAvailable = () => {\n            return (\n                currentSource &&\n                getSourceStatus(currentSource, sourceNotAvailableReason).kind === \"available\"\n            );\n        };\n\n        setDragControllerActive(isCurrentSourceAvailable());\n        // Why can this be undefined after test above?!\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        const handle = currentSource.on(\"changed:status\", () => {\n            setDragControllerActive(isCurrentSourceAvailable());\n        });\n        return () => handle.destroy();\n    }, [currentSource, setDragControllerActive, intl]);\n\n    return (\n        <VStack {...containerProps} spacing={2}>\n            {methodOptions.length > 1 && (\n                <FormControl>\n                    <FormLabel>{intl.formatMessage({ id: \"selectMethod\" })}</FormLabel>\n                    <Select\n                        className=\"selection-method react-select\"\n                        {...COMMON_SELECT_PROPS}\n                        options={methodOptions}\n                        onChange={onMethodeOptionChance}\n                        value={selectedMethod}\n                        chakraStyles={chakraStyles}\n                    />\n                </FormControl>\n            )}\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={(option) =>\n                        option.value === undefined || option.value.status === \"unavailable\"\n                    }\n                    // optionLabel is used by screenreaders\n                    getOptionLabel={(option) =>\n                        option.label +\n                        (option.value === undefined || option.value.status === \"unavailable\"\n                            ? \" \" + intl.formatMessage({ id: \"sourceNotAvailable\" })\n                            : \"\")\n                    }\n                    chakraStyles={chakraStyles}\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\n/**\n * Hook to manage source option in selection-source react-select\n */\nfunction useSourceItem(source: SelectionSource | undefined, isSelected: boolean) {\n    const label: string | undefined = source?.label;\n    const status = useSourceStatus(source);\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(source: SelectionSource | undefined): SimpleStatus {\n    const intl = useIntl();\n    const [status, setStatus] = useState<SimpleStatus>(() => ({ kind: \"available\" }));\n    useEffect(() => {\n        if (!source) {\n            setStatus({ kind: \"available\" });\n            return;\n        }\n        const sourceNotAvailableReason = intl.formatMessage({ id: \"sourceNotAvailable\" });\n        setStatus(getSourceStatus(source, sourceNotAvailableReason));\n        const resource = source.on?.(\"changed:status\", () => {\n            setStatus(getSourceStatus(source, sourceNotAvailableReason));\n        });\n        return () => resource?.destroy();\n    }, [source, intl]);\n    return status;\n}\n\n/**\n * Hook to manage map controls and tooltip\n */\nfunction useDragSelection(\n    map: MapModel | undefined,\n    selectMethode: MethodOption,\n    intl: PackageIntl,\n    onExtentSelected: (geometry: Geometry) => void,\n    isActive: boolean\n) {\n    useEffect(() => {\n        if (!map) {\n            return;\n        }\n\n        const dragController = new DragController(\n            map.olMap,\n            selectMethode.value,\n            intl.formatMessage({ id: \"tooltip\" }),\n            intl.formatMessage({ id: \"disabledTooltip\" }),\n            onExtentSelected\n        );\n        dragController.setActive(isActive);\n\n        return () => {\n            dragController?.destroy();\n        };\n    }, [map, selectMethode, intl, onExtentSelected, isActive]);\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":["SelectionMethods","controller"],"mappings":";;;;;;;;;;;AA2GY,IAAA,gBAAA,qBAAAA,iBAAL,KAAA;AACH,EAAAA,kBAAA,QAAS,CAAA,GAAA,QAAA,CAAA;AACT,EAAAA,kBAAA,SAAU,CAAA,GAAA,SAAA,CAAA;AACV,EAAAA,kBAAA,MAAO,CAAA,GAAA,aAAA,CAAA;AACP,EAAAA,kBAAA,QAAS,CAAA,GAAA,QAAA,CAAA;AAJD,EAAAA,OAAAA,iBAAAA,CAAAA;AAAA,CAAA,EAAA,gBAAA,IAAA,EAAA,EAAA;AAQZ,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,KAAA,EAAO,OAAS,EAAA,mBAAA,EAAqB,0BAA6B,GAAA,KAAA,CAAA;AAC1E,EAAA,MAAM,EAAE,cAAA,EAAmB,GAAA,uBAAA,CAAwB,aAAa,KAAK,CAAA,CAAA;AACrE,EAAM,MAAA,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA;AAAA,IAAsC,MAC5E,QAAQ,IAAK,CAAA,CAAC,OAAO,CAAE,CAAA,MAAA,IAAU,iBAAiB,WAAW,CAAA;AAAA,GACjE,CAAA;AACA,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;AAMrC,EAAA,MAAM,kBAAqB,GAAA,WAAA;AAAA,IACvB,CAAC,OAAkC,KAAA;AAC/B,MAAA,MAAM,UAA0B,EAAC,CAAA;AACjC,MAAA,IAAI,CAAC,OAAA;AAAS,QAAA,OAAA,GAAU,CAAC,QAAuB,cAAA,CAAA;AAChD,MAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AACtB,QAAA,IAAI,MAAO,CAAA,MAAA,CAAO,gBAAuC,CAAA,CAAE,SAAS,IAAI,CAAA;AACpE,UAAA,OAAA,CAAQ,IAAK,CAAA,EAAE,KAAO,EAAA,IAAA,CAAK,aAAc,CAAA,EAAE,EAAI,EAAA,IAAA,EAAM,CAAA,EAAG,KAAO,EAAA,IAAA,EAAM,CAAA,CAAA;AAAA,OAC5E,CAAA,CAAA;AACD,MAAA,IAAI,QAAQ,MAAW,KAAA,CAAA;AAAG,QAAM,MAAA,IAAI,MAAM,uCAAuC,CAAA,CAAA;AACjF,MAAO,OAAA,OAAA,CAAA;AAAA,KACX;AAAA,IACA,CAAC,IAAI,CAAA;AAAA,GACT,CAAA;AAEA,EAAM,MAAA,aAAA,GAAgC,mBAAmB,KAAS,CAAA,CAAA,CAAA;AAClE,EAAA,MAAM,CAAC,cAAgB,EAAA,iBAAiB,IAAI,QAAS,CAAA,aAAA,CAAc,CAAC,CAAiB,CAAA,CAAA;AAKrF,EAAM,MAAA,qBAAA,GAAwB,QAAS,CAAA,CAAC,QAA2B,KAAA;AAC/D,IAAA,iBAAA,CAAkB,QAAQ,CAAA,CAAA;AAAA,GAC7B,CAAA,CAAA;AAED,EAAA,MAAM,CAAC,oBAAA,EAAsB,uBAAuB,CAAA,GAAI,SAAkB,IAAI,CAAA,CAAA;AAC9E,EAAA,gBAAA,CAAiB,QAAS,CAAA,GAAA,EAAK,cAAgB,EAAA,IAAA,EAAM,kBAAkB,oBAAoB,CAAA,CAAA;AAK3F,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,EAAA,MAAM,mBAAsB,GAAA,OAAA;AAAA,IACxB,MAAM,aAAc,CAAA,IAAA,CAAK,CAAC,MAAW,KAAA,MAAA,CAAO,UAAU,aAAa,CAAA;AAAA,IACnE,CAAC,eAAe,aAAa,CAAA;AAAA,GACjC,CAAA;AAKA,EAAM,MAAA,qBAAA,GAAwB,QAAS,CAAA,CAAC,QAA2C,KAAA;AAC/E,IAAA,gBAAA,CAAiB,UAAU,KAAK,CAAA,CAAA;AAChC,IAAA,wBAAA,IAA4B,wBAAyB,CAAA,EAAE,MAAQ,EAAA,QAAA,EAAU,OAAO,CAAA,CAAA;AAAA,GACnF,CAAA,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,CAAC,aAAe,EAAA;AAChB,MAAA,uBAAA,CAAwB,KAAK,CAAA,CAAA;AAC7B,MAAA,OAAA;AAAA,KACJ;AAEA,IAAA,MAAM,2BAA2B,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,sBAAsB,CAAA,CAAA;AAChF,IAAA,MAAM,2BAA2B,MAAM;AACnC,MAAA,OACI,aACA,IAAA,eAAA,CAAgB,aAAe,EAAA,wBAAwB,EAAE,IAAS,KAAA,WAAA,CAAA;AAAA,KAE1E,CAAA;AAEA,IAAA,uBAAA,CAAwB,0BAA0B,CAAA,CAAA;AAIlD,IAAA,MAAM,MAAS,GAAA,aAAA,CAAc,EAAG,CAAA,gBAAA,EAAkB,MAAM;AACpD,MAAA,uBAAA,CAAwB,0BAA0B,CAAA,CAAA;AAAA,KACrD,CAAA,CAAA;AACD,IAAO,OAAA,MAAM,OAAO,OAAQ,EAAA,CAAA;AAAA,GAC7B,EAAA,CAAC,aAAe,EAAA,uBAAA,EAAyB,IAAI,CAAC,CAAA,CAAA;AAEjD,EAAA,uBACK,IAAA,CAAA,MAAA,EAAA,EAAQ,GAAG,cAAA,EAAgB,SAAS,CAChC,EAAA,QAAA,EAAA;AAAA,IAAc,aAAA,CAAA,MAAA,GAAS,CACpB,oBAAA,IAAA,CAAC,WACG,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,aAAW,QAAK,EAAA,IAAA,CAAA,aAAA,CAAc,EAAE,EAAI,EAAA,cAAA,EAAgB,CAAE,EAAA,CAAA;AAAA,sBACvD,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACG,SAAU,EAAA,+BAAA;AAAA,UACT,GAAG,mBAAA;AAAA,UACJ,OAAS,EAAA,aAAA;AAAA,UACT,QAAU,EAAA,qBAAA;AAAA,UACV,KAAO,EAAA,cAAA;AAAA,UACP,YAAA;AAAA,SAAA;AAAA,OACJ;AAAA,KACJ,EAAA,CAAA;AAAA,yBAEH,WACG,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,aAAW,QAAK,EAAA,IAAA,CAAA,aAAA,CAAc,EAAE,EAAI,EAAA,cAAA,EAAgB,CAAE,EAAA,CAAA;AAAA,sBACvD,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACG,SAAU,EAAA,+BAAA;AAAA,UACT,GAAG,mBAAA;AAAA,UACJ,OAAS,EAAA,aAAA;AAAA,UACT,aAAa,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,wBAAwB,CAAA;AAAA,UAC9D,KAAO,EAAA,mBAAA;AAAA,UACP,QAAU,EAAA,qBAAA;AAAA,UACV,UAAY,EAAA;AAAA,YACR,MAAQ,EAAA,kBAAA;AAAA,YACR,WAAa,EAAA,iBAAA;AAAA,WACjB;AAAA,UACA,gBAAA,EAAkB,CAAC,MACf,KAAA,MAAA,CAAO,UAAU,KAAa,CAAA,IAAA,MAAA,CAAO,MAAM,MAAW,KAAA,aAAA;AAAA,UAG1D,gBAAgB,CAAC,MAAA,KACb,OAAO,KACN,IAAA,MAAA,CAAO,UAAU,KAAa,CAAA,IAAA,MAAA,CAAO,MAAM,MAAW,KAAA,aAAA,GACjD,MAAM,IAAK,CAAA,aAAA,CAAc,EAAE,EAAI,EAAA,oBAAA,EAAsB,CACrD,GAAA,EAAA,CAAA;AAAA,UAEV,YAAA;AAAA,SAAA;AAAA,OACJ;AAAA,KACJ,EAAA,CAAA;AAAA,GACJ,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;AAKA,SAAS,aAAA,CAAc,QAAqC,UAAqB,EAAA;AAC7E,EAAA,MAAM,QAA4B,MAAQ,EAAA,KAAA,CAAA;AAC1C,EAAM,MAAA,MAAA,GAAS,gBAAgB,MAAM,CAAA,CAAA;AAErC,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,gBAAgB,MAAmD,EAAA;AACxE,EAAA,MAAM,OAAO,OAAQ,EAAA,CAAA;AACrB,EAAM,MAAA,CAAC,QAAQ,SAAS,CAAA,GAAI,SAAuB,OAAO,EAAE,IAAM,EAAA,WAAA,EAAc,CAAA,CAAA,CAAA;AAChF,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,CAAC,MAAQ,EAAA;AACT,MAAU,SAAA,CAAA,EAAE,IAAM,EAAA,WAAA,EAAa,CAAA,CAAA;AAC/B,MAAA,OAAA;AAAA,KACJ;AACA,IAAA,MAAM,2BAA2B,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,sBAAsB,CAAA,CAAA;AAChF,IAAU,SAAA,CAAA,eAAA,CAAgB,MAAQ,EAAA,wBAAwB,CAAC,CAAA,CAAA;AAC3D,IAAA,MAAM,QAAW,GAAA,MAAA,CAAO,EAAK,GAAA,gBAAA,EAAkB,MAAM;AACjD,MAAU,SAAA,CAAA,eAAA,CAAgB,MAAQ,EAAA,wBAAwB,CAAC,CAAA,CAAA;AAAA,KAC9D,CAAA,CAAA;AACD,IAAO,OAAA,MAAM,UAAU,OAAQ,EAAA,CAAA;AAAA,GAChC,EAAA,CAAC,MAAQ,EAAA,IAAI,CAAC,CAAA,CAAA;AACjB,EAAO,OAAA,MAAA,CAAA;AACX,CAAA;AAKA,SAAS,gBACL,CAAA,GAAA,EACA,aACA,EAAA,IAAA,EACA,kBACA,QACF,EAAA;AACE,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,CAAC,GAAK,EAAA;AACN,MAAA,OAAA;AAAA,KACJ;AAEA,IAAA,MAAM,iBAAiB,IAAI,cAAA;AAAA,MACvB,GAAI,CAAA,KAAA;AAAA,MACJ,aAAc,CAAA,KAAA;AAAA,MACd,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,WAAW,CAAA;AAAA,MACpC,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,mBAAmB,CAAA;AAAA,MAC5C,gBAAA;AAAA,KACJ,CAAA;AACA,IAAA,cAAA,CAAe,UAAU,QAAQ,CAAA,CAAA;AAEjC,IAAA,OAAO,MAAM;AACT,MAAA,cAAA,EAAgB,OAAQ,EAAA,CAAA;AAAA,KAC5B,CAAA;AAAA,KACD,CAAC,GAAA,EAAK,eAAe,IAAM,EAAA,gBAAA,EAAkB,QAAQ,CAAC,CAAA,CAAA;AAC7D,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/SelectionController.d.ts

@@ -0,0 +1,20 @@
+import type { SelectionSource, SelectionResult } from "./api";
+import { MapModel } from "@open-pioneer/map";
+import { Extent } from "ol/extent";
+/**
+ * All results returned from one source.
+ */
+export interface SelectionSourceResults {
+    source: SelectionSource;
+    results: SelectionResult[];
+}
+export declare class SelectionController {
+    #private;
+    constructor(options: {
+        mapModel: MapModel;
+        onError: () => void;
+        maxResults?: number;
+    });
+    destroy(): void;
+    select(source: SelectionSource, extent: Extent): Promise<SelectionSourceResults | undefined>;
+}

package/SelectionController.js

@@ -0,0 +1,57 @@
+import { createLogger } from '@open-pioneer/core';
+
+const LOG = createLogger("selection:SelectionController");
+const DEFAULT_MAX_RESULTS = 1e4;
+class SelectionController {
+  #mapModel;
+  /**
+   * Limits the number of results.
+   */
+  #maxResults;
+  /**
+   * Called whenever an error happens.
+   */
+  #onError;
+  constructor(options) {
+    const { mapModel, onError, maxResults = DEFAULT_MAX_RESULTS } = options;
+    this.#mapModel = mapModel;
+    this.#maxResults = maxResults;
+    this.#onError = onError;
+  }
+  destroy() {
+  }
+  async select(source, extent) {
+    if (!extent) {
+      return void 0;
+    }
+    return await this.#selectFromSource(source, extent);
+  }
+  async #selectFromSource(source, extent) {
+    const projection = this.#mapModel.olMap.getView().getProjection();
+    try {
+      LOG.debug(`Starting selection on source '${source.label}'`);
+      const maxResults = this.#maxResults;
+      let results = await source.select(
+        { type: "extent", extent },
+        {
+          maxResults,
+          mapProjection: projection,
+          signal: new AbortController().signal
+          // currently not used
+        }
+      );
+      if (results.length > maxResults) {
+        results = results.slice(0, maxResults);
+      }
+      LOG.debug(`Found ${results.length} results on source '${source.label}'`);
+      return { source, results };
+    } catch (e) {
+      LOG.error(`selection from source ${source.label} failed`, e);
+      this.#onError();
+      return void 0;
+    }
+  }
+}
+
+export { SelectionController };
+//# sourceMappingURL=SelectionController.js.map

package/SelectionController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionController.js","sources":["SelectionController.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { createLogger } from \"@open-pioneer/core\";\nimport type { SelectionSource, SelectionResult } from \"./api\";\nimport { MapModel } from \"@open-pioneer/map\";\nimport { Extent } from \"ol/extent\";\n\nconst LOG = createLogger(\"selection:SelectionController\");\n\n/**\n * All results returned from one source.\n */\nexport interface SelectionSourceResults {\n    source: SelectionSource;\n    results: SelectionResult[];\n}\n\nconst DEFAULT_MAX_RESULTS = 10000;\n\nexport class SelectionController {\n    #mapModel: MapModel;\n\n    /**\n     * Limits the number of results.\n     */\n    readonly #maxResults: number;\n\n    /**\n     * Called whenever an error happens.\n     */\n    readonly #onError: () => void;\n\n    constructor(options: { mapModel: MapModel; onError: () => void; maxResults?: number }) {\n        const { mapModel, onError, maxResults = DEFAULT_MAX_RESULTS } = options;\n        this.#mapModel = mapModel;\n        this.#maxResults = maxResults;\n        this.#onError = onError;\n    }\n\n    destroy() {}\n\n    async select(\n        source: SelectionSource,\n        extent: Extent\n    ): Promise<SelectionSourceResults | undefined> {\n        if (!extent) {\n            return undefined;\n        }\n\n        return await this.#selectFromSource(source, extent);\n    }\n\n    async #selectFromSource(\n        source: SelectionSource,\n        extent: Extent\n    ): Promise<SelectionSourceResults | undefined> {\n        const projection = this.#mapModel.olMap.getView().getProjection();\n        try {\n            LOG.debug(`Starting selection on source '${source.label}'`);\n\n            const maxResults = this.#maxResults;\n            let results = await source.select(\n                { type: \"extent\", extent },\n                {\n                    maxResults,\n                    mapProjection: projection,\n                    signal: new AbortController().signal // currently not used\n                }\n            );\n            if (results.length > maxResults) {\n                results = results.slice(0, maxResults);\n            }\n\n            LOG.debug(`Found ${results.length} results on source '${source.label}'`);\n            return { source: source, results: results };\n        } catch (e) {\n            LOG.error(`selection from source ${source.label} failed`, e);\n            this.#onError();\n            return undefined;\n        }\n    }\n}\n"],"names":[],"mappings":";;AAOA,MAAM,GAAA,GAAM,aAAa,+BAA+B,CAAA,CAAA;AAUxD,MAAM,mBAAsB,GAAA,GAAA,CAAA;AAErB,MAAM,mBAAoB,CAAA;AAAA,EAC7B,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAKS,WAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAKA,QAAA,CAAA;AAAA,EAET,YAAY,OAA2E,EAAA;AACnF,IAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,UAAA,GAAa,qBAAwB,GAAA,OAAA,CAAA;AAChE,IAAA,IAAA,CAAK,SAAY,GAAA,QAAA,CAAA;AACjB,IAAA,IAAA,CAAK,WAAc,GAAA,UAAA,CAAA;AACnB,IAAA,IAAA,CAAK,QAAW,GAAA,OAAA,CAAA;AAAA,GACpB;AAAA,EAEA,OAAU,GAAA;AAAA,GAAC;AAAA,EAEX,MAAM,MACF,CAAA,MAAA,EACA,MAC2C,EAAA;AAC3C,IAAA,IAAI,CAAC,MAAQ,EAAA;AACT,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KACX;AAEA,IAAA,OAAO,MAAM,IAAA,CAAK,iBAAkB,CAAA,MAAA,EAAQ,MAAM,CAAA,CAAA;AAAA,GACtD;AAAA,EAEA,MAAM,iBACF,CAAA,MAAA,EACA,MAC2C,EAAA;AAC3C,IAAA,MAAM,aAAa,IAAK,CAAA,SAAA,CAAU,KAAM,CAAA,OAAA,GAAU,aAAc,EAAA,CAAA;AAChE,IAAI,IAAA;AACA,MAAA,GAAA,CAAI,KAAM,CAAA,CAAA,8BAAA,EAAiC,MAAO,CAAA,KAAK,CAAG,CAAA,CAAA,CAAA,CAAA;AAE1D,MAAA,MAAM,aAAa,IAAK,CAAA,WAAA,CAAA;AACxB,MAAI,IAAA,OAAA,GAAU,MAAM,MAAO,CAAA,MAAA;AAAA,QACvB,EAAE,IAAM,EAAA,QAAA,EAAU,MAAO,EAAA;AAAA,QACzB;AAAA,UACI,UAAA;AAAA,UACA,aAAe,EAAA,UAAA;AAAA,UACf,MAAA,EAAQ,IAAI,eAAA,EAAkB,CAAA,MAAA;AAAA;AAAA,SAClC;AAAA,OACJ,CAAA;AACA,MAAI,IAAA,OAAA,CAAQ,SAAS,UAAY,EAAA;AAC7B,QAAU,OAAA,GAAA,OAAA,CAAQ,KAAM,CAAA,CAAA,EAAG,UAAU,CAAA,CAAA;AAAA,OACzC;AAEA,MAAA,GAAA,CAAI,MAAM,CAAS,MAAA,EAAA,OAAA,CAAQ,MAAM,CAAuB,oBAAA,EAAA,MAAA,CAAO,KAAK,CAAG,CAAA,CAAA,CAAA,CAAA;AACvE,MAAO,OAAA,EAAE,QAAgB,OAAiB,EAAA,CAAA;AAAA,aACrC,CAAG,EAAA;AACR,MAAA,GAAA,CAAI,KAAM,CAAA,CAAA,sBAAA,EAAyB,MAAO,CAAA,KAAK,WAAW,CAAC,CAAA,CAAA;AAC3D,MAAA,IAAA,CAAK,QAAS,EAAA,CAAA;AACd,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KACX;AAAA,GACJ;AACJ;;;;"}

package/_virtual/_virtual-pioneer-module_react-hooks.js

@@ -0,0 +1,8 @@
+import { useServiceInternal, useIntlInternal } from '@open-pioneer/runtime/react-integration';
+
+const PACKAGE_NAME = "@open-pioneer/selection";
+const useService = /*@__PURE__*/ useServiceInternal.bind(undefined, PACKAGE_NAME);
+const useIntl = /*@__PURE__*/ useIntlInternal.bind(undefined, PACKAGE_NAME);
+
+export { useIntl, useService };
+//# sourceMappingURL=_virtual-pioneer-module_react-hooks.js.map

package/_virtual/_virtual-pioneer-module_react-hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_virtual-pioneer-module_react-hooks.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/api.d.ts

@@ -0,0 +1,134 @@
+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 { BaseFeature } from "@open-pioneer/map/api/BaseFeature";
+import { DeclaredService } from "@open-pioneer/runtime";
+import VectorLayer from "ol/layer/Vector";
+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;
+export type SelectionSourceStatusObject = {
+    kind: "available";
+} | {
+    kind: "unavailable";
+    /**
+     * If the status of this source is unavailable, the reason for this can be stored here.
+     *
+     * This will be displayed by the user interface.
+     *
+     * If it is not defined, a default message will be displayed instead.
+     */
+    reason?: string;
+};
+/**
+ * Represents a result returned by a spatial selection.
+ */
+export interface SelectionResult extends BaseFeature {
+    /**
+     * Geometry of the selection result.
+     * One should also specify the {@link projection}.
+     */
+    geometry: Geometry;
+}
+/** Options passed to a {@link SelectionSource} when triggering a select. */
+export interface SelectionOptions {
+    /**
+     * The maximum number of selection results to request.
+     * The selection component currently only supports a certain amount of results (indicated by this value).
+     * If a source results more than `maxResults` results, additional results will be ignored.
+     */
+    maxResults: number;
+    /**
+     * The current projection of the map.
+     * Useful to return the selection result's geometry in the suitable projection, should they differ.
+     */
+    mapProjection: Projection;
+    /**
+     * The signal can be used to detect cancellation.
+     *
+     * You can pass this signal to builtin functions like `fetch` that automatically
+     * support cancellation.
+     */
+    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.
+ */
+export interface ExtentSelection {
+    type: "extent";
+    extent: Extent;
+}
+/**
+ * The selection made by the user.
+ *
+ * This is currently always `type: "extent"`, but additional selection kinds
+ * may be added in the future.
+ *
+ * Selection sources should check the `type` and throw an error for unsupported
+ * selection kinds in order to remain forwards compatible.
+ */
+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> {
+    /**
+     * The label of this source.
+     *
+     * This will be displayed by the user interface during selection source selection.
+     */
+    readonly label: string;
+    /**
+     * The optional status of this source. If there is no status defined, it is assumed that the
+     * source is always available.
+     *
+     * This will be displayed by the user interface.
+     */
+    readonly status?: SelectionSourceStatus;
+    /**
+     * Performs a selection and returns a list of selection results.
+     *
+     * Implementations should return the results ordered by priority (best match first), if possible.
+     *
+     * @param selectionKind The geometry with which to perform the spatial selection. Currently only
+     * an extent is supported.
+     * @param options see interface documentation {@link SelectionOptions}
+     */
+    select(selectionKind: SelectionKind, options: SelectionOptions): Promise<SelectionResult[]>;
+}
+export interface VectorLayerSelectionSourceOptions {
+    vectorLayer: VectorLayer<VectorSource>;
+    label: string;
+}
+export interface VectorLayerSelectionSource extends Required<SelectionSource>, Resource {
+}
+/**
+ * A factory that creates {@link VectorLayerSelectionSource | selection sources} to be used on an
+ * OpenLayers VectorLayer with an OpenLayers VectorSource (e.g. layer of the map).
+ *
+ * Use the interface name `"selection.VectorSelectionSourceFactory"` to obtain an instance of this factory.
+ */
+export interface VectorLayerSelectionSourceFactory extends DeclaredService<"selection.VectorSelectionSourceFactory"> {
+    /**
+     * Returns a new {@link VectorLayerSelectionSourceImpl} that operates on the given OpenLayers VectorLayer.
+     */
+    createSelectionSource(options: VectorLayerSelectionSourceOptions): VectorLayerSelectionSource;
+}

package/i18n/de.yaml

@@ -0,0 +1,13 @@
+messages:
+  selectMethod: "Methode auswählen"
+  EXTENT: "Rechteck"
+  POLYGON: "Polygon"
+  FREEPOLYGON: "Freies Zeichnen"
+  CIRCLE: "Kreis"
+  selectSource: "Quelle auswählen"
+  tooltip: "Klicken Sie in die Karte, halten Sie die Maustaste gedrückt und ziehen Sie ein Rechteck auf"
+  disabledTooltip: "Die aktuelle Suchquelle ist nicht verfügbar."
+  sourceNotAvailable: "Quelle nicht verfügbar"
+  selectionFailed: "Die räumliche Auswahl ist fehlgeschlagen"
+  selectionPlaceholder: "Keine Quelle ausgewählt"
+  layerNotVisibleReason: "Zugehöriger Layer ist nicht sichtbar."

package/i18n/en.yaml

@@ -0,0 +1,13 @@
+messages:
+  selectMethod: Select method
+  EXTENT: "Rechteck"
+  POLYGON: "Polygon"
+  FREEPOLYGON: "Freies Zeichnen"
+  CIRCLE: "Kreis"
+  selectSource: "Select source"
+  tooltip: "Click on the map, hold down the mouse button and draw a rectangle"
+  disabledTooltip: "The current search source is not available"
+  sourceNotAvailable: "Source not available"
+  selectionFailed: "Spatial selection failed"
+  selectionPlaceholder: "No source selected"
+  layerNotVisibleReason: "Matching layer is not visible."

package/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./api";
+export { Selection, type SelectionProps, type SelectionCompleteEvent, type SelectionSourceChangedEvent } from "./Selection";

package/index.js

@@ -0,0 +1,2 @@
+export { Selection } from './Selection.js';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}