@open-pioneer/selection 1.3.0-dev.20260207195315 → 1.3.0-dev.20260211111005

package/CHANGELOG.md

@@ -1,13 +1,20 @@
 # @open-pioneer/selection
 
-## 1.3.0-dev.20260207195315
+## 1.3.0-dev.20260211111005
+
+### Minor Changes
+
+- 9b5d5f3: Support for new common container props (role, aria-_, data-_ and css)
+- d54ccfd: Update to Chakra UI 3.32.0
 
 ### Patch Changes
 
+- Updated dependencies [9b5d5f3]
 - Updated dependencies [2ceb1ca]
+- Updated dependencies [d54ccfd]
 - Updated dependencies [4bcc8ce]
 - Updated dependencies [2ceb1ca]
-    - @open-pioneer/map@1.3.0-dev.20260207195315
+    - @open-pioneer/map@1.3.0-dev.20260211111005
 
 ## 1.2.0
 

package/Selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"Selection.js","sources":["Selection.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport {\n    Box,\n    chakra,\n    createListCollection,\n    Flex,\n    Icon,\n    Portal,\n    Select,\n    VStack\n} from \"@chakra-ui/react\";\nimport { Tooltip } from \"@open-pioneer/chakra-snippets/tooltip\";\nimport { MapModel, MapModelProps, useMapModelValue } from \"@open-pioneer/map\";\nimport { NotificationService } from \"@open-pioneer/notifier\";\nimport { CommonComponentProps, useCommonComponentProps, useEvent } from \"@open-pioneer/react-utils\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\nimport { Geometry } from \"ol/geom\";\nimport { useIntl, useService } from \"open-pioneer:react-hooks\";\nimport { FC, useCallback, useEffect, useRef, useState } from \"react\";\nimport { LuTriangleAlert } from \"react-icons/lu\";\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 * 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\n    const [currentSource, setCurrentSource] = useCurrentSelectionSource(\n        sources,\n        onSelectionSourceChanged\n    );\n\n    const currentSourceStatus = useSourceStatus(currentSource);\n\n    const map = useMapModelValue(props);\n    const { onExtentSelected } = useSelectionController(\n        map,\n        sources,\n        currentSource,\n        onSelectionComplete\n    );\n\n    const isActive = currentSourceStatus.kind === \"available\";\n    const hasSelectedSource = !!currentSource;\n\n    const dragController = useDragSelection(\n        map,\n        intl,\n        onExtentSelected,\n        isActive,\n        hasSelectedSource\n    );\n    const dragTooltip = useReactiveSnapshot(() => dragController?.tooltipText, [dragController]);\n\n    const getId = useSelectionSourceId();\n\n    const sourceOptionsCollection = createListCollection({\n        items: sources,\n        isItemDisabled: () => {\n            return false;\n        },\n        itemToString: (item) => item.label,\n        itemToValue: (item) => getId(item)\n    });\n\n    let triggerItem;\n    if (currentSource) {\n        triggerItem = <SelectionSourceItem source={currentSource} />;\n    } else {\n        triggerItem = null;\n    }\n\n    return (\n        <VStack {...containerProps} gap={2}>\n            <Select.Root\n                className=\"selection-source\"\n                collection={sourceOptionsCollection}\n                value={currentSource ? [getId(currentSource)] : undefined}\n                onValueChange={(option) => option && setCurrentSource(option.items[0])}\n                lazyMount={true}\n                unmountOnExit={true}\n            >\n                <Select.Label>{intl.formatMessage({ id: \"selectSource\" })}</Select.Label>\n\n                <Select.Control>\n                    <Select.Trigger aria-description={dragTooltip}>\n                        <Select.ValueText\n                            placeholder={intl.formatMessage({ id: \"selectionPlaceholder\" })}\n                        >\n                            {triggerItem}\n                        </Select.ValueText>\n                    </Select.Trigger>\n                    <Select.IndicatorGroup>\n                        <Select.Indicator />\n                    </Select.IndicatorGroup>\n                </Select.Control>\n\n                <Portal>\n                    <Select.Positioner>\n                        <Select.Content className=\"selection-source-options\">\n                            {sourceOptionsCollection.items.map((item) => (\n                                <SelectionSourceItemContent item={item} key={getId(item)} />\n                            ))}\n                        </Select.Content>\n                    </Select.Positioner>\n                </Portal>\n            </Select.Root>\n        </VStack>\n    );\n};\n\ntype GetSelectionSourceId = (selectionSource: SelectionSource) => string;\n\n/**\n * Assigns unique IDs to selection sources.\n */\nfunction useSelectionSourceId(): GetSelectionSourceId {\n    const sourceIds = useRef<WeakMap<SelectionSource, string>>(undefined);\n    const counter = useRef(0);\n    if (!sourceIds.current) {\n        sourceIds.current = new WeakMap();\n    }\n\n    return useCallback((selectionSource: SelectionSource) => {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const ids = sourceIds.current!;\n        if (!ids.has(selectionSource)) {\n            ids.set(selectionSource, `source-${counter.current++}`);\n        }\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        return ids.get(selectionSource)!;\n    }, []);\n}\n\nfunction SelectionSourceItemContent(props: { item: SelectionSource }) {\n    const { item } = props;\n\n    const isDisabled = useSourceStatus(item).kind === \"unavailable\";\n\n    return (\n        <Select.Item\n            className=\"selection-source-option\"\n            item={item}\n            justifyContent=\"flex-start\"\n            // Override pointer-events: none rule for disabled items; we want to show the tooltip on hover\n            pointerEvents=\"auto\"\n            aria-disabled={isDisabled ? \"true\" : undefined}\n        >\n            <SelectionSourceItem source={item} />\n        </Select.Item>\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 SelectionSourceItem(props: { source: SelectionSource | undefined }) {\n    const source = props.source;\n    const label: string | undefined = source?.label;\n    const status = useSourceStatus(source);\n    const isAvailable = status.kind === \"available\";\n    const clazz = isAvailable\n        ? \"selection-source-value\"\n        : \"selection-source-value selection-source-value--disabled\";\n\n    return (\n        <Flex className={clazz} direction=\"row\" alignItems=\"center\" grow={1}>\n            {label}\n            {status.kind === \"unavailable\" && (\n                <Box ml={2}>\n                    <Tooltip\n                        content={status.reason}\n                        positioning={{ placement: \"right\" }}\n                        openDelay={500}\n                    >\n                        <chakra.span>\n                            <Icon\n                                color=\"red\"\n                                className=\"warning-icon\"\n                                aria-label={status.reason}\n                                aria-hidden={undefined} // Overwrite icon default so the label gets read\n                            >\n                                <LuTriangleAlert />\n                            </Icon>\n                        </chakra.span>\n                    </Tooltip>\n                </Box>\n            )}\n        </Flex>\n    );\n}\n\n/**\n * Hook to manage selection controller\n */\nfunction useSelectionController(\n    mapModel: MapModel,\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        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 defaultNotAvailableMessage = intl.formatMessage({ id: \"sourceNotAvailable\" });\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,\n    intl: PackageIntl,\n    onExtentSelected: (geometry: Geometry) => void,\n    isActive: boolean,\n    hasSelectedSource: boolean\n): DragController | undefined {\n    const [controller, setController] = useState<DragController | undefined>();\n    useEffect(() => {\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        setController(dragController);\n        return () => {\n            setController(undefined);\n            dragController.destroy();\n        };\n    }, [map, intl, onExtentSelected, isActive, hasSelectedSource]);\n    return controller;\n}\n"],"names":["controller"],"mappings":";;;;;;;;;;;;AA+DO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,EAAE,OAAA,EAAS,mBAAA,EAAqB,wBAAA,EAAyB,GAAI,KAAA;AACnE,EAAA,MAAM,EAAE,cAAA,EAAe,GAAI,uBAAA,CAAwB,aAAa,KAAK,CAAA;AAErE,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,yBAAA;AAAA,IACtC,OAAA;AAAA,IACA;AAAA,GACJ;AAEA,EAAA,MAAM,mBAAA,GAAsB,gBAAgB,aAAa,CAAA;AAEzD,EAAA,MAAM,GAAA,GAAM,iBAAiB,KAAK,CAAA;AAClC,EAAA,MAAM,EAAE,kBAAiB,GAAI,sBAAA;AAAA,IACzB,GAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACJ;AAEA,EAAA,MAAM,QAAA,GAAW,oBAAoB,IAAA,KAAS,WAAA;AAC9C,EAAA,MAAM,iBAAA,GAAoB,CAAC,CAAC,aAAA;AAE5B,EAAA,MAAM,cAAA,GAAiB,gBAAA;AAAA,IACnB,GAAA;AAAA,IACA,IAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACJ;AACA,EAAA,MAAM,cAAc,mBAAA,CAAoB,MAAM,gBAAgB,WAAA,EAAa,CAAC,cAAc,CAAC,CAAA;AAE3F,EAAA,MAAM,QAAQ,oBAAA,EAAqB;AAEnC,EAAA,MAAM,0BAA0B,oBAAA,CAAqB;AAAA,IACjD,KAAA,EAAO,OAAA;AAAA,IACP,gBAAgB,MAAM;AAClB,MAAA,OAAO,KAAA;AAAA,IACX,CAAA;AAAA,IACA,YAAA,EAAc,CAAC,IAAA,KAAS,IAAA,CAAK,KAAA;AAAA,IAC7B,WAAA,EAAa,CAAC,IAAA,KAAS,KAAA,CAAM,IAAI;AAAA,GACpC,CAAA;AAED,EAAA,IAAI,WAAA;AACJ,EAAA,IAAI,aAAA,EAAe;AACf,IAAA,WAAA,mBAAc,GAAA,CAAC,mBAAA,EAAA,EAAoB,MAAA,EAAQ,aAAA,EAAe,CAAA;AAAA,EAC9D,CAAA,MAAO;AACH,IAAA,WAAA,GAAc,IAAA;AAAA,EAClB;AAEA,EAAA,uBACI,GAAA,CAAC,MAAA,EAAA,EAAQ,GAAG,cAAA,EAAgB,KAAK,CAAA,EAC7B,QAAA,kBAAA,IAAA;AAAA,IAAC,MAAA,CAAO,IAAA;AAAA,IAAP;AAAA,MACG,SAAA,EAAU,kBAAA;AAAA,MACV,UAAA,EAAY,uBAAA;AAAA,MACZ,OAAO,aAAA,GAAgB,CAAC,KAAA,CAAM,aAAa,CAAC,CAAA,GAAI,MAAA;AAAA,MAChD,aAAA,EAAe,CAAC,MAAA,KAAW,MAAA,IAAU,iBAAiB,MAAA,CAAO,KAAA,CAAM,CAAC,CAAC,CAAA;AAAA,MACrE,SAAA,EAAW,IAAA;AAAA,MACX,aAAA,EAAe,IAAA;AAAA,MAEf,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,CAAO,OAAP,EAAc,QAAA,EAAA,IAAA,CAAK,cAAc,EAAE,EAAA,EAAI,cAAA,EAAgB,CAAA,EAAE,CAAA;AAAA,wBAE1D,IAAA,CAAC,MAAA,CAAO,OAAA,EAAP,EACG,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,CAAO,OAAA,EAAP,EAAe,kBAAA,EAAkB,WAAA,EAC9B,QAAA,kBAAA,GAAA;AAAA,YAAC,MAAA,CAAO,SAAA;AAAA,YAAP;AAAA,cACG,aAAa,IAAA,CAAK,aAAA,CAAc,EAAE,EAAA,EAAI,wBAAwB,CAAA;AAAA,cAE7D,QAAA,EAAA;AAAA;AAAA,WACL,EACJ,CAAA;AAAA,0BACA,GAAA,CAAC,OAAO,cAAA,EAAP,EACG,8BAAC,MAAA,CAAO,SAAA,EAAP,EAAiB,CAAA,EACtB;AAAA,SAAA,EACJ,CAAA;AAAA,wBAEA,GAAA,CAAC,MAAA,EAAA,EACG,QAAA,kBAAA,GAAA,CAAC,MAAA,CAAO,UAAA,EAAP,EACG,QAAA,kBAAA,GAAA,CAAC,MAAA,CAAO,OAAA,EAAP,EAAe,SAAA,EAAU,0BAAA,EACrB,QAAA,EAAA,uBAAA,CAAwB,MAAM,GAAA,CAAI,CAAC,IAAA,qBAChC,GAAA,CAAC,0BAAA,EAAA,EAA2B,IAAA,EAAA,EAAiB,KAAA,CAAM,IAAI,CAAG,CAC7D,CAAA,EACL,CAAA,EACJ,CAAA,EACJ;AAAA;AAAA;AAAA,GACJ,EACJ,CAAA;AAER;AAOA,SAAS,oBAAA,GAA6C;AAClD,EAAA,MAAM,SAAA,GAAY,OAAyC,MAAS,CAAA;AACpE,EAAA,MAAM,OAAA,GAAU,OAAO,CAAC,CAAA;AACxB,EAAA,IAAI,CAAC,UAAU,OAAA,EAAS;AACpB,IAAA,SAAA,CAAU,OAAA,uBAAc,OAAA,EAAQ;AAAA,EACpC;AAEA,EAAA,OAAO,WAAA,CAAY,CAAC,eAAA,KAAqC;AAErD,IAAA,MAAM,MAAM,SAAA,CAAU,OAAA;AACtB,IAAA,IAAI,CAAC,GAAA,CAAI,GAAA,CAAI,eAAe,CAAA,EAAG;AAC3B,MAAA,GAAA,CAAI,GAAA,CAAI,eAAA,EAAiB,CAAA,OAAA,EAAU,OAAA,CAAQ,SAAS,CAAA,CAAE,CAAA;AAAA,IAC1D;AAEA,IAAA,OAAO,GAAA,CAAI,IAAI,eAAe,CAAA;AAAA,EAClC,CAAA,EAAG,EAAE,CAAA;AACT;AAEA,SAAS,2BAA2B,KAAA,EAAkC;AAClE,EAAA,MAAM,EAAE,MAAK,GAAI,KAAA;AAEjB,EAAA,MAAM,UAAA,GAAa,eAAA,CAAgB,IAAI,CAAA,CAAE,IAAA,KAAS,aAAA;AAElD,EAAA,uBACI,GAAA;AAAA,IAAC,MAAA,CAAO,IAAA;AAAA,IAAP;AAAA,MACG,SAAA,EAAU,yBAAA;AAAA,MACV,IAAA;AAAA,MACA,cAAA,EAAe,YAAA;AAAA,MAEf,aAAA,EAAc,MAAA;AAAA,MACd,eAAA,EAAe,aAAa,MAAA,GAAS,MAAA;AAAA,MAErC,QAAA,kBAAA,GAAA,CAAC,mBAAA,EAAA,EAAoB,MAAA,EAAQ,IAAA,EAAM;AAAA;AAAA,GACvC;AAER;AAEA,SAAS,yBAAA,CACL,SACA,eAAA,EAC4E;AAC5E,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA;AAAA,IACtC,MAAM,QAAQ,CAAC;AAAA,GACnB;AAGA,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,aAAA,IAAiB,CAAC,OAAA,CAAQ,QAAA,CAAS,aAAa,CAAA,EAAG;AACnD,MAAA,gBAAA,CAAiB,MAAS,CAAA;AAAA,IAC9B;AAAA,EACJ,CAAA,EAAG,CAAC,OAAA,EAAS,aAAa,CAAC,CAAA;AAG3B,EAAA,MAAM,kBAAA,GAAqB,OAAoC,MAAS,CAAA;AACxE,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,aAAA,KAAkB,mBAAmB,OAAA,EAAS;AAC9C,MAAA,kBAAA,CAAmB,OAAA,GAAU,aAAA;AAC7B,MAAA,eAAA,GAAkB,EAAE,MAAA,EAAQ,aAAA,EAAe,CAAA;AAAA,IAC/C;AAAA,EACJ,CAAA,EAAG,CAAC,aAAA,EAAe,eAAe,CAAC,CAAA;AACnC,EAAA,OAAO,CAAC,eAAe,gBAAgB,CAAA;AAC3C;AAKA,SAAS,oBAAoB,KAAA,EAAgD;AACzE,EAAA,MAAM,SAAS,KAAA,CAAM,MAAA;AACrB,EAAA,MAAM,QAA4B,MAAA,EAAQ,KAAA;AAC1C,EAAA,MAAM,MAAA,GAAS,gBAAgB,MAAM,CAAA;AACrC,EAAA,MAAM,WAAA,GAAc,OAAO,IAAA,KAAS,WAAA;AACpC,EAAA,MAAM,KAAA,GAAQ,cACR,wBAAA,GACA,yDAAA;AAEN,EAAA,uBACI,IAAA,CAAC,QAAK,SAAA,EAAW,KAAA,EAAO,WAAU,KAAA,EAAM,UAAA,EAAW,QAAA,EAAS,IAAA,EAAM,CAAA,EAC7D,QAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,OAAO,IAAA,KAAS,aAAA,oBACb,GAAA,CAAC,GAAA,EAAA,EAAI,IAAI,CAAA,EACL,QAAA,kBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACG,SAAS,MAAA,CAAO,MAAA;AAAA,QAChB,WAAA,EAAa,EAAE,SAAA,EAAW,OAAA,EAAQ;AAAA,QAClC,SAAA,EAAW,GAAA;AAAA,QAEX,QAAA,kBAAA,GAAA,CAAC,MAAA,CAAO,IAAA,EAAP,EACG,QAAA,kBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACG,KAAA,EAAM,KAAA;AAAA,YACN,SAAA,EAAU,cAAA;AAAA,YACV,cAAY,MAAA,CAAO,MAAA;AAAA,YACnB,aAAA,EAAa,MAAA;AAAA,YAEb,8BAAC,eAAA,EAAA,EAAgB;AAAA;AAAA,SACrB,EACJ;AAAA;AAAA,KACJ,EACJ;AAAA,GAAA,EAER,CAAA;AAER;AAKA,SAAS,sBAAA,CACL,QAAA,EACA,OAAA,EACA,aAAA,EACA,mBAAA,EACF;AACE,EAAA,MAAM,QAAA,GAAW,WAAgC,8BAA8B,CAAA;AAC/E,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAA0C,MAAS,CAAA;AACvF,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,MAAMA,WAAAA,GAAa,IAAI,mBAAA,CAAoB;AAAA,MACvC,QAAA;AAAA,MACA,OAAA,GAAU;AACN,QAAA,QAAA,CAAS,MAAA,CAAO;AAAA,UACZ,KAAA,EAAO,OAAA;AAAA,UACP,SAAS,IAAA,CAAK,aAAA,CAAc,EAAE,EAAA,EAAI,mBAAmB;AAAA,SACxD,CAAA;AAAA,MACL;AAAA,KACH,CAAA;AACD,IAAA,aAAA,CAAcA,WAAU,CAAA;AACxB,IAAA,OAAO,MAAM;AACT,MAAAA,YAAW,OAAA,EAAQ;AAAA,IACvB,CAAA;AAAA,EACJ,GAAG,CAAC,QAAA,EAAU,QAAA,EAAU,OAAA,EAAS,IAAI,CAAC,CAAA;AAEtC,EAAA,MAAM,gBAAA,GAAmB,QAAA,CAAS,OAAO,QAAA,KAAuB;AAC5D,IAAA,IAAI,CAAC,UAAA,IAAc,CAAC,aAAA,EAAe;AAC/B,MAAA;AAAA,IACJ;AAEA,IAAA,MAAM,kBAAkB,MAAM,UAAA,CAAW,OAAO,aAAA,EAAe,QAAA,CAAS,WAAW,CAAA;AACnF,IAAA,IAAI,CAAC,eAAA,EAAiB;AAClB,MAAA;AAAA,IACJ;AAEA,IAAA,mBAAA,GAAsB,eAAe,CAAA;AAAA,EACzC,CAAC,CAAA;AACD,EAAA,OAAO;AAAA,IACH,UAAA;AAAA,IACA;AAAA,GACJ;AACJ;AAWA,SAAS,eAAA,CAAgB,QAAyB,wBAAA,EAAgD;AAC9F,EAAA,MAAM,UAAA,GAAa,OAAO,MAAA,IAAU,WAAA;AACpC,EAAA,MAAM,UACF,OAAO,UAAA,KAAe,WAAW,EAAE,IAAA,EAAM,YAAW,GAAI,UAAA;AAC5D,EAAA,IAAI,OAAA,CAAQ,SAAS,WAAA,EAAa;AAC9B,IAAA,OAAO,OAAA;AAAA,EACX;AAEA,EAAA,OAAO;AAAA,IACH,IAAA,EAAM,aAAA;AAAA,IACN,MAAA,EAAQ,QAAQ,MAAA,IAAU;AAAA,GAC9B;AACJ;AAKA,SAAS,gBAAgB,MAAA,EAAmD;AACxE,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,6BAA6B,IAAA,CAAK,aAAA,CAAc,EAAE,EAAA,EAAI,sBAAsB,CAAA;AAClF,EAAA,MAAM,YAAA,GAAe,oBAAoB,MAAoB;AACzD,IAAA,IAAI,CAAC,MAAA,EAAQ;AACT,MAAA,OAAO,EAAE,IAAA,EAAM,aAAA,EAAe,MAAA,EAAQ,0BAAA,EAA2B;AAAA,IACrE;AACA,IAAA,OAAO,eAAA,CAAgB,QAAQ,0BAA0B,CAAA;AAAA,EAC7D,CAAA,EAAG,CAAC,MAAA,EAAQ,0BAA0B,CAAC,CAAA;AACvC,EAAA,OAAO,YAAA;AACX;AAKA,SAAS,gBAAA,CACL,GAAA,EACA,IAAA,EACA,gBAAA,EACA,UACA,iBAAA,EAC0B;AAC1B,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,QAAA,EAAqC;AACzE,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,MAAM,eAAA,GAAkB,iBAAA,GAClB,IAAA,CAAK,aAAA,CAAc,EAAE,EAAA,EAAI,iBAAA,EAAmB,CAAA,GAC5C,IAAA,CAAK,aAAA,CAAc,EAAE,EAAA,EAAI,mBAAmB,CAAA;AAElD,IAAA,MAAM,iBAAiB,IAAI,cAAA;AAAA,MACvB,GAAA,CAAI,KAAA;AAAA,MACJ,IAAA,CAAK,aAAA,CAAc,EAAE,EAAA,EAAI,WAAW,CAAA;AAAA,MACpC,eAAA;AAAA,MACA;AAAA,KACJ;AAEA,IAAA,cAAA,CAAe,UAAU,QAAQ,CAAA;AACjC,IAAA,aAAA,CAAc,cAAc,CAAA;AAC5B,IAAA,OAAO,MAAM;AACT,MAAA,aAAA,CAAc,MAAS,CAAA;AACvB,MAAA,cAAA,CAAe,OAAA,EAAQ;AAAA,IAC3B,CAAA;AAAA,EACJ,GAAG,CAAC,GAAA,EAAK,MAAM,gBAAA,EAAkB,QAAA,EAAU,iBAAiB,CAAC,CAAA;AAC7D,EAAA,OAAO,UAAA;AACX;;;;"}
+{"version":3,"file":"Selection.js","sources":["Selection.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport {\n    Box,\n    chakra,\n    createListCollection,\n    Flex,\n    Icon,\n    Portal,\n    Select,\n    VStack\n} from \"@chakra-ui/react\";\nimport { Tooltip } from \"@open-pioneer/chakra-snippets/tooltip\";\nimport { MapModel, MapModelProps, useMapModelValue } from \"@open-pioneer/map\";\nimport { NotificationService } from \"@open-pioneer/notifier\";\nimport { CommonComponentProps, useCommonComponentProps, useEvent } from \"@open-pioneer/react-utils\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\nimport { Geometry } from \"ol/geom\";\nimport { useIntl, useService } from \"open-pioneer:react-hooks\";\nimport { FC, useCallback, useEffect, useRef, useState } from \"react\";\nimport { LuTriangleAlert } from \"react-icons/lu\";\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 * 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\n    const [currentSource, setCurrentSource] = useCurrentSelectionSource(\n        sources,\n        onSelectionSourceChanged\n    );\n\n    const currentSourceStatus = useSourceStatus(currentSource);\n\n    const map = useMapModelValue(props);\n    const { onExtentSelected } = useSelectionController(\n        map,\n        sources,\n        currentSource,\n        onSelectionComplete\n    );\n\n    const isActive = currentSourceStatus.kind === \"available\";\n    const hasSelectedSource = !!currentSource;\n\n    const dragController = useDragSelection(\n        map,\n        intl,\n        onExtentSelected,\n        isActive,\n        hasSelectedSource\n    );\n    const dragTooltip = useReactiveSnapshot(() => dragController?.tooltipText, [dragController]);\n\n    const getId = useSelectionSourceId();\n\n    const sourceOptionsCollection = createListCollection({\n        items: sources,\n        isItemDisabled: () => {\n            return false;\n        },\n        itemToString: (item) => item.label,\n        itemToValue: (item) => getId(item)\n    });\n\n    let triggerItem;\n    if (currentSource) {\n        triggerItem = <SelectionSourceItem source={currentSource} />;\n    } else {\n        triggerItem = null;\n    }\n\n    return (\n        <VStack {...containerProps} gap={2}>\n            <Select.Root\n                className=\"selection-source\"\n                collection={sourceOptionsCollection}\n                value={currentSource ? [getId(currentSource)] : undefined}\n                onValueChange={(option) => option && setCurrentSource(option.items[0])}\n                lazyMount={true}\n                unmountOnExit={true}\n            >\n                <Select.Label>{intl.formatMessage({ id: \"selectSource\" })}</Select.Label>\n\n                <Select.Control>\n                    <Select.Trigger aria-description={dragTooltip}>\n                        <Select.ValueText\n                            placeholder={intl.formatMessage({ id: \"selectionPlaceholder\" })}\n                        >\n                            {triggerItem}\n                        </Select.ValueText>\n                    </Select.Trigger>\n                    <Select.IndicatorGroup>\n                        <Select.Indicator />\n                    </Select.IndicatorGroup>\n                </Select.Control>\n\n                <Portal>\n                    <Select.Positioner>\n                        <Select.Content className=\"selection-source-options\">\n                            {sourceOptionsCollection.items.map((item) => (\n                                <SelectionSourceItemContent item={item} key={getId(item)} />\n                            ))}\n                        </Select.Content>\n                    </Select.Positioner>\n                </Portal>\n            </Select.Root>\n        </VStack>\n    );\n};\n\ntype GetSelectionSourceId = (selectionSource: SelectionSource) => string;\n\n/**\n * Assigns unique IDs to selection sources.\n */\nfunction useSelectionSourceId(): GetSelectionSourceId {\n    const sourceIds = useRef<WeakMap<SelectionSource, string>>(undefined);\n    const counter = useRef(0);\n    if (!sourceIds.current) {\n        sourceIds.current = new WeakMap();\n    }\n\n    return useCallback((selectionSource: SelectionSource) => {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const ids = sourceIds.current!;\n        if (!ids.has(selectionSource)) {\n            ids.set(selectionSource, `source-${counter.current++}`);\n        }\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        return ids.get(selectionSource)!;\n    }, []);\n}\n\nfunction SelectionSourceItemContent(props: { item: SelectionSource }) {\n    const { item } = props;\n\n    const isDisabled = useSourceStatus(item).kind === \"unavailable\";\n\n    return (\n        <Select.Item\n            className=\"selection-source-option\"\n            item={item}\n            justifyContent=\"flex-start\"\n            // Override pointer-events: none rule for disabled items; we want to show the tooltip on hover\n            pointerEvents=\"auto\"\n            aria-disabled={isDisabled ? \"true\" : undefined}\n        >\n            <SelectionSourceItem source={item} />\n        </Select.Item>\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\nfunction SelectionSourceItem(props: { source: SelectionSource | undefined }) {\n    const source = props.source;\n    const label: string | undefined = source?.label;\n    const status = useSourceStatus(source);\n    const isAvailable = status.kind === \"available\";\n    const clazz = isAvailable\n        ? \"selection-source-value\"\n        : \"selection-source-value selection-source-value--disabled\";\n\n    return (\n        <Flex className={clazz} direction=\"row\" alignItems=\"center\" grow={1}>\n            {label}\n            {status.kind === \"unavailable\" && (\n                <Box ml={2}>\n                    <Tooltip\n                        content={status.reason}\n                        positioning={{ placement: \"right\" }}\n                        openDelay={500}\n                    >\n                        <chakra.span>\n                            <Icon\n                                color=\"red\"\n                                className=\"warning-icon\"\n                                aria-label={status.reason}\n                                aria-hidden={undefined} // Overwrite icon default so the label gets read\n                            >\n                                <LuTriangleAlert />\n                            </Icon>\n                        </chakra.span>\n                    </Tooltip>\n                </Box>\n            )}\n        </Flex>\n    );\n}\n\n/**\n * Hook to manage selection controller\n */\nfunction useSelectionController(\n    mapModel: MapModel,\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        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 defaultNotAvailableMessage = intl.formatMessage({ id: \"sourceNotAvailable\" });\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,\n    intl: PackageIntl,\n    onExtentSelected: (geometry: Geometry) => void,\n    isActive: boolean,\n    hasSelectedSource: boolean\n): DragController | undefined {\n    const [controller, setController] = useState<DragController | undefined>();\n    useEffect(() => {\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        setController(dragController);\n        return () => {\n            setController(undefined);\n            dragController.destroy();\n        };\n    }, [map, intl, onExtentSelected, isActive, hasSelectedSource]);\n    return controller;\n}\n"],"names":["controller"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/selection",
-  "version": "1.3.0-dev.20260207195315",
+  "version": "1.3.0-dev.20260211111005",
   "description": "This package provides a UI component to perform a selection on given selection sources from the map.",
   "keywords": [
     "open-pioneer-trails"
@@ -14,20 +14,20 @@
     "directory": "src/packages/selection"
   },
   "dependencies": {
-    "@chakra-ui/react": "^3.31.0",
-    "@open-pioneer/core": "^4.4.0",
-    "@open-pioneer/notifier": "^4.4.0",
-    "@open-pioneer/react-utils": "^4.4.0",
-    "@open-pioneer/runtime": "^4.4.0",
+    "@chakra-ui/react": "^3.32.0",
+    "@open-pioneer/core": "4.5.0-dev.20260211105402",
+    "@open-pioneer/notifier": "4.5.0-dev.20260211105402",
+    "@open-pioneer/react-utils": "4.5.0-dev.20260211105402",
+    "@open-pioneer/runtime": "4.5.0-dev.20260211105402",
     "classnames": "^2.5.1",
     "ol": "^10.7.0",
-    "react": "^19.2.3",
+    "react": "^19.2.4",
     "react-icons": "^5.5.0",
     "uuid": "^13.0.0",
     "@conterra/reactivity-core": "^0.8.1",
-    "@open-pioneer/reactivity": "^4.4.0",
-    "@open-pioneer/chakra-snippets": "^4.4.0",
-    "@open-pioneer/map": "1.3.0-dev.20260207195315"
+    "@open-pioneer/reactivity": "4.5.0-dev.20260211105402",
+    "@open-pioneer/chakra-snippets": "4.5.0-dev.20260211105402",
+    "@open-pioneer/map": "1.3.0-dev.20260211111005"
   },
   "exports": {
     "./package.json": "./package.json",

package/selection.css

@@ -17,10 +17,6 @@
     font-weight: bold;
 }
 
-.selection .react-select {
-    cursor: default;
-}
-
 .map-container .selection-active {
     cursor: crosshair;
 }

package/selection.css.map

@@ -1 +1 @@
-{"version":3,"sources":["selection.css"],"names":[],"mappings":"AAAA;IACI,qDAAqD;IACrD,8DAA8D;AAClE;;AAEA;IACI,kBAAkB;IAClB,oCAAoC;IACpC,kBAAkB;IAClB,YAAY;IACZ,gBAAgB;IAChB,UAAU;IACV,mBAAmB;IACnB,eAAe;IACf,eAAe;IACf,iBAAiB;IACjB,iBAAiB;AACrB;;AAEA;IACI,eAAe;AACnB;;AAEA;IACI,iBAAiB;AACrB;;AAEA;IACI,eAAe;AACnB;;AAEA;IACI,YAAY;AAChB;;AAEA;IACI,uBAAuB;AAC3B","file":"selection.css","sourcesContent":[".selection-drag-box {\n    background-color: rgba(255, 255, 255, 0.3) !important;\n    border: 3px solid var(--chakra-colors-trails-solid) !important;\n}\n\n.selection-tooltip {\n    position: relative;\n    background: rgba(255, 255, 255, 0.8);\n    border-radius: 4px;\n    color: black;\n    padding: 4px 8px;\n    opacity: 1;\n    white-space: nowrap;\n    font-size: 12px;\n    cursor: default;\n    user-select: none;\n    font-weight: bold;\n}\n\n.selection .react-select {\n    cursor: default;\n}\n\n.map-container .selection-active {\n    cursor: crosshair;\n}\n\n.map-container .selection-inactive {\n    cursor: no-drop;\n}\n\n.selection-source-value.selection-source-value--disabled {\n    opacity: 0.4;\n}\n\n.selection-source-value.selection-source-value--disabled span {\n    margin: 0px 6px 0px 0px;\n}\n"]}
+{"version":3,"sources":["selection.css"],"names":[],"mappings":"AAAA;IACI,qDAAqD;IACrD,8DAA8D;AAClE;;AAEA;IACI,kBAAkB;IAClB,oCAAoC;IACpC,kBAAkB;IAClB,YAAY;IACZ,gBAAgB;IAChB,UAAU;IACV,mBAAmB;IACnB,eAAe;IACf,eAAe;IACf,iBAAiB;IACjB,iBAAiB;AACrB;;AAEA;IACI,iBAAiB;AACrB;;AAEA;IACI,eAAe;AACnB;;AAEA;IACI,YAAY;AAChB;;AAEA;IACI,uBAAuB;AAC3B","file":"selection.css","sourcesContent":[".selection-drag-box {\n    background-color: rgba(255, 255, 255, 0.3) !important;\n    border: 3px solid var(--chakra-colors-trails-solid) !important;\n}\n\n.selection-tooltip {\n    position: relative;\n    background: rgba(255, 255, 255, 0.8);\n    border-radius: 4px;\n    color: black;\n    padding: 4px 8px;\n    opacity: 1;\n    white-space: nowrap;\n    font-size: 12px;\n    cursor: default;\n    user-select: none;\n    font-weight: bold;\n}\n\n.map-container .selection-active {\n    cursor: crosshair;\n}\n\n.map-container .selection-inactive {\n    cursor: no-drop;\n}\n\n.selection-source-value.selection-source-value--disabled {\n    opacity: 0.4;\n}\n\n.selection-source-value.selection-source-value--disabled span {\n    margin: 0px 6px 0px 0px;\n}\n"]}