ywana-core8 0.0.138 → 0.0.142

package/dist/index.umd.js

@@ -933,9 +933,6 @@
         label = _useState2[0],
         setLabel = _useState2[1];
 
-    var _useState3 = React.useState(),
-        filter = _useState3[0];
-
     React.useEffect(function () {
       if (Array.isArray(options)) {
         var option = options.find(function (option) {
@@ -946,8 +943,10 @@
     }, [value]);
 
     function change(id, value) {
+      console.log('dropdown change > canFilter:', canFilter, id, value);
+
       if (canFilter) {
-        setFilter(value);
+        setLabel(value);
       } else {
         if (onChange) onChange(id, value);
       }
@@ -975,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 label.toUpperCase().indexOf(option.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, {
@@ -994,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) {
@@ -2959,7 +2971,8 @@
       value: value,
       onChange: change,
       options: buildOptions(),
-      readOnly: !editable
+      readOnly: !editable,
+      canFilter: true
     }) : /*#__PURE__*/React__default["default"].createElement(TextField, {
       outlined: outlined,
       id: id,