@open-pioneer/search 1.4.0 → 1.5.0-dev.20260910103330

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @open-pioneer/search
 
+## 1.5.0-dev.20260910103330
+
+### Minor Changes
+
+- f790fda: Update to Chakra 3.37.0
+
+### Patch Changes
+
+- 3203815: Update code to match new react linting rules from oxlint.
+- 09ec7c7: Updated dependencies
+
 ## 1.4.0
 
 ### Minor Changes
@@ -10,8 +21,8 @@
   The method returns the selected `SearchResult` (and its `SearchSource`) or `undefined` when no match is found.
 - 0b9143d: The `onSelect` callback now receives an additional property `trigger` (`"user"` or `"api-select"`) support different reactions based on the way a result was selected:
 
-    - `user` indicates that event was triggered by the end user
-    - `api-select` indicates that the selection was made via the API (i.e. `searchAndSelect`).
+  - `user` indicates that event was triggered by the end user
+  - `api-select` indicates that the selection was made via the API (i.e. `searchAndSelect`).
 
 ### Patch Changes
 
@@ -24,8 +35,8 @@
 - 9b5d5f3: Support for new common container props (role, aria-\*, data-\* and css)
 - d05a3b8: Refactor user interface: now based on chakra's combobox instead of react-select.
 
-    NOTE: This causes changes to many internal CSS classes and attributes.
-    The UX of the control should be the same.
+  NOTE: This causes changes to many internal CSS classes and attributes.
+  The UX of the control should be the same.
 
 - d54ccfd: Update to Chakra UI 3.35.0
 - 206b397: Update to trails core packages 4.6.0
