ywana-core8 0.0.138 → 0.0.142

package/dist/index.cjs

@@ -936,9 +936,6 @@ var DropDown = function DropDown(props) {
       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) {
@@ -949,8 +946,10 @@ var DropDown = function DropDown(props) {
   }, [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);
     }
@@ -978,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 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, {
@@ -997,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) {
@@ -2962,7 +2974,8 @@ var StringEditor = function StringEditor(_ref6) {
     value: value,
     onChange: change,
     options: buildOptions(),
-    readOnly: !editable
+    readOnly: !editable,
+    canFilter: true
   }) : /*#__PURE__*/React__default["default"].createElement(TextField, {
     outlined: outlined,
     id: id,