@linzjs/lui 22.5.0 → 22.6.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [22.6.0](https://github.com/linz/lui/compare/v22.5.0...v22.6.0) (2025-02-12)
+
+
+### Features
+
+* **LuiSearchBox:** SEARCH-6787 add nested icon for search type definitions ([#1196](https://github.com/linz/lui/issues/1196)) ([7b5fca4](https://github.com/linz/lui/commit/7b5fca48ad8bda0b1286db8e619afad5453d3ae7))
+
 # [22.5.0](https://github.com/linz/lui/compare/v22.4.2...v22.5.0) (2025-02-02)
 
 

package/dist/assets/images/search-box/OtherSearch.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.5 14.0006H14.71L14.43 13.7306C15.63 12.3306 16.25 10.4206 15.91 8.39063C15.44 5.61063 13.12 3.39063 10.32 3.05063C6.09001 2.53063 2.53002 6.09063 3.05002 10.3206C3.39002 13.1206 5.61002 15.4406 8.39002 15.9106C10.42 16.2506 12.33 15.6306 13.73 14.4306L14 14.7106V15.5006L18.25 19.7506C18.66 20.1606 19.33 20.1606 19.74 19.7506C20.15 19.3406 20.15 18.6706 19.74 18.2606L15.5 14.0006ZM9.50002 14.0006C7.01002 14.0006 5.00002 11.9906 5.00002 9.50063C5.00002 7.01063 7.01002 5.00063 9.50002 5.00063C11.99 5.00063 14 7.01063 14 9.50063C14 11.9906 11.99 14.0006 9.50002 14.0006Z" fill="#6B6966"/>
+</svg>

package/dist/assets/images/search-box/Vector.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.8 4.59844L18.5 4.99844C18.1686 5.44026 17.5418 5.52981 17.1 5.19844C16.6581 4.86707 16.5686 4.24026 16.9 3.79844L17.2 3.39844L18.8 4.59844ZM15.9 6.79844C16.3418 7.12981 16.4313 7.75661 16.1 8.19844L15.5 8.99844C15.1686 9.44026 14.5418 9.52981 14.1 9.19844C13.6581 8.86707 13.5686 8.24026 13.9 7.79844L14.5 6.99844C14.8313 6.55661 15.4581 6.46707 15.9 6.79844ZM12.9 10.7984C13.3418 11.1298 13.4313 11.7566 13.1 12.1984L12.5 12.9984C12.1686 13.4403 11.5418 13.5298 11.1 13.1984C10.6581 12.8671 10.5686 12.2403 10.9 11.7984L11.5 10.9984C11.8313 10.5566 12.4581 10.4671 12.9 10.7984ZM9.89995 14.7984C10.3418 15.1298 10.4313 15.7566 10.1 16.1984L9.49995 16.9984C9.16858 17.4403 8.54178 17.5298 8.09995 17.1984C7.65812 16.8671 7.56858 16.2403 7.89995 15.7984L8.49995 14.9984C8.83132 14.5566 9.45812 14.4671 9.89995 14.7984ZM6.89995 18.7984C7.34178 19.1298 7.43132 19.7566 7.09995 20.1984L6.79995 20.5984L5.19995 19.3984L5.49995 18.9984C5.83132 18.5566 6.45812 18.4671 6.89995 18.7984Z" fill="#08814D"/>
+<rect x="16" y="2" width="4" height="4" rx="1" fill="#2A292C"/>
+<rect x="4" y="18" width="4" height="4" rx="1" fill="#2A292C"/>
+</svg>

package/dist/components/LuiSearchBox/LuiSearchBox.d.ts

@@ -14,6 +14,7 @@ export interface ISearchMenuOption {
     onSelectOption: (selectedOption: any) => void;
     renderItem?: (item: any) => ReactElement;
     icon?: ReactElement;
+    nestedIcon?: ReactElement;
     columnBreak?: boolean;
     onSearch?: (searchString: string) => void;
     validateInput?: (input: string) => InputValidationResult | undefined;

package/dist/index.js

@@ -42873,7 +42873,10 @@ var renderSelectMenu = function (items, onClick, singleColumn) {
             return (React__default["default"].createElement(React__default["default"].Fragment, { key: item.value },
                 item.groupDivider ? React__default["default"].createElement(LuiSelectMenuDivider, null) : null,
                 item.groupTitle ? (React__default["default"].createElement(LuiSelectMenuHeader, null, item.groupTitle)) : null,
-                React__default["default"].createElement(LuiSelectMenuItem, { "data-testid": "select-box-".concat(item.value), value: item.value, onClick: onClick, noPadding: true }, item.title)));
+                React__default["default"].createElement(LuiSelectMenuItem, { "data-testid": "select-box-".concat(item.value), value: item.value, onClick: onClick, noPadding: true },
+                    React__default["default"].createElement("span", { style: { display: 'flex', alignItems: 'center' } },
+                        item.nestedIcon,
+                        item.title))));
         })));
     })));
 };