@open-pioneer/search 1.3.0-dev.20260210071443 → 1.3.0-dev.20260225083007

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.
Files changed (4) hide show
  1. package/CHANGELOG.md +6 -2
  2. package/package.json +6 -6
  3. package/ui/SearchResults.js +2 -0
  4. package/ui/SearchResults.js.map +1 -1
package/CHANGELOG.md CHANGED
@@ -1,9 +1,10 @@
1
1
  # @open-pioneer/search
2
2
 
3
- ## 1.3.0-dev.20260210071443
3
+ ## 1.3.0-dev.20260225083007
4
4
 
5
5
  ### Minor Changes
6
6
 
7
+ - 9b5d5f3: Support for new common container props (role, aria-_, data-_ and css)
7
8
  - d05a3b8: Refactor user interface: now based on chakra's combobox instead of react-select.
8
9
 
9
10
  NOTE: This causes changes to many internal CSS classes and attributes.
@@ -13,11 +14,14 @@
13
14
 
14
15
  ### Patch Changes
15
16
 
17
+ - Updated dependencies [9b5d5f3]
18
+ - Updated dependencies [fcbd505]
16
19
  - Updated dependencies [2ceb1ca]
20
+ - Updated dependencies [fcbd505]
17
21
  - Updated dependencies [d54ccfd]
18
22
  - Updated dependencies [4bcc8ce]
19
23
  - Updated dependencies [2ceb1ca]
20
- - @open-pioneer/map@1.3.0-dev.20260210071443
24
+ - @open-pioneer/map@1.3.0-dev.20260225083007
21
25
 
22
26
  ## 1.2.0
23
27
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "name": "@open-pioneer/search",
4
- "version": "1.3.0-dev.20260210071443",
4
+ "version": "1.3.0-dev.20260225083007",
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,15 +15,15 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@chakra-ui/react": "^3.32.0",
18
- "@open-pioneer/chakra-snippets": "4.5.0-dev.20260209115911",
19
- "@open-pioneer/core": "4.5.0-dev.20260209115911",
20
- "@open-pioneer/react-utils": "4.5.0-dev.20260209115911",
21
- "@open-pioneer/runtime": "4.5.0-dev.20260209115911",
18
+ "@open-pioneer/chakra-snippets": "4.5.0-dev.20260211105402",
19
+ "@open-pioneer/core": "4.5.0-dev.20260211105402",
20
+ "@open-pioneer/react-utils": "4.5.0-dev.20260211105402",
21
+ "@open-pioneer/runtime": "4.5.0-dev.20260211105402",
22
22
  "classnames": "^2.5.1",
23
23
  "ol": "^10.7.0",
24
24
  "react": "^19.2.4",
25
25
  "react-icons": "^5.5.0",
26
- "@open-pioneer/map": "1.3.0-dev.20260210071443"
26
+ "@open-pioneer/map": "1.3.0-dev.20260225083007"
27
27
  },