@@ -62,8 +73,8 @@
 
 - 0485014: Introduce search API and `resetInput` method (see [PR](https://github.com/open-pioneer/trails-openlayers-base-packages/pull/493)).
 
-    The search API allows programmatic access to the search component.
-    Currently, it provides a method to reset the search input field.
+  The search API allows programmatic access to the search component.
+  Currently, it provides a method to reset the search input field.
 
 - 2732052: Icons have been changed to unify the appearance of the components. Preferably, Lucide react-icons are used.
 - 2abcaaf: Update to chakra-ui 3.28.0
@@ -86,16 +97,16 @@
 
 - 9376a74: Ensure that icons and other decorative elements are hidden from the screen reader using the `aria-hidden="true"` attribute.
 
-    The easiest way to do that is to wrap icons into chakra's `<Icon />` component, for example:
+  The easiest way to do that is to wrap icons into chakra's `<Icon />` component, for example:
 
-    ```tsx
-    import { Icon } from "@chakra-ui/react";
-    import { FiX } from "react-icons/fi";
+  ```tsx
+  import { Icon } from "@chakra-ui/react";
+  import { FiX } from "react-icons/fi";
 
-    <Icon>
-        <FiX />
-    </Icon>;
-    ```
+  <Icon>
+    <FiX />
+  </Icon>;
+  ```
 
 ## 0.10.0
 
@@ -104,17 +115,17 @@
 - 193068a: Deprecate the `mapId` property on React components.
   Use the `MapModel` directly instead to pass a reference to the map.
 
-    Example:
+  Example:
 
-    ```tsx
-    // Default map for entire component tree
-    <DefaultMapProvider map={mapModel}>
-        <Toc />
-    </DefaultMapProvider>
+  ```tsx
+  // Default map for entire component tree
+  <DefaultMapProvider map={mapModel}>
+      <Toc />
+  </DefaultMapProvider>
 
-    // Map for specific component
-    <Toc map={mapModel} />
-    ```
+  // Map for specific component
+  <Toc map={mapModel} />
+  ```
 
 ### Patch Changes
 
@@ -138,9 +149,9 @@
 ### Minor Changes
 
 - 2fa8020: Update trails core package dependencies.
-    - Also updates Chakra UI to the latest 2.x version and Chakra React Select to version 5.
-    - Removes any obsolete references to `@chakra-ui/system`.
-      This dependency seems to be no longer required and may lead to duplicate packages in your dependency tree.
+  - Also updates Chakra UI to the latest 2.x version and Chakra React Select to version 5.
+  - Removes any obsolete references to `@chakra-ui/system`.
+    This dependency seems to be no longer required and may lead to duplicate packages in your dependency tree.
 
 ### Patch Changes
 
@@ -159,7 +170,7 @@
 - 583f1d6: The `mapId` or `map` properties are now optional on individual components.
   You can use the `DefaultMapProvider` to configure an implicit default value.
 
-    Note that configuring _neither_ a default _nor_ an explicit `map` or `mapId` will trigger a runtime error.
+  Note that configuring _neither_ a default _nor_ an explicit `map` or `mapId` will trigger a runtime error.
 
 - 583f1d6: All UI components in this project now accept the `mapId` (a `string`) _or_ the `map` (a `MapModel`) directly.
 - a8b3449: Switch to a new versioning strategy.

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/search",
-  "version": "1.4.0",
+  "version": "1.5.0-dev.20260910103330",
   "description": "This package provides a UI component to perform a search on given search sources.",
   "keywords": [
     "open-pioneer-trails"
@@ -14,15 +14,19 @@
     "directory": "src/packages/search"
   },
   "dependencies": {
-    "@chakra-ui/react": "^3.36.1",
-    "@open-pioneer/chakra-snippets": "^4.7.0",
-    "@open-pioneer/core": "^4.7.0",
-    "@open-pioneer/react-utils": "^4.7.0",
-    "@open-pioneer/runtime": "^4.7.0",
-    "ol": "^10.9.0",
+    "@chakra-ui/react": "^3.37.0",
+    "@open-pioneer/chakra-snippets": "4.8.0-dev.20260910101405",
+    "@open-pioneer/core": "4.8.0-dev.20260910101405",
+    "@open-pioneer/map": "1.5.0-dev.20260910103330",
+    "@open-pioneer/react-utils": "4.8.0-dev.20260910101405",
+    "@open-pioneer/runtime": "4.8.0-dev.20260910101405",
+    "ol": "^10.10.0",
     "react": "^19.2.8",
-    "react-icons": "^5.7.0",
-    "@open-pioneer/map": "1.4.0"
+    "react-icons": "^5.7.0"
+  },
+  "publishConfig": {
+    "directory": "dist",
+    "linkDirectory": false
   },
   "exports": {
     "./package.json": "./package.json",

package/ui/Search.js.map

@@ -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\n\nimport { Box } from \"@chakra-ui/react\";\nimport { MapModelProps, useMapModelValue } from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps, useEvent } from \"@open-pioneer/react-utils\";\nimport { FC, useEffect, useRef } from \"react\";\nimport {\n    SearchApi,\n    SearchClearEvent,\n    SearchDisposedEvent,\n    SearchReadyEvent,\n    SearchSelectEvent,\n    SearchSource,\n    SelectResult\n} from \"../api\";\nimport { SearchApiImpl } from \"./SearchApiImpl\";\nimport { SearchInput } from \"./SearchInput\";\nimport { useSearchState } from \"./useSearchState\";\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 a search result has been selected.\n     */\n    onSelect?: (event: SearchSelectEvent) => void;\n\n    /**\n     * This event handler will be called when the search input has been cleared.\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        placeholder,\n        onSelect,\n        onClear,\n        onReady,\n        onDisposed\n    } = props;\n    const { containerProps } = useCommonComponentProps(\"search\", props);\n    const map = useMapModelValue(props);\n    const { input, results, onInputChanged, onOptionConfirmed, selectedOption, searchAndSelect } =\n        useSearchState(sources, searchTypingDelay, maxResultsPerGroup, map, onSelect);\n\n    // api trigger hooks\n    useSearchApi(onReady, onDisposed, onInputChanged, onClear, searchAndSelect);\n\n    return (\n        <Box {...containerProps} width={\"100%\"}>\n            <SearchInput\n                input={input}\n                selectedOption={selectedOption}\n                results={results}\n                placeholder={placeholder}\n                onClear={onClear}\n                onSelect={onSelect}\n                onInputChanged={onInputChanged}\n                onOptionConfirmed={onOptionConfirmed}\n            />\n        </Box>\n    );\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.\n// oxlint-disable-next-line max-params\nfunction useSearchApi(\n    onReady: ((event: SearchReadyEvent) => void) | undefined,\n    onDisposed: ((event: SearchDisposedEvent) => void) | undefined,\n    onInputChanged: (newValue: string) => void,\n    onClear: ((event: SearchClearEvent) => void) | undefined,\n    searchAndSelect: (inputValue: string) => Promise<SelectResult | undefined>\n) {\n    const clearInput = useEvent(() => {\n        onInputChanged(\"\");\n        onClear?.({ trigger: \"api-reset\" });\n    });\n\n    const apiRef = useRef<SearchApi>(null);\n    if (!apiRef.current) {\n        // NOTE: The API object is only created once.\n        // This is why the functions must currently be stable!\n        apiRef.current = new SearchApiImpl(clearInput, onInputChanged, searchAndSelect);\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":[],"mappings":";;;;;;;;;AAwEO,MAAM,MAAA,GAA0B,CAAC,KAAA,KAAU;AAC9C,EAAA,MAAM;AAAA,IACF,OAAA;AAAA,IACA,iBAAA;AAAA,IACA,kBAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACJ,GAAI,KAAA;AACJ,EAAA,MAAM,EAAE,cAAA,EAAe,GAAI,uBAAA,CAAwB,UAAU,KAAK,CAAA;AAClE,EAAA,MAAM,GAAA,GAAM,iBAAiB,KAAK,CAAA;AAClC,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,cAAA,EAAgB,iBAAA,EAAmB,cAAA,EAAgB,eAAA,EAAgB,GACvF,cAAA,CAAe,OAAA,EAAS,iBAAA,EAAmB,kBAAA,EAAoB,KAAK,QAAQ,CAAA;AAGhF,EAAA,YAAA,CAAa,OAAA,EAAS,UAAA,EAAY,cAAA,EAAgB,OAAA,EAAS,eAAe,CAAA;AAE1E,EAAA,uBACI,GAAA,CAAC,GAAA,EAAA,EAAK,GAAG,cAAA,EAAgB,OAAO,MAAA,EAC5B,QAAA,kBAAA,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACG,KAAA;AAAA,MACA,cAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA;AAAA,GACJ,EACJ,CAAA;AAER;AAIA,SAAS,YAAA,CACL,OAAA,EACA,UAAA,EACA,cAAA,EACA,SACA,eAAA,EACF;AACE,EAAA,MAAM,UAAA,GAAa,SAAS,MAAM;AAC9B,IAAA,cAAA,CAAe,EAAE,CAAA;AACjB,IAAA,OAAA,GAAU,EAAE,OAAA,EAAS,WAAA,EAAa,CAAA;AAAA,EACtC,CAAC,CAAA;AAED,EAAA,MAAM,MAAA,GAAS,OAAkB,IAAI,CAAA;AACrC,EAAA,IAAI,CAAC,OAAO,OAAA,EAAS;AAGjB,IAAA,MAAA,CAAO,OAAA,GAAU,IAAI,aAAA,CAAc,UAAA,EAAY,gBAAgB,eAAe,CAAA;AAAA,EAClF;AAEA,EAAA,MAAM,MAAM,MAAA,CAAO,OAAA;AAEnB,EAAA,MAAM,YAAA,GAAe,SAAS,MAAM;AAChC,IAAA,OAAA,GAAU;AAAA,MACN;AAAA,KACH,CAAA;AAAA,EACL,CAAC,CAAA;AAED,EAAA,MAAM,cAAA,GAAiB,SAAS,MAAM;AAClC,IAAA,UAAA,GAAa,EAAE,CAAA;AAAA,EACnB,CAAC,CAAA;AAID,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,YAAA,EAAa;AACb,IAAA,OAAO,cAAA;AAAA,EACX,CAAA,EAAG,CAAC,YAAA,EAAc,cAAc,CAAC,CAAA;AACrC;;;;"}
+{"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\n\nimport { Box } from \"@chakra-ui/react\";\nimport { MapModelProps, useMapModelValue } from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps, useEvent } from \"@open-pioneer/react-utils\";\nimport { FC, useEffect, useRef } from \"react\";\nimport {\n    SearchApi,\n    SearchClearEvent,\n    SearchDisposedEvent,\n    SearchReadyEvent,\n    SearchSelectEvent,\n    SearchSource,\n    SelectResult\n} from \"../api\";\nimport { SearchApiImpl } from \"./SearchApiImpl\";\nimport { SearchInput } from \"./SearchInput\";\nimport { useSearchState } from \"./useSearchState\";\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 a search result has been selected.\n     */\n    onSelect?: (event: SearchSelectEvent) => void;\n\n    /**\n     * This event handler will be called when the search input has been cleared.\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        placeholder,\n        onSelect,\n        onClear,\n        onReady,\n        onDisposed\n    } = props;\n    const { containerProps } = useCommonComponentProps(\"search\", props);\n    const map = useMapModelValue(props);\n    const { input, results, onInputChanged, onOptionConfirmed, selectedOption, searchAndSelect } =\n        useSearchState(sources, searchTypingDelay, maxResultsPerGroup, map, onSelect);\n\n    // api trigger hooks\n    useSearchApi(onReady, onDisposed, onInputChanged, onClear, searchAndSelect);\n\n    return (\n        <Box {...containerProps} width={\"100%\"}>\n            <SearchInput\n                input={input}\n                selectedOption={selectedOption}\n                results={results}\n                placeholder={placeholder}\n                onClear={onClear}\n                onSelect={onSelect}\n                onInputChanged={onInputChanged}\n                onOptionConfirmed={onOptionConfirmed}\n            />\n        </Box>\n    );\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.\n// oxlint-disable-next-line max-params\nfunction useSearchApi(\n    onReady: ((event: SearchReadyEvent) => void) | undefined,\n    onDisposed: ((event: SearchDisposedEvent) => void) | undefined,\n    onInputChanged: (newValue: string) => void,\n    onClear: ((event: SearchClearEvent) => void) | undefined,\n    searchAndSelect: (inputValue: string) => Promise<SelectResult | undefined>\n) {\n    const clearInput = useEvent(() => {\n        onInputChanged(\"\");\n        onClear?.({ trigger: \"api-reset\" });\n    });\n\n    const apiRef = useRef<SearchApi>(null);\n    // oxlint-disable-next-line react/refs\n    if (!apiRef.current) {\n        // NOTE: The API object is only created once.\n        // This is why the functions must currently be stable!\n        apiRef.current = new SearchApiImpl(clearInput, onInputChanged, searchAndSelect);\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":[],"mappings":";;;;;;;;;AAwEO,MAAM,MAAA,GAA0B,CAAC,KAAA,KAAU;AAC9C,EAAA,MAAM;AAAA,IACF,OAAA;AAAA,IACA,iBAAA;AAAA,IACA,kBAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACJ,GAAI,KAAA;AACJ,EAAA,MAAM,EAAE,cAAA,EAAe,GAAI,uBAAA,CAAwB,UAAU,KAAK,CAAA;AAClE,EAAA,MAAM,GAAA,GAAM,iBAAiB,KAAK,CAAA;AAClC,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,cAAA,EAAgB,iBAAA,EAAmB,cAAA,EAAgB,eAAA,EAAgB,GACvF,cAAA,CAAe,OAAA,EAAS,iBAAA,EAAmB,kBAAA,EAAoB,KAAK,QAAQ,CAAA;AAGhF,EAAA,YAAA,CAAa,OAAA,EAAS,UAAA,EAAY,cAAA,EAAgB,OAAA,EAAS,eAAe,CAAA;AAE1E,EAAA,uBACI,GAAA,CAAC,GAAA,EAAA,EAAK,GAAG,cAAA,EAAgB,OAAO,MAAA,EAC5B,QAAA,kBAAA,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACG,KAAA;AAAA,MACA,cAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA;AAAA,GACJ,EACJ,CAAA;AAER;AAIA,SAAS,YAAA,CACL,OAAA,EACA,UAAA,EACA,cAAA,EACA,SACA,eAAA,EACF;AACE,EAAA,MAAM,UAAA,GAAa,SAAS,MAAM;AAC9B,IAAA,cAAA,CAAe,EAAE,CAAA;AACjB,IAAA,OAAA,GAAU,EAAE,OAAA,EAAS,WAAA,EAAa,CAAA;AAAA,EACtC,CAAC,CAAA;AAED,EAAA,MAAM,MAAA,GAAS,OAAkB,IAAI,CAAA;AAErC,EAAA,IAAI,CAAC,OAAO,OAAA,EAAS;AAGjB,IAAA,MAAA,CAAO,OAAA,GAAU,IAAI,aAAA,CAAc,UAAA,EAAY,gBAAgB,eAAe,CAAA;AAAA,EAClF;AAEA,EAAA,MAAM,MAAM,MAAA,CAAO,OAAA;AAEnB,EAAA,MAAM,YAAA,GAAe,SAAS,MAAM;AAChC,IAAA,OAAA,GAAU;AAAA,MACN;AAAA,KACH,CAAA;AAAA,EACL,CAAC,CAAA;AAED,EAAA,MAAM,cAAA,GAAiB,SAAS,MAAM;AAClC,IAAA,UAAA,GAAa,EAAE,CAAA;AAAA,EACnB,CAAC,CAAA;AAID,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,YAAA,EAAa;AACb,IAAA,OAAO,cAAA;AAAA,EACX,CAAA,EAAG,CAAC,YAAA,EAAc,cAAc,CAAC,CAAA;AACrC;;;;"}

package/ui/useSearchState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSearchState.js","sources":["useSearchState.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createLogger, isAbortError } from \"@open-pioneer/core\";\nimport { MapModel } from \"@open-pioneer/map\";\nimport { useEvent } from \"@open-pioneer/react-utils\";\nimport { sourceId } from \"open-pioneer:source-info\";\nimport { useCallback, useEffect, useReducer, useRef, useState } from \"react\";\nimport { SearchResult, SearchSource, SelectResult } from \"../api\";\nimport { SearchController, ResultGroup } from \"../model/SearchController\";\nimport { SearchProps } from \"./Search\";\n\nconst LOG = createLogger(sourceId);\n\nexport interface SearchOptionGroup {\n    /** Unique id of this group. */\n    id: string;\n\n    /** Display text shown in menu. */\n    label: string;\n\n    /** Set of options that belong to this group. */\n    options: SearchOption[];\n}\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    /** Links to the parent group. */\n    group: SearchOptionGroup;\n\n    /** The raw result from the search source. */\n    result: SearchResult;\n}\n\nexport interface SearchState {\n    input: string;\n    results: SearchResultsState;\n    selectedOption: SearchOption | undefined;\n\n    // NOTE: Stable functions\n    onOptionConfirmed: (newOption: SearchOption) => void;\n    onInputChanged: (newInput: string) => void;\n\n    searchAndSelect: (query: string) => Promise<SelectResult | undefined>;\n}\n\nexport type SearchResultsReady = {\n    kind: \"ready\";\n    results: SearchOptionGroup[];\n};\n\nexport type SearchResultsLoading = {\n    kind: \"loading\";\n};\n\nexport type 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 */\n// oxlint-disable-next-line max-params\nexport function useSearchState(\n    sources: SearchSource[],\n    searchTypingDelay: number | undefined,\n    maxResultsPerGroup: number | undefined,\n    map: MapModel,\n    onSelect: SearchProps[\"onSelect\"] | undefined // TODO: refactor --> model\n): SearchState {\n    interface FullSearchState {\n        query: string;\n        selectedOption: SearchOption | undefined;\n        search: SearchResultsState;\n    }\n\n    const getId = useSearchSourceId();\n    const controller = useController(sources, searchTypingDelay, maxResultsPerGroup, map);\n\n    type Action =\n        | { kind: \"input\"; query: string }\n        | { kind: \"select-option\"; option: SearchOption }\n        | { kind: \"load-results\" }\n        | { kind: \"accept-results\"; results: SearchOptionGroup[] };\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: undefined\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: undefined,\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, getId).then(\n            (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\n    /**\n     * Searches for the specified query and automatically selects the first matching result.\n     *\n     * If the search controller is unavailable or the search returns no results,\n     * the promise resolves to `undefined`.\n     *\n     * When a match is found, this function:\n     * - Executes the search using the provided query.\n     * - Updates the UI with the returned search results.\n     * - Selects the first available search option and notifies the component's callback function (if any).\n     *\n     * @param query - The search query to execute.\n     * @returns A promise that resolves to the selected {@link SearchResult} and its source,\n     * or `undefined` if no result is found or the search cannot be performed.\n     */\n    const searchAndSelect = useEvent(async (query: string): Promise<SelectResult | undefined> => {\n        if (!controller) {\n            return undefined;\n        }\n\n        const groups = await search(controller, query, getId);\n        const firstOption = groups.flatMap((g) => g.options)[0];\n        if (!firstOption) {\n            return undefined;\n        }\n\n        const { result, source } = firstOption;\n\n        // update UI\n        dispatch({\n            kind: \"accept-results\",\n            results: groups\n        });\n        dispatch({\n            kind: \"select-option\",\n            option: firstOption\n        });\n\n        // notify component callback\n        onSelect?.({ result, source, trigger: \"api-select\" });\n        return { result, source };\n    });\n\n    // Called when the user confirms a search result\n    const onOptionConfirmed = 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        results: state.search,\n        selectedOption: state.selectedOption,\n        onOptionConfirmed,\n        onInputChanged,\n        searchAndSelect\n    };\n}\n\nasync function search(\n    controller: SearchController,\n    query: string,\n    getId: GetSearchSourceId\n): Promise<SearchOptionGroup[]> {\n    let suggestions: ResultGroup[];\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, getId);\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\n// Maps results from search source to objects that the UI can work with.\nfunction mapSuggestions(\n    resultGroups: ResultGroup[],\n    getId: GetSearchSourceId\n): SearchOptionGroup[] {\n    return resultGroups.map((resultGroup): SearchOptionGroup => {\n        const groupId = getId(resultGroup.source);\n        const optionGroup: SearchOptionGroup = {\n            id: groupId,\n            label: resultGroup.label,\n            options: []\n        };\n\n        for (const result of resultGroup.results) {\n            optionGroup.options.push({\n                // unique (in this component)\n                value: `${groupId}-${result.id}`,\n                label: result.label,\n                group: optionGroup,\n                source: resultGroup.source,\n                result: result\n            });\n        }\n        return optionGroup;\n    });\n}\n\ntype GetSearchSourceId = (source: SearchSource) => string;\n\nfunction useSearchSourceId(): GetSearchSourceId {\n    const sourceIds = useRef<WeakMap<SearchSource, string>>(undefined);\n    const counter = useRef(0);\n    if (!sourceIds.current) {\n        sourceIds.current = new WeakMap();\n    }\n\n    return useCallback((searchSource: SearchSource) => {\n        // oxlint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const ids = sourceIds.current!;\n        if (!ids.has(searchSource)) {\n            ids.set(searchSource, `source-${counter.current++}`);\n        }\n        // oxlint-disable-next-line @typescript-eslint/no-non-null-assertion\n        return ids.get(searchSource)!;\n    }, []);\n}\n"],"names":["controller"],"mappings":"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"}
+{"version":3,"file":"useSearchState.js","sources":["useSearchState.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createLogger, isAbortError } from \"@open-pioneer/core\";\nimport { MapModel } from \"@open-pioneer/map\";\nimport { useEvent } from \"@open-pioneer/react-utils\";\nimport { sourceId } from \"open-pioneer:source-info\";\nimport { useCallback, useEffect, useReducer, useRef, useState } from \"react\";\nimport { SearchResult, SearchSource, SelectResult } from \"../api\";\nimport { SearchController, ResultGroup } from \"../model/SearchController\";\nimport { SearchProps } from \"./Search\";\n\nconst LOG = createLogger(sourceId);\n\nexport interface SearchOptionGroup {\n    /** Unique id of this group. */\n    id: string;\n\n    /** Display text shown in menu. */\n    label: string;\n\n    /** Set of options that belong to this group. */\n    options: SearchOption[];\n}\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    /** Links to the parent group. */\n    group: SearchOptionGroup;\n\n    /** The raw result from the search source. */\n    result: SearchResult;\n}\n\nexport interface SearchState {\n    input: string;\n    results: SearchResultsState;\n    selectedOption: SearchOption | undefined;\n\n    // NOTE: Stable functions\n    onOptionConfirmed: (newOption: SearchOption) => void;\n    onInputChanged: (newInput: string) => void;\n\n    searchAndSelect: (query: string) => Promise<SelectResult | undefined>;\n}\n\nexport type SearchResultsReady = {\n    kind: \"ready\";\n    results: SearchOptionGroup[];\n};\n\nexport type SearchResultsLoading = {\n    kind: \"loading\";\n};\n\nexport type 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 */\n// oxlint-disable-next-line max-params\nexport function useSearchState(\n    sources: SearchSource[],\n    searchTypingDelay: number | undefined,\n    maxResultsPerGroup: number | undefined,\n    map: MapModel,\n    onSelect: SearchProps[\"onSelect\"] | undefined // TODO: refactor --> model\n): SearchState {\n    interface FullSearchState {\n        query: string;\n        selectedOption: SearchOption | undefined;\n        search: SearchResultsState;\n    }\n\n    const getId = useSearchSourceId();\n    const controller = useController(sources, searchTypingDelay, maxResultsPerGroup, map);\n\n    type Action =\n        | { kind: \"input\"; query: string }\n        | { kind: \"select-option\"; option: SearchOption }\n        | { kind: \"load-results\" }\n        | { kind: \"accept-results\"; results: SearchOptionGroup[] };\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: undefined\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: undefined,\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, getId).then(\n            (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\n    /**\n     * Searches for the specified query and automatically selects the first matching result.\n     *\n     * If the search controller is unavailable or the search returns no results,\n     * the promise resolves to `undefined`.\n     *\n     * When a match is found, this function:\n     * - Executes the search using the provided query.\n     * - Updates the UI with the returned search results.\n     * - Selects the first available search option and notifies the component's callback function (if any).\n     *\n     * @param query - The search query to execute.\n     * @returns A promise that resolves to the selected {@link SearchResult} and its source,\n     * or `undefined` if no result is found or the search cannot be performed.\n     */\n    const searchAndSelect = useEvent(async (query: string): Promise<SelectResult | undefined> => {\n        if (!controller) {\n            return undefined;\n        }\n\n        const groups = await search(controller, query, getId);\n        const firstOption = groups.flatMap((g) => g.options)[0];\n        if (!firstOption) {\n            return undefined;\n        }\n\n        const { result, source } = firstOption;\n\n        // update UI\n        dispatch({\n            kind: \"accept-results\",\n            results: groups\n        });\n        dispatch({\n            kind: \"select-option\",\n            option: firstOption\n        });\n\n        // notify component callback\n        onSelect?.({ result, source, trigger: \"api-select\" });\n        return { result, source };\n    });\n\n    // Called when the user confirms a search result\n    const onOptionConfirmed = 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        results: state.search,\n        selectedOption: state.selectedOption,\n        onOptionConfirmed,\n        onInputChanged,\n        searchAndSelect\n    };\n}\n\nasync function search(\n    controller: SearchController,\n    query: string,\n    getId: GetSearchSourceId\n): Promise<SearchOptionGroup[]> {\n    let suggestions: ResultGroup[];\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, getId);\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\n// Maps results from search source to objects that the UI can work with.\nfunction mapSuggestions(\n    resultGroups: ResultGroup[],\n    getId: GetSearchSourceId\n): SearchOptionGroup[] {\n    return resultGroups.map((resultGroup): SearchOptionGroup => {\n        const groupId = getId(resultGroup.source);\n        const optionGroup: SearchOptionGroup = {\n            id: groupId,\n            label: resultGroup.label,\n            options: []\n        };\n\n        for (const result of resultGroup.results) {\n            optionGroup.options.push({\n                // unique (in this component)\n                value: `${groupId}-${result.id}`,\n                label: result.label,\n                group: optionGroup,\n                source: resultGroup.source,\n                result: result\n            });\n        }\n        return optionGroup;\n    });\n}\n\ntype GetSearchSourceId = (source: SearchSource) => string;\n\nfunction useSearchSourceId(): GetSearchSourceId {\n    const sourceIds = useRef<WeakMap<SearchSource, string>>(undefined);\n    const counter = useRef(0);\n    // oxlint-disable-next-line react/refs\n    if (!sourceIds.current) {\n        sourceIds.current = new WeakMap();\n    }\n\n    return useCallback((searchSource: SearchSource) => {\n        // oxlint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const ids = sourceIds.current!;\n        if (!ids.has(searchSource)) {\n            ids.set(searchSource, `source-${counter.current++}`);\n        }\n        // oxlint-disable-next-line @typescript-eslint/no-non-null-assertion\n        return ids.get(searchSource)!;\n    }, []);\n}\n"],"names":["controller"],"mappings":"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"}