ywana-core8 0.0.369 → 0.0.372

package/dist/index.cjs

@@ -16,6 +16,24 @@ var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var ResumableJS__default = /*#__PURE__*/_interopDefaultLegacy(ResumableJS);
 var equal__default = /*#__PURE__*/_interopDefaultLegacy(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();
@@ -30,7 +48,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;
   }
@@ -40,11 +58,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 () {
@@ -92,9 +110,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;
@@ -497,24 +515,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
  */
@@ -936,7 +936,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;
@@ -962,13 +963,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() {
@@ -991,7 +987,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__default["default"].createElement(Icon, {
     icon: "close",
@@ -1034,7 +1030,6 @@ var TextArea = function TextArea(props) {
     event.stopPropagation();
     event.preventDefault();
     var value = event.target.value;
-    console.log(value);
     if (onChange) onChange(id, value);
   }
 
@@ -1066,7 +1061,7 @@ var TextArea = function TextArea(props) {
     onKeyDown: onKeyPress,
     onFocus: focus,
     readOnly: readOnly
-  }), !readOnly && canClear && value && value.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+  }), canClear && value && value.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "close",
     clickable: true,
     size: "small",
@@ -1132,7 +1127,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;
@@ -1142,6 +1136,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);
 
@@ -1157,7 +1156,7 @@ var DropDown = function DropDown(props) {
         }, option.label);
       });
       return /*#__PURE__*/React__default["default"].createElement("menu", null, /*#__PURE__*/React__default["default"].createElement("ul", {
-        onClick: select
+        onMouseDown: select
       }, lis));
     } else {
       return null;
@@ -1170,6 +1169,7 @@ var DropDown = function DropDown(props) {
     onClick: toggle,
     value: label,
     onChange: change,
+    onBlur: blur,
     readOnly: !predictive
   })), !readOnly ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "expand_more",
@@ -3041,6 +3041,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,