@mindinventory/mi-react-icon-picker - npm Package Compare versions

Comparing version 1.0.33 to 1.0.34

lib/IconPicker.js

@@ -293,2 +293,5 @@ "use strict";
   };
+  var handleSearchClear = function handleSearchClear() {
+    setSearchQuery("");
+  };
   var classNames = function classNames() {
@@ -313,4 +316,4 @@ for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {
     }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "flex flex-col mb-5 w-full"
-    }, showSearch && /*#__PURE__*/_react["default"].createElement("input", {
+      className: "relative flex mb-5 w-full"
+    }, showSearch && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("input", {
       type: "text",
@@ -323,5 +326,11 @@ placeholder: "Search icons...",
       },
-      className: "mb-2 py-2 text-base border-gray-300 border-b outline-none",
+      className: "mb-2 py-2 text-base border-gray-300 border-b outline-none w-full",
       ref: inputRef
-    })), (iconsToDisplay === null || iconsToDisplay === void 0 ? void 0 : iconsToDisplay.length) > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    }), searchQuery && /*#__PURE__*/_react["default"].createElement("button", {
+      onClick: handleSearchClear,
+      className: "absolute -right-1 top-1/2 transform -translate-y-1/2 text-gray-500",
+      type: "button"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "mi-icon-x-close"
+    })))), (iconsToDisplay === null || iconsToDisplay === void 0 ? void 0 : iconsToDisplay.length) > 0 && /*#__PURE__*/_react["default"].createElement("div", {
       className: "w-full flex justify-between items-center mb-2 px-1"
@@ -328,0 +337,0 @@ }, /*#__PURE__*/_react["default"].createElement("div", {

package.json

 {
   "name": "@mindinventory/mi-react-icon-picker",
-  "version": "1.0.33",
+  "version": "1.0.34",
   "main": "lib/IconPicker.js",
@@ -5,0 +5,0 @@ "files": [

No alert changes

Improved metrics

Total package byte prevSize

2617499

increased by0.04%

Lines of code

4009

increased by0.55%

No dependency changes