@open-pioneer/search 0.4.2 → 0.4.3

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @open-pioneer/search
 
+## 0.4.3
+
+### Patch Changes
+
+-   7f5e58a: add aria role group for sections in search results (fixes issue [#322](https://github.com/open-pioneer/trails-openlayers-base-packages/issues/322))
+-   28e092a: Update dependencies
+-   Updated dependencies [28e092a]
+-   Updated dependencies [0d51d2f]
+-   Updated dependencies [76f8863]
+    -   @open-pioneer/map@0.6.0
+
 ## 0.4.2
 
 ### Patch Changes

package/CustomComponents.d.ts

@@ -1,6 +1,7 @@
-import { ClearIndicatorProps, IndicatorsContainerProps, InputProps, MenuProps, NoticeProps, OptionProps, SingleValueProps, ValueContainerProps } from "chakra-react-select";
+import { ClearIndicatorProps, GroupProps, IndicatorsContainerProps, InputProps, MenuProps, NoticeProps, OptionProps, SingleValueProps, ValueContainerProps } from "chakra-react-select";
 import { SearchGroupOption, SearchOption } from "./Search";
 export declare function MenuComp(props: MenuProps<SearchOption, false, SearchGroupOption>): import("react/jsx-runtime").JSX.Element;
+export declare function GroupComp(props: GroupProps<SearchOption, false, SearchGroupOption>): import("react/jsx-runtime").JSX.Element;
 export declare function NoOptionsMessage(props: NoticeProps<SearchOption, false, SearchGroupOption>): import("react/jsx-runtime").JSX.Element;
 export declare function LoadingMessage(props: NoticeProps<SearchOption, false, SearchGroupOption>): import("react/jsx-runtime").JSX.Element;
 export declare function ValueContainer({ children, ...props }: ValueContainerProps<SearchOption, false, SearchGroupOption>): import("react/jsx-runtime").JSX.Element;

package/CustomComponents.js

@@ -15,6 +15,15 @@ function MenuComp(props) {
   };
   return /* @__PURE__ */ jsx(chakraComponents.Menu, { ...menuProps, children: props.children });
 }
+function GroupComp(props) {
+  const ariaLabel = props.data.label;
+  const innerProps = {
+    ...props.innerProps,
+    "aria-label": ariaLabel,
+    role: "group"
+  };
+  return /* @__PURE__ */ jsx(chakraComponents.Group, { ...props, innerProps });
+}
 function NoOptionsMessage(props) {
   const intl = useIntl();
   const noMessageText = intl.formatMessage({ id: "noOptionsText" });
@@ -107,5 +116,5 @@ function getHighlightedLabel(label, userInput) {
   return label;
 }
 
-export { ClearIndicator, HighlightOption, IndicatorsContainer, Input, LoadingMessage, MenuComp, NoOptionsMessage, SingleValue, ValueContainer };
+export { ClearIndicator, GroupComp, HighlightOption, IndicatorsContainer, Input, LoadingMessage, MenuComp, NoOptionsMessage, SingleValue, ValueContainer };
 //# sourceMappingURL=CustomComponents.js.map

package/CustomComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomComponents.js","sources":["CustomComponents.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { SearchIcon } from \"@chakra-ui/icons\";\nimport { CloseButton, chakra } from \"@open-pioneer/chakra-integration\";\nimport {\n    ClearIndicatorProps,\n    IndicatorsContainerProps,\n    InputProps,\n    MenuProps,\n    NoticeProps,\n    OptionProps,\n    Props as SelectProps,\n    SingleValueProps,\n    ValueContainerProps,\n    chakraComponents\n} from \"chakra-react-select\";\nimport classNames from \"classnames\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { UIEvent } from \"react\";\nimport { SearchGroupOption, SearchOption } from \"./Search\";\n\nexport function MenuComp(props: MenuProps<SearchOption, false, SearchGroupOption>) {\n    const hasInput = props.selectProps.inputValue.length > 0;\n    const menuProps: typeof props = {\n        ...props,\n        className: classNames(props.className, {\n            \"search-invisible\": !hasInput\n        })\n    };\n\n    return <chakraComponents.Menu {...menuProps}>{props.children}</chakraComponents.Menu>;\n}\n\nexport function NoOptionsMessage(props: NoticeProps<SearchOption, false, SearchGroupOption>) {\n    const intl = useIntl();\n    const noMessageText = intl.formatMessage({ id: \"noOptionsText\" });\n\n    return (\n        <chakraComponents.NoOptionsMessage {...props}>\n            <chakra.span className=\"search-no-match\">{noMessageText}</chakra.span>\n        </chakraComponents.NoOptionsMessage>\n    );\n}\n\nexport function LoadingMessage(props: NoticeProps<SearchOption, false, SearchGroupOption>) {\n    const intl = useIntl();\n    const loadingText = intl.formatMessage({ id: \"loadingText\" });\n\n    return (\n        <chakraComponents.LoadingMessage {...props}>\n            <chakra.span className=\"search-loading-text\">{loadingText}</chakra.span>\n        </chakraComponents.LoadingMessage>\n    );\n}\n\nexport function ValueContainer({\n    children,\n    ...props\n}: ValueContainerProps<SearchOption, false, SearchGroupOption>) {\n    const containerProps: typeof props = {\n        ...props,\n        className: classNames(props.className, \"search-value-container\")\n    };\n    return (\n        <chakraComponents.ValueContainer {...containerProps}>\n            {!!children && <SearchIcon style={{ position: \"absolute\", left: 8 }}></SearchIcon>}\n            {children}\n        </chakraComponents.ValueContainer>\n    );\n}\n\nexport function Input(props: InputProps<SearchOption, false, SearchGroupOption>) {\n    const inputProps: typeof props = {\n        ...props,\n        isHidden: false\n    };\n    return <chakraComponents.Input {...inputProps} />;\n}\n\nexport function SingleValue(_props: SingleValueProps<SearchOption, false, SearchGroupOption>) {\n    // Never render anything (we use the text input to show the selected result)\n    return null;\n}\n\nexport function IndicatorsContainer(\n    props: IndicatorsContainerProps<SearchOption, false, SearchGroupOption>\n) {\n    return (\n        <chakraComponents.IndicatorsContainer {...props}>\n            {props.children}\n            {!props.selectProps.isLoading && props.selectProps.inputValue && (\n                <CustomClearIndicator\n                    selectProps={props.selectProps}\n                    clearValue={props.clearValue}\n                />\n            )}\n        </chakraComponents.IndicatorsContainer>\n    );\n}\n\nfunction CustomClearIndicator(props: {\n    clearValue(): void;\n    selectProps: SelectProps<SearchOption, false, SearchGroupOption>;\n}) {\n    const intl = useIntl();\n    const clearButtonLabel = intl.formatMessage({\n        id: \"ariaLabel.clearButton\"\n    });\n    const clickHandler = (e: UIEvent) => {\n        e.preventDefault();\n        e.stopPropagation();\n        props.clearValue();\n    };\n\n    return (\n        <CloseButton\n            role=\"button\"\n            size=\"md\"\n            mr={1}\n            aria-label={clearButtonLabel}\n            onClick={clickHandler}\n            // needed for correct touch handling; select control would otherwise preventDefault()\n            onTouchEnd={clickHandler}\n            // Stop select component from opening the menu.\n            // It will otherwise flash briefly because of a mouse down listener in the select.\n            onMouseDown={(e) => e.preventDefault()}\n        />\n    );\n}\n\nexport function ClearIndicator(\n    _props: ClearIndicatorProps<SearchOption, false, SearchGroupOption>\n) {\n    // Never render anything; we use our own clear indicator\n    return null;\n}\n\nexport function HighlightOption(props: OptionProps<SearchOption, false, SearchGroupOption>) {\n    const userInput = props.selectProps.inputValue;\n    const label = props.data.label;\n    const optionProps: typeof props = {\n        ...props,\n        className: classNames(props.className, \"search-option\")\n    };\n    return (\n        <chakraComponents.Option {...optionProps}>\n            <chakra.div className=\"search-option-label\">\n                {userInput.trim().length > 0 ? getHighlightedLabel(label, userInput) : label}\n            </chakra.div>\n        </chakraComponents.Option>\n    );\n}\n\nfunction getHighlightedLabel(label: string, userInput: string) {\n    const matchIndex = label.toLowerCase().indexOf(userInput.toLowerCase());\n    if (matchIndex >= 0) {\n        return (\n            <>\n                {label.substring(0, matchIndex)}\n                <chakra.span key=\"highlighted\" className=\"search-highlighted-match\">\n                    {label.substring(matchIndex, matchIndex + userInput.length)}\n                </chakra.span>\n                {label.substring(matchIndex + userInput.length)}\n            </>\n        );\n    }\n    return label;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomComponents.js","sources":["CustomComponents.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { SearchIcon } from \"@chakra-ui/icons\";\nimport { CloseButton, chakra } from \"@open-pioneer/chakra-integration\";\nimport {\n    ClearIndicatorProps,\n    GroupProps,\n    IndicatorsContainerProps,\n    InputProps,\n    MenuProps,\n    NoticeProps,\n    OptionProps,\n    Props as SelectProps,\n    SingleValueProps,\n    ValueContainerProps,\n    chakraComponents\n} from \"chakra-react-select\";\nimport classNames from \"classnames\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { UIEvent } from \"react\";\nimport { SearchGroupOption, SearchOption } from \"./Search\";\n\nexport function MenuComp(props: MenuProps<SearchOption, false, SearchGroupOption>) {\n    const hasInput = props.selectProps.inputValue.length > 0;\n    const menuProps: typeof props = {\n        ...props,\n        className: classNames(props.className, {\n            \"search-invisible\": !hasInput\n        })\n    };\n\n    return <chakraComponents.Menu {...menuProps}>{props.children}</chakraComponents.Menu>;\n}\n\nexport function GroupComp(props: GroupProps<SearchOption, false, SearchGroupOption>) {\n    const ariaLabel = props.data.label;\n    const innerProps = {\n        ...props.innerProps,\n        \"aria-label\": ariaLabel,\n        role: \"group\"\n    };\n    return <chakraComponents.Group {...props} innerProps={innerProps}></chakraComponents.Group>;\n}\n\nexport function NoOptionsMessage(props: NoticeProps<SearchOption, false, SearchGroupOption>) {\n    const intl = useIntl();\n    const noMessageText = intl.formatMessage({ id: \"noOptionsText\" });\n\n    return (\n        <chakraComponents.NoOptionsMessage {...props}>\n            <chakra.span className=\"search-no-match\">{noMessageText}</chakra.span>\n        </chakraComponents.NoOptionsMessage>\n    );\n}\n\nexport function LoadingMessage(props: NoticeProps<SearchOption, false, SearchGroupOption>) {\n    const intl = useIntl();\n    const loadingText = intl.formatMessage({ id: \"loadingText\" });\n\n    return (\n        <chakraComponents.LoadingMessage {...props}>\n            <chakra.span className=\"search-loading-text\">{loadingText}</chakra.span>\n        </chakraComponents.LoadingMessage>\n    );\n}\n\nexport function ValueContainer({\n    children,\n    ...props\n}: ValueContainerProps<SearchOption, false, SearchGroupOption>) {\n    const containerProps: typeof props = {\n        ...props,\n        className: classNames(props.className, \"search-value-container\")\n    };\n    return (\n        <chakraComponents.ValueContainer {...containerProps}>\n            {!!children && <SearchIcon style={{ position: \"absolute\", left: 8 }}></SearchIcon>}\n            {children}\n        </chakraComponents.ValueContainer>\n    );\n}\n\nexport function Input(props: InputProps<SearchOption, false, SearchGroupOption>) {\n    const inputProps: typeof props = {\n        ...props,\n        isHidden: false\n    };\n    return <chakraComponents.Input {...inputProps} />;\n}\n\nexport function SingleValue(_props: SingleValueProps<SearchOption, false, SearchGroupOption>) {\n    // Never render anything (we use the text input to show the selected result)\n    return null;\n}\n\nexport function IndicatorsContainer(\n    props: IndicatorsContainerProps<SearchOption, false, SearchGroupOption>\n) {\n    return (\n        <chakraComponents.IndicatorsContainer {...props}>\n            {props.children}\n            {!props.selectProps.isLoading && props.selectProps.inputValue && (\n                <CustomClearIndicator\n                    selectProps={props.selectProps}\n                    clearValue={props.clearValue}\n                />\n            )}\n        </chakraComponents.IndicatorsContainer>\n    );\n}\n\nfunction CustomClearIndicator(props: {\n    clearValue(): void;\n    selectProps: SelectProps<SearchOption, false, SearchGroupOption>;\n}) {\n    const intl = useIntl();\n    const clearButtonLabel = intl.formatMessage({\n        id: \"ariaLabel.clearButton\"\n    });\n    const clickHandler = (e: UIEvent) => {\n        e.preventDefault();\n        e.stopPropagation();\n        props.clearValue();\n    };\n\n    return (\n        <CloseButton\n            role=\"button\"\n            size=\"md\"\n            mr={1}\n            aria-label={clearButtonLabel}\n            onClick={clickHandler}\n            // needed for correct touch handling; select control would otherwise preventDefault()\n            onTouchEnd={clickHandler}\n            // Stop select component from opening the menu.\n            // It will otherwise flash briefly because of a mouse down listener in the select.\n            onMouseDown={(e) => e.preventDefault()}\n        />\n    );\n}\n\nexport function ClearIndicator(\n    _props: ClearIndicatorProps<SearchOption, false, SearchGroupOption>\n) {\n    // Never render anything; we use our own clear indicator\n    return null;\n}\n\nexport function HighlightOption(props: OptionProps<SearchOption, false, SearchGroupOption>) {\n    const userInput = props.selectProps.inputValue;\n    const label = props.data.label;\n    const optionProps: typeof props = {\n        ...props,\n        className: classNames(props.className, \"search-option\")\n    };\n    return (\n        <chakraComponents.Option {...optionProps}>\n            <chakra.div className=\"search-option-label\">\n                {userInput.trim().length > 0 ? getHighlightedLabel(label, userInput) : label}\n            </chakra.div>\n        </chakraComponents.Option>\n    );\n}\n\nfunction getHighlightedLabel(label: string, userInput: string) {\n    const matchIndex = label.toLowerCase().indexOf(userInput.toLowerCase());\n    if (matchIndex >= 0) {\n        return (\n            <>\n                {label.substring(0, matchIndex)}\n                <chakra.span key=\"highlighted\" className=\"search-highlighted-match\">\n                    {label.substring(matchIndex, matchIndex + userInput.length)}\n                </chakra.span>\n                {label.substring(matchIndex + userInput.length)}\n            </>\n        );\n    }\n    return label;\n}\n"],"names":[],"mappings":"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"}

package/Search.js

@@ -6,7 +6,7 @@ import { useCommonComponentProps, useEvent } from '@open-pioneer/react-utils';
 import { Select } from 'chakra-react-select';
 import { useIntl } from './_virtual/_virtual-pioneer-module_react-hooks.js';
 import { useRef, useMemo, useState, useEffect, useReducer, useCallback } from 'react';
-import { MenuComp, Input, SingleValue, HighlightOption, NoOptionsMessage, LoadingMessage, ValueContainer, IndicatorsContainer, ClearIndicator } from './CustomComponents.js';
+import { MenuComp, Input, SingleValue, HighlightOption, NoOptionsMessage, LoadingMessage, ValueContainer, IndicatorsContainer, ClearIndicator, GroupComp } from './CustomComponents.js';
 import { SearchController } from './SearchController.js';
 
 const LOG = createLogger("search:Search");
@@ -80,20 +80,11 @@ const Search = (props) => {
 };
 function useAriaMessages(intl) {
   return useMemo(() => {
-    const onFocus = ({ focused }) => {
-      return `${focused.label} ${intl.formatMessage({ id: "ariaLabel.searchFocus" })}.`;
+    const onFocus = () => {
+      return "";
     };
-    const onChange = ({ action, label }) => {
-      let message = "";
-      switch (action) {
-        case "select-option":
-          message = `${label} ${intl.formatMessage({ id: "ariaLabel.searchSelect" })}.`;
-          break;
-        case "clear":
-          message = `${label} ${intl.formatMessage({ id: "ariaLabel.searchClear" })}.`;
-          break;
-      }
-      return message;
+    const onChange = () => {
+      return "";
     };
     const guidance = () => {
       return `${intl.formatMessage({ id: "ariaLabel.instructions" })}`;
@@ -120,7 +111,8 @@ function useCustomComponents() {
       LoadingMessage,
       ValueContainer,
       IndicatorsContainer,
-      ClearIndicator
+      ClearIndicator,
+      Group: GroupComp
     };
   }, []);
 }

package/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["Search.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Box, useToken } from \"@open-pioneer/chakra-integration\";\nimport { createLogger, isAbortError } from \"@open-pioneer/core\";\nimport { MapModel, useMapModel } from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps, useEvent } from \"@open-pioneer/react-utils\";\nimport {\n    ActionMeta,\n    AriaLiveMessages,\n    AriaOnChange,\n    AriaOnFocus,\n    ChakraStylesConfig,\n    InputActionMeta,\n    Select,\n    SelectInstance,\n    SingleValue,\n    Props as SelectProps\n} from \"chakra-react-select\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { FC, useCallback, useEffect, useMemo, useReducer, useRef, useState } from \"react\";\nimport {\n    ClearIndicator,\n    HighlightOption,\n    IndicatorsContainer,\n    Input,\n    LoadingMessage,\n    MenuComp,\n    NoOptionsMessage,\n    SingleValue as SingleValueComp,\n    ValueContainer\n} from \"./CustomComponents\";\nimport { SearchController, SuggestionGroup } from \"./SearchController\";\nimport { SearchSource, SearchResult } from \"./api\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\n\nconst LOG = createLogger(\"search:Search\");\n\nexport interface SearchOption {\n    /** Unique value for this option. */\n    value: string;\n\n    /** Display text shown in menu. */\n    label: string;\n\n    /** Search source that returned the suggestion. */\n    source: SearchSource;\n\n    /** The raw result from the search source. */\n    result: SearchResult;\n}\n\nexport interface SearchGroupOption {\n    /** Display text shown in menu. */\n    label: string;\n\n    /** Set of options that belong to this group. */\n    options: SearchOption[];\n}\n\n/**\n * Event type emitted when the user selects an item.\n */\nexport interface SearchSelectEvent {\n    /** The source that returned the {@link result}. */\n    source: SearchSource;\n\n    /** The search result selected by the user. */\n    result: SearchResult;\n}\n\n/**\n * Properties supported by the {@link Search} component.\n */\nexport interface SearchProps extends CommonComponentProps {\n    /**\n     * The id of the map.\n     */\n    mapId: string;\n\n    /**\n     * Data sources to be searched on.\n     */\n    sources: SearchSource[];\n\n    /**\n     * Typing delay (in milliseconds) before the async search query starts after the user types in the search term.\n     * Defaults to `200`.\n     */\n    searchTypingDelay?: number;\n\n    /**\n     * The maximum number of results shown per group.\n     * Defaults to `5`.\n     */\n    maxResultsPerGroup?: number;\n\n    /**\n     * This event handler will be called when the user selects a search result.\n     */\n    onSelect?: (event: SearchSelectEvent) => void;\n\n    /**\n     * This event handler will be called when the user clears the search input.\n     */\n    onClear?: () => void;\n}\n\n/**\n * A component that allows the user to search a given set of {@link SearchSource | SearchSources}.\n */\nexport const Search: FC<SearchProps> = (props) => {\n    const { mapId, sources, searchTypingDelay, maxResultsPerGroup, onSelect, onClear } = props;\n    const { containerProps } = useCommonComponentProps(\"search\", props);\n    const { map } = useMapModel(mapId);\n    const intl = useIntl();\n    const controller = useController(sources, searchTypingDelay, maxResultsPerGroup, map);\n    const { input, search, selectedOption, onInputChanged, onResultConfirmed } =\n        useSearchState(controller);\n\n    const chakraStyles = useChakraStyles();\n    const ariaMessages = useAriaMessages(intl);\n    const components = useCustomComponents();\n\n    const handleInputChange = useEvent((newValue: string, actionMeta: InputActionMeta) => {\n        // Only update the input if the user actually typed something.\n        // This keeps the input content if the user focuses another element or if the menu is closed.\n        if (actionMeta.action === \"input-change\") {\n            onInputChanged(newValue);\n        }\n    });\n\n    const handleSelectChange = useEvent(\n        (value: SingleValue<SearchOption>, actionMeta: ActionMeta<SearchOption>) => {\n            switch (actionMeta.action) {\n                case \"select-option\":\n                    if (value) {\n                        // Updates the input field with the option label\n                        onResultConfirmed(value);\n                        onSelect?.({\n                            source: value.source,\n                            result: value.result\n                        });\n                    }\n                    break;\n                case \"clear\":\n                    // Updates the input field\n                    onInputChanged(\"\");\n\n                    // the next two lines are a workaround for the open bug in react-select regarding the\n                    // cursor not being shown after clearing, although the component is focussed:\n                    // https://github.com/JedWatson/react-select/issues/3871\n                    selectRef.current?.blur();\n                    selectRef.current?.focus();\n                    onClear?.();\n                    break;\n                default:\n                    LOG.debug(`Unhandled action type '${actionMeta.action}'.`);\n                    break;\n            }\n        }\n    );\n\n    const selectRef = useRef<SelectInstance<SearchOption, false, SearchGroupOption>>(null);\n    return (\n        <Box {...containerProps}>\n            <Select<SearchOption, false, SearchGroupOption>\n                className=\"search-component\"\n                classNamePrefix=\"react-select\"\n                ref={selectRef}\n                inputValue={input}\n                onInputChange={handleInputChange}\n                aria-label={intl.formatMessage({ id: \"ariaLabel.search\" })}\n                ariaLiveMessages={ariaMessages}\n                colorScheme=\"trails\"\n                selectedOptionStyle=\"color\"\n                selectedOptionColorScheme=\"trails\"\n                chakraStyles={chakraStyles}\n                isClearable={true}\n                placeholder={intl.formatMessage({ id: \"searchPlaceholder\" })}\n                closeMenuOnSelect={true}\n                isLoading={search.kind === \"loading\"}\n                options={search.kind === \"ready\" ? search.results : undefined}\n                filterOption={() => true} // always show all options (don't filter based on input text)\n                tabSelectsValue={false}\n                components={components}\n                onChange={handleSelectChange}\n                value={selectedOption}\n                menuPosition=\"fixed\"\n            />\n        </Box>\n    );\n};\n\n/**\n * Provides custom aria messages for the select component.\n */\nfunction useAriaMessages(\n    intl: PackageIntl\n): AriaLiveMessages<SearchOption, false, SearchGroupOption> {\n    return useMemo(() => {\n        /**\n         * Method to create Aria-String for focus-Event\n         */\n        const onFocus: AriaOnFocus<SearchOption> = ({ focused }) => {\n            return `${focused.label} ${intl.formatMessage({ id: \"ariaLabel.searchFocus\" })}.`;\n        };\n\n        /**\n         * Method to create Aria-String for value-change-Event\n         */\n        const onChange: AriaOnChange<SearchOption, boolean> = ({ action, label }) => {\n            let message = \"\";\n            switch (action) {\n                case \"select-option\":\n                    message = `${label} ${intl.formatMessage({ id: \"ariaLabel.searchSelect\" })}.`;\n                    break;\n                case \"clear\":\n                    message = `${label} ${intl.formatMessage({ id: \"ariaLabel.searchClear\" })}.`;\n                    break;\n                default:\n                    break;\n            }\n            return message;\n        };\n\n        /**\n         * Method to create Aria-String for instruction\n         */\n        const guidance = () => {\n            return `${intl.formatMessage({ id: \"ariaLabel.instructions\" })}`;\n        };\n\n        /**\n         * Method to create Aria-String for result length\n         */\n        const onFilter = () => {\n            return \"\";\n        };\n\n        return {\n            onFocus,\n            onChange,\n            guidance,\n            onFilter\n        };\n    }, [intl]);\n}\n\n/**\n * Customizes the inner components used by the select component.\n */\nfunction useCustomComponents(): SelectProps<SearchOption, false, SearchGroupOption>[\"components\"] {\n    return useMemo(() => {\n        return {\n            Menu: MenuComp,\n            Input: Input,\n            SingleValue: SingleValueComp,\n            Option: HighlightOption,\n            NoOptionsMessage: NoOptionsMessage,\n            LoadingMessage: LoadingMessage,\n            ValueContainer: ValueContainer,\n            IndicatorsContainer: IndicatorsContainer,\n            ClearIndicator: ClearIndicator\n        };\n    }, []);\n}\n\n/**\n * Customizes components styles within the select component.\n */\nfunction useChakraStyles() {\n    const [groupHeadingBg, focussedItemBg] = useToken(\n        \"colors\",\n        [\"trails.100\", \"trails.50\"],\n        [\"#d5e5ec\", \"#eaf2f5\"]\n    );\n    return useMemo(() => {\n        const chakraStyles: ChakraStylesConfig<SearchOption, false, SearchGroupOption> = {\n            groupHeading: (provided) => ({\n                ...provided,\n                backgroundColor: groupHeadingBg,\n                padding: \"8px 12px\",\n                // make Header look like normal options:\n                fontSize: \"inherit\",\n                fontWeight: \"inherit\"\n            }),\n            option: (provided) => ({\n                ...provided,\n                backgroundColor: \"inherit\",\n                _focus: {\n                    backgroundColor: focussedItemBg\n                }\n            }),\n            dropdownIndicator: (provided) => ({\n                ...provided,\n                display: \"none\" // always hide\n            })\n        };\n        return chakraStyles;\n    }, [groupHeadingBg, focussedItemBg]);\n}\n\n/**\n * Creates a controller to search on the given sources.\n */\nfunction useController(\n    sources: SearchSource[],\n    searchTypingDelay: number | undefined,\n    maxResultsPerGroup: number | undefined,\n    map: MapModel | undefined\n) {\n    const [controller, setController] = useState<SearchController | undefined>(undefined);\n    useEffect(() => {\n        if (!map) {\n            return;\n        }\n        const controller = new SearchController(map, sources);\n        setController(controller);\n        return () => {\n            controller.destroy();\n            setController(undefined);\n        };\n    }, [map, sources]);\n\n    useEffect(() => {\n        controller && (controller.searchTypingDelay = searchTypingDelay);\n    }, [controller, searchTypingDelay]);\n    useEffect(() => {\n        controller && (controller.maxResultsPerSource = maxResultsPerGroup);\n    }, [controller, maxResultsPerGroup]);\n    return controller;\n}\n\ntype SearchResultsReady = {\n    kind: \"ready\";\n    results: SearchGroupOption[];\n};\n\ntype SearchResultsLoading = {\n    kind: \"loading\";\n};\n\ntype SearchResultsState = SearchResultsReady | SearchResultsLoading;\n\n/**\n * Keeps track of the current input text, active searches and their results.\n *\n * NOTE: it would be great to merge this state handling with the search controller\n * in a future revision.\n */\nfunction useSearchState(controller: SearchController | undefined) {\n    interface FullSearchState {\n        query: string;\n        selectedOption: SearchOption | null;\n        search: SearchResultsState;\n    }\n\n    type Action =\n        | { kind: \"input\"; query: string }\n        | { kind: \"select-option\"; option: SearchOption }\n        | { kind: \"load-results\" }\n        | { kind: \"accept-results\"; results: SearchGroupOption[] };\n\n    const [state, dispatch] = useReducer(\n        (current: FullSearchState, action: Action): FullSearchState => {\n            switch (action.kind) {\n                case \"input\":\n                    return {\n                        ...current,\n                        query: action.query,\n                        selectedOption: null\n                    };\n                case \"select-option\":\n                    return {\n                        ...current,\n                        selectedOption: action.option,\n                        query: action.option.label\n                    };\n                case \"load-results\":\n                    return {\n                        ...current,\n                        search: {\n                            kind: \"loading\"\n                        }\n                    };\n                case \"accept-results\":\n                    return {\n                        ...current,\n                        search: {\n                            kind: \"ready\",\n                            results: action.results\n                        }\n                    };\n            }\n        },\n        undefined,\n        (): FullSearchState => ({\n            query: \"\",\n            selectedOption: null,\n            search: {\n                kind: \"ready\",\n                results: []\n            }\n        })\n    );\n\n    // Stores the promise for the current search.\n    // Any results from outdated searches are ignored.\n    const currentSearch = useRef<Promise<unknown>>();\n    const startSearch = useEvent((query: string) => {\n        if (!controller) {\n            currentSearch.current = undefined;\n            dispatch({ kind: \"accept-results\", results: [] });\n            return;\n        }\n\n        LOG.isDebug() && LOG.debug(`Starting new search for query ${JSON.stringify(query)}.`);\n        dispatch({ kind: \"load-results\" });\n        const promise = (currentSearch.current = search(controller, query).then((results) => {\n            // Check if this job is still current\n            if (currentSearch.current === promise) {\n                dispatch({ kind: \"accept-results\", results });\n            }\n        }));\n    });\n\n    // Called when the user confirms a search result\n    const onResultConfirmed = useCallback((option: SearchOption) => {\n        // Do not start a new search when the user confirms a result\n        dispatch({ kind: \"select-option\", option });\n    }, []);\n\n    // Called when a user types into the input field\n    const onInputChanged = useCallback(\n        (newValue: string) => {\n            // Trigger a new search if the user changes the query by typing\n            dispatch({ kind: \"input\", query: newValue });\n            startSearch(newValue);\n        },\n        [startSearch]\n    );\n\n    return {\n        input: state.query,\n        search: state.search,\n        selectedOption: state.selectedOption,\n        onResultConfirmed,\n        onInputChanged\n    };\n}\n\nasync function search(controller: SearchController, query: string): Promise<SearchGroupOption[]> {\n    let suggestions: SuggestionGroup[];\n    try {\n        suggestions = await controller.search(query);\n    } catch (error) {\n        if (!isAbortError(error)) {\n            LOG.error(`Search failed`, error);\n        }\n        suggestions = [];\n    }\n    return mapSuggestions(suggestions);\n}\n\nfunction mapSuggestions(suggestions: SuggestionGroup[]): SearchGroupOption[] {\n    const options = suggestions.map(\n        (group, groupIndex): SearchGroupOption => ({\n            label: group.label,\n            options: group.results.map((suggestion): SearchOption => {\n                return {\n                    value: `${groupIndex}-${suggestion.id}`,\n                    label: suggestion.label,\n                    source: group.source,\n                    result: suggestion\n                };\n            })\n        })\n    );\n    return options;\n}\n"],"names":["search","SingleValueComp","controller"],"mappings":"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"}
+{"version":3,"file":"Search.js","sources":["Search.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Box, useToken } from \"@open-pioneer/chakra-integration\";\nimport { createLogger, isAbortError } from \"@open-pioneer/core\";\nimport { MapModel, useMapModel } from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps, useEvent } from \"@open-pioneer/react-utils\";\nimport {\n    ActionMeta,\n    AriaLiveMessages,\n    AriaOnChange,\n    AriaOnFocus,\n    ChakraStylesConfig,\n    InputActionMeta,\n    Select,\n    SelectInstance,\n    SingleValue,\n    Props as SelectProps\n} from \"chakra-react-select\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { FC, useCallback, useEffect, useMemo, useReducer, useRef, useState } from \"react\";\nimport {\n    ClearIndicator,\n    GroupComp,\n    HighlightOption,\n    IndicatorsContainer,\n    Input,\n    LoadingMessage,\n    MenuComp,\n    NoOptionsMessage,\n    SingleValue as SingleValueComp,\n    ValueContainer\n} from \"./CustomComponents\";\nimport { SearchController, SuggestionGroup } from \"./SearchController\";\nimport { SearchSource, SearchResult } from \"./api\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\n\nconst LOG = createLogger(\"search:Search\");\n\nexport interface SearchOption {\n    /** Unique value for this option. */\n    value: string;\n\n    /** Display text shown in menu. */\n    label: string;\n\n    /** Search source that returned the suggestion. */\n    source: SearchSource;\n\n    /** The raw result from the search source. */\n    result: SearchResult;\n}\n\nexport interface SearchGroupOption {\n    /** Display text shown in menu. */\n    label: string;\n\n    /** Set of options that belong to this group. */\n    options: SearchOption[];\n}\n\n/**\n * Event type emitted when the user selects an item.\n */\nexport interface SearchSelectEvent {\n    /** The source that returned the {@link result}. */\n    source: SearchSource;\n\n    /** The search result selected by the user. */\n    result: SearchResult;\n}\n\n/**\n * Properties supported by the {@link Search} component.\n */\nexport interface SearchProps extends CommonComponentProps {\n    /**\n     * The id of the map.\n     */\n    mapId: string;\n\n    /**\n     * Data sources to be searched on.\n     */\n    sources: SearchSource[];\n\n    /**\n     * Typing delay (in milliseconds) before the async search query starts after the user types in the search term.\n     * Defaults to `200`.\n     */\n    searchTypingDelay?: number;\n\n    /**\n     * The maximum number of results shown per group.\n     * Defaults to `5`.\n     */\n    maxResultsPerGroup?: number;\n\n    /**\n     * This event handler will be called when the user selects a search result.\n     */\n    onSelect?: (event: SearchSelectEvent) => void;\n\n    /**\n     * This event handler will be called when the user clears the search input.\n     */\n    onClear?: () => void;\n}\n\n/**\n * A component that allows the user to search a given set of {@link SearchSource | SearchSources}.\n */\nexport const Search: FC<SearchProps> = (props) => {\n    const { mapId, sources, searchTypingDelay, maxResultsPerGroup, onSelect, onClear } = props;\n    const { containerProps } = useCommonComponentProps(\"search\", props);\n    const { map } = useMapModel(mapId);\n    const intl = useIntl();\n    const controller = useController(sources, searchTypingDelay, maxResultsPerGroup, map);\n    const { input, search, selectedOption, onInputChanged, onResultConfirmed } =\n        useSearchState(controller);\n\n    const chakraStyles = useChakraStyles();\n    const ariaMessages = useAriaMessages(intl);\n    const components = useCustomComponents();\n\n    const handleInputChange = useEvent((newValue: string, actionMeta: InputActionMeta) => {\n        // Only update the input if the user actually typed something.\n        // This keeps the input content if the user focuses another element or if the menu is closed.\n        if (actionMeta.action === \"input-change\") {\n            onInputChanged(newValue);\n        }\n    });\n\n    const handleSelectChange = useEvent(\n        (value: SingleValue<SearchOption>, actionMeta: ActionMeta<SearchOption>) => {\n            switch (actionMeta.action) {\n                case \"select-option\":\n                    if (value) {\n                        // Updates the input field with the option label\n                        onResultConfirmed(value);\n                        onSelect?.({\n                            source: value.source,\n                            result: value.result\n                        });\n                    }\n                    break;\n                case \"clear\":\n                    // Updates the input field\n                    onInputChanged(\"\");\n\n                    // the next two lines are a workaround for the open bug in react-select regarding the\n                    // cursor not being shown after clearing, although the component is focussed:\n                    // https://github.com/JedWatson/react-select/issues/3871\n                    selectRef.current?.blur();\n                    selectRef.current?.focus();\n                    onClear?.();\n                    break;\n                default:\n                    LOG.debug(`Unhandled action type '${actionMeta.action}'.`);\n                    break;\n            }\n        }\n    );\n\n    const selectRef = useRef<SelectInstance<SearchOption, false, SearchGroupOption>>(null);\n    return (\n        <Box {...containerProps}>\n            <Select<SearchOption, false, SearchGroupOption>\n                className=\"search-component\"\n                classNamePrefix=\"react-select\"\n                ref={selectRef}\n                inputValue={input}\n                onInputChange={handleInputChange}\n                aria-label={intl.formatMessage({ id: \"ariaLabel.search\" })}\n                ariaLiveMessages={ariaMessages}\n                colorScheme=\"trails\"\n                selectedOptionStyle=\"color\"\n                selectedOptionColorScheme=\"trails\"\n                chakraStyles={chakraStyles}\n                isClearable={true}\n                placeholder={intl.formatMessage({ id: \"searchPlaceholder\" })}\n                closeMenuOnSelect={true}\n                isLoading={search.kind === \"loading\"}\n                options={search.kind === \"ready\" ? search.results : undefined}\n                filterOption={() => true} // always show all options (don't filter based on input text)\n                tabSelectsValue={false}\n                components={components}\n                onChange={handleSelectChange}\n                value={selectedOption}\n                menuPosition=\"fixed\"\n            />\n        </Box>\n    );\n};\n\n/**\n * Provides custom aria messages for the select component.\n */\nfunction useAriaMessages(\n    intl: PackageIntl\n): AriaLiveMessages<SearchOption, false, SearchGroupOption> {\n    return useMemo(() => {\n        /**\n         * Method to create Aria-String for focus-Event\n         */\n        const onFocus: AriaOnFocus<SearchOption> = () => {\n            //no aria string for focus-events because in some screen readers (NVDA) and browsers (Chrome) updating the aria string causes the instructions to be read out again each time a select option is focused\n            return \"\";\n        };\n\n        /**\n         * Method to create Aria-String for value-change-Event\n         */\n        const onChange: AriaOnChange<SearchOption, boolean> = () => {\n            //no aria string for change-events because in some screen readers (NVDA) and browsers (Chrome) updating the aria string causes the instructions to be read out again each time a select option is focused\n            return \"\";\n        };\n\n        /**\n         * Method to create Aria-String for instruction\n         */\n        const guidance = () => {\n            return `${intl.formatMessage({ id: \"ariaLabel.instructions\" })}`;\n        };\n\n        /**\n         * Method to create Aria-String for result length\n         */\n        const onFilter = () => {\n            return \"\";\n        };\n\n        return {\n            onFocus,\n            onChange,\n            guidance,\n            onFilter\n        };\n    }, [intl]);\n}\n\n/**\n * Customizes the inner components used by the select component.\n */\nfunction useCustomComponents(): SelectProps<SearchOption, false, SearchGroupOption>[\"components\"] {\n    return useMemo(() => {\n        return {\n            Menu: MenuComp,\n            Input: Input,\n            SingleValue: SingleValueComp,\n            Option: HighlightOption,\n            NoOptionsMessage: NoOptionsMessage,\n            LoadingMessage: LoadingMessage,\n            ValueContainer: ValueContainer,\n            IndicatorsContainer: IndicatorsContainer,\n            ClearIndicator: ClearIndicator,\n            Group: GroupComp\n        };\n    }, []);\n}\n\n/**\n * Customizes components styles within the select component.\n */\nfunction useChakraStyles() {\n    const [groupHeadingBg, focussedItemBg] = useToken(\n        \"colors\",\n        [\"trails.100\", \"trails.50\"],\n        [\"#d5e5ec\", \"#eaf2f5\"]\n    );\n    return useMemo(() => {\n        const chakraStyles: ChakraStylesConfig<SearchOption, false, SearchGroupOption> = {\n            groupHeading: (provided) => ({\n                ...provided,\n                backgroundColor: groupHeadingBg,\n                padding: \"8px 12px\",\n                // make Header look like normal options:\n                fontSize: \"inherit\",\n                fontWeight: \"inherit\"\n            }),\n            option: (provided) => ({\n                ...provided,\n                backgroundColor: \"inherit\",\n                _focus: {\n                    backgroundColor: focussedItemBg\n                }\n            }),\n            dropdownIndicator: (provided) => ({\n                ...provided,\n                display: \"none\" // always hide\n            })\n        };\n        return chakraStyles;\n    }, [groupHeadingBg, focussedItemBg]);\n}\n\n/**\n * Creates a controller to search on the given sources.\n */\nfunction useController(\n    sources: SearchSource[],\n    searchTypingDelay: number | undefined,\n    maxResultsPerGroup: number | undefined,\n    map: MapModel | undefined\n) {\n    const [controller, setController] = useState<SearchController | undefined>(undefined);\n    useEffect(() => {\n        if (!map) {\n            return;\n        }\n        const controller = new SearchController(map, sources);\n        setController(controller);\n        return () => {\n            controller.destroy();\n            setController(undefined);\n        };\n    }, [map, sources]);\n\n    useEffect(() => {\n        controller && (controller.searchTypingDelay = searchTypingDelay);\n    }, [controller, searchTypingDelay]);\n    useEffect(() => {\n        controller && (controller.maxResultsPerSource = maxResultsPerGroup);\n    }, [controller, maxResultsPerGroup]);\n    return controller;\n}\n\ntype SearchResultsReady = {\n    kind: \"ready\";\n    results: SearchGroupOption[];\n};\n\ntype SearchResultsLoading = {\n    kind: \"loading\";\n};\n\ntype SearchResultsState = SearchResultsReady | SearchResultsLoading;\n\n/**\n * Keeps track of the current input text, active searches and their results.\n *\n * NOTE: it would be great to merge this state handling with the search controller\n * in a future revision.\n */\nfunction useSearchState(controller: SearchController | undefined) {\n    interface FullSearchState {\n        query: string;\n        selectedOption: SearchOption | null;\n        search: SearchResultsState;\n    }\n\n    type Action =\n        | { kind: \"input\"; query: string }\n        | { kind: \"select-option\"; option: SearchOption }\n        | { kind: \"load-results\" }\n        | { kind: \"accept-results\"; results: SearchGroupOption[] };\n\n    const [state, dispatch] = useReducer(\n        (current: FullSearchState, action: Action): FullSearchState => {\n            switch (action.kind) {\n                case \"input\":\n                    return {\n                        ...current,\n                        query: action.query,\n                        selectedOption: null\n                    };\n                case \"select-option\":\n                    return {\n                        ...current,\n                        selectedOption: action.option,\n                        query: action.option.label\n                    };\n                case \"load-results\":\n                    return {\n                        ...current,\n                        search: {\n                            kind: \"loading\"\n                        }\n                    };\n                case \"accept-results\":\n                    return {\n                        ...current,\n                        search: {\n                            kind: \"ready\",\n                            results: action.results\n                        }\n                    };\n            }\n        },\n        undefined,\n        (): FullSearchState => ({\n            query: \"\",\n            selectedOption: null,\n            search: {\n                kind: \"ready\",\n                results: []\n            }\n        })\n    );\n\n    // Stores the promise for the current search.\n    // Any results from outdated searches are ignored.\n    const currentSearch = useRef<Promise<unknown>>();\n    const startSearch = useEvent((query: string) => {\n        if (!controller) {\n            currentSearch.current = undefined;\n            dispatch({ kind: \"accept-results\", results: [] });\n            return;\n        }\n\n        LOG.isDebug() && LOG.debug(`Starting new search for query ${JSON.stringify(query)}.`);\n        dispatch({ kind: \"load-results\" });\n        const promise = (currentSearch.current = search(controller, query).then((results) => {\n            // Check if this job is still current\n            if (currentSearch.current === promise) {\n                dispatch({ kind: \"accept-results\", results });\n            }\n        }));\n    });\n\n    // Called when the user confirms a search result\n    const onResultConfirmed = useCallback((option: SearchOption) => {\n        // Do not start a new search when the user confirms a result\n        dispatch({ kind: \"select-option\", option });\n    }, []);\n\n    // Called when a user types into the input field\n    const onInputChanged = useCallback(\n        (newValue: string) => {\n            // Trigger a new search if the user changes the query by typing\n            dispatch({ kind: \"input\", query: newValue });\n            startSearch(newValue);\n        },\n        [startSearch]\n    );\n\n    return {\n        input: state.query,\n        search: state.search,\n        selectedOption: state.selectedOption,\n        onResultConfirmed,\n        onInputChanged\n    };\n}\n\nasync function search(controller: SearchController, query: string): Promise<SearchGroupOption[]> {\n    let suggestions: SuggestionGroup[];\n    try {\n        suggestions = await controller.search(query);\n    } catch (error) {\n        if (!isAbortError(error)) {\n            LOG.error(`Search failed`, error);\n        }\n        suggestions = [];\n    }\n    return mapSuggestions(suggestions);\n}\n\nfunction mapSuggestions(suggestions: SuggestionGroup[]): SearchGroupOption[] {\n    const options = suggestions.map(\n        (group, groupIndex): SearchGroupOption => ({\n            label: group.label,\n            options: group.results.map((suggestion): SearchOption => {\n                return {\n                    value: `${groupIndex}-${suggestion.id}`,\n                    label: suggestion.label,\n                    source: group.source,\n                    result: suggestion\n                };\n            })\n        })\n    );\n    return options;\n}\n"],"names":["search","SingleValueComp","controller"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/search",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "This package provides a UI component to perform a search on given search sources.",
   "keywords": [
     "open-pioneer-trails"
@@ -15,15 +15,15 @@
   },
   "peerDependencies": {
     "@open-pioneer/chakra-integration": "^1.1.3",
-    "@open-pioneer/runtime": "^2.1.5",
+    "@open-pioneer/runtime": "^2.1.6",
+    "@open-pioneer/react-utils": "^1.0.0",
     "@open-pioneer/core": "^1.2.3",
-    "ol": "^9.0.0",
+    "ol": "^9.2.4",
     "react": "^18.3.1",
     "classnames": "^2.3.2",
     "chakra-react-select": "^4.7.6",
     "@chakra-ui/icons": "^2.1.1",
-    "@open-pioneer/react-utils": "^0.2.3",
-    "@open-pioneer/map": "^0.5.1"
+    "@open-pioneer/map": "^0.6.0"
   },
   "exports": {
     "./package.json": "./package.json",