ywana-core8 0.0.139 → 0.0.140

package/dist/index.modern.js

@@ -974,14 +974,28 @@ var DropDown = function DropDown(props) {
     setOpen(false);
   }
 
-  var items = open == true && Array.isArray(options) ? options.filter(function (option) {
-    return canFilter === false || filter.toUpperCase().indexOf(option.label.toUpperCase()) >= 0;
-  }).map(function (option) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: option.value,
-      value: option.value
-    }, option.label);
-  }) : null;
+  function renderOptions() {
+    var canShow = open == true && Array.isArray(options);
+
+    if (canShow) {
+      var filterActive = canFilter && label && label.length > 0;
+      var items = filterActive ? options.filter(function (option) {
+        return canFilter === false || filter.toUpperCase().indexOf(option.label.toUpperCase()) >= 0;
+      }) : options;
+      var lis = items.map(function (option) {
+        return /*#__PURE__*/React.createElement("li", {
+          key: option.value,
+          value: option.value
+        }, option.label);
+      });
+      return /*#__PURE__*/React.createElement("menu", null, /*#__PURE__*/React.createElement("ul", {
+        onClick: select
+      }, lis));
+    } else {
+      return null;
+    }
+  }
+
   return /*#__PURE__*/React.createElement("div", {
     className: "dropdown"
   }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
@@ -993,9 +1007,7 @@ var DropDown = function DropDown(props) {
     clickable: true,
     size: "small",
     action: toggle
-  }), open == true ? /*#__PURE__*/React.createElement("menu", null, /*#__PURE__*/React.createElement("ul", {
-    onClick: select
-  }, items)) : null);
+  }), renderOptions());
 };
 
 var isFunction$1 = function isFunction(value) {