ywana-core8 0.0.368 → 0.0.371

package/dist/index.modern.js

@@ -928,7 +928,8 @@ var TextField = function TextField(props) {
       canClear = _props$canClear === void 0 ? true : _props$canClear,
       onChange = props.onChange,
       onEnter = props.onEnter,
-      onClick = props.onClick;
+      onClick = props.onClick,
+      onBlur = props.onBlur;
 
   function onKeyPress(event) {
     var key = event.charCode ? event.charCode : event.keyCode ? event.keyCode : 0;
@@ -954,13 +955,8 @@ var TextField = function TextField(props) {
     }
   }
 
-  function focusOut() {
-    if (site && site.changeFocus) {
-      site.changeFocus({
-        lose: function lose() {// DO NOTHING
-        }
-      });
-    }
+  function blur() {
+    if (onBlur) onBlur();
   }
 
   function clear() {
@@ -983,7 +979,7 @@ var TextField = function TextField(props) {
     onChange: change,
     onKeyDown: onKeyPress,
     onFocus: focus,
-    onBlur: focusOut,
+    onBlur: blur,
     readOnly: readOnly
   }), canClear && value && value.length > 0 ? /*#__PURE__*/React.createElement(Icon, {
     icon: "close",
@@ -1026,7 +1022,6 @@ var TextArea = function TextArea(props) {
     event.stopPropagation();
     event.preventDefault();
     var value = event.target.value;
-    console.log(value);
     if (onChange) onChange(id, value);
   }
 
@@ -1058,7 +1053,7 @@ var TextArea = function TextArea(props) {
     onKeyDown: onKeyPress,
     onFocus: focus,
     readOnly: readOnly
-  }), !readOnly && canClear && value && value.length > 0 ? /*#__PURE__*/React.createElement(Icon, {
+  }), canClear && value && value.length > 0 ? /*#__PURE__*/React.createElement(Icon, {
     icon: "close",
     clickable: true,
     size: "small",
@@ -1124,7 +1119,6 @@ var DropDown = function DropDown(props) {
   }
 
   function select(event) {
-    console.log(event);
     var next = event.target.getAttribute("value");
     var option = options.find(function (option) {
       return option.value === next;
@@ -1134,6 +1128,11 @@ var DropDown = function DropDown(props) {
     setOpen(false);
   }
 
+  function blur() {
+    console.log("BLUR DD");
+    site.clearFocus();
+  }
+
   function renderOptions() {
     var canShow = open == true && Array.isArray(options);
 
@@ -1149,7 +1148,7 @@ var DropDown = function DropDown(props) {
         }, option.label);
       });
       return /*#__PURE__*/React.createElement("menu", null, /*#__PURE__*/React.createElement("ul", {
-        onClick: select
+        onMouseDown: select
       }, lis));
     } else {
       return null;
@@ -1159,8 +1158,10 @@ var DropDown = function DropDown(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "dropdown"
   }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
+    onClick: toggle,
     value: label,
     onChange: change,
+    onBlur: blur,
     readOnly: !predictive
   })), !readOnly ? /*#__PURE__*/React.createElement(Icon, {
     icon: "expand_more",
@@ -3032,6 +3033,10 @@ var SiteProvider = function SiteProvider(_ref) {
       if (focused) focused.lose();
       setFocused(next);
     },
+    clearFocus: function clearFocus() {
+      if (focused) focused.lose();
+      setFocused(null);
+    },
     sideNav: sideNav,
     setSideNav: setSideNav,
     showNav: showNav,