@linzjs/lui 22.9.0 → 22.9.1
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 +7 -0
- package/dist/components/LuiSearchInput/LuiSearchInput.d.ts +1 -0
- package/dist/index.js +11 -3
- package/dist/index.js.map +1 -1
- package/dist/lui.esm.js +11 -3
- package/dist/lui.esm.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## [22.9.1](https://github.com/linz/lui/compare/v22.9.0...v22.9.1) (2025-03-19)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **SearchInput:** SEARCH-7090 additional control prop for LuiSearchInput disclaimer ([#1200](https://github.com/linz/lui/issues/1200)) ([8438af1](https://github.com/linz/lui/commit/8438af1e81ae084452a383925074efd16b80307c))
|
|
7
|
+
|
|
1
8
|
# [22.9.0](https://github.com/linz/lui/compare/v22.8.0...v22.9.0) (2025-02-26)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -21,5 +21,6 @@ export interface ISearchInputProps<SearchResult extends ISearchResult = ISearchR
|
|
|
21
21
|
externalSearch?: boolean;
|
|
22
22
|
onSearch?: (searchString: string) => void;
|
|
23
23
|
validateInput?: (input: string) => InputValidationResult | undefined;
|
|
24
|
+
hideDisclaimerOnFail?: boolean;
|
|
24
25
|
}
|
|
25
26
|
export declare const LuiSearchInput: <SearchResult extends ISearchResult = ISearchResult>(props: React.PropsWithChildren<ISearchInputProps<SearchResult>>) => JSX.Element;
|
package/dist/index.js
CHANGED
|
@@ -42764,6 +42764,16 @@ var LuiSearchInput = function (props) {
|
|
|
42764
42764
|
}
|
|
42765
42765
|
return 'No results available. Please refine your search and try again.';
|
|
42766
42766
|
}
|
|
42767
|
+
function determineDisclaimer() {
|
|
42768
|
+
if (props.hideDisclaimerOnFail && noOptionsMessage(typedValue))
|
|
42769
|
+
return null;
|
|
42770
|
+
if (props.disclaimer && haveFocus) {
|
|
42771
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
42772
|
+
React__default["default"].createElement("hr", { className: "LuiSearchInput-resultSeparator" }),
|
|
42773
|
+
React__default["default"].createElement("div", { "data-testid": "disclaimer", className: "LuiSearchInput-disclaimer" }, props.disclaimer)));
|
|
42774
|
+
}
|
|
42775
|
+
return null;
|
|
42776
|
+
}
|
|
42767
42777
|
return props.onSearch ? (React__default["default"].createElement(ControlledPassiveSearchInputComponent, __assign({ typedValue: typedValue, setTypedValue: setTypedValue }, props, { minCharactersForSearch: props.minCharactersForSearch, placeholderText: props.placeholderText, onSearch: props.onSearch, disclaimer: props.disclaimer, initialValue: props.initialValue, inputTransformer: props.inputTransformer, focusUpdate: props.focusUpdate, onClearCallback: props.onClearCallback, onClickInput: props.onClickInput, validateInput: props.validateInput }))) : (React__default["default"].createElement("div", { className: "LuiSearchInput", onClick: props.onClickInput },
|
|
42768
42778
|
React__default["default"].createElement("span", { className: "LuiSearchInput-inputWrapper" },
|
|
42769
42779
|
searchIcon,
|
|
@@ -42783,9 +42793,7 @@ var LuiSearchInput = function (props) {
|
|
|
42783
42793
|
noOptionsMessage(typedValue) && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
42784
42794
|
React__default["default"].createElement("hr", { className: "LuiSearchInput-resultSeparator" }),
|
|
42785
42795
|
React__default["default"].createElement("div", { "data-testid": "no-result-msg", className: "LuiSearchInput-disclaimer" }, noOptionsMessage(typedValue)))),
|
|
42786
|
-
|
|
42787
|
-
React__default["default"].createElement("hr", { className: "LuiSearchInput-resultSeparator" }),
|
|
42788
|
-
React__default["default"].createElement("div", { "data-testid": "disclaimer", className: "LuiSearchInput-disclaimer" }, props.disclaimer)))));
|
|
42796
|
+
determineDisclaimer()));
|
|
42789
42797
|
};
|
|
42790
42798
|
|
|
42791
42799
|
var resultStyle = { verticalAlign: 'middle' };
|