@open-pioneer/search 0.11.0 → 0.12.0-dev.20250725080856

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @open-pioneer/search
 
+## 0.12.0-dev.20250725080856
+
+### Minor Changes
+
+- 2732052: Icons have been changed to unify the appearance of the components. Preferably, Lucide react-icons are used.
+
+### Patch Changes
+
+- 10d2fe7: Update dependencies
+- da6a410: Update dependencies
+- Updated dependencies [10d2fe7]
+- Updated dependencies [2702df4]
+- Updated dependencies [8986b3b]
+- Updated dependencies [f1f69f2]
+- Updated dependencies [da6a410]
+    - @open-pioneer/map@0.12.0-dev.20250725080856
+
 ## 0.11.0
 
 ### Minor Changes
@@ -86,7 +103,6 @@
 ### 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.

package/CustomComponents.js

@@ -1,8 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { FiSearch } from 'react-icons/fi';
+import { LuSearch, LuX } from 'react-icons/lu';
 import { Icon, chakra, IconButton } from '@chakra-ui/react';
 import { Tooltip } from '@open-pioneer/chakra-snippets/tooltip';
-import { LuX } from 'react-icons/lu';
 import { chakraComponents } from 'chakra-react-select';
 import classNames from 'classnames';
 import { useIntl } from './_virtual/_virtual-pioneer-module_react-hooks.js';
@@ -46,7 +45,7 @@ function ValueContainer({
     className: classNames(props.className, "search-value-container")
   };
   return /* @__PURE__ */ jsxs(chakraComponents.ValueContainer, { ...containerProps, children: [
-    !!children && /* @__PURE__ */ jsx(Icon, { position: "absolute", left: "8px", boxSize: "1.25em", children: /* @__PURE__ */ jsx(FiSearch, {}) }),
+    !!children && /* @__PURE__ */ jsx(Icon, { position: "absolute", left: "8px", boxSize: "1.25em", children: /* @__PURE__ */ jsx(LuSearch, {}) }),
     children
   ] });
 }

package/CustomComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomComponents.js","sources":["CustomComponents.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { FiSearch } from \"react-icons/fi\";\nimport { chakra, Icon, IconButton } from \"@chakra-ui/react\";\nimport { Tooltip } from \"@open-pioneer/chakra-snippets/tooltip\";\nimport { LuX } from \"react-icons/lu\";\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, useMemo } 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 && (\n                <Icon position=\"absolute\" left=\"8px\" boxSize=\"1.25em\">\n                    <FiSearch />\n                </Icon>\n            )}\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        <Tooltip content={clearButtonLabel}>\n            <IconButton\n                size=\"sm\"\n                variant=\"ghost\"\n                mr=\"1px\"\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                <Icon>\n                    <LuX />\n                </Icon>\n            </IconButton>\n        </Tooltip>\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\n    const highlightedLabel = useMemo(() => {\n        return (\n            <chakra.div className=\"search-option-label\">\n                {userInput.trim().length > 0 ? getHighlightedLabel(label, userInput) : label}\n            </chakra.div>\n        );\n    }, [label, userInput]);\n\n    return <chakraComponents.Option {...optionProps}>{highlightedLabel}</chakraComponents.Option>;\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-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { LuSearch } from \"react-icons/lu\";\nimport { chakra, Icon, IconButton } from \"@chakra-ui/react\";\nimport { Tooltip } from \"@open-pioneer/chakra-snippets/tooltip\";\nimport { LuX } from \"react-icons/lu\";\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, useMemo } 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 && (\n                <Icon position=\"absolute\" left=\"8px\" boxSize=\"1.25em\">\n                    <LuSearch />\n                </Icon>\n            )}\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        <Tooltip content={clearButtonLabel}>\n            <IconButton\n                size=\"sm\"\n                variant=\"ghost\"\n                mr=\"1px\"\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                <Icon>\n                    <LuX />\n                </Icon>\n            </IconButton>\n        </Tooltip>\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\n    const highlightedLabel = useMemo(() => {\n        return (\n            <chakra.div className=\"search-option-label\">\n                {userInput.trim().length > 0 ? getHighlightedLabel(label, userInput) : label}\n            </chakra.div>\n        );\n    }, [label, userInput]);\n\n    return <chakraComponents.Option {...optionProps}>{highlightedLabel}</chakraComponents.Option>;\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/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/search",
-  "version": "0.11.0",
+  "version": "0.12.0-dev.20250725080856",
   "description": "This package provides a UI component to perform a search on given search sources.",
   "keywords": [
     "open-pioneer-trails"
@@ -14,17 +14,17 @@
     "directory": "src/packages/search"
   },
   "dependencies": {
-    "@chakra-ui/react": "^3.19.2",
+    "@chakra-ui/react": "^3.21.1",
     "@open-pioneer/chakra-snippets": "^4.0.0",
     "@open-pioneer/core": "^4.0.0",
     "@open-pioneer/react-utils": "^4.0.0",
     "@open-pioneer/runtime": "^4.0.0",
     "chakra-react-select": "^6.1.0",
     "classnames": "^2.5.1",
-    "ol": "^10.5.0",
+    "ol": "^10.6.1",
     "react": "^19.1.0",
     "react-icons": "^5.5.0",
-    "@open-pioneer/map": "^0.11.0"
+    "@open-pioneer/map": "0.12.0-dev.20250725080856"
   },
   "exports": {
     "./package.json": "./package.json",