ywana-core8 0.0.139 → 0.0.143

package/dist/index.cjs

@@ -936,10 +936,6 @@ var DropDown = function DropDown(props) {
       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) {
@@ -953,7 +949,7 @@ var DropDown = function DropDown(props) {
     console.log('dropdown change > canFilter:', canFilter, id, value);
 
     if (canFilter) {
-      setFilter(value);
+      setLabel(value);
     } else {
       if (onChange) onChange(id, value);
     }
@@ -981,14 +977,29 @@ 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__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, {
@@ -1000,9 +1011,7 @@ var DropDown = function DropDown(props) {
     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) {