ywana-core8 0.0.139 → 0.0.143

package/dist/index.umd.js

@@ -933,10 +933,6 @@
         label = _useState2[0],
         setLabel = _useState2[1];
 
-    var _useState3 = React.useState(),
-        filter = _useState3[0],
-        setFilter = _useState3[1];
-
     React.useEffect(function () {
       if (Array.isArray(options)) {
         var option = options.find(function (option) {
@@ -950,7 +946,7 @@
       console.log('dropdown change > canFilter:', canFilter, id, value);
 
       if (canFilter) {
-        setFilter(value);
+        setLabel(value);
       } else {
         if (onChange) onChange(id, value);
       }
@@ -978,14 +974,29 @@
       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__default["default"].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 option.label.toUpperCase().indexOf(label.toUpperCase()) >= 0;
+        }) : options;
+        console.log('filterActive: ', filterActive, label, items.length);
+        var lis = items.map(function (option) {
+          return /*#__PURE__*/React__default["default"].createElement("li", {
+            key: option.value,
+            value: option.value
+          }, option.label);
+        });
+        return /*#__PURE__*/React__default["default"].createElement("menu", null, /*#__PURE__*/React__default["default"].createElement("ul", {
+          onClick: select
+        }, lis));
+      } else {
+        return null;
+      }
+    }
+
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "dropdown"
     }, /*#__PURE__*/React__default["default"].createElement(TextField, _extends({}, props, {
@@ -997,9 +1008,7 @@
       clickable: true,
       size: "small",
       action: toggle
-    }), open == true ? /*#__PURE__*/React__default["default"].createElement("menu", null, /*#__PURE__*/React__default["default"].createElement("ul", {
-      onClick: select
-    }, items)) : null);
+    }), renderOptions());
   };
 
   var isFunction$1 = function isFunction(value) {