ywana-core8 0.0.391 → 0.0.394

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('material-design-icons-iconfont/dist/material-design-icons.css'), require('react'), require('react-switch'), require('moment'), require('moment-range'), require('resumablejs'), require('react-notifications-component'), require('react-notifications-component/dist/theme.css'), require('react-color'), require('deep-equal')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'material-design-icons-iconfont/dist/material-design-icons.css', 'react', 'react-switch', 'moment', 'moment-range', 'resumablejs', 'react-notifications-component', 'react-notifications-component/dist/theme.css', 'react-color', 'deep-equal'], factory) :
-  (global = global || self, factory(global.ywanaCore8 = {}, null, global.react, global.reactSwitch, global.moment, global.momentRange, global.resumablejs, global.reactNotificationsComponent, null, global.reactColor, global.deepEqual));
-})(this, (function (exports, materialDesignIcons_css, React, RSwitch, moment, momentRange, ResumableJS, reactNotificationsComponent, theme_css, reactColor, equal) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('material-design-icons-iconfont/dist/material-design-icons.css'), require('react'), require('react-switch'), require('moment'), require('moment-range'), require('resumablejs'), require('react-notifications-component'), require('react-notifications-component/dist/theme.css'), require('deep-equal')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'material-design-icons-iconfont/dist/material-design-icons.css', 'react', 'react-switch', 'moment', 'moment-range', 'resumablejs', 'react-notifications-component', 'react-notifications-component/dist/theme.css', 'deep-equal'], factory) :
+  (global = global || self, factory(global.ywanaCore8 = {}, null, global.react, global.reactSwitch, global.moment, global.momentRange, global.resumablejs, global.reactNotificationsComponent, null, global.deepEqual));
+})(this, (function (exports, materialDesignIcons_css, React, RSwitch, moment, momentRange, ResumableJS, reactNotificationsComponent, theme_css, equal) {
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
@@ -1082,7 +1082,10 @@
         _props$predictive = props.predictive,
         predictive = _props$predictive === void 0 ? false : _props$predictive,
         _props$readOnly3 = props.readOnly,
-        readOnly = _props$readOnly3 === void 0 ? false : _props$readOnly3;
+        readOnly = _props$readOnly3 === void 0 ? false : _props$readOnly3,
+        _props$verbose = props.verbose,
+        verbose = _props$verbose === void 0 ? true : _props$verbose,
+        onBlur = props.onBlur;
 
     var _useState = React.useState(false),
         open = _useState[0],
@@ -1093,6 +1096,8 @@
         setLabel = _useState2[1];
 
     React.useEffect(function () {
+      console.log('DD change value', label);
+
       if (Array.isArray(options)) {
         var option = options.find(function (option) {
           return option.value === value;
@@ -1129,14 +1134,14 @@
       var option = options.find(function (option) {
         return option.value === next;
       });
-      if (onChange) onChange(id, next);
-      setLabel(option.label);
       setOpen(false);
+      var label = verbose ? option.label : "";
+      setLabel(label);
+      if (onChange) onChange(id, next);
     }
 
     function blur() {
-      console.log("BLUR DD");
-      site.clearFocus();
+      if (onBlur) onBlur();
     }
 
     function renderOptions() {
@@ -1883,6 +1888,7 @@
         _ref$init = _ref.init,
         init = _ref$init === void 0 ? [] : _ref$init,
         readOnly = _ref.readOnly,
+        options = _ref.options,
         onChange = _ref.onChange;
     var mounted = React.useRef(false);
 
@@ -1894,6 +1900,8 @@
         tokens = _useState2[0],
         setTokens = _useState2[1];
 
+    React.useState(false);
+
     React.useEffect(function () {
       if (mounted.current) {
         if (onChange) {
@@ -1915,6 +1923,12 @@
       setValue(value);
     }
 
+    function changeDropDown(id, value) {
+      var next = tokens.concat(value);
+      setTokens(next);
+      setValue('xxx');
+    }
+
     function onEnter(event) {
       if (event.key === 'Enter') {
         event.preventDefault();
@@ -1941,7 +1955,12 @@
           return remove(index);
         }
       });
-    }), /*#__PURE__*/React__default["default"].createElement("input", {
+    }), options ? /*#__PURE__*/React__default["default"].createElement(DropDown, {
+      onChange: changeDropDown,
+      options: options,
+      predictive: true,
+      verbose: false
+    }) : /*#__PURE__*/React__default["default"].createElement("input", {
       type: "text",
       value: value,
       onChange: change,
@@ -3718,17 +3737,25 @@
 
   var ColorField = function ColorField(props) {
     var id = props.id,
+        _props$label = props.label,
+        label = _props$label === void 0 ? "Color" : _props$label,
+        value = props.value,
         onChange = props.onChange;
 
-    function change(color) {
-      if (onChange) onChange(id, color.hex);
+    function change(event) {
+      var color = event.target.value;
+      if (onChange) onChange(id, color);
     }
 
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "color-field"
-    }, /*#__PURE__*/React__default["default"].createElement(reactColor.CirclePicker, {
-      onChangeComplete: change,
-      width: ""
+    }, /*#__PURE__*/React__default["default"].createElement("label", {
+      "for": id
+    }, label), /*#__PURE__*/React__default["default"].createElement("input", {
+      id: id,
+      type: "color",
+      onChange: change,
+      value: value
     }));
   };
 
@@ -4091,7 +4118,8 @@
         case FORMATS.COLOR:
           return /*#__PURE__*/React__default["default"].createElement(ColorField, {
             id: id,
-            onChange: change
+            onChange: change,
+            value: value
           });
 
         case FORMATS.HTML: