ywana-core8 0.0.369 → 0.0.372

package/dist/index.modern.js

@@ -8,6 +8,24 @@ import { ReactNotifications, Store } from 'react-notifications-component';
 import 'react-notifications-component/dist/theme.css';
 import equal from 'deep-equal';
 
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
 function _catch$2(body, recover) {
   try {
     var result = body();
@@ -22,7 +40,7 @@ function _catch$2(body, recover) {
   return result;
 }
 
-var fetchAsync = function fetchAsync(method, URL, body, token) {
+var fetchAsync = function fetchAsync(method, URL, body, token, headers) {
   if (body === void 0) {
     body = null;
   }
@@ -32,11 +50,11 @@ var fetchAsync = function fetchAsync(method, URL, body, token) {
     var request = {
       method: method,
       mode: 'cors',
-      headers: {
+      headers: _extends({
         "Accept": "application/json",
         "Content-Type": "application/json",
         "x-access-token": token
-      },
+      }, headers),
       body: body
     };
     return Promise.resolve(_catch$2(function () {
@@ -84,9 +102,9 @@ var HTTPClient = function HTTPClient(domain, securityCtx) {
       var token = securityCtx ? securityCtx.token() : null;
       return fetchAsync('GET', domain + URL, undefined, token);
     },
-    POST: function POST(URL, body) {
+    POST: function POST(URL, body, headers) {
       var token = securityCtx ? securityCtx.token() : null;
-      return fetchAsync('POST', domain + URL, body, token);
+      return fetchAsync('POST', domain + URL, body, token, headers);
     },
     PUT: function PUT(URL, body) {
       var token = securityCtx ? securityCtx.token() : null;
@@ -489,24 +507,6 @@ var Header = function Header(props) {
   }, props.children));
 };
 
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
 /**
  * List
  */
@@ -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;
@@ -1162,6 +1161,7 @@ var DropDown = function DropDown(props) {
     onClick: toggle,
     value: label,
     onChange: change,
+    onBlur: blur,
     readOnly: !predictive
   })), !readOnly ? /*#__PURE__*/React.createElement(Icon, {
     icon: "expand_more",
@@ -3033,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,