28
28
  "exports": {
29
29
  "./package.json": "./package.json",
package/ui/SearchResults.js CHANGED
@@ -10,6 +10,8 @@ const SearchResults = memo(function SearchResults2(props) {
10
10
  {
11
11
  className: "search-component-menu",
12
12
  minW: "sm",
13
+ maxH: "300px",
14
+ overflowY: "auto",
13
15
  overflowX: "hidden",
14
16
  visibility: input.length ? "visible" : "hidden",
15
17
  children: [
package/ui/SearchResults.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SearchResults.js","sources":["SearchResults.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Combobox, Highlight, HStack, ListCollection, Span } from \"@chakra-ui/react\";\nimport { memo } from \"react\";\nimport { SearchOption, SearchResultsState } from \"./useSearchState\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\n\nexport interface SearchResultsProps {\n collection: ListCollection<SearchOption>;\n input: string;\n results: SearchResultsState;\n}\n\nexport const SearchResults = memo(function SearchResults(props: SearchResultsProps) {\n const { collection, input, results } = props;\n return (\n <Combobox.Content\n className=\"search-component-menu\"\n minW=\"sm\"\n overflowX=\"hidden\"\n visibility={input.length ? \"visible\" : \"hidden\"}\n >\n <FallbackContent results={results} />\n <SearchResultList collection={collection} input={input} results={results} />\n </Combobox.Content>\n );\n});\n\nconst SearchResultList = memo(function SearchResults(props: SearchResultsProps) {\n const { collection, input, results } = props;\n return collection.group().map(([groupId, groupOptions], key) => {\n return (\n <Combobox.ItemGroup key={key}>\n <Combobox.ItemGroupLabel\n key={groupId}\n backgroundColor=\"colorPalette.100\"\n visibility={results.kind === \"loading\" ? \"hidden\" : \"visible\"}\n >\n {groupOptions[0]?.group.label}\n </Combobox.ItemGroupLabel>\n {groupOptions.map((searchResult, key) => {\n return (\n <Combobox.Item\n key={key}\n item={searchResult}\n css={{\n _checked: {\n backgroundColor: \"colorPalette.500\",\n color: \"white\"\n },\n \"&:hover:not([data-state=checked])\": {\n backgroundColor: \"colorPalette.50\"\n }\n }}\n >\n <Combobox.ItemText>\n <Highlight ignoreCase query={input} styles={{ fontWeight: \"bold\" }}>\n {searchResult.label}\n </Highlight>\n </Combobox.ItemText>\n </Combobox.Item>\n );\n })}\n </Combobox.ItemGroup>\n );\n });\n});\n\n/**\n * Show loading label or fallback message when no results are found.\n */\nconst FallbackContent = memo(function FallbackContent(props: { results: SearchResultsState }) {\n const { results } = props;\n const intl = useIntl();\n\n let content;\n if (results.kind === \"loading\") {\n content = intl.formatMessage({ id: \"loadingText\" });\n } else {\n content = intl.formatMessage({ id: \"noOptionsText\" });\n }\n\n return (\n <Combobox.Empty padding=\"0\">\n <HStack p=\"2\" justifyContent=\"center\">\n <Span>{content}</Span>\n </HStack>\n </Combobox.Empty>\n );\n});\n"],"names":["SearchResults","key","FallbackContent"],"mappings":"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"}
1
+ {"version":3,"file":"SearchResults.js","sources":["SearchResults.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Combobox, Highlight, HStack, ListCollection, Span } from \"@chakra-ui/react\";\nimport { memo } from \"react\";\nimport { SearchOption, SearchResultsState } from \"./useSearchState\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\n\nexport interface SearchResultsProps {\n collection: ListCollection<SearchOption>;\n input: string;\n results: SearchResultsState;\n}\n\nexport const SearchResults = memo(function SearchResults(props: SearchResultsProps) {\n const { collection, input, results } = props;\n return (\n <Combobox.Content\n className=\"search-component-menu\"\n minW=\"sm\"\n maxH=\"300px\"\n overflowY=\"auto\"\n overflowX=\"hidden\"\n visibility={input.length ? \"visible\" : \"hidden\"}\n >\n <FallbackContent results={results} />\n <SearchResultList collection={collection} input={input} results={results} />\n </Combobox.Content>\n );\n});\n\nconst SearchResultList = memo(function SearchResults(props: SearchResultsProps) {\n const { collection, input, results } = props;\n return collection.group().map(([groupId, groupOptions], key) => {\n return (\n <Combobox.ItemGroup key={key}>\n <Combobox.ItemGroupLabel\n key={groupId}\n backgroundColor=\"colorPalette.100\"\n visibility={results.kind === \"loading\" ? \"hidden\" : \"visible\"}\n >\n {groupOptions[0]?.group.label}\n </Combobox.ItemGroupLabel>\n {groupOptions.map((searchResult, key) => {\n return (\n <Combobox.Item\n key={key}\n item={searchResult}\n css={{\n _checked: {\n backgroundColor: \"colorPalette.500\",\n color: \"white\"\n },\n \"&:hover:not([data-state=checked])\": {\n backgroundColor: \"colorPalette.50\"\n }\n }}\n >\n <Combobox.ItemText>\n <Highlight ignoreCase query={input} styles={{ fontWeight: \"bold\" }}>\n {searchResult.label}\n </Highlight>\n </Combobox.ItemText>\n </Combobox.Item>\n );\n })}\n </Combobox.ItemGroup>\n );\n });\n});\n\n/**\n * Show loading label or fallback message when no results are found.\n */\nconst FallbackContent = memo(function FallbackContent(props: { results: SearchResultsState }) {\n const { results } = props;\n const intl = useIntl();\n\n let content;\n if (results.kind === \"loading\") {\n content = intl.formatMessage({ id: \"loadingText\" });\n } else {\n content = intl.formatMessage({ id: \"noOptionsText\" });\n }\n\n return (\n <Combobox.Empty padding=\"0\">\n <HStack p=\"2\" justifyContent=\"center\">\n <Span>{content}</Span>\n </HStack>\n </Combobox.Empty>\n );\n});\n"],"names":["SearchResults","key","FallbackContent"],"mappings":"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"}