@open-pioneer/search 1.2.0-dev.20260121105545 → 1.3.0-dev-map-loading.20260202141334
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -2
- package/Search.js +3 -2
- package/Search.js.map +1 -1
- package/SearchController.d.ts +1 -1
- package/SearchController.js +2 -1
- package/SearchController.js.map +1 -1
- package/_virtual/source-info.js +6 -0
- package/_virtual/source-info.js.map +1 -0
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
# @open-pioneer/search
|
|
2
2
|
|
|
3
|
-
## 1.
|
|
3
|
+
## 1.3.0-dev-map-loading.20260202141334
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [f5030cc]
|
|
8
|
+
- Updated dependencies [f5030cc]
|
|
9
|
+
- @open-pioneer/map@1.3.0-dev-map-loading.20260202141334
|
|
10
|
+
|
|
11
|
+
## 1.2.0
|
|
4
12
|
|
|
5
13
|
### Minor Changes
|
|
6
14
|
|
|
@@ -9,13 +17,17 @@
|
|
|
9
17
|
|
|
10
18
|
### Patch Changes
|
|
11
19
|
|
|
20
|
+
- 9c29256: Update to core packages 4.4.0
|
|
12
21
|
- 279ca67: Use `workspace:*` instead of `workspace:^` for local package references as default. This ensures that trails packages from this repository are always referenced with their exact version to avoid potential issues with version mismatches. If a project specifically wants to use other versions for some trails packages, a pnpm override can be used to force other versions.
|
|
13
22
|
- 9580bb4: Update various dependencies.
|
|
14
23
|
- 9580bb4: Update to Chakra 3.31.0
|
|
24
|
+
- Updated dependencies [597584b]
|
|
25
|
+
- Updated dependencies [9c29256]
|
|
15
26
|
- Updated dependencies [279ca67]
|
|
27
|
+
- Updated dependencies [597584b]
|
|
16
28
|
- Updated dependencies [9580bb4]
|
|
17
29
|
- Updated dependencies [9580bb4]
|
|
18
|
-
- @open-pioneer/map@1.2.0
|
|
30
|
+
- @open-pioneer/map@1.2.0
|
|
19
31
|
|
|
20
32
|
## 1.1.0
|
|
21
33
|
|
package/Search.js
CHANGED
|
@@ -5,12 +5,13 @@ import { useMapModelValue } from '@open-pioneer/map';
|
|
|
5
5
|
import { useCommonComponentProps, useEvent } from '@open-pioneer/react-utils';
|
|
6
6
|
import { Select } from 'chakra-react-select';
|
|
7
7
|
import { useIntl } from './_virtual/hooks.js';
|
|
8
|
+
import { sourceId } from './_virtual/source-info.js';
|
|
8
9
|
import { useRef, useState, useEffect, useReducer, useMemo } from 'react';
|
|
9
10
|
import { GroupComp, ClearIndicator, IndicatorsContainer, ValueContainer, LoadingMessage, NoOptionsMessage, HighlightOption, SingleValue, Input, MenuComp } from './CustomComponents.js';
|
|
10
|
-
import { SearchController } from './SearchController.js';
|
|
11
11
|
import { SearchApiImpl } from './SearchApiImpl.js';
|
|
12
|
+
import { SearchController } from './SearchController.js';
|
|
12
13
|
|
|
13
|
-
const LOG = createLogger(
|
|
14
|
+
const LOG = createLogger(sourceId);
|
|
14
15
|
const Search = (props) => {
|
|
15
16
|
const {
|
|
16
17
|
sources,
|
package/Search.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sources":["Search.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Box, chakra, Portal, useToken } from \"@chakra-ui/react\";\nimport { createLogger, isAbortError } from \"@open-pioneer/core\";\nimport { MapModel, MapModelProps, useMapModelValue } from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps, useEvent } from \"@open-pioneer/react-utils\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\nimport {\n ActionMeta,\n AriaLiveMessages,\n AriaOnChange,\n AriaOnFocus,\n ChakraStylesConfig,\n InputActionMeta,\n Select,\n SelectInstance,\n Props as SelectProps,\n SingleValue\n} from \"chakra-react-select\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { FC, 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 {\n SearchClearEvent,\n SearchApi,\n SearchDisposedEvent,\n SearchReadyEvent,\n SearchResult,\n SearchSelectEvent,\n SearchSource,\n SearchClearTrigger\n} from \"./api\";\nimport { SearchApiImpl } from \"./SearchApiImpl\";\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 * Properties supported by the {@link Search} component.\n */\nexport interface SearchProps extends CommonComponentProps, MapModelProps {\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 * The placeholder text shown in the search input field when it is empty.\n * Defaults to a generic (and localized) hint.\n */\n placeholder?: string;\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?: (event: SearchClearEvent) => void;\n\n /**\n * Callback that is triggered once when the search is initialized.\n * The search API can be accessed by the `api` property of the {@link SearchReadyEvent}.\n */\n onReady?: (event: SearchReadyEvent) => void;\n\n /**\n * Callback that is triggered once when the search is disposed and unmounted.\n */\n onDisposed?: (event: SearchDisposedEvent) => 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 {\n sources,\n searchTypingDelay,\n maxResultsPerGroup,\n onSelect,\n onClear,\n onReady,\n onDisposed\n } = props;\n const { containerProps } = useCommonComponentProps(\"search\", props);\n const map = useMapModelValue(props);\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 portalDiv = useRef<HTMLDivElement>(null);\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 clearInput = useEvent((trigger: SearchClearTrigger) => {\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 if (trigger === \"user\") {\n selectRef.current?.blur();\n selectRef.current?.focus();\n }\n\n onClear?.({ trigger: trigger });\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 clearInput(\"user\");\n break;\n default:\n LOG.debug(`Unhandled action type '${actionMeta.action}'.`);\n break;\n }\n }\n );\n\n useSearchApi(onReady, onDisposed, clearInput, onInputChanged);\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 selectedOptionStyle=\"color\"\n selectedOptionColorPalette=\"colorPalette\"\n chakraStyles={chakraStyles}\n isClearable={true}\n placeholder={props.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 menuPortalTarget={portalDiv.current}\n />\n <Portal>\n <chakra.div ref={portalDiv} className=\"search-component-menu\" />\n </Portal>\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, selectedItemBg] = useToken(\"colors\", [\n \"colorPalette.100\",\n \"colorPalette.50\",\n \"colorPalette.500\"\n ]);\n return useMemo(() => {\n const chakraStyles: ChakraStylesConfig<SearchOption, false, SearchGroupOption> = {\n control: (provided) => ({\n ...provided,\n paddingInline: 0\n }),\n inputContainer: (provided) => ({\n ...provided,\n gridTemplateAreas: \"'area area area'\",\n display: \"grid\"\n }),\n indicatorsContainer: (provided) => ({\n ...provided,\n // pointerEvents none can sneak in via chakra theme from <Select />\n pointerEvents: \"auto\"\n }),\n input: (provided) => ({\n ...provided,\n gridArea: \"area\"\n }),\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 _highlighted: {\n backgroundColor: focussedItemBg\n },\n _selected: {\n // Prevent white on white\n backgroundColor: selectedItemBg\n }\n }),\n dropdownIndicator: (provided) => ({\n ...provided,\n display: \"none\" // always hide\n })\n };\n return chakraStyles;\n }, [groupHeadingBg, focussedItemBg, selectedItemBg]);\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\n) {\n const [controller, setController] = useState<SearchController | undefined>(undefined);\n useEffect(() => {\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 if (controller) {\n controller.searchTypingDelay = searchTypingDelay;\n }\n }, [controller, searchTypingDelay]);\n useEffect(() => {\n if (controller) {\n controller.maxResultsPerSource = maxResultsPerGroup;\n }\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 * Event handlers returned by this hook are stable references.\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>>(undefined);\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 = useEvent((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 = useEvent((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\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\n// Note: `clearInput` and `setInputValue` must be stable because only the initial value is used to construct the API instance at this time.\nfunction useSearchApi(\n onReady: ((event: SearchReadyEvent) => void) | undefined,\n onDisposed: ((event: SearchDisposedEvent) => void) | undefined,\n clearInput: (trigger: SearchClearTrigger) => void,\n setInputValue: (newValue: string) => void\n) {\n const apiRef = useRef<SearchApi>(null);\n if (!apiRef.current) {\n apiRef.current = new SearchApiImpl(clearInput, setInputValue);\n }\n\n const api = apiRef.current;\n\n const readyTrigger = useEvent(() => {\n onReady?.({\n api\n });\n });\n\n const disposeTrigger = useEvent(() => {\n onDisposed?.({});\n });\n\n // Trigger ready / dispose on mount / unmount, but if the callbacks change.\n // useEvent() returns a stable function reference.\n useEffect(() => {\n readyTrigger();\n return disposeTrigger;\n }, [readyTrigger, disposeTrigger]);\n}\n"],"names":["search","SingleValueComp","controller"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Search.js","sources":["Search.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Box, chakra, Portal, useToken } from \"@chakra-ui/react\";\nimport { createLogger, isAbortError } from \"@open-pioneer/core\";\nimport { MapModel, MapModelProps, useMapModelValue } from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps, useEvent } from \"@open-pioneer/react-utils\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\nimport {\n ActionMeta,\n AriaLiveMessages,\n AriaOnChange,\n AriaOnFocus,\n ChakraStylesConfig,\n InputActionMeta,\n Select,\n SelectInstance,\n Props as SelectProps,\n SingleValue\n} from \"chakra-react-select\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { sourceId } from \"open-pioneer:source-info\";\nimport { FC, useEffect, useMemo, useReducer, useRef, useState } from \"react\";\nimport {\n SearchApi,\n SearchClearEvent,\n SearchClearTrigger,\n SearchDisposedEvent,\n SearchReadyEvent,\n SearchResult,\n SearchSelectEvent,\n SearchSource\n} from \"./api\";\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 { SearchApiImpl } from \"./SearchApiImpl\";\nimport { SearchController, SuggestionGroup } from \"./SearchController\";\n\nconst LOG = createLogger(sourceId);\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 * Properties supported by the {@link Search} component.\n */\nexport interface SearchProps extends CommonComponentProps, MapModelProps {\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 * The placeholder text shown in the search input field when it is empty.\n * Defaults to a generic (and localized) hint.\n */\n placeholder?: string;\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?: (event: SearchClearEvent) => void;\n\n /**\n * Callback that is triggered once when the search is initialized.\n * The search API can be accessed by the `api` property of the {@link SearchReadyEvent}.\n */\n onReady?: (event: SearchReadyEvent) => void;\n\n /**\n * Callback that is triggered once when the search is disposed and unmounted.\n */\n onDisposed?: (event: SearchDisposedEvent) => 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 {\n sources,\n searchTypingDelay,\n maxResultsPerGroup,\n onSelect,\n onClear,\n onReady,\n onDisposed\n } = props;\n const { containerProps } = useCommonComponentProps(\"search\", props);\n const map = useMapModelValue(props);\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 portalDiv = useRef<HTMLDivElement>(null);\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 clearInput = useEvent((trigger: SearchClearTrigger) => {\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 if (trigger === \"user\") {\n selectRef.current?.blur();\n selectRef.current?.focus();\n }\n\n onClear?.({ trigger: trigger });\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 clearInput(\"user\");\n break;\n default:\n LOG.debug(`Unhandled action type '${actionMeta.action}'.`);\n break;\n }\n }\n );\n\n useSearchApi(onReady, onDisposed, clearInput, onInputChanged);\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 selectedOptionStyle=\"color\"\n selectedOptionColorPalette=\"colorPalette\"\n chakraStyles={chakraStyles}\n isClearable={true}\n placeholder={props.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 menuPortalTarget={portalDiv.current}\n />\n <Portal>\n <chakra.div ref={portalDiv} className=\"search-component-menu\" />\n </Portal>\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, selectedItemBg] = useToken(\"colors\", [\n \"colorPalette.100\",\n \"colorPalette.50\",\n \"colorPalette.500\"\n ]);\n return useMemo(() => {\n const chakraStyles: ChakraStylesConfig<SearchOption, false, SearchGroupOption> = {\n control: (provided) => ({\n ...provided,\n paddingInline: 0\n }),\n inputContainer: (provided) => ({\n ...provided,\n gridTemplateAreas: \"'area area area'\",\n display: \"grid\"\n }),\n indicatorsContainer: (provided) => ({\n ...provided,\n // pointerEvents none can sneak in via chakra theme from <Select />\n pointerEvents: \"auto\"\n }),\n input: (provided) => ({\n ...provided,\n gridArea: \"area\"\n }),\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 _highlighted: {\n backgroundColor: focussedItemBg\n },\n _selected: {\n // Prevent white on white\n backgroundColor: selectedItemBg\n }\n }),\n dropdownIndicator: (provided) => ({\n ...provided,\n display: \"none\" // always hide\n })\n };\n return chakraStyles;\n }, [groupHeadingBg, focussedItemBg, selectedItemBg]);\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\n) {\n const [controller, setController] = useState<SearchController | undefined>(undefined);\n useEffect(() => {\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 if (controller) {\n controller.searchTypingDelay = searchTypingDelay;\n }\n }, [controller, searchTypingDelay]);\n useEffect(() => {\n if (controller) {\n controller.maxResultsPerSource = maxResultsPerGroup;\n }\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 * Event handlers returned by this hook are stable references.\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>>(undefined);\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 = useEvent((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 = useEvent((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\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\n// Note: `clearInput` and `setInputValue` must be stable because only the initial value is used to construct the API instance at this time.\nfunction useSearchApi(\n onReady: ((event: SearchReadyEvent) => void) | undefined,\n onDisposed: ((event: SearchDisposedEvent) => void) | undefined,\n clearInput: (trigger: SearchClearTrigger) => void,\n setInputValue: (newValue: string) => void\n) {\n const apiRef = useRef<SearchApi>(null);\n if (!apiRef.current) {\n apiRef.current = new SearchApiImpl(clearInput, setInputValue);\n }\n\n const api = apiRef.current;\n\n const readyTrigger = useEvent(() => {\n onReady?.({\n api\n });\n });\n\n const disposeTrigger = useEvent(() => {\n onDisposed?.({});\n });\n\n // Trigger ready / dispose on mount / unmount, but if the callbacks change.\n // useEvent() returns a stable function reference.\n useEffect(() => {\n readyTrigger();\n return disposeTrigger;\n }, [readyTrigger, disposeTrigger]);\n}\n"],"names":["search","SingleValueComp","controller"],"mappings":"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"}
|
package/SearchController.d.ts
CHANGED
package/SearchController.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { createLogger, throwAbortError, isAbortError } from '@open-pioneer/core';
|
|
2
|
+
import { sourceId$1 as sourceId } from './_virtual/source-info.js';
|
|
2
3
|
|
|
3
|
-
const LOG = createLogger(
|
|
4
|
+
const LOG = createLogger(sourceId);
|
|
4
5
|
const DEFAULT_SEARCH_TYPING_DELAY = 200;
|
|
5
6
|
const DEFAULT_MAX_RESULTS_PER_SOURCE = 5;
|
|
6
7
|
class SearchController {
|
package/SearchController.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchController.js","sources":["SearchController.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { createLogger, isAbortError, throwAbortError } from \"@open-pioneer/core\";\nimport {
|
|
1
|
+
{"version":3,"file":"SearchController.js","sources":["SearchController.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { createLogger, isAbortError, throwAbortError } from \"@open-pioneer/core\";\nimport { MapModel } from \"@open-pioneer/map\";\nimport { sourceId } from \"open-pioneer:source-info\";\nimport { SearchResult, SearchSource } from \"./api\";\n\nconst LOG = createLogger(sourceId);\n\n/**\n * Group of suggestions returned from one source.\n */\nexport interface SuggestionGroup {\n label: string;\n source: SearchSource;\n results: SearchResult[];\n}\n\nconst DEFAULT_SEARCH_TYPING_DELAY = 200;\nconst DEFAULT_MAX_RESULTS_PER_SOURCE = 5;\n\nexport class SearchController {\n #mapModel: MapModel;\n\n /**\n * Search sources defined by the developer.\n */\n #sources: SearchSource[] = [];\n\n /**\n * Limits the number of results per source.\n */\n #maxResultsPerSource: number = DEFAULT_MAX_RESULTS_PER_SOURCE;\n\n /**\n * The timeout in millis.\n */\n #searchTypingDelay: number = DEFAULT_SEARCH_TYPING_DELAY;\n\n /**\n * Cancel or abort a previous request.\n */\n #abortController: AbortController | undefined;\n\n constructor(mapModel: MapModel, sources: SearchSource[]) {\n this.#mapModel = mapModel;\n this.#sources = sources;\n }\n\n destroy() {\n this.#abortController?.abort();\n this.#abortController = undefined;\n }\n\n async search(searchTerm: string): Promise<SuggestionGroup[]> {\n this.#abortController?.abort();\n this.#abortController = undefined;\n if (!searchTerm) {\n return [];\n }\n\n const abort = (this.#abortController = new AbortController());\n try {\n await waitForTimeOut(abort.signal, this.#searchTypingDelay);\n if (abort.signal.aborted) {\n LOG.debug(`search canceled with ${searchTerm}`);\n throwAbortError();\n }\n const settledSearches = await Promise.all(\n this.#sources.map((source) => this.#searchSource(source, searchTerm, abort.signal))\n );\n return settledSearches.filter((s): s is SuggestionGroup => s != null);\n } finally {\n if (this.#abortController === abort) {\n this.#abortController = undefined;\n }\n }\n }\n\n async #searchSource(\n source: SearchSource,\n searchTerm: string,\n signal: AbortSignal\n ): Promise<SuggestionGroup | undefined> {\n const label = source.label;\n const projection = this.#mapModel.projection;\n try {\n const maxResults = this.#maxResultsPerSource;\n let results = await source.search(searchTerm, {\n maxResults,\n signal,\n mapProjection: projection,\n map: this.#mapModel\n });\n if (results.length > maxResults) {\n results = results.slice(0, maxResults);\n }\n return { label, source, results };\n } catch (e) {\n if (!isAbortError(e)) {\n LOG.error(`search for source ${label} failed`, e);\n }\n return undefined;\n }\n }\n\n get searchTypingDelay(): number {\n return this.#searchTypingDelay;\n }\n\n set searchTypingDelay(value: number | undefined) {\n this.#searchTypingDelay = value ?? DEFAULT_SEARCH_TYPING_DELAY;\n }\n\n get maxResultsPerSource(): number {\n return this.#maxResultsPerSource;\n }\n\n set maxResultsPerSource(value: number | undefined) {\n this.#maxResultsPerSource = value ?? DEFAULT_MAX_RESULTS_PER_SOURCE;\n }\n\n get sources() {\n return this.#sources;\n }\n}\n\n/**\n * wait for timeouts millis or until signal is aborted, whatever happens first\n */\nasync function waitForTimeOut(signal: AbortSignal, timeoutMillis: number) {\n if (signal.aborted) {\n return;\n }\n\n await new Promise<void>((resolve) => {\n const done = () => {\n signal.removeEventListener(\"abort\", done);\n clearTimeout(timeoutId);\n resolve();\n };\n\n signal.addEventListener(\"abort\", done);\n const timeoutId = setTimeout(done, timeoutMillis);\n });\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"source-info.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"type": "module",
|
|
3
3
|
"name": "@open-pioneer/search",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.3.0-dev-map-loading.20260202141334",
|
|
5
5
|
"description": "This package provides a UI component to perform a search on given search sources.",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"open-pioneer-trails"
|
|
@@ -15,16 +15,16 @@
|
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@chakra-ui/react": "^3.31.0",
|
|
18
|
-
"@open-pioneer/chakra-snippets": "4.4.0
|
|
19
|
-
"@open-pioneer/core": "4.4.0
|
|
20
|
-
"@open-pioneer/react-utils": "4.4.0
|
|
21
|
-
"@open-pioneer/runtime": "4.4.0
|
|
18
|
+
"@open-pioneer/chakra-snippets": "^4.4.0",
|
|
19
|
+
"@open-pioneer/core": "^4.4.0",
|
|
20
|
+
"@open-pioneer/react-utils": "^4.4.0",
|
|
21
|
+
"@open-pioneer/runtime": "^4.4.0",
|
|
22
22
|
"chakra-react-select": "^6.1.1",
|
|
23
23
|
"classnames": "^2.5.1",
|
|
24
24
|
"ol": "^10.7.0",
|
|
25
25
|
"react": "^19.2.3",
|
|
26
26
|
"react-icons": "^5.5.0",
|
|
27
|
-
"@open-pioneer/map": "1.
|
|
27
|
+
"@open-pioneer/map": "1.3.0-dev-map-loading.20260202141334"
|
|
28
28
|
},
|
|
29
29
|
"exports": {
|
|
30
30
|
"./package.json": "./package.json",
